@carto/airship-components
Advanced tools
Comparing version 2.3.2-rc.0 to 2.3.2-rc.1
@@ -16,4 +16,5 @@ | ||
scriptElm.src = url + '/airship.esm.js'; | ||
warn.push(scriptElm.outerHTML); | ||
scriptElm.setAttribute('data-stencil-namespace', 'airship'); | ||
doc.head.appendChild(scriptElm); | ||
warn.push(scriptElm.outerHTML); | ||
@@ -23,4 +24,5 @@ scriptElm = doc.createElement('script'); | ||
scriptElm.src = url + '/airship.js'; | ||
warn.push(scriptElm.outerHTML); | ||
scriptElm.setAttribute('data-stencil-namespace', 'airship'); | ||
doc.head.appendChild(scriptElm); | ||
warn.push(scriptElm.outerHTML); | ||
@@ -27,0 +29,0 @@ console.warn(warn.join('\n')); |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as a}from"./p-3fce0d94.js";e().then(e=>a([["p-tp6fmozb",[[0,"as-time-series-widget",{heading:[1],description:[1],showHeader:[4,"show-header"],showClear:[4,"show-clear"],disableInteractivity:[4,"disable-interactivity"],data:[16],backgroundData:[16],color:[1],unselectedColor:[1,"unselected-color"],colorRange:[16],tooltipFormatter:[16],xLabel:[1,"x-label"],yLabel:[1,"y-label"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],progress:[2],playing:[4],animated:[516],timeFormat:[1,"time-format"],timeFormatLocale:[16],clearText:[1,"clear-text"],range:[16],disableAnimation:[4,"disable-animation"],xAxisOptions:[16],yAxisOptions:[16],defaultFormatter:[64],getSelection:[64],setSelection:[64],clearSelection:[64],xFormatter:[64]}]]],["p-2yhrawls",[[0,"as-category-widget",{categories:[16],defaultBarColor:[1,"default-bar-color"],description:[1],disableInteractivity:[4,"disable-interactivity"],valueFormatter:[16],heading:[1],showClearButton:[4,"show-clear-button"],showHeader:[4,"show-header"],useTotalPercentage:[4,"use-total-percentage"],visibleCategories:[2,"visible-categories"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],selectedCategories:[32],_firstDataSupplied:[32],getSelectedCategories:[64],clearSelection:[64]}]]],["p-j5r7brkb",[[0,"as-animation-controls-widget",{progress:[2],min:[2],max:[2],duration:[2],progressValue:[8,"progress-value"],isLoading:[4,"is-loading"],showThumb:[4,"show-thumb"],showThumbCaption:[4,"show-thumb-caption"],playing:[4],heading:[1],description:[1],showHeader:[4,"show-header"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],error:[1],errorDescription:[1,"error-description"]}]]],["p-tx6mgbbg",[[0,"as-legend-color-bins",{data:[16],orientation:[1],width:[2]}]]],["p-bncvojxb",[[0,"as-legend-color-bins-line",{data:[16],orientation:[1],width:[2]}]]],["p-m9kpymmu",[[0,"as-legend-color-bins-point",{data:[16],orientation:[1],width:[2]}]]],["p-zaqjpgjv",[[0,"as-legend-color-category",{data:[16],orientation:[1],width:[2]}]]],["p-vmqborz1",[[0,"as-legend-color-category-line",{data:[16],orientation:[1],width:[2]}]]],["p-hu5iuyzj",[[0,"as-legend-color-category-point",{data:[16],orientation:[1],width:[2]}]]],["p-srdz959s",[[0,"as-legend-color-category-polygon",{data:[16],orientation:[1],width:[2]}]]],["p-fdhrepn6",[[0,"as-legend-color-continuous-line",{data:[16],orientation:[1],width:[2]}]]],["p-hzaqqzl4",[[0,"as-legend-color-continuous-point",{data:[16],orientation:[1],width:[2]}]]],["p-zplx6tqw",[[0,"as-stacked-bar-widget",{heading:[1],description:[1],showLegend:[4,"show-legend"],data:[16],metadata:[16],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],mouseOver:[16],mouseLeave:[16],formatFn:[16]}]]],["p-nxejkecw",[[0,"as-legend-size-bins",{data:[16],orientation:[1],width:[2]}]]],["p-0pmyhtll",[[0,"as-legend-size-category",{data:[16],orientation:[1],width:[2]}]]],["p-bjiytqf8",[[0,"as-legend-size-continuous",{data:[16],orientation:[1],scale:[2]}]]],["p-rqk7z6zs",[[4,"as-layer-selector",{layers:[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["p-lfavpt1m",[[4,"as-legend",{loading:[4],heading:[1],description:[1]}]]],["p-rszltsl4",[[0,"as-legend-size-category-point",{data:[16],orientation:[1],width:[2]}]]],["p-pxxomfgi",[[0,"as-dropdown",{options:[16],selectedOption:[1025,"selected-option"],defaultText:[1,"default-text"],showClearButton:[4,"show-clear-button"],onClickOutside:[16],isOpen:[32],selectedOptionObject:[32],closeList:[64]}]]],["p-aqe7oisu",[[4,"as-infowindow",{src:[1]}]]],["p-fmbijdih",[[4,"as-responsive-content",{sections:[32],getSections:[64],setVisible:[64]}]]],["p-inhlwxyy",[[0,"as-switch",{checked:[1540],disabled:[516],label:[1],name:[513]}]]],["p-x8tgl9ih",[[4,"as-tabs",{activeTab:[1026,"active-tab"],xl:[4]}]]],["p-v7jbbvtl",[[4,"as-toolbar"]]],["p-agvz78lg",[[0,"as-y-axis",{from:[2],to:[2],responsive:[4]}]]],["p-fbbisokn",[[0,"as-histogram-widget",{heading:[1],description:[1],showHeader:[4,"show-header"],showClear:[4,"show-clear"],disableInteractivity:[4,"disable-interactivity"],data:[16],backgroundData:[16],color:[1],unselectedColor:[1,"unselected-color"],colorRange:[16],tooltipFormatter:[16],xLabel:[1,"x-label"],yLabel:[1,"y-label"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],axisFormatter:[16],clearText:[1,"clear-text"],selectedFormatter:[16],range:[16],disableAnimation:[4,"disable-animation"],xAxisOptions:[16],yAxisOptions:[16],tooltip:[32],_firstDataSupplied:[32],selectionEmpty:[32],selectionFooter:[32],isCategoricalData:[32],defaultFormatter:[64],getSelection:[64],setSelection:[64],clearSelection:[64],xFormatter:[64]}]]],["p-k61c9u14",[[4,"as-category-widget-placeholder"]]],["p-u1zm1tsy",[[0,"as-range-slider",{value:[2],range:[16],minValue:[2,"min-value"],maxValue:[2,"max-value"],step:[2],disabled:[4],draggable:[4],isDraggable:[4,"is-draggable"],showThumb:[4,"show-thumb"],showThumbCaption:[4,"show-thumb-caption"],formatValue:[16],thumbs:[32],areLabelsColliding:[32],isLeftLabelOverflowing:[32],isRightLabelOverflowing:[32]}]]],["p-uvs9n2mo",[[4,"as-layer-selector-slot",{layer:[8],index:[2],visible:[32]}]]],["p-ib5sztmd",[[0,"as-legend-color-bins-polygon",{data:[16],orientation:[1]}]]],["p-jeqm2pjf",[[0,"as-legend-color-continuous-polygon",{data:[16],orientation:[1]}]]],["p-jjbwoy6i",[[0,"as-legend-color-continuous",{data:[16],orientation:[1],width:[2]}]]],["p-rhaynb3z",[[0,"as-legend-size-bins-line",{data:[16],orientation:[1],width:[2]}]]],["p-43siwh6g",[[0,"as-legend-size-category-line",{data:[16],orientation:[1],aligned:[4],factor:[2],minWidth:[2,"min-width"]}]]],["p-knbpcnxw",[[0,"as-widget-legend",{data:[16]}]]],["p-zjnwomh2",[[0,"as-placeholder-list"]]],["p-r2ydtmdv",[[0,"as-legend-size-continuous-line",{data:[16],orientation:[1],size:[2],leadingLineStrokeWidth:[2,"leading-line-stroke-width"],textLineHeight:[2,"text-line-height"],xMarginFactor:[2,"x-margin-factor"],yMarginFactor:[2,"y-margin-factor"],width:[2],rSize:[32]}],[0,"as-legend-size-continuous-point",{data:[16],orientation:[1],scale:[2]}]]],["p-oi1cfmnf",[[0,"as-legend-size-bins-point",{data:[16],orientation:[1],width:[2]}]]],["p-i3o0edci",[[0,"as-range-slider-bar",{rangeStartPercentage:[1026,"range-start-percentage"],rangeEndPercentage:[1026,"range-end-percentage"],stepPercentage:[2,"step-percentage"],isDraggable:[4,"is-draggable"],disabled:[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{percentage:[2],value:[2],valueMin:[2,"value-min"],valueMax:[2,"value-max"],disabled:[4],showCaption:[4,"show-caption"],formatValue:[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-kkcpb5hh",[[4,"as-placeholder"],[0,"as-placeholder-bar",{width:[1],height:[1]}]]],["p-didkqfvj",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{barWidth:[2,"bar-width"],elementWidth:[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{selection:[1],clearText:[1,"clear-text"],showClear:[4,"show-clear"]}]]],["p-0mbw6jzy",[[0,"as-loader"],[0,"as-widget-header",{header:[1],subheader:[1],error:[1],isEmpty:[4,"is-empty"],isLoading:[4,"is-loading"],noDataMessage:[1,"no-data-message"]}]]],["p-jsitkjfo",[[0,"as-legend-category",{data:[16],orientation:[1],width:[2]}],[0,"as-legend-category-line-entry",{label:[1],color:[1],strokeStyle:[1,"stroke-style"],width:[2],_width:[32]}],[0,"as-legend-category-point-entry",{label:[1],color:[1],strokeColor:[1,"stroke-color"],strokeStyle:[1,"stroke-style"],marker:[1],width:[2]}],[0,"as-legend-category-polygon-entry",{label:[1],color:[1],strokeColor:[1,"stroke-color"],strokeStyle:[1,"stroke-style"]}]]]],e)); | ||
import{p as e,b as a}from"./p-1abd129a.js";e().then(e=>a([["p-e7afa1bc",[[0,"as-time-series-widget",{heading:[1],description:[1],showHeader:[4,"show-header"],showClear:[4,"show-clear"],disableInteractivity:[4,"disable-interactivity"],data:[16],backgroundData:[16],color:[1],unselectedColor:[1,"unselected-color"],colorRange:[16],tooltipFormatter:[16],xLabel:[1,"x-label"],yLabel:[1,"y-label"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],progress:[2],playing:[4],animated:[516],timeFormat:[1,"time-format"],timeFormatLocale:[16],clearText:[1,"clear-text"],range:[16],disableAnimation:[4,"disable-animation"],xAxisOptions:[16],yAxisOptions:[16],defaultFormatter:[64],getSelection:[64],setSelection:[64],clearSelection:[64],xFormatter:[64]}]]],["p-6167dd49",[[0,"as-category-widget",{categories:[16],defaultBarColor:[1,"default-bar-color"],description:[1],disableInteractivity:[4,"disable-interactivity"],valueFormatter:[16],heading:[1],showClearButton:[4,"show-clear-button"],showHeader:[4,"show-header"],useTotalPercentage:[4,"use-total-percentage"],visibleCategories:[2,"visible-categories"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],selectedCategories:[32],_firstDataSupplied:[32],getSelectedCategories:[64],clearSelection:[64]}]]],["p-62fe8137",[[0,"as-animation-controls-widget",{progress:[2],min:[2],max:[2],duration:[2],progressValue:[8,"progress-value"],isLoading:[4,"is-loading"],showThumb:[4,"show-thumb"],showThumbCaption:[4,"show-thumb-caption"],playing:[4],heading:[1],description:[1],showHeader:[4,"show-header"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],error:[1],errorDescription:[1,"error-description"]}]]],["p-8386201d",[[0,"as-legend-color-bins",{data:[16],orientation:[1],width:[2]}]]],["p-a063e122",[[0,"as-legend-color-bins-line",{data:[16],orientation:[1],width:[2]}]]],["p-a780ea64",[[0,"as-legend-color-bins-point",{data:[16],orientation:[1],width:[2]}]]],["p-7736ed76",[[0,"as-legend-color-category",{data:[16],orientation:[1],width:[2]}]]],["p-bf4dec00",[[0,"as-legend-color-category-line",{data:[16],orientation:[1],width:[2]}]]],["p-9c67fcd9",[[0,"as-legend-color-category-point",{data:[16],orientation:[1],width:[2]}]]],["p-10085935",[[0,"as-legend-color-category-polygon",{data:[16],orientation:[1],width:[2]}]]],["p-786d4389",[[0,"as-legend-color-continuous-line",{data:[16],orientation:[1],width:[2]}]]],["p-12e3f861",[[0,"as-legend-color-continuous-point",{data:[16],orientation:[1],width:[2]}]]],["p-0a289702",[[0,"as-stacked-bar-widget",{heading:[1],description:[1],showLegend:[4,"show-legend"],data:[16],metadata:[16],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],mouseOver:[16],mouseLeave:[16],formatFn:[16]}]]],["p-502e3701",[[0,"as-legend-size-bins",{data:[16],orientation:[1],width:[2]}]]],["p-e4699801",[[0,"as-legend-size-category",{data:[16],orientation:[1],width:[2]}]]],["p-c97d92fd",[[0,"as-legend-size-continuous",{data:[16],orientation:[1],scale:[2]}]]],["p-98ddb982",[[4,"as-layer-selector",{layers:[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["p-c86e043a",[[4,"as-legend",{loading:[4],heading:[1],description:[1]}]]],["p-13c0c9b6",[[0,"as-legend-size-category-point",{data:[16],orientation:[1],width:[2]}]]],["p-11fc071c",[[0,"as-dropdown",{options:[16],selectedOption:[1025,"selected-option"],defaultText:[1,"default-text"],showClearButton:[4,"show-clear-button"],onClickOutside:[16],isOpen:[32],selectedOptionObject:[32],closeList:[64]}]]],["p-e38be337",[[4,"as-infowindow",{src:[1]}]]],["p-fce9cb04",[[4,"as-responsive-content",{sections:[32],getSections:[64],setVisible:[64]}]]],["p-1b91082b",[[0,"as-switch",{checked:[1540],disabled:[516],label:[1],name:[513]}]]],["p-d3b8aa34",[[4,"as-tabs",{activeTab:[1026,"active-tab"],xl:[4]}]]],["p-b8eef6c9",[[4,"as-toolbar"]]],["p-814eb52a",[[0,"as-y-axis",{from:[2],to:[2],responsive:[4]}]]],["p-e3231f51",[[0,"as-histogram-widget",{heading:[1],description:[1],showHeader:[4,"show-header"],showClear:[4,"show-clear"],disableInteractivity:[4,"disable-interactivity"],data:[16],backgroundData:[16],color:[1],unselectedColor:[1,"unselected-color"],colorRange:[16],tooltipFormatter:[16],xLabel:[1,"x-label"],yLabel:[1,"y-label"],isLoading:[4,"is-loading"],error:[1],errorDescription:[1,"error-description"],noDataHeaderMessage:[1,"no-data-header-message"],noDataBodyMessage:[1,"no-data-body-message"],responsive:[4],axisFormatter:[16],clearText:[1,"clear-text"],selectedFormatter:[16],range:[16],disableAnimation:[4,"disable-animation"],xAxisOptions:[16],yAxisOptions:[16],tooltip:[32],_firstDataSupplied:[32],selectionEmpty:[32],selectionFooter:[32],isCategoricalData:[32],defaultFormatter:[64],getSelection:[64],setSelection:[64],clearSelection:[64],xFormatter:[64]}]]],["p-53e84fad",[[4,"as-category-widget-placeholder"]]],["p-74bd4883",[[0,"as-range-slider",{value:[2],range:[16],minValue:[2,"min-value"],maxValue:[2,"max-value"],step:[2],disabled:[4],draggable:[4],isDraggable:[4,"is-draggable"],showThumb:[4,"show-thumb"],showThumbCaption:[4,"show-thumb-caption"],formatValue:[16],thumbs:[32],areLabelsColliding:[32],isLeftLabelOverflowing:[32],isRightLabelOverflowing:[32]}]]],["p-21ef3bb3",[[4,"as-layer-selector-slot",{layer:[8],index:[2],visible:[32]}]]],["p-cea775f8",[[0,"as-legend-color-bins-polygon",{data:[16],orientation:[1]}]]],["p-abb64aaf",[[0,"as-legend-color-continuous-polygon",{data:[16],orientation:[1]}]]],["p-b50c5e13",[[0,"as-legend-color-continuous",{data:[16],orientation:[1],width:[2]}]]],["p-7559b560",[[0,"as-legend-size-bins-line",{data:[16],orientation:[1],width:[2]}]]],["p-bb4a0a38",[[0,"as-legend-size-category-line",{data:[16],orientation:[1],aligned:[4],factor:[2],minWidth:[2,"min-width"]}]]],["p-53b74e86",[[0,"as-widget-legend",{data:[16]}]]],["p-8b4d18be",[[0,"as-placeholder-list"]]],["p-b5d132e2",[[0,"as-legend-size-continuous-line",{data:[16],orientation:[1],size:[2],leadingLineStrokeWidth:[2,"leading-line-stroke-width"],textLineHeight:[2,"text-line-height"],xMarginFactor:[2,"x-margin-factor"],yMarginFactor:[2,"y-margin-factor"],width:[2],rSize:[32]}],[0,"as-legend-size-continuous-point",{data:[16],orientation:[1],scale:[2]}]]],["p-4799caab",[[0,"as-legend-size-bins-point",{data:[16],orientation:[1],width:[2]}]]],["p-4cf9c813",[[0,"as-range-slider-bar",{rangeStartPercentage:[1026,"range-start-percentage"],rangeEndPercentage:[1026,"range-end-percentage"],stepPercentage:[2,"step-percentage"],isDraggable:[4,"is-draggable"],disabled:[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{percentage:[2],value:[2],valueMin:[2,"value-min"],valueMax:[2,"value-max"],disabled:[4],showCaption:[4,"show-caption"],formatValue:[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-e8757312",[[4,"as-placeholder"],[0,"as-placeholder-bar",{width:[1],height:[1]}]]],["p-1ba0e3de",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{barWidth:[2,"bar-width"],elementWidth:[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{selection:[1],clearText:[1,"clear-text"],showClear:[4,"show-clear"]}]]],["p-bce2b4ac",[[0,"as-loader"],[0,"as-widget-header",{header:[1],subheader:[1],error:[1],isEmpty:[4,"is-empty"],isLoading:[4,"is-loading"],noDataMessage:[1,"no-data-message"]}]]],["p-a3bd5a71",[[0,"as-legend-category",{data:[16],orientation:[1],width:[2]}],[0,"as-legend-category-line-entry",{label:[1],color:[1],strokeStyle:[1,"stroke-style"],width:[2],_width:[32]}],[0,"as-legend-category-point-entry",{label:[1],color:[1],strokeColor:[1,"stroke-color"],strokeStyle:[1,"stroke-style"],marker:[1],width:[2]}],[0,"as-legend-category-polygon-entry",{label:[1],color:[1],strokeColor:[1,"stroke-color"],strokeStyle:[1,"stroke-style"]}]]]],e)); |
'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
core.patchBrowser().then(options => { | ||
return core.bootstrapLazy([["as-time-series-widget.cjs",[[0,"as-time-series-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"progress":[2],"playing":[4],"animated":[516],"timeFormat":[1,"time-format"],"timeFormatLocale":[16],"clearText":[1,"clear-text"],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget.cjs",[[0,"as-category-widget",{"categories":[16],"defaultBarColor":[1,"default-bar-color"],"description":[1],"disableInteractivity":[4,"disable-interactivity"],"valueFormatter":[16],"heading":[1],"showClearButton":[4,"show-clear-button"],"showHeader":[4,"show-header"],"useTotalPercentage":[4,"use-total-percentage"],"visibleCategories":[2,"visible-categories"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"selectedCategories":[32],"_firstDataSupplied":[32],"getSelectedCategories":[64],"clearSelection":[64]}]]],["as-animation-controls-widget.cjs",[[0,"as-animation-controls-widget",{"progress":[2],"min":[2],"max":[2],"duration":[2],"progressValue":[8,"progress-value"],"isLoading":[4,"is-loading"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"playing":[4],"heading":[1],"description":[1],"showHeader":[4,"show-header"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"error":[1],"errorDescription":[1,"error-description"]}]]],["as-legend-color-bins.cjs",[[0,"as-legend-color-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-line.cjs",[[0,"as-legend-color-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-point.cjs",[[0,"as-legend-color-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category.cjs",[[0,"as-legend-color-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-line.cjs",[[0,"as-legend-color-category-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-point.cjs",[[0,"as-legend-color-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-polygon.cjs",[[0,"as-legend-color-category-polygon",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-line.cjs",[[0,"as-legend-color-continuous-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-point.cjs",[[0,"as-legend-color-continuous-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-stacked-bar-widget.cjs",[[0,"as-stacked-bar-widget",{"heading":[1],"description":[1],"showLegend":[4,"show-legend"],"data":[16],"metadata":[16],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"mouseOver":[16],"mouseLeave":[16],"formatFn":[16]}]]],["as-legend-size-bins.cjs",[[0,"as-legend-size-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category.cjs",[[0,"as-legend-size-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-continuous.cjs",[[0,"as-legend-size-continuous",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-layer-selector.cjs",[[4,"as-layer-selector",{"layers":[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["as-legend.cjs",[[4,"as-legend",{"loading":[4],"heading":[1],"description":[1]}]]],["as-legend-size-category-point.cjs",[[0,"as-legend-size-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-dropdown.cjs",[[0,"as-dropdown",{"options":[16],"selectedOption":[1025,"selected-option"],"defaultText":[1,"default-text"],"showClearButton":[4,"show-clear-button"],"onClickOutside":[16],"isOpen":[32],"selectedOptionObject":[32],"closeList":[64]}]]],["as-infowindow.cjs",[[4,"as-infowindow",{"src":[1]}]]],["as-responsive-content.cjs",[[4,"as-responsive-content",{"sections":[32],"getSections":[64],"setVisible":[64]}]]],["as-switch.cjs",[[0,"as-switch",{"checked":[1540],"disabled":[516],"label":[1],"name":[513]}]]],["as-tabs.cjs",[[4,"as-tabs",{"activeTab":[1026,"active-tab"],"xl":[4]}]]],["as-toolbar.cjs",[[4,"as-toolbar"]]],["as-y-axis.cjs",[[0,"as-y-axis",{"from":[2],"to":[2],"responsive":[4]}]]],["as-histogram-widget.cjs",[[0,"as-histogram-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"axisFormatter":[16],"clearText":[1,"clear-text"],"selectedFormatter":[16],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"tooltip":[32],"_firstDataSupplied":[32],"selectionEmpty":[32],"selectionFooter":[32],"isCategoricalData":[32],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget-placeholder.cjs",[[4,"as-category-widget-placeholder"]]],["as-range-slider.cjs",[[0,"as-range-slider",{"value":[2],"range":[16],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"step":[2],"disabled":[4],"draggable":[4],"isDraggable":[4,"is-draggable"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"formatValue":[16],"thumbs":[32],"areLabelsColliding":[32],"isLeftLabelOverflowing":[32],"isRightLabelOverflowing":[32]}]]],["as-layer-selector-slot.cjs",[[4,"as-layer-selector-slot",{"layer":[8],"index":[2],"visible":[32]}]]],["as-legend-color-bins-polygon.cjs",[[0,"as-legend-color-bins-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous-polygon.cjs",[[0,"as-legend-color-continuous-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous.cjs",[[0,"as-legend-color-continuous",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-bins-line.cjs",[[0,"as-legend-size-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category-line.cjs",[[0,"as-legend-size-category-line",{"data":[16],"orientation":[1],"aligned":[4],"factor":[2],"minWidth":[2,"min-width"]}]]],["as-widget-legend.cjs",[[0,"as-widget-legend",{"data":[16]}]]],["as-placeholder-list.cjs",[[0,"as-placeholder-list"]]],["as-legend-size-continuous-line_2.cjs",[[0,"as-legend-size-continuous-line",{"data":[16],"orientation":[1],"size":[2],"leadingLineStrokeWidth":[2,"leading-line-stroke-width"],"textLineHeight":[2,"text-line-height"],"xMarginFactor":[2,"x-margin-factor"],"yMarginFactor":[2,"y-margin-factor"],"width":[2],"rSize":[32]}],[0,"as-legend-size-continuous-point",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-legend-size-bins-point.cjs",[[0,"as-legend-size-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-range-slider-bar_2.cjs",[[0,"as-range-slider-bar",{"rangeStartPercentage":[1026,"range-start-percentage"],"rangeEndPercentage":[1026,"range-end-percentage"],"stepPercentage":[2,"step-percentage"],"isDraggable":[4,"is-draggable"],"disabled":[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{"percentage":[2],"value":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"disabled":[4],"showCaption":[4,"show-caption"],"formatValue":[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["as-placeholder_2.cjs",[[4,"as-placeholder"],[0,"as-placeholder-bar",{"width":[1],"height":[1]}]]],["as-histogram-widget-placeholder_3.cjs",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{"barWidth":[2,"bar-width"],"elementWidth":[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{"selection":[1],"clearText":[1,"clear-text"],"showClear":[4,"show-clear"]}]]],["as-loader_2.cjs",[[0,"as-loader"],[0,"as-widget-header",{"header":[1],"subheader":[1],"error":[1],"isEmpty":[4,"is-empty"],"isLoading":[4,"is-loading"],"noDataMessage":[1,"no-data-message"]}]]],["as-legend-category_4.cjs",[[0,"as-legend-category",{"data":[16],"orientation":[1],"width":[2]}],[0,"as-legend-category-line-entry",{"label":[1],"color":[1],"strokeStyle":[1,"stroke-style"],"width":[2],"_width":[32]}],[0,"as-legend-category-point-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"],"marker":[1],"width":[2]}],[0,"as-legend-category-polygon-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"]}]]]], options); | ||
index.patchBrowser().then(options => { | ||
return index.bootstrapLazy([["as-time-series-widget.cjs",[[0,"as-time-series-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"progress":[2],"playing":[4],"animated":[516],"timeFormat":[1,"time-format"],"timeFormatLocale":[16],"clearText":[1,"clear-text"],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget.cjs",[[0,"as-category-widget",{"categories":[16],"defaultBarColor":[1,"default-bar-color"],"description":[1],"disableInteractivity":[4,"disable-interactivity"],"valueFormatter":[16],"heading":[1],"showClearButton":[4,"show-clear-button"],"showHeader":[4,"show-header"],"useTotalPercentage":[4,"use-total-percentage"],"visibleCategories":[2,"visible-categories"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"selectedCategories":[32],"_firstDataSupplied":[32],"getSelectedCategories":[64],"clearSelection":[64]}]]],["as-animation-controls-widget.cjs",[[0,"as-animation-controls-widget",{"progress":[2],"min":[2],"max":[2],"duration":[2],"progressValue":[8,"progress-value"],"isLoading":[4,"is-loading"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"playing":[4],"heading":[1],"description":[1],"showHeader":[4,"show-header"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"error":[1],"errorDescription":[1,"error-description"]}]]],["as-legend-color-bins.cjs",[[0,"as-legend-color-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-line.cjs",[[0,"as-legend-color-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-point.cjs",[[0,"as-legend-color-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category.cjs",[[0,"as-legend-color-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-line.cjs",[[0,"as-legend-color-category-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-point.cjs",[[0,"as-legend-color-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-polygon.cjs",[[0,"as-legend-color-category-polygon",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-line.cjs",[[0,"as-legend-color-continuous-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-point.cjs",[[0,"as-legend-color-continuous-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-stacked-bar-widget.cjs",[[0,"as-stacked-bar-widget",{"heading":[1],"description":[1],"showLegend":[4,"show-legend"],"data":[16],"metadata":[16],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"mouseOver":[16],"mouseLeave":[16],"formatFn":[16]}]]],["as-legend-size-bins.cjs",[[0,"as-legend-size-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category.cjs",[[0,"as-legend-size-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-continuous.cjs",[[0,"as-legend-size-continuous",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-layer-selector.cjs",[[4,"as-layer-selector",{"layers":[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["as-legend.cjs",[[4,"as-legend",{"loading":[4],"heading":[1],"description":[1]}]]],["as-legend-size-category-point.cjs",[[0,"as-legend-size-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-dropdown.cjs",[[0,"as-dropdown",{"options":[16],"selectedOption":[1025,"selected-option"],"defaultText":[1,"default-text"],"showClearButton":[4,"show-clear-button"],"onClickOutside":[16],"isOpen":[32],"selectedOptionObject":[32],"closeList":[64]}]]],["as-infowindow.cjs",[[4,"as-infowindow",{"src":[1]}]]],["as-responsive-content.cjs",[[4,"as-responsive-content",{"sections":[32],"getSections":[64],"setVisible":[64]}]]],["as-switch.cjs",[[0,"as-switch",{"checked":[1540],"disabled":[516],"label":[1],"name":[513]}]]],["as-tabs.cjs",[[4,"as-tabs",{"activeTab":[1026,"active-tab"],"xl":[4]}]]],["as-toolbar.cjs",[[4,"as-toolbar"]]],["as-y-axis.cjs",[[0,"as-y-axis",{"from":[2],"to":[2],"responsive":[4]}]]],["as-histogram-widget.cjs",[[0,"as-histogram-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"axisFormatter":[16],"clearText":[1,"clear-text"],"selectedFormatter":[16],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"tooltip":[32],"_firstDataSupplied":[32],"selectionEmpty":[32],"selectionFooter":[32],"isCategoricalData":[32],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget-placeholder.cjs",[[4,"as-category-widget-placeholder"]]],["as-range-slider.cjs",[[0,"as-range-slider",{"value":[2],"range":[16],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"step":[2],"disabled":[4],"draggable":[4],"isDraggable":[4,"is-draggable"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"formatValue":[16],"thumbs":[32],"areLabelsColliding":[32],"isLeftLabelOverflowing":[32],"isRightLabelOverflowing":[32]}]]],["as-layer-selector-slot.cjs",[[4,"as-layer-selector-slot",{"layer":[8],"index":[2],"visible":[32]}]]],["as-legend-color-bins-polygon.cjs",[[0,"as-legend-color-bins-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous-polygon.cjs",[[0,"as-legend-color-continuous-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous.cjs",[[0,"as-legend-color-continuous",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-bins-line.cjs",[[0,"as-legend-size-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category-line.cjs",[[0,"as-legend-size-category-line",{"data":[16],"orientation":[1],"aligned":[4],"factor":[2],"minWidth":[2,"min-width"]}]]],["as-widget-legend.cjs",[[0,"as-widget-legend",{"data":[16]}]]],["as-placeholder-list.cjs",[[0,"as-placeholder-list"]]],["as-legend-size-continuous-line_2.cjs",[[0,"as-legend-size-continuous-line",{"data":[16],"orientation":[1],"size":[2],"leadingLineStrokeWidth":[2,"leading-line-stroke-width"],"textLineHeight":[2,"text-line-height"],"xMarginFactor":[2,"x-margin-factor"],"yMarginFactor":[2,"y-margin-factor"],"width":[2],"rSize":[32]}],[0,"as-legend-size-continuous-point",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-legend-size-bins-point.cjs",[[0,"as-legend-size-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-range-slider-bar_2.cjs",[[0,"as-range-slider-bar",{"rangeStartPercentage":[1026,"range-start-percentage"],"rangeEndPercentage":[1026,"range-end-percentage"],"stepPercentage":[2,"step-percentage"],"isDraggable":[4,"is-draggable"],"disabled":[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{"percentage":[2],"value":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"disabled":[4],"showCaption":[4,"show-caption"],"formatValue":[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["as-placeholder_2.cjs",[[4,"as-placeholder"],[0,"as-placeholder-bar",{"width":[1],"height":[1]}]]],["as-histogram-widget-placeholder_3.cjs",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{"barWidth":[2,"bar-width"],"elementWidth":[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{"selection":[1],"clearText":[1,"clear-text"],"showClear":[4,"show-clear"]}]]],["as-loader_2.cjs",[[0,"as-loader"],[0,"as-widget-header",{"header":[1],"subheader":[1],"error":[1],"isEmpty":[4,"is-empty"],"isLoading":[4,"is-loading"],"noDataMessage":[1,"no-data-message"]}]]],["as-legend-category_4.cjs",[[0,"as-legend-category",{"data":[16],"orientation":[1],"width":[2]}],[0,"as-legend-category-line-entry",{"label":[1],"color":[1],"strokeStyle":[1,"stroke-style"],"width":[2],"_width":[32]}],[0,"as-legend-category-point-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"],"marker":[1],"width":[2]}],[0,"as-legend-category-polygon-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"]}]]]], options); | ||
}); |
@@ -5,9 +5,11 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const icons = require('./icons-2d2d2d13.js'); | ||
const content_fragment = require('./content.fragment-1307ce73.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const icons = require('./icons-55b587d3.js'); | ||
const content_fragment = require('./content.fragment-678362b7.js'); | ||
const asAnimationControlsWidgetCss = "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01, #FFF);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; | ||
const AnimationControlsWidget = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -54,5 +56,5 @@ * This attribute is the percentage of progress elapsed on an animation. | ||
this._isPlaying = false; | ||
this.play = core.createEvent(this, "play", 7); | ||
this.pause = core.createEvent(this, "pause", 7); | ||
this.seek = core.createEvent(this, "seek", 7); | ||
this.play = index.createEvent(this, "play", 7); | ||
this.pause = index.createEvent(this, "pause", 7); | ||
this.seek = index.createEvent(this, "seek", 7); | ||
} | ||
@@ -65,7 +67,7 @@ render() { | ||
_renderHeader() { | ||
return core.h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, error: this.error, "no-data-message": this.noDataHeaderMessage }); | ||
return index.h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, error: this.error, "no-data-message": this.noDataHeaderMessage }); | ||
} | ||
_renderContent() { | ||
return content_fragment.contentFragment(this.isLoading, this.error, false, // isEmtpy | ||
this.heading, this.errorDescription, this.noDataBodyMessage, core.h("div", { class: 'as-animation-controls-widget__wrapper as-body' }, core.h("div", { class: 'as-animation-controls-widget__player' }, core.h("button", { class: 'as-btn', onClick: this._onPlayPauseClick.bind(this) }, icons.icon(this.playing ? 'PAUSE' : 'PLAY', 'var(--as--color--primary)', { width: '32px', height: '32px' })), core.h("as-range-slider", { value: this.progress, "min-value": this.min, "max-value": this.max, showThumb: this.showThumb, showThumbCaption: this.showThumbCaption, onChange: this._onThumbChange.bind(this), onChangeStart: this._onThumbChangeStart.bind(this), onChangeEnd: this._onThumbChangeEnd.bind(this) })), core.h("footer", { class: 'as-animation-controls__progress-value' }, this.progressValue))); | ||
this.heading, this.errorDescription, this.noDataBodyMessage, index.h("div", { class: 'as-animation-controls-widget__wrapper as-body' }, index.h("div", { class: 'as-animation-controls-widget__player' }, index.h("button", { class: 'as-btn', onClick: this._onPlayPauseClick.bind(this) }, icons.icon(this.playing ? 'PAUSE' : 'PLAY', 'var(--as--color--primary)', { width: '32px', height: '32px' })), index.h("as-range-slider", { value: this.progress, "min-value": this.min, "max-value": this.max, showThumb: this.showThumb, showThumbCaption: this.showThumbCaption, onChange: this._onThumbChange.bind(this), onChangeStart: this._onThumbChangeStart.bind(this), onChangeEnd: this._onThumbChangeEnd.bind(this) })), index.h("footer", { class: 'as-animation-controls__progress-value' }, this.progressValue))); | ||
} | ||
@@ -97,5 +99,5 @@ _onPlayPauseClick(evt) { | ||
} | ||
static get style() { return "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01,#fff);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; } | ||
}; | ||
AnimationControlsWidget.style = asAnimationControlsWidgetCss; | ||
exports.as_animation_controls_widget = AnimationControlsWidget; |
@@ -5,16 +5,16 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const CategoryWidgetPlaceholder = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return [ | ||
core.h("as-placeholder", null, core.h("div", { slot: 'header' }, core.h("slot", null)), core.h("as-placeholder-bar", { width: '30%', height: '12px' }), core.h("as-placeholder-list", null)) | ||
index.h("as-placeholder", null, index.h("div", { slot: 'header' }, index.h("slot", null)), index.h("as-placeholder-bar", { width: '30%', height: '12px' }), index.h("as-placeholder-list", null)) | ||
]; | ||
} | ||
static get style() { return "as-category-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}as-placeholder-bar{margin-bottom:12px}"; } | ||
}; | ||
CategoryWidgetPlaceholder.style = "as-category-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }\n\n as-placeholder-bar {\n margin-bottom: 12px;\n }"; | ||
exports.as_category_widget_placeholder = CategoryWidgetPlaceholder; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const content_fragment = require('./content.fragment-1307ce73.js'); | ||
const readableNumber = require('./readable-number-3954c8a2.js'); | ||
const styles = require('./styles-4be9e321.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const content_fragment = require('./content.fragment-678362b7.js'); | ||
const readableNumber = require('./readable-number-c41ec00d.js'); | ||
const styles = require('./styles-5fc8fc3d.js'); | ||
const asCategoryWidgetCss = "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02, #F5F5F5);--as--category-bar--color:var(--as--color--complementary, #47DB99);--as--category-widget--background-color:var(--as--color--ui-01, #FFF);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02, #747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background 0.2s ease, opacity 0.5s ease;transition:background 0.2s ease, opacity 0.5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:0.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:0.6}"; | ||
const OTHER_CATEGORY_COLOR = '#747474'; | ||
@@ -15,3 +17,3 @@ const OTHER_CATEGORY_NAME = 'Other'; | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -91,3 +93,3 @@ * Array of categories to display in the widget. | ||
this._firstDataSupplied = false; | ||
this.categoriesSelected = core.createEvent(this, "categoriesSelected", 7); | ||
this.categoriesSelected = index.createEvent(this, "categoriesSelected", 7); | ||
} | ||
@@ -136,3 +138,3 @@ onDataChange() { | ||
if (this._isLoading()) { | ||
return (core.h("as-category-widget-placeholder", null, this._renderHeader())); | ||
return (index.h("as-category-widget-placeholder", null, this._renderHeader())); | ||
} | ||
@@ -150,3 +152,3 @@ return [ | ||
const selectedCount = this.selectedCategories.length; | ||
return core.h("as-widget-selection", { selection: `${selectedCount || 'All'} selected`, clearText: 'Clear selection', showClear: selectedCount > 0, onClear: () => this.clearSelection() }); | ||
return index.h("as-widget-selection", { selection: `${selectedCount || 'All'} selected`, clearText: 'Clear selection', showClear: selectedCount > 0, onClear: () => this.clearSelection() }); | ||
} | ||
@@ -157,3 +159,3 @@ _renderHeader() { | ||
} | ||
return core.h("as-widget-header", { header: this.heading, subheader: this.description, "is-empty": this._isEmpty(), "is-loading": this._isLoading(), error: this.error, "no-data-message": this.noDataHeaderMessage }); | ||
return index.h("as-widget-header", { header: this.heading, subheader: this.description, "is-empty": this._isEmpty(), "is-loading": this._isLoading(), error: this.error, "no-data-message": this.noDataHeaderMessage }); | ||
} | ||
@@ -168,3 +170,3 @@ _renderContent() { | ||
}; | ||
return core.h("ul", { class: cssClasses }, this._renderCategories()); | ||
return index.h("ul", { class: cssClasses }, this._renderCategories()); | ||
} | ||
@@ -202,4 +204,4 @@ _renderCategories() { | ||
}; | ||
const displayValue = this.valueFormatter(category.value); | ||
return (core.h("li", { class: cssClasses, onClick: () => this._toggleCategory(category) }, core.h("p", { class: 'as-category-widget__info as-body' }, core.h("div", { class: 'as-category-widget__title' }, category.name), displayValue), core.h("div", { class: 'as-category-widget__bar' }, core.h("div", { class: 'as-category-widget__bar-value', style: progressStyles })))); | ||
const displayValue = category.value !== null ? this.valueFormatter(category.value) : ''; | ||
return (index.h("li", { class: cssClasses, onClick: () => this._toggleCategory(category) }, index.h("p", { class: 'as-category-widget__info as-body' }, index.h("div", { class: 'as-category-widget__title' }, category.name), displayValue), index.h("div", { class: 'as-category-widget__bar' }, index.h("div", { class: 'as-category-widget__bar-value', style: progressStyles })))); | ||
} | ||
@@ -267,5 +269,5 @@ _renderOtherCategory(category, options) { | ||
}; } | ||
static get style() { return "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02,#f5f5f5);--as--category-bar--color:var(--as--color--complementary,#47db99);--as--category-widget--background-color:var(--as--color--ui-01,#fff);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02,#747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background .2s ease,opacity .5s ease;transition:background .2s ease,opacity .5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:.6}"; } | ||
}; | ||
CategoryWidget.style = asCategoryWidgetCss; | ||
exports.as_category_widget = CategoryWidget; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asDropdownCss = ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as--menu-dropdown--top-border--color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--border-color:var(--as--color--ui-04, #D1D5D7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--color:var(--as--color--text, #000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:hover,.as-menu-dropdown--input:focus{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:hover,.as-menu-dropdown--options li:focus-within{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01, #FFF);--as-dropdown__list--border-color:var(--as--color--ui-03, #E2E6E3);--as-dropdown--background-color:var(--as--color--ui-01, #FFF);--as-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as-dropdown--color--main:var(--as--color--primary, #1785FB);--as-dropdown--color--secondary:var(--as--color--ui-04, #D1D5D7);--as-dropdown--color--selected:var(--as--color--complementary--active, #C6F4DF);--as-dropdown--color:var(--as--color--text, #000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; | ||
const Dropdown = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -49,3 +51,3 @@ * Array of options to display in the dropdown | ||
this.onClickOutside = () => { this._closeList(); }; | ||
this.optionChanged = core.createEvent(this, "optionChanged", 7); | ||
this.optionChanged = index.createEvent(this, "optionChanged", 7); | ||
} | ||
@@ -86,6 +88,6 @@ /** | ||
}; | ||
return (core.h("div", { class: controlClasses }, core.h("button", { class: 'as-dropdown__control as-body', "aria-haspopup": 'true', "aria-expanded": this.isOpen, onClick: (e) => { e.stopPropagation(); this._toggleList(); } }, this.selectedOptionObject && this.selectedOptionObject.text | ||
return (index.h("div", { class: controlClasses }, index.h("button", { class: 'as-dropdown__control as-body', "aria-haspopup": 'true', "aria-expanded": this.isOpen, onClick: (e) => { e.stopPropagation(); this._toggleList(); } }, this.selectedOptionObject && this.selectedOptionObject.text | ||
|| this.selectedOptionObject && this.selectedOptionObject.value | ||
|| this.defaultText, core.h("div", { class: 'as-dropdown__arrow' }, core.h("svg", { viewBox: '2 6 12 6', xmlns: 'http://www.w3.org/2000/svg' }, core.h("path", { d: 'M8.30988427,11.1237193 L7.69011573,11.1237193 L15.2195214,4.12372525 C15.415115,3.94188438 15.7124148,3.96294311 15.8835591,4.17076125 C16.0547035,4.37857939 16.0348835,4.69446043 15.83929,4.8763013 L8.30988427,11.8762953 C8.13246042,12.041244 7.86753958,12.041244 7.69011573,11.8762953 L0.160710032,4.8763013 C-0.034883519,4.69446043 -0.0547035068,4.37857939 0.116440851,4.17076125 C0.287585208,3.96294311 0.584885024,3.94188438 0.780478575,4.12372525 L8.30988427,11.1237193 Z' })))), core.h("ul", { tabindex: '-1', class: 'as-dropdown__list' }, this._renderOptions(this.options)), allowRemoveSelectedOption ? | ||
core.h("button", { class: 'as-dropdown__clear', onClick: () => this.clearOption() }, core.h("svg", { viewBox: '2 2 12 12', xmlns: 'http://www.w3.org/2000/svg' }, core.h("path", { d: 'M8,8.58232323 L1.70292632,14.8793969 C1.5421222,15.040201 1.28140721,15.040201 1.12060309,14.8793969 C0.95979897,14.7185928 0.95979897,14.4578778 1.12060309,14.2970737 L7.41767677,8 L1.12060309,1.70292632 C0.95979897,1.5421222 0.95979897,1.28140721 1.12060309,1.12060309 C1.28140721,0.95979897 1.5421222,0.95979897 1.70292632,1.12060309 L8,7.41767677 L14.2970737,1.12060309 C14.4578778,0.95979897 14.7185928,0.95979897 14.8793969,1.12060309 C15.040201,1.28140721 15.040201,1.5421222 14.8793969,1.70292632 L8.58232323,8 L14.8793969,14.2970737 C15.040201,14.4578778 15.040201,14.7185928 14.8793969,14.8793969 C14.7185928,15.040201 14.4578778,15.040201 14.2970737,14.8793969 L8,8.58232323 Z' }))) : '')); | ||
|| this.defaultText, index.h("div", { class: 'as-dropdown__arrow' }, index.h("svg", { viewBox: '2 6 12 6', xmlns: 'http://www.w3.org/2000/svg' }, index.h("path", { d: 'M8.30988427,11.1237193 L7.69011573,11.1237193 L15.2195214,4.12372525 C15.415115,3.94188438 15.7124148,3.96294311 15.8835591,4.17076125 C16.0547035,4.37857939 16.0348835,4.69446043 15.83929,4.8763013 L8.30988427,11.8762953 C8.13246042,12.041244 7.86753958,12.041244 7.69011573,11.8762953 L0.160710032,4.8763013 C-0.034883519,4.69446043 -0.0547035068,4.37857939 0.116440851,4.17076125 C0.287585208,3.96294311 0.584885024,3.94188438 0.780478575,4.12372525 L8.30988427,11.1237193 Z' })))), index.h("ul", { tabindex: '-1', class: 'as-dropdown__list' }, this._renderOptions(this.options)), allowRemoveSelectedOption ? | ||
index.h("button", { class: 'as-dropdown__clear', onClick: () => this.clearOption() }, index.h("svg", { viewBox: '2 2 12 12', xmlns: 'http://www.w3.org/2000/svg' }, index.h("path", { d: 'M8,8.58232323 L1.70292632,14.8793969 C1.5421222,15.040201 1.28140721,15.040201 1.12060309,14.8793969 C0.95979897,14.7185928 0.95979897,14.4578778 1.12060309,14.2970737 L7.41767677,8 L1.12060309,1.70292632 C0.95979897,1.5421222 0.95979897,1.28140721 1.12060309,1.12060309 C1.28140721,0.95979897 1.5421222,0.95979897 1.70292632,1.12060309 L8,7.41767677 L14.2970737,1.12060309 C14.4578778,0.95979897 14.7185928,0.95979897 14.8793969,1.12060309 C15.040201,1.28140721 15.040201,1.5421222 14.8793969,1.70292632 L8.58232323,8 L14.8793969,14.2970737 C15.040201,14.4578778 15.040201,14.7185928 14.8793969,14.8793969 C14.7185928,15.040201 14.4578778,15.040201 14.2970737,14.8793969 L8,8.58232323 Z' }))) : '')); | ||
} | ||
@@ -98,3 +100,3 @@ _renderOptions(options) { | ||
}; | ||
return (core.h("li", { class: 'as-dropdown__list-item', "data-value": option.value }, core.h("button", { class: buttonClasses, onClick: (e) => { e.stopPropagation(); this._select(option); } }, option.text || option.value))); | ||
return (index.h("li", { class: 'as-dropdown__list-item', "data-value": option.value }, index.h("button", { class: buttonClasses, onClick: (e) => { e.stopPropagation(); this._select(option); } }, option.text || option.value))); | ||
}); | ||
@@ -145,5 +147,5 @@ } | ||
}; } | ||
static get style() { return ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as--menu-dropdown--top-border--color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--border-color:var(--as--color--ui-04,#d1d5d7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--color:var(--as--color--text,#000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:focus,.as-menu-dropdown--input:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color .3s;transition:background-color .3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:focus-within,.as-menu-dropdown--options li:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:focus,.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options,.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01,#fff);--as-dropdown__list--border-color:var(--as--color--ui-03,#e2e6e3);--as-dropdown--background-color:var(--as--color--ui-01,#fff);--as-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as-dropdown--color--main:var(--as--color--primary,#1785fb);--as-dropdown--color--secondary:var(--as--color--ui-04,#d1d5d7);--as-dropdown--color--selected:var(--as--color--complementary--active,#c6f4df);--as-dropdown--color:var(--as--color--text,#000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; } | ||
}; | ||
Dropdown.style = asDropdownCss; | ||
exports.as_dropdown = Dropdown; |
@@ -5,17 +5,19 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const CategoryWidgetPlaceholder = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return (core.h("as-placeholder", null, core.h("div", { slot: 'header' }, core.h("slot", null)), core.h("as-placeholder-chart", null))); | ||
return (index.h("as-placeholder", null, index.h("div", { slot: 'header' }, index.h("slot", null)), index.h("as-placeholder-chart", null))); | ||
} | ||
static get style() { return "as-histogram-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}"; } | ||
}; | ||
CategoryWidgetPlaceholder.style = "as-histogram-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }"; | ||
const asPlaceholderChartCss = "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child::after,.placeholder-chart__bar:nth-child(6n)::after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02, #F5F5F5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02, #F5F5F5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; | ||
const PlaceholderChart = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.barWidth = 10; | ||
@@ -34,4 +36,4 @@ } | ||
return [ | ||
core.h("section", { class: 'placeholder__vaxis' }, core.h("div", { class: 'vaxis-item vaxis-item--y' }), core.h("div", { class: 'vaxis-item vaxis-item--y' }), core.h("div", { class: 'vaxis-item vaxis-item--y' }), core.h("div", { class: 'vaxis-item vaxis-item--x' })), | ||
core.h("section", { class: 'placeholder-chart' }, placeholderBars) | ||
index.h("section", { class: 'placeholder__vaxis' }, index.h("div", { class: 'vaxis-item vaxis-item--y' }), index.h("div", { class: 'vaxis-item vaxis-item--y' }), index.h("div", { class: 'vaxis-item vaxis-item--y' }), index.h("div", { class: 'vaxis-item vaxis-item--x' })), | ||
index.h("section", { class: 'placeholder-chart' }, placeholderBars) | ||
]; | ||
@@ -43,3 +45,3 @@ } | ||
const barPercentage = Math.trunc(Math.random() * 85) + 15; | ||
bars.push(core.h("as-placeholder-bar", { class: 'placeholder-chart__bar', height: `${barPercentage}%`, width: `${this.barWidth}px` })); | ||
bars.push(index.h("as-placeholder-bar", { class: 'placeholder-chart__bar', height: `${barPercentage}%`, width: `${this.barWidth}px` })); | ||
} | ||
@@ -52,4 +54,3 @@ return bars; | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child:after,.placeholder-chart__bar:nth-child(6n):after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02,#f5f5f5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02,#f5f5f5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
@@ -62,6 +63,9 @@ function calculateBarsQuantity(elementWidth, barWidth) { | ||
} | ||
PlaceholderChart.style = asPlaceholderChartCss; | ||
const asWidgetSelectionCss = "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; | ||
const WidgetSelection = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -74,12 +78,12 @@ * Text for the clear text | ||
this.clearText = 'Clear selection'; | ||
this.clear = core.createEvent(this, "clear", 7); | ||
this.clear = index.createEvent(this, "clear", 7); | ||
} | ||
render() { | ||
return core.h("div", { class: 'as-color--type-01 as-widget-selection__wrapper' }, core.h("span", { class: 'as-widget-selection__selection as-body' }, this.selection), this.showClear ? this.renderClearBtn() : ''); | ||
return index.h("div", { class: 'as-color--type-01 as-widget-selection__wrapper' }, index.h("span", { class: 'as-widget-selection__selection as-body' }, this.selection), this.showClear ? this.renderClearBtn() : ''); | ||
} | ||
renderClearBtn() { | ||
return (core.h("span", { class: 'as-body as-color--primary as-widget-selection__clear', onClick: () => { this.clear.emit(); } }, this.clearText)); | ||
return (index.h("span", { class: 'as-body as-color--primary as-widget-selection__clear', onClick: () => { this.clear.emit(); } }, this.clearText)); | ||
} | ||
static get style() { return "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; } | ||
}; | ||
WidgetSelection.style = asWidgetSelectionCss; | ||
@@ -86,0 +90,0 @@ exports.as_histogram_widget_placeholder = CategoryWidgetPlaceholder; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asInfowindowCss = "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01, #FFF);--as--infowindow--color--shadow:var(--as--color--shadow, rgba(44, 44, 44, 0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook::before{content:\"\";position:absolute;z-index:3;top:0;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--background);border-right:18px solid transparent;border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook::after{content:\"\";position:absolute;z-index:2;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook::after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0, 0% 100%, 100% 0);clip-path:polygon(0 0, 0% 100%, 100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; | ||
const Infowindow = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -23,6 +25,6 @@ render() { | ||
_renderStandarInfowindow() { | ||
return (core.h("div", { class: 'as-infowindow' }, this.src && core.h("img", { src: this.src }), core.h("div", { class: 'as-infowindow__content' }, core.h("slot", null)), core.h("div", { class: 'as-infowindow__hook' }))); | ||
return (index.h("div", { class: 'as-infowindow' }, this.src && index.h("img", { src: this.src }), index.h("div", { class: 'as-infowindow__content' }, index.h("slot", null)), index.h("div", { class: 'as-infowindow__hook' }))); | ||
} | ||
_renderImageInfoWindow() { | ||
return (core.h("div", { class: 'as-infowindow' }, core.h("div", { class: 'as-infowindow__media' }, core.h("img", { src: this.src })), core.h("div", { class: 'as-infowindow__imageHook' }, core.h("div", { class: 'as-infowindow__imageHook--inner' }, core.h("img", { src: this.src }))))); | ||
return (index.h("div", { class: 'as-infowindow' }, index.h("div", { class: 'as-infowindow__media' }, index.h("img", { src: this.src })), index.h("div", { class: 'as-infowindow__imageHook' }, index.h("div", { class: 'as-infowindow__imageHook--inner' }, index.h("img", { src: this.src }))))); | ||
} | ||
@@ -43,6 +45,6 @@ _setupHook() { | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01,#fff);--as--infowindow--color--shadow:var(--as--color--shadow,rgba(44,44,44,0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook:before{z-index:3;top:0;border-top:12px solid var(--as--infowindow--color--background);border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook:after,as-infowindow .as-infowindow__hook:before{content:\"\";position:absolute;left:0;width:0;height:0;border-right:18px solid transparent}as-infowindow .as-infowindow__hook:after{z-index:2;top:3px;border-top:12px solid var(--as--infowindow--color--shadow);-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook:after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
Infowindow.style = asInfowindowCss; | ||
exports.as_infowindow = Infowindow; |
@@ -5,9 +5,11 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLayerSelectorSlotCss = "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; | ||
const LayerSelectorSlot = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.visible = true; | ||
this.onToggleCheckbox = core.createEvent(this, "onToggleCheckbox", 7); | ||
this.onToggleCheckbox = index.createEvent(this, "onToggleCheckbox", 7); | ||
} | ||
@@ -18,3 +20,5 @@ toggleCheckbox() { | ||
render() { | ||
return (core.h("div", { class: 'as-layer-selector-slot--wrapper' }, core.h("div", { class: 'as-checkbox' }, core.h("input", { class: 'as-checkbox-input', type: 'checkbox', id: `checkbox-${this.index}`, name: `layer-${this.layer.id}`, value: `layer-${this.layer.id}`, onChange: this._onChange.bind(this, this.index), checked: true }), core.h("span", { class: 'as-checkbox-decoration' }, core.h("svg", { class: 'as-checkbox-media' }, core.h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), core.h("label", { class: 'as-caption', htmlFor: `checkbox-${this.index}` }, this.layer.title)), core.h("div", { class: `as-checkbox-layer-slot ${this.visible ? 'as-checkbox-layer-slot--visible' : 'as-checkbox-layer-slot--hidden'}` }, core.h("slot", { name: `as-checkbox-layer-${this.index}-slot` })))); | ||
return (index.h("div", { class: 'as-layer-selector-slot--wrapper' }, index.h("div", { class: 'as-checkbox' }, index.h("input", { class: 'as-checkbox-input', type: 'checkbox', id: `checkbox-${this.index}`, name: `layer-${this.layer.id}`, value: `layer-${this.layer.id}`, onChange: this._onChange.bind(this, this.index), checked: true }), index.h("span", { class: 'as-checkbox-decoration' }, index.h("svg", { class: 'as-checkbox-media' }, index.h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), index.h("label", { class: 'as-caption', htmlFor: `checkbox-${this.index}` }, this.layer.title)), index.h("div", { class: `as-checkbox-layer-slot ${this.visible | ||
? 'as-checkbox-layer-slot--visible' | ||
: 'as-checkbox-layer-slot--hidden'}` }, index.h("slot", { name: `as-checkbox-layer-${this.index}-slot` })))); | ||
} | ||
@@ -25,5 +29,5 @@ _onChange(index, event) { | ||
} | ||
static get style() { return "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; } | ||
}; | ||
LayerSelectorSlot.style = asLayerSelectorSlotCss; | ||
exports.as_layer_selector_slot = LayerSelectorSlot; |
@@ -5,9 +5,11 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLayerSelectorCss = "as-layer-selector{display:block;padding:12px 12px 0}"; | ||
const LayerSelector = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.layers = []; | ||
this.onToggleLayer = core.createEvent(this, "onToggleLayer", 7); | ||
this.onToggleLayer = index.createEvent(this, "onToggleLayer", 7); | ||
} | ||
@@ -18,10 +20,10 @@ onToggleCheckbox(evt) { | ||
render() { | ||
return (core.h("div", { class: 'as-layer-selector--wrapper' }, this.layers.map(this._renderCheckbox.bind(this)))); | ||
return (index.h("div", { class: 'as-layer-selector--wrapper' }, this.layers.map(this._renderCheckbox.bind(this)))); | ||
} | ||
_renderCheckbox(layer, index) { | ||
return core.h("as-layer-selector-slot", { layer: layer, index: index }, core.h("slot", { name: `as-checkbox-layer-${index}-slot` })); | ||
_renderCheckbox(layer, index$1) { | ||
return index.h("as-layer-selector-slot", { layer: layer, index: index$1 }, index.h("slot", { name: `as-checkbox-layer-${index$1}-slot` })); | ||
} | ||
static get style() { return "as-layer-selector{display:block;padding:12px 12px 0}"; } | ||
}; | ||
LayerSelector.style = asLayerSelectorCss; | ||
exports.as_layer_selector = LayerSelector; |
@@ -5,9 +5,11 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const borderStyleCounts = require('./border-style-counts-bf882102.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const borderStyleCounts = require('./border-style-counts-e5f04323.js'); | ||
const asLegendCategoryCss = "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; | ||
const MIN_WIDTH = 16; | ||
const LegendColorCategory = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -22,6 +24,6 @@ render() { | ||
}; | ||
return core.h("div", { style: this.getStyle(), class: wrapper }, this.data | ||
return index.h("div", { style: this.getStyle(), class: wrapper }, this.data | ||
.map((e) => this.renderLegend(e)) | ||
.filter((e) => e !== null) | ||
.map((e) => core.h("div", { class: 'as-legend-category--entry' }, e))); | ||
.map((e) => index.h("div", { class: 'as-legend-category--entry' }, e))); | ||
} | ||
@@ -31,7 +33,7 @@ renderLegend(legend) { | ||
case 'point': | ||
return core.h("as-legend-category-point-entry", { label: legend.label, width: this.width || legend.width, color: legend.color, strokeColor: legend.strokeColor, marker: legend.marker, strokeStyle: legend.strokeStyle }); | ||
return index.h("as-legend-category-point-entry", { label: legend.label, width: this.width || legend.width, color: legend.color, strokeColor: legend.strokeColor, marker: legend.marker, strokeStyle: legend.strokeStyle }); | ||
case 'line': | ||
return core.h("as-legend-category-line-entry", { label: legend.label, width: legend.width, color: legend.color, strokeStyle: legend.strokeStyle }); | ||
return index.h("as-legend-category-line-entry", { label: legend.label, width: legend.width, color: legend.color, strokeStyle: legend.strokeStyle }); | ||
case 'polygon': | ||
return core.h("as-legend-category-polygon-entry", { label: legend.label, color: legend.color, strokeColor: legend.strokeColor, strokeStyle: legend.strokeStyle }); | ||
return index.h("as-legend-category-polygon-entry", { label: legend.label, color: legend.color, strokeColor: legend.strokeColor, strokeStyle: legend.strokeStyle }); | ||
default: | ||
@@ -47,9 +49,11 @@ return null; | ||
} | ||
static get style() { return "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; } | ||
}; | ||
LegendColorCategory.style = asLegendCategoryCss; | ||
const asLegendCategoryLineEntryCss = "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; | ||
const MAX_WIDTH = 16; | ||
const LegendCategoryLineEntry = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.strokeStyle = 'solid'; | ||
@@ -62,3 +66,3 @@ this.width = 1.5; | ||
render() { | ||
return (core.h("div", { class: 'as-legend-category-line-entry--wrapper' }, core.h("div", { class: 'as-legend-category--figure--wrapper' }, core.h("div", { class: 'as-legend-category-line-entry--line', style: this.getStyle() })), core.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
return (index.h("div", { class: 'as-legend-category-line-entry--wrapper' }, index.h("div", { class: 'as-legend-category--figure--wrapper' }, index.h("div", { class: 'as-legend-category-line-entry--line', style: this.getStyle() })), index.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
} | ||
@@ -78,5 +82,7 @@ _widthChanged(newValue) { | ||
}; } | ||
static get style() { return "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; } | ||
}; | ||
LegendCategoryLineEntry.style = asLegendCategoryLineEntryCss; | ||
const asLegendCategoryPointEntryCss = "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -90,3 +96,3 @@ // a 1px border. | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.width = DEFAULT_WIDTH; | ||
@@ -99,6 +105,6 @@ } | ||
}; | ||
return (core.h("div", { class: 'as-legend-category-point-entry--wrapper' }, core.h("div", { class: 'as-legend-category--figure--wrapper' }, core.h("div", { class: classes, style: this.getStyle() })), core.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
return (index.h("div", { class: 'as-legend-category-point-entry--wrapper' }, index.h("div", { class: 'as-legend-category--figure--wrapper' }, index.h("div", { class: classes, style: this.getStyle() })), index.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
} | ||
getStyle() { | ||
return Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth(), this.getMask()); | ||
return Object.assign(Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth()), this.getMask()); | ||
} | ||
@@ -135,11 +141,13 @@ getWidth() { | ||
} | ||
static get style() { return "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; } | ||
}; | ||
LegendCategoryPointEntry.style = asLegendCategoryPointEntryCss; | ||
const asLegendCategoryPolygonEntryCss = "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; | ||
const LegendColorCategoryPolygonEntry = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return (core.h("div", { class: 'as-legend-category-polygon-entry--wrapper' }, core.h("div", { class: 'as-legend-category--figure--wrapper' }, core.h("div", { class: 'as-legend-category-polygon-entry--box', style: this.getStyle() })), core.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
return (index.h("div", { class: 'as-legend-category-polygon-entry--wrapper' }, index.h("div", { class: 'as-legend-category--figure--wrapper' }, index.h("div", { class: 'as-legend-category-polygon-entry--box', style: this.getStyle() })), index.h("span", { class: 'as-legend-category--label' }, this.label))); | ||
} | ||
@@ -152,4 +160,4 @@ getStyle() { | ||
} | ||
static get style() { return "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; } | ||
}; | ||
LegendColorCategoryPolygonEntry.style = asLegendCategoryPolygonEntryCss; | ||
@@ -156,0 +164,0 @@ exports.as_legend_category = LegendColorCategory; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorBinsLine = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: line? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-bins-line{display:block}"; } | ||
}; | ||
LegendColorBinsLine.style = "as-legend-color-bins-line { display: block; }"; | ||
exports.as_legend_color_bins_line = LegendColorBinsLine; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorBinsPoint = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: point? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-bins-point{display:block}"; } | ||
}; | ||
LegendColorBinsPoint.style = "as-legend-color-bins-point { display: block; }"; | ||
exports.as_legend_color_bins_point = LegendColorBinsPoint; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendColorBinsPolygonCss = "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; | ||
const LegendColorBinsPolygon = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -21,13 +23,13 @@ } | ||
}; | ||
return core.h("div", { class: outerClasses }, core.h("div", { class: 'as-legend-color-bins-polygon--wrapper as-legend-color-bins-polygon--color' }, this.data.map(this.renderStep)), core.h("div", { class: 'as-legend-color-bins-polygon--wrapper as-legend-color-bins-polygon--labels' }, this.data.map(this.renderLabels))); | ||
return index.h("div", { class: outerClasses }, index.h("div", { class: 'as-legend-color-bins-polygon--wrapper as-legend-color-bins-polygon--color' }, this.data.map(this.renderStep)), index.h("div", { class: 'as-legend-color-bins-polygon--wrapper as-legend-color-bins-polygon--labels' }, this.data.map(this.renderLabels))); | ||
} | ||
renderStep(data) { | ||
return (core.h("div", { class: 'as-legend-color-bins-polygon--step', style: { background: data.color } })); | ||
return (index.h("div", { class: 'as-legend-color-bins-polygon--step', style: { background: data.color } })); | ||
} | ||
renderLabels(data) { | ||
return (core.h("div", { class: 'as-legend-color-bins-polygon--label' }, core.h("span", null, data.label))); | ||
return (index.h("div", { class: 'as-legend-color-bins-polygon--label' }, index.h("span", null, data.label))); | ||
} | ||
static get style() { return "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; } | ||
}; | ||
LegendColorBinsPolygon.style = asLegendColorBinsPolygonCss; | ||
exports.as_legend_color_bins_polygon = LegendColorBinsPolygon; |
@@ -5,7 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorBins = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -17,11 +17,11 @@ render() { | ||
if (this.data[0].type === 'polygon') { | ||
return (core.h("as-legend-color-bins-polygon", { data: this.data, orientation: this.orientation })); | ||
return (index.h("as-legend-color-bins-polygon", { data: this.data, orientation: this.orientation })); | ||
} | ||
else { | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
} | ||
static get style() { return "as-legend-color-bins{display:block}"; } | ||
}; | ||
LegendColorBins.style = "as-legend-color-bins { display: block; }"; | ||
exports.as_legend_color_bins = LegendColorBins; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorCategoryLine = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: line? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-category-line{display:block}"; } | ||
}; | ||
LegendColorCategoryLine.style = "as-legend-color-category-line { display: block; }"; | ||
exports.as_legend_color_category_line = LegendColorCategoryLine; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorCategoryPoint = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: point? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-category-point{display:block}"; } | ||
}; | ||
LegendColorCategoryPoint.style = "as-legend-color-category-point { display: block; }"; | ||
exports.as_legend_color_category_point = LegendColorCategoryPoint; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorCategoryPolygon = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: polygon? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-category-polygon{display:block}"; } | ||
}; | ||
LegendColorCategoryPolygon.style = "as-legend-color-category-polygon { display: block; }"; | ||
exports.as_legend_color_category_polygon = LegendColorCategoryPolygon; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorCategory = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: line? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-category{display:block}"; } | ||
}; | ||
LegendColorCategory.style = "as-legend-color-category { display: block; }"; | ||
exports.as_legend_color_category = LegendColorCategory; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorContinuousLine = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: line? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-continuous-line{display:block}"; } | ||
}; | ||
LegendColorContinuousLine.style = "as-legend-color-continuous-line { display: block; }"; | ||
exports.as_legend_color_continuous_line = LegendColorContinuousLine; |
@@ -5,15 +5,15 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorBinsPoint = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
// TODO: check if all values are type: point? | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
static get style() { return "as-legend-color-continuous-point{display:block}"; } | ||
}; | ||
LegendColorBinsPoint.style = "as-legend-color-continuous-point { display: block; }"; | ||
exports.as_legend_color_continuous_point = LegendColorBinsPoint; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendColorContinuousPolygonCss = "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; | ||
const LegendColorContinuousPolygon = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -21,10 +23,10 @@ } | ||
}; | ||
return core.h("div", { class: outerClasses }, core.h("div", { class: 'as-legend-color-continuous-polygon--wrapper as-legend-color-continuous-polygon--color' }, this.data.map((data, index, arr) => this.renderGradientStep(data, index, arr))), core.h("div", { class: 'as-legend-color-continuous-polygon--wrapper as-legend-color-continuous-polygon--labels' }, this.data.map((data, index, arr) => this.renderLabel(data, index, arr)))); | ||
return index.h("div", { class: outerClasses }, index.h("div", { class: 'as-legend-color-continuous-polygon--wrapper as-legend-color-continuous-polygon--color' }, this.data.map((data, index, arr) => this.renderGradientStep(data, index, arr))), index.h("div", { class: 'as-legend-color-continuous-polygon--wrapper as-legend-color-continuous-polygon--labels' }, this.data.map((data, index, arr) => this.renderLabel(data, index, arr)))); | ||
} | ||
renderGradientStep(data, index, arr) { | ||
if (index === arr.length - 1) { | ||
renderGradientStep(data, index$1, arr) { | ||
if (index$1 === arr.length - 1) { | ||
return null; | ||
} | ||
const start = data.color; | ||
const end = arr[index + 1].color; | ||
const end = arr[index$1 + 1].color; | ||
const direction = this.orientation === 'vertical' ? '.5turn' : '.25turn'; | ||
@@ -34,16 +36,16 @@ const style = { | ||
}; | ||
return (core.h("div", { class: 'as-legend-color-continuous-polygon--step', style: style })); | ||
return (index.h("div", { class: 'as-legend-color-continuous-polygon--step', style: style })); | ||
} | ||
renderLabel(data, index, arr) { | ||
if (this.orientation === 'vertical' && index === 0) { | ||
renderLabel(data, index$1, arr) { | ||
if (this.orientation === 'vertical' && index$1 === 0) { | ||
return null; | ||
} | ||
if (this.orientation === 'horizontal' && index === arr.length - 1) { | ||
if (this.orientation === 'horizontal' && index$1 === arr.length - 1) { | ||
return null; | ||
} | ||
return (core.h("div", { class: 'as-legend-color-continuous-polygon--label' }, core.h("span", null, data.label))); | ||
return (index.h("div", { class: 'as-legend-color-continuous-polygon--label' }, index.h("span", null, data.label))); | ||
} | ||
static get style() { return "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; } | ||
}; | ||
LegendColorContinuousPolygon.style = asLegendColorContinuousPolygonCss; | ||
exports.as_legend_color_continuous_polygon = LegendColorContinuousPolygon; |
@@ -5,7 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendColorCategory = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -17,11 +17,11 @@ render() { | ||
if (this.data[0].type === 'polygon') { | ||
return (core.h("as-legend-color-continuous-polygon", { data: this.data, orientation: this.orientation })); | ||
return (index.h("as-legend-color-continuous-polygon", { data: this.data, orientation: this.orientation })); | ||
} | ||
else { | ||
return (core.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
return (index.h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
} | ||
} | ||
static get style() { return "as-legend-color-continuous{display:block}"; } | ||
}; | ||
LegendColorCategory.style = "as-legend-color-continuous { display: block; }"; | ||
exports.as_legend_color_continuous = LegendColorCategory; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendSizeBinsLineCss = "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0, 0, 0, 0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; | ||
const LegendSizeBinsLine = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -25,3 +27,3 @@ this.width = null; | ||
}; | ||
return core.h("div", { class: outerClasses }, core.h("div", { style: wrapperStyle, class: 'as-legend-size-bins-line--wrapper as-legend-size-bins-line--color' }, this.data.map((d) => this.renderStep(d))), core.h("div", { class: 'as-legend-size-bins-line--wrapper as-legend-size-bins-line--labels' }, this.data.map(this.renderLabels))); | ||
return index.h("div", { class: outerClasses }, index.h("div", { style: wrapperStyle, class: 'as-legend-size-bins-line--wrapper as-legend-size-bins-line--color' }, this.data.map((d) => this.renderStep(d))), index.h("div", { class: 'as-legend-size-bins-line--wrapper as-legend-size-bins-line--labels' }, this.data.map(this.renderLabels))); | ||
} | ||
@@ -34,10 +36,10 @@ renderStep(data) { | ||
}; | ||
return (core.h("div", { class: 'as-legend-size-bins-line--step', style: style })); | ||
return (index.h("div", { class: 'as-legend-size-bins-line--step', style: style })); | ||
} | ||
renderLabels(data) { | ||
return (core.h("div", { class: 'as-legend-size-bins-line--label' }, core.h("span", null, data.label))); | ||
return (index.h("div", { class: 'as-legend-size-bins-line--label' }, index.h("span", null, data.label))); | ||
} | ||
static get style() { return "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0,0,0,0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; } | ||
}; | ||
LegendSizeBinsLine.style = asLegendSizeBinsLineCss; | ||
exports.as_legend_size_bins_line = LegendSizeBinsLine; |
@@ -5,5 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const borderStyleCounts = require('./border-style-counts-bf882102.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const borderStyleCounts = require('./border-style-counts-e5f04323.js'); | ||
const asLegendSizeBinsPointCss = "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -14,3 +16,3 @@ // a 1px border. | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -28,3 +30,3 @@ this.width = null; | ||
this.maxSize = this.width || this.data.slice().sort((first, second) => second.width - first.width)[0].width; | ||
return core.h("div", { class: classes }, this.data.map((data) => this.renderStep(data))); | ||
return index.h("div", { class: classes }, this.data.map((data) => this.renderStep(data))); | ||
} | ||
@@ -50,3 +52,3 @@ renderStep(data) { | ||
const style = Object.assign({ backgroundColor: data.color, border: strokeStyle, height: SIZE_PX, width: SIZE_PX }, mask); | ||
return (core.h("div", { class: 'as-legend-size-bins-point--step' }, core.h("div", { style: wrapperStyle, class: 'as-legend-size-bins-point--circle-wrapper' }, core.h("div", { class: 'as-legend-size-bins-point--circle', style: style })), core.h("span", { class: 'as-legend-size-bins-point--label' }, data.label))); | ||
return (index.h("div", { class: 'as-legend-size-bins-point--step' }, index.h("div", { style: wrapperStyle, class: 'as-legend-size-bins-point--circle-wrapper' }, index.h("div", { class: 'as-legend-size-bins-point--circle', style: style })), index.h("span", { class: 'as-legend-size-bins-point--label' }, data.label))); | ||
} | ||
@@ -68,5 +70,5 @@ getMask(data) { | ||
} | ||
static get style() { return "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; } | ||
}; | ||
LegendSizeBinsPoint.style = asLegendSizeBinsPointCss; | ||
exports.as_legend_size_bins_point = LegendSizeBinsPoint; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendSizeBinsCss = "as-legend-size-bins{display:block}"; | ||
const LegendSizeBins = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -23,5 +25,5 @@ this.width = null; | ||
case 'point': | ||
return core.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
return index.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
case 'line': | ||
return core.h("as-legend-size-bins-line", { data: this.data, orientation: this.orientation, width: this.width }); | ||
return index.h("as-legend-size-bins-line", { data: this.data, orientation: this.orientation, width: this.width }); | ||
default: | ||
@@ -31,5 +33,5 @@ return null; | ||
} | ||
static get style() { return "as-legend-size-bins{display:block}"; } | ||
}; | ||
LegendSizeBins.style = asLegendSizeBinsCss; | ||
exports.as_legend_size_bins = LegendSizeBins; |
@@ -5,4 +5,6 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendSizeCategoryLineCss = "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; | ||
const MIN_WIDTH = 48; | ||
@@ -12,3 +14,3 @@ const FACTOR = 3; | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -28,3 +30,3 @@ this.aligned = false; | ||
this.maxSize = this.data.slice().sort((first, second) => second.width - first.width)[0].width; | ||
return core.h("div", { class: classes }, this.data.map((data) => this.renderStep(data))); | ||
return index.h("div", { class: classes }, this.data.map((data) => this.renderStep(data))); | ||
} | ||
@@ -49,7 +51,7 @@ renderStep(data) { | ||
} | ||
return (core.h("div", { class: 'as-legend-size-category-line--step' }, core.h("div", { style: wrapperStyle, class: 'as-legend-size-category-line--line-wrapper' }, core.h("div", { class: 'as-legend-size-category-line--line', style: style })), core.h("span", { class: 'as-legend-size-category-line--label' }, data.label))); | ||
return (index.h("div", { class: 'as-legend-size-category-line--step' }, index.h("div", { style: wrapperStyle, class: 'as-legend-size-category-line--line-wrapper' }, index.h("div", { class: 'as-legend-size-category-line--line', style: style })), index.h("span", { class: 'as-legend-size-category-line--label' }, data.label))); | ||
} | ||
static get style() { return "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--line-wrapper,as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; } | ||
}; | ||
LegendSizeBinsPoint.style = asLegendSizeCategoryLineCss; | ||
exports.as_legend_size_category_line = LegendSizeBinsPoint; |
@@ -5,7 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendSizeCategory = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -18,7 +18,7 @@ this.width = null; | ||
} | ||
return core.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
return index.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
} | ||
static get style() { return "as-legend-size-category-point{display:block}"; } | ||
}; | ||
LegendSizeCategory.style = "as-legend-size-category-point { display: block; }"; | ||
exports.as_legend_size_category_point = LegendSizeCategory; |
@@ -5,7 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const LegendSizeCategory = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -20,5 +20,5 @@ this.width = null; | ||
case 'point': | ||
return core.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
return index.h("as-legend-size-bins-point", { data: this.data, orientation: this.orientation, width: this.width }); | ||
case 'line': | ||
return core.h("as-legend-size-category-line", { data: this.data, orientation: this.orientation }); | ||
return index.h("as-legend-size-category-line", { data: this.data, orientation: this.orientation }); | ||
default: | ||
@@ -28,5 +28,5 @@ return null; | ||
} | ||
static get style() { return "as-legend-size-category{display:block}"; } | ||
}; | ||
LegendSizeCategory.style = "as-legend-size-category { display: block; }"; | ||
exports.as_legend_size_category = LegendSizeCategory; |
@@ -5,5 +5,7 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const borderStyleCounts = require('./border-style-counts-bf882102.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const borderStyleCounts = require('./border-style-counts-e5f04323.js'); | ||
const asLegendSizeContinuousLineCss = "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; | ||
const TEXT_MARGIN = 4; | ||
@@ -13,3 +15,3 @@ const MIN_LINE_SIZE = 4; | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.data = null; | ||
@@ -93,3 +95,3 @@ this.orientation = 'vertical'; | ||
}; | ||
return core.h("svg", { class: classes, style: this.getSVGStyle(), viewBox: this.getSVGViewBox() }, core.h("g", null, core.h("path", { style: this.getPathStyle(), d: realPath.join(' ') + ' Z' }), core.h("g", null, lines.map(({ x1, x2, y1, y2 }) => { | ||
return index.h("svg", { class: classes, style: this.getSVGStyle(), viewBox: this.getSVGViewBox() }, index.h("g", null, index.h("path", { style: this.getPathStyle(), d: realPath.join(' ') + ' Z' }), index.h("g", null, lines.map(({ x1, x2, y1, y2 }) => { | ||
let xOff = -X_OFFSET; | ||
@@ -99,4 +101,4 @@ if (this.orientation === 'horizontal') { | ||
} | ||
return (core.h("line", { "stroke-width": this.leadingLineStrokeWidth, x1: x1, y1: y1, x2: x2 + xOff, y2: y2 })); | ||
})), core.h("g", null, lines.map(({ label, x2, y2 }) => { | ||
return (index.h("line", { "stroke-width": this.leadingLineStrokeWidth, x1: x1, y1: y1, x2: x2 + xOff, y2: y2 })); | ||
})), index.h("g", null, lines.map(({ label, x2, y2 }) => { | ||
const offset = { | ||
@@ -111,3 +113,3 @@ x: TEXT_MARGIN - X_OFFSET, | ||
return [ | ||
core.h("text", { x: x2 + offset.x, y: y2 + offset.y }, label) | ||
index.h("text", { x: x2 + offset.x, y: y2 + offset.y }, label) | ||
]; | ||
@@ -161,5 +163,7 @@ })))); | ||
} | ||
static get style() { return "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; } | ||
}; | ||
LegendSizeContinuousLine.style = asLegendSizeContinuousLineCss; | ||
const asLegendSizeContinuousPointCss = "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -170,3 +174,3 @@ // a 1px border. | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -189,3 +193,3 @@ this.scale = 1; | ||
}; | ||
return core.h("div", { class: classes }, core.h("span", { class: 'as-legend-size-continuous-point--label' }, sortedData[sortedData.length - 1].label), core.h("div", { style: size, class: 'as-legend-size-continuous-point--steps' }, sortedData.map((data) => this.renderStep(data))), core.h("span", { class: 'as-legend-size-continuous-point--label' }, sortedData[0].label)); | ||
return index.h("div", { class: classes }, index.h("span", { class: 'as-legend-size-continuous-point--label' }, sortedData[sortedData.length - 1].label), index.h("div", { style: size, class: 'as-legend-size-continuous-point--steps' }, sortedData.map((data) => this.renderStep(data))), index.h("span", { class: 'as-legend-size-continuous-point--label' }, sortedData[0].label)); | ||
} | ||
@@ -204,8 +208,8 @@ renderStep(data) { | ||
}; | ||
return core.h("div", { class: 'as-legend-size-continuous-point--circle', style: style }); | ||
return index.h("div", { class: 'as-legend-size-continuous-point--circle', style: style }); | ||
} | ||
static get style() { return "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{position:relative;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; } | ||
}; | ||
LegendSizeContinuousPoint.style = asLegendSizeContinuousPointCss; | ||
exports.as_legend_size_continuous_line = LegendSizeContinuousLine; | ||
exports.as_legend_size_continuous_point = LegendSizeContinuousPoint; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendSizeContinuousCss = "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; | ||
const LegendSizeContinuous = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
@@ -21,3 +23,3 @@ this.scale = 1; | ||
}; | ||
return core.h("div", { class: classes }, this.renderLegend(this.data)); | ||
return index.h("div", { class: classes }, this.renderLegend(this.data)); | ||
} | ||
@@ -27,5 +29,5 @@ renderLegend(data) { | ||
case 'point': | ||
return core.h("as-legend-size-continuous-point", { data: this.data, orientation: this.orientation, scale: this.scale }); | ||
return index.h("as-legend-size-continuous-point", { data: this.data, orientation: this.orientation, scale: this.scale }); | ||
case 'line': | ||
return core.h("as-legend-size-continuous-line", { data: this.data, orientation: this.orientation }); | ||
return index.h("as-legend-size-continuous-line", { data: this.data, orientation: this.orientation }); | ||
default: | ||
@@ -35,5 +37,5 @@ return null; | ||
} | ||
static get style() { return "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; } | ||
}; | ||
LegendSizeContinuous.style = asLegendSizeContinuousCss; | ||
exports.as_legend_size_continuous = LegendSizeContinuous; |
@@ -5,10 +5,12 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLegendCss = "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend *[slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; | ||
const Legend = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return (core.h("div", { class: 'as-legend--wrapper' }, this.renderHeader(), this.renderContent())); | ||
return (index.h("div", { class: 'as-legend--wrapper' }, this.renderHeader(), this.renderContent())); | ||
} | ||
@@ -20,4 +22,4 @@ renderContent() { | ||
return [ | ||
core.h("div", { class: 'as-legend--legends-slot' }, core.h("slot", { name: 'legends' })), | ||
core.h("slot", { name: 'footer' }) | ||
index.h("div", { class: 'as-legend--legends-slot' }, index.h("slot", { name: 'legends' })), | ||
index.h("slot", { name: 'footer' }) | ||
]; | ||
@@ -27,8 +29,8 @@ } | ||
if (this.heading || this.description) { | ||
return core.h("as-widget-header", { header: this.heading, subheader: this.description }); | ||
return index.h("as-widget-header", { header: this.heading, subheader: this.description }); | ||
} | ||
} | ||
static get style() { return "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend [slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; } | ||
}; | ||
Legend.style = asLegendCss; | ||
exports.as_legend = Legend; |
@@ -5,17 +5,21 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asLoaderCss = "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; | ||
const Loader = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return core.h("span", { class: 'as-loading' }, core.h("svg", { viewBox: '0 0 50 50' }, core.h("circle", { cx: '25', cy: '25', r: '20', fill: 'none' }))); | ||
return index.h("span", { class: 'as-loading' }, index.h("svg", { viewBox: '0 0 50 50' }, index.h("circle", { cx: '25', cy: '25', r: '20', fill: 'none' }))); | ||
} | ||
static get style() { return "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; } | ||
}; | ||
Loader.style = asLoaderCss; | ||
const asWidgetHeaderCss = "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color, #F4F4F4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error, #F3522B);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty, #FDB32B);text-transform:uppercase}"; | ||
const WidgetHeader = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -58,3 +62,3 @@ * Main title | ||
return [ | ||
core.h("h2", { class: 'as-widget-header__header' }, this.header), | ||
index.h("h2", { class: 'as-widget-header__header' }, this.header), | ||
this._getSubHeader(), | ||
@@ -65,16 +69,16 @@ ]; | ||
if (this.isLoading) { | ||
return core.h("p", { class: 'as-widget-header__subheader as-body' }, this.subheader); | ||
return index.h("p", { class: 'as-widget-header__subheader as-body' }, this.subheader); | ||
} | ||
if (this.error) { | ||
return core.h("p", { class: 'as-widget-header__subheader as-widget-header__subheader--error as-body' }, this.error); | ||
return index.h("p", { class: 'as-widget-header__subheader as-widget-header__subheader--error as-body' }, this.error); | ||
} | ||
if (this.isEmpty) { | ||
return core.h("p", { class: 'as-widget-header__subheader as-widget-header__subheader--empty as-body' }, this.noDataMessage); | ||
return index.h("p", { class: 'as-widget-header__subheader as-widget-header__subheader--empty as-body' }, this.noDataMessage); | ||
} | ||
return core.h("p", { class: 'as-widget-header__subheader as-body' }, this.subheader); | ||
return index.h("p", { class: 'as-widget-header__subheader as-body' }, this.subheader); | ||
} | ||
static get style() { return "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color,#f4f4f4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error,#f3522b);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty,#fdb32b);text-transform:uppercase}"; } | ||
}; | ||
WidgetHeader.style = asWidgetHeaderCss; | ||
exports.as_loader = Loader; | ||
exports.as_widget_header = WidgetHeader; |
@@ -5,17 +5,21 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asPlaceholderCss = ".placeholder{position:relative;background-color:var(--as--color--ui-01, #FFF)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body, 12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;background-color:var(--as--color--primary, #1785FB)}@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; | ||
const Placeholder = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return (core.h("section", { class: 'placeholder' }, core.h("div", { class: 'progress' }, core.h("div", { class: 'progress__animation' })), core.h("div", { class: 'placeholder__title' }, core.h("slot", { name: 'header' }, "Loading data...")), core.h("div", { class: 'placeholder__content' }, core.h("slot", null)))); | ||
return (index.h("section", { class: 'placeholder' }, index.h("div", { class: 'progress' }, index.h("div", { class: 'progress__animation' })), index.h("div", { class: 'placeholder__title' }, index.h("slot", { name: 'header' }, "Loading data...")), index.h("div", { class: 'placeholder__content' }, index.h("slot", null)))); | ||
} | ||
static get style() { return ".placeholder{position:relative;background-color:var(--as--color--ui-01,#fff)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body,12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;background-color:var(--as--color--primary,#1785fb)}\@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}\@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; } | ||
}; | ||
Placeholder.style = asPlaceholderCss; | ||
const asPlaceholderBarCss = "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02, #F5F5F5)}"; | ||
const PlaceholderBar = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -27,8 +31,8 @@ render() { | ||
}; | ||
return (core.h(core.Host, { style: styles }, core.h("div", { class: 'placeholder-bar' }))); | ||
return (index.h(index.Host, { style: styles }, index.h("div", { class: 'placeholder-bar' }))); | ||
} | ||
static get style() { return "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02,#f5f5f5)}"; } | ||
}; | ||
PlaceholderBar.style = asPlaceholderBarCss; | ||
exports.as_placeholder = Placeholder; | ||
exports.as_placeholder_bar = PlaceholderBar; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asPlaceholderListCss = ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; | ||
const LoadingBar = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -23,7 +25,7 @@ render() { | ||
const barPercentage = Math.trunc(Math.random() * 60) + 40; | ||
return (core.h("div", { class: 'placeholder-list__items' }, core.h("as-placeholder-bar", { class: 'placeholder-list__item placeholder-list__item--first', height: '12px', width: `${barPercentage}%` }), core.h("as-placeholder-bar", { class: 'placeholder-list__item', height: '4px', width: '100%' }))); | ||
return (index.h("div", { class: 'placeholder-list__items' }, index.h("as-placeholder-bar", { class: 'placeholder-list__item placeholder-list__item--first', height: '12px', width: `${barPercentage}%` }), index.h("as-placeholder-bar", { class: 'placeholder-list__item', height: '4px', width: '100%' }))); | ||
} | ||
static get style() { return ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; } | ||
}; | ||
LoadingBar.style = asPlaceholderListCss; | ||
exports.as_placeholder_list = LoadingBar; |
@@ -5,3 +5,3 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
@@ -43,2 +43,4 @@ function handleMouseDown(listeners) { | ||
const asRangeSliderBarCss = "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary, #1785FB);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03, #E2E6E3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider__range-bar--background-color, #1785FB)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable::after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; | ||
const MAX_PERCENTAGE = 100; | ||
@@ -48,6 +50,6 @@ const MIN_PERCENTAGE = 0; | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
this.barMove = core.createEvent(this, "barMove", 7); | ||
this.barChangeStart = core.createEvent(this, "barChangeStart", 7); | ||
this.barChangeEnd = core.createEvent(this, "barChangeEnd", 7); | ||
index.registerInstance(this, hostRef); | ||
this.barMove = index.createEvent(this, "barMove", 7); | ||
this.barChangeStart = index.createEvent(this, "barChangeStart", 7); | ||
this.barChangeEnd = index.createEvent(this, "barChangeEnd", 7); | ||
} | ||
@@ -64,3 +66,3 @@ render() { | ||
}; | ||
return core.h("div", { class: cssClasses, style: barStyles }); | ||
return index.h("div", { class: cssClasses, style: barStyles }); | ||
} | ||
@@ -154,16 +156,18 @@ onMouseDown(event) { | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary,#1785fb);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03,#e2e6e3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider__range-bar--background-color,#1785fb)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable:after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
RangeSliderBar.style = asRangeSliderBarCss; | ||
const asRangeSliderThumbCss = "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary, #1785FB);--as--range-slider--thumb-handle--background-color:var(--as--color--white, #FFF);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary, #1785FB);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0);-webkit-transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:transform 200ms ease, opacity 200ms ease;transition:transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle::before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle:hover,as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px, 0, 0) scale(1.33);transform:translate3d(-6px, 0, 0) scale(1.33)}"; | ||
const RangeSliderThumb = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.showCaption = true; | ||
this.thumbMove = core.createEvent(this, "thumbMove", 7); | ||
this.thumbChangeStart = core.createEvent(this, "thumbChangeStart", 7); | ||
this.thumbChangeEnd = core.createEvent(this, "thumbChangeEnd", 7); | ||
this.thumbIncrease = core.createEvent(this, "thumbIncrease", 7); | ||
this.thumbDecrease = core.createEvent(this, "thumbDecrease", 7); | ||
this.thumbRender = core.createEvent(this, "thumbRender", 7); | ||
this.thumbMove = index.createEvent(this, "thumbMove", 7); | ||
this.thumbChangeStart = index.createEvent(this, "thumbChangeStart", 7); | ||
this.thumbChangeEnd = index.createEvent(this, "thumbChangeEnd", 7); | ||
this.thumbIncrease = index.createEvent(this, "thumbIncrease", 7); | ||
this.thumbDecrease = index.createEvent(this, "thumbDecrease", 7); | ||
this.thumbRender = index.createEvent(this, "thumbRender", 7); | ||
} | ||
@@ -181,3 +185,3 @@ componentDidRender() { | ||
}; | ||
return (core.h("div", { role: 'slider', tabindex: this.disabled ? '-1' : '0', "aria-valuetext": this._getDisplayValue(this.value), "aria-valuenow": this.value, "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, class: cssClasses, style: thumbStyles, "data-value": this.value }, core.h("div", { class: 'as-range-slider__thumb-handle' }), this._renderDisplayValue())); | ||
return (index.h("div", { role: 'slider', tabindex: this.disabled ? '-1' : '0', "aria-valuetext": this._getDisplayValue(this.value), "aria-valuenow": this.value, "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, class: cssClasses, style: thumbStyles, "data-value": this.value }, index.h("div", { class: 'as-range-slider__thumb-handle' }), this._renderDisplayValue())); | ||
} | ||
@@ -218,4 +222,2 @@ onMouseDown(event) { | ||
break; | ||
default: | ||
break; | ||
} | ||
@@ -256,3 +258,3 @@ if (flag) { | ||
}; | ||
return (core.h("span", { class: cssValueClasses }, this._getDisplayValue(this.value))); | ||
return (index.h("span", { class: cssValueClasses }, this._getDisplayValue(this.value))); | ||
} | ||
@@ -265,7 +267,7 @@ _getDisplayValue(value) { | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary,#1785fb);--as--range-slider--thumb-handle--background-color:var(--as--color--white,#fff);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary,#1785fb);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle:before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving,as-range-slider-thumb .as-range-slider__thumb-handle:hover{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px,0,0) scale(1.33);transform:translate3d(-6px,0,0) scale(1.33)}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
RangeSliderThumb.style = asRangeSliderThumbCss; | ||
exports.as_range_slider_bar = RangeSliderBar; | ||
exports.as_range_slider_thumb = RangeSliderThumb; |
@@ -5,3 +5,3 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
@@ -21,5 +21,7 @@ function getDecimalPlaces(decimalNumber) { | ||
const asRangeSliderCss = "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--range-color:var(--as--color--primary, #1785FB);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail::before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider--rail-color, #E2E6E3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px), 0, 0);transform:translate3d(calc(-100% + 6px), 0, 0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; | ||
const RangeSlider = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -84,5 +86,5 @@ * Bottom limit of the range. | ||
this.thumbs = []; | ||
this.change = core.createEvent(this, "change", 7); | ||
this.changeStart = core.createEvent(this, "changeStart", 7); | ||
this.changeEnd = core.createEvent(this, "changeEnd", 7); | ||
this.change = index.createEvent(this, "change", 7); | ||
this.changeStart = index.createEvent(this, "changeStart", 7); | ||
this.changeEnd = index.createEvent(this, "changeEnd", 7); | ||
} | ||
@@ -121,3 +123,3 @@ validateValue(newValue) { | ||
}; | ||
return (core.h("div", { class: cssClasses }, core.h("div", { class: 'as-range-slider__rail' }, this.thumbs.map((thumb) => this._renderThumb(thumb)), this._renderRangeBar(), this._renderCollapsedLabel()))); | ||
return (index.h("div", { class: cssClasses }, index.h("div", { class: 'as-range-slider__rail' }, this.thumbs.map((thumb) => this._renderThumb(thumb)), this._renderRangeBar(), this._renderCollapsedLabel()))); | ||
} | ||
@@ -133,3 +135,3 @@ _getLabelOffsetPercentage() { | ||
if (this.showThumb) { | ||
return core.h("as-range-slider-thumb", { value: thumb.value, valueMin: thumb.valueMin, valueMax: thumb.valueMax, percentage: thumb.percentage, disabled: this.disabled, formatValue: this.formatValue, showCaption: this._shouldShowCaption(), onThumbMove: (event) => this._onThumbMove(thumb, event.detail), onThumbIncrease: () => this._onKeyboardThumbMove(thumb, +1), onThumbDecrease: () => this._onKeyboardThumbMove(thumb, -1), onThumbChangeStart: () => this._emitChangeIn(this.changeStart), onThumbChangeEnd: () => this._emitChangeIn(this.changeEnd), onThumbRender: () => this.checkThumbCollision() }); | ||
return index.h("as-range-slider-thumb", { value: thumb.value, valueMin: thumb.valueMin, valueMax: thumb.valueMax, percentage: thumb.percentage, disabled: this.disabled, formatValue: this.formatValue, showCaption: this._shouldShowCaption(), onThumbMove: (event) => this._onThumbMove(thumb, event.detail), onThumbIncrease: () => this._onKeyboardThumbMove(thumb, +1), onThumbDecrease: () => this._onKeyboardThumbMove(thumb, -1), onThumbChangeStart: () => this._emitChangeIn(this.changeStart), onThumbChangeEnd: () => this._emitChangeIn(this.changeEnd), onThumbRender: () => this.checkThumbCollision() }); | ||
} | ||
@@ -140,3 +142,3 @@ } | ||
const isDraggable = (this.isDraggable || this.draggable) && this.range !== undefined; | ||
return core.h("as-range-slider-bar", { rangeStartPercentage: firstThumbPercentage, rangeEndPercentage: lastThumbPercentage, isDraggable: isDraggable, disabled: this.disabled, stepPercentage: this._getStepPercentage(), onBarChangeStart: () => this._emitChangeIn(this.changeStart), onBarChangeEnd: () => this._emitChangeIn(this.changeEnd), onBarMove: (event) => this._onBarMove(event) }); | ||
return index.h("as-range-slider-bar", { rangeStartPercentage: firstThumbPercentage, rangeEndPercentage: lastThumbPercentage, isDraggable: isDraggable, disabled: this.disabled, stepPercentage: this._getStepPercentage(), onBarChangeStart: () => this._emitChangeIn(this.changeStart), onBarChangeEnd: () => this._emitChangeIn(this.changeEnd), onBarMove: (event) => this._onBarMove(event) }); | ||
} | ||
@@ -162,3 +164,3 @@ _renderCollapsedLabel() { | ||
}; | ||
return (core.h("div", { class: classes, style: positionStyles }, formatValue(this.thumbs[0].value), core.h("span", { class: 'as-range-slider__label-separator' }, "\u2014"), formatValue(this.thumbs[1].value))); | ||
return (index.h("div", { class: classes, style: positionStyles }, formatValue(this.thumbs[0].value), index.h("span", { class: 'as-range-slider__label-separator' }, "\u2014"), formatValue(this.thumbs[1].value))); | ||
} | ||
@@ -324,3 +326,3 @@ _getCurrentThumbPercentages() { | ||
} | ||
get element() { return core.getElement(this); } | ||
get element() { return index.getElement(this); } | ||
static get watchers() { return { | ||
@@ -330,3 +332,2 @@ "value": ["validateValue"], | ||
}; } | ||
static get style() { return "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--range-color:var(--as--color--primary,#1785fb);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail:before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider--rail-color,#e2e6e3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px),0,0);transform:translate3d(calc(-100% + 6px),0,0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; } | ||
}; | ||
@@ -339,3 +340,4 @@ function isColliding(a, b, margin) { | ||
} | ||
RangeSlider.style = asRangeSliderCss; | ||
exports.as_range_slider = RangeSlider; |
@@ -5,4 +5,4 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const redrawChildren = require('./redraw-children-e47ac0ef.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const redrawChildren = require('./redraw-children-e4ac2b32.js'); | ||
@@ -101,8 +101,10 @@ class ApplicationSection { | ||
const asResponsiveContentCss = "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; | ||
const ResponsiveContent = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
this.sections = []; | ||
this.ready = core.createEvent(this, "ready", 7); | ||
this.sectionChange = core.createEvent(this, "sectionChange", 7); | ||
this.ready = index.createEvent(this, "ready", 7); | ||
this.sectionChange = index.createEvent(this, "sectionChange", 7); | ||
} | ||
@@ -131,3 +133,3 @@ componentWillLoad() { | ||
_renderTabs() { | ||
const tabs = this.sections.map((section, index) => { | ||
const tabs = this.sections.map((section, index$1) => { | ||
if (!section.element) { | ||
@@ -140,8 +142,8 @@ return; | ||
}; | ||
return (core.h("button", { onClick: () => this.setActive(section), role: 'tab', class: cssClasses }, section.name || index)); | ||
return (index.h("button", { onClick: () => this.setActive(section), role: 'tab', class: cssClasses }, section.name || index$1)); | ||
}); | ||
return (core.h("div", { role: 'tablist', class: 'as-toolbar-tabs as-tabs as-tabs--xl' }, tabs)); | ||
return (index.h("div", { role: 'tablist', class: 'as-toolbar-tabs as-tabs as-tabs--xl' }, tabs)); | ||
} | ||
_renderContent() { | ||
return (core.h("section", { class: 'as-content' }, core.h("slot", null))); | ||
return (index.h("section", { class: 'as-content' }, index.h("slot", null))); | ||
} | ||
@@ -182,6 +184,6 @@ setActive(section, redraw = true) { | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
ResponsiveContent.style = asResponsiveContentCss; | ||
exports.as_responsive_content = ResponsiveContent; |
@@ -5,9 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const content_fragment = require('./content.fragment-1307ce73.js'); | ||
const index = require('./index-35a1c04e.js'); | ||
require('./index-84d1550f.js'); | ||
require('./index-f86f0d00.js'); | ||
require('./readable-number-3954c8a2.js'); | ||
const yAxis_service = require('./y-axis.service-924c25df.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const content_fragment = require('./content.fragment-678362b7.js'); | ||
const index$1 = require('./index-749d1396.js'); | ||
require('./index-fdfd0aed.js'); | ||
require('./index-886c5a8f.js'); | ||
require('./readable-number-c41ec00d.js'); | ||
const yAxis_service = require('./y-axis.service-5b658d88.js'); | ||
@@ -39,3 +39,3 @@ function colors(specifier) { | ||
function ramp(scheme) { | ||
return index.rgbBasis(scheme[scheme.length - 1]); | ||
return index$1.rgbBasis(scheme[scheme.length - 1]); | ||
} | ||
@@ -385,11 +385,11 @@ | ||
index.cubehelixLong(index.cubehelix(300, 0.5, 0.0), index.cubehelix(-240, 0.5, 1.0)); | ||
index$1.cubehelixLong(index$1.cubehelix(300, 0.5, 0.0), index$1.cubehelix(-240, 0.5, 1.0)); | ||
var warm = index.cubehelixLong(index.cubehelix(-100, 0.75, 0.35), index.cubehelix(80, 1.50, 0.8)); | ||
var warm = index$1.cubehelixLong(index$1.cubehelix(-100, 0.75, 0.35), index$1.cubehelix(80, 1.50, 0.8)); | ||
var cool = index.cubehelixLong(index.cubehelix(260, 0.75, 0.35), index.cubehelix(80, 1.50, 0.8)); | ||
var cool = index$1.cubehelixLong(index$1.cubehelix(260, 0.75, 0.35), index$1.cubehelix(80, 1.50, 0.8)); | ||
var c = index.cubehelix(); | ||
var c = index$1.cubehelix(); | ||
var c$1 = index.rgb(); | ||
var c$1 = index$1.rgb(); | ||
@@ -418,3 +418,3 @@ function ramp$1(range) { | ||
const map = {}; | ||
const scale = index.linear() | ||
const scale = index$1.linear() | ||
.domain([0, keys.length]) | ||
@@ -520,3 +520,3 @@ .range([0, 1]); | ||
const [from, to] = scale; | ||
const yScale = index.linear() | ||
const yScale = index$1.linear() | ||
.domain([from, to]) | ||
@@ -595,3 +595,3 @@ .range([0, 100]); | ||
function _createPlot(svgElement) { | ||
const container = index.select(svgElement); | ||
const container = index$1.select(svgElement); | ||
if (container.select('.plot').empty()) { | ||
@@ -619,6 +619,8 @@ container | ||
const asStackedBarWidgetCss = ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01, #2C2C2C);--as--tooltip--color:var(--as--color--text-contrast, #FFF);--as--tooltip--support-color:var(--as--color--white, #FFF);--as--tooltip--primary--background-color:var(--as--primary--success, #1785FB);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success, #0F2D53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success, #47DB99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error, #F3522B);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning, #FDB32B);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success, #80B622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip::after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top::after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotateZ(45deg);transform:translateY(-6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--bot::after,.as-tooltip--bottom::after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotateZ(45deg);transform:translateY(6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--right::after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotateZ(45deg);transform:translateY(-5px) translateX(-4px) rotateZ(45deg)}.as-tooltip--left::after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotateZ(45deg);transform:translateY(-4px) translateX(4px) rotateZ(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01, #FFF);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:0.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%);pointer-events:none}"; | ||
const BAR_WIDTH_THRESHOLD = 3; | ||
const StackedBarWidget = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -674,3 +676,3 @@ * Boolean flag to control legend visibility. | ||
this.mouseOver = (data) => { | ||
const event = index.event; | ||
const event = index$1.event; | ||
this.tooltip.style.display = 'inline'; | ||
@@ -698,3 +700,3 @@ this.tooltip.style.left = `${event.clientX}px`; | ||
return [ | ||
core.h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, "is-empty": this._isEmpty(), error: this.error, "no-data-message": this.noDataHeaderMessage }), | ||
index.h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, "is-empty": this._isEmpty(), error: this.error, "no-data-message": this.noDataHeaderMessage }), | ||
this._renderContent() | ||
@@ -729,5 +731,5 @@ ]; | ||
return content_fragment.contentFragment(this.isLoading, this.error, this._isEmpty(), this.heading, this.errorDescription, this.noDataBodyMessage, [ | ||
core.h("svg", { class: 'figure', ref: (ref) => this.container = ref }), | ||
index.h("svg", { class: 'figure', ref: (ref) => this.container = ref }), | ||
this._renderLegend(), | ||
core.h("span", { ref: (ref) => this.tooltip = ref, role: 'tooltip', class: 'as-tooltip as-tooltip--top' }, " TOOLTIP") | ||
index.h("span", { ref: (ref) => this.tooltip = ref, role: 'tooltip', class: 'as-tooltip as-tooltip--top' }, " TOOLTIP") | ||
]); | ||
@@ -766,3 +768,3 @@ } | ||
const legendData = dataService.createLegendData(this.metadata, this.colorMap); | ||
return core.h("as-widget-legend", { data: legendData }); | ||
return index.h("as-widget-legend", { data: legendData }); | ||
} | ||
@@ -789,9 +791,9 @@ } | ||
} | ||
get el() { return core.getElement(this); } | ||
get el() { return index.getElement(this); } | ||
static get watchers() { return { | ||
"data": ["_onDataChanged"] | ||
}; } | ||
static get style() { return ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01,#2c2c2c);--as--tooltip--color:var(--as--color--text-contrast,#fff);--as--tooltip--support-color:var(--as--color--white,#fff);--as--tooltip--primary--background-color:var(--as--primary--success,#1785fb);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success,#0f2d53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success,#47db99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error,#f3522b);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning,#fdb32b);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success,#80b622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip:after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top:after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotate(45deg);transform:translateY(-6px) translateX(-5px) rotate(45deg)}.as-tooltip--bot:after,.as-tooltip--bottom:after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotate(45deg);transform:translateY(6px) translateX(-5px) rotate(45deg)}.as-tooltip--right:after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotate(45deg);transform:translateY(-5px) translateX(-4px) rotate(45deg)}.as-tooltip--left:after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotate(45deg);transform:translateY(-4px) translateX(4px) rotate(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01,#fff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%);pointer-events:none}"; } | ||
}; | ||
StackedBarWidget.style = asStackedBarWidgetCss; | ||
exports.as_stacked_bar_widget = StackedBarWidget; |
@@ -5,8 +5,10 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asSwitchCss = "as-switch{--as--switch--color--background-active:var(--as--color--complementary, #47DB99);--as--switch--color--background-checked:var(--as--color--primary, #1785FB);--as--switch--color--background-default:var(--as--color--type-03, #BABABA);--as--switch--color--background-disabled:var(--as--color--ui-02, #F5F5F5);--as--switch--color--checked-thumb:var(--as--color--ui-01, #FFF);--as--switch--color--color-disabled:var(--as--color--ui-04, #D1D5D7);--as--switch--color--thumb:var(--as--color--ui-01, #FFF);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle::after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle::after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle::after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; | ||
const Switch = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
this.change = core.createEvent(this, "change", 7); | ||
index.registerInstance(this, hostRef); | ||
this.change = index.createEvent(this, "change", 7); | ||
} | ||
@@ -32,3 +34,3 @@ /** | ||
if (this.label) { | ||
return (core.h("div", { class: 'as-switch' }, core.h("div", { class: 'as-switch__element' }, this._renderSwitch()), core.h("label", { class: 'as-switch__label as-body' }, this.label))); | ||
return (index.h("div", { class: 'as-switch' }, index.h("div", { class: 'as-switch__element' }, this._renderSwitch()), index.h("label", { class: 'as-switch__label as-body' }, this.label))); | ||
} | ||
@@ -39,5 +41,5 @@ return this._renderSwitch(); | ||
return [ | ||
core.h("input", { class: 'as-switch__input', checked: this.checked, disabled: this.disabled, role: 'switch', id: this.el.id, name: this.name, type: 'checkbox', title: this.el.title }), | ||
core.h("label", { class: 'as-switch__toggle', htmlFor: this.el.id }), | ||
core.h("svg", { class: 'as-switch__thumb', width: '10', height: '8', xmlns: 'http://www.w3.org/2000/svg' }, core.h("path", { fill: 'currentColor', | ||
index.h("input", { class: 'as-switch__input', checked: this.checked, disabled: this.disabled, role: 'switch', id: this.el.id, name: this.name, type: 'checkbox', title: this.el.title }), | ||
index.h("label", { class: 'as-switch__toggle', htmlFor: this.el.id }), | ||
index.h("svg", { class: 'as-switch__thumb', width: '10', height: '8', xmlns: 'http://www.w3.org/2000/svg' }, index.h("path", { fill: 'currentColor', | ||
// tslint:disable-next-line | ||
@@ -47,6 +49,6 @@ d: 'M3.315 7.858L.133 4.441a.506.506 0 0 1 0-.683l.643-.684a.437.437 0 0 1 .642 0l2.219 2.393L8.58.141a.437.437 0 0 1 .643 0l.643.683a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0' })) | ||
} | ||
get el() { return core.getElement(this); } | ||
static get style() { return "as-switch{--as--switch--color--background-active:var(--as--color--complementary,#47db99);--as--switch--color--background-checked:var(--as--color--primary,#1785fb);--as--switch--color--background-default:var(--as--color--type-03,#bababa);--as--switch--color--background-disabled:var(--as--color--ui-02,#f5f5f5);--as--switch--color--checked-thumb:var(--as--color--ui-01,#fff);--as--switch--color--color-disabled:var(--as--color--ui-04,#d1d5d7);--as--switch--color--thumb:var(--as--color--ui-01,#fff);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle:after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle:after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle:after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; } | ||
get el() { return index.getElement(this); } | ||
}; | ||
Switch.style = asSwitchCss; | ||
exports.as_switch = Switch; |
@@ -5,8 +5,10 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const redrawChildren = require('./redraw-children-e47ac0ef.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const redrawChildren = require('./redraw-children-e4ac2b32.js'); | ||
const asTabsCss = ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01, #FFF);--as--tabs--border-color:var(--as--color--ui-03, #E2E6E3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary, #1785FB);--as--tabs--item--color-hover:var(--as--color--type-01, #2C2C2C);--as--tabs--item--color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover:var(--as--color--complementary, #47DB99);--as--tabs--item--border-color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover-active:var(--as--color--primary, #1785FB);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar{display:none}.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border 0.2s;transition:border 0.2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl{}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; | ||
const Tabs = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -25,3 +27,3 @@ * Index of the active tab. Defaults to 0 | ||
this._renderTabs(children), | ||
core.h("slot", null) | ||
index.h("slot", null) | ||
]; | ||
@@ -59,11 +61,11 @@ } | ||
}; | ||
return core.h("div", { role: 'tablist', class: tabListClasses }, children.map(this._renderTab.bind(this))); | ||
return index.h("div", { role: 'tablist', class: tabListClasses }, children.map(this._renderTab.bind(this))); | ||
} | ||
_renderTab(childrenElement, index) { | ||
_renderTab(childrenElement, index$1) { | ||
const elementClasses = { | ||
'as-tabs__item': true, | ||
'as-tabs__item--active': index === this.activeTab | ||
'as-tabs__item--active': index$1 === this.activeTab | ||
}; | ||
const title = this._getTitle(childrenElement, index); | ||
return core.h("button", { role: 'tab', class: elementClasses, onClick: () => { this.activeTab = index; } }, " ", title, " "); | ||
const title = this._getTitle(childrenElement, index$1); | ||
return index.h("button", { role: 'tab', class: elementClasses, onClick: () => { this.activeTab = index$1; } }, " ", title, " "); | ||
} | ||
@@ -76,6 +78,6 @@ _getTitle(element, index) { | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01,#fff);--as--tabs--border-color:var(--as--color--ui-03,#e2e6e3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary,#1785fb);--as--tabs--item--color-hover:var(--as--color--type-01,#2c2c2c);--as--tabs--item--color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover:var(--as--color--complementary,#47db99);--as--tabs--item--border-color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover-active:var(--as--color--primary,#1785fb);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar,.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border .2s;transition:border .2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
Tabs.style = asTabsCss; | ||
exports.as_tabs = Tabs; |
@@ -5,6 +5,6 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const icons = require('./icons-2d2d2d13.js'); | ||
const index = require('./index-35a1c04e.js'); | ||
const constants = require('./constants-e65c6c4c.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const icons = require('./icons-55b587d3.js'); | ||
const index$1 = require('./index-749d1396.js'); | ||
const constants = require('./constants-d3aec86b.js'); | ||
@@ -26,6 +26,8 @@ function sameData(first, second) { | ||
const asTimeSeriesWidgetCss = "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary, #1785FB);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color, #FFF)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection,as-time-series-widget.as-time-series--animated as-histogram-widget .content{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--track{cursor:pointer}"; | ||
const SCRUBBER_SIZE = 6; | ||
const TimeSeriesWidget = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -152,6 +154,6 @@ * Toggles displaying title and description | ||
this.axisFormatter = this.axisFormatter.bind(this); | ||
this.play = core.createEvent(this, "play", 7); | ||
this.pause = core.createEvent(this, "pause", 7); | ||
this.selectionChanged = core.createEvent(this, "selectionChanged", 7); | ||
this.seek = core.createEvent(this, "seek", 7); | ||
this.play = index.createEvent(this, "play", 7); | ||
this.pause = index.createEvent(this, "pause", 7); | ||
this.selectionChanged = index.createEvent(this, "selectionChanged", 7); | ||
this.seek = index.createEvent(this, "seek", 7); | ||
} | ||
@@ -175,3 +177,3 @@ onDataChanged(newData, oldData) { | ||
onTimeFormatChanged(newFormat) { | ||
this._formatter = index.timeFormat(newFormat); | ||
this._formatter = index$1.timeFormat(newFormat); | ||
if (this.histogram) { | ||
@@ -183,3 +185,3 @@ this.histogram.forceUpdate(); | ||
try { | ||
index.defaultLocale(newLocale); | ||
index$1.defaultLocale(newLocale); | ||
if (this.timeFormat) { | ||
@@ -240,5 +242,5 @@ this.onTimeFormatChanged(this.timeFormat); | ||
if (this.timeFormatLocale) { | ||
index.defaultLocale(this.timeFormatLocale); | ||
index$1.defaultLocale(this.timeFormatLocale); | ||
} | ||
this._formatter = index.timeFormat(this.timeFormat); | ||
this._formatter = index$1.timeFormat(this.timeFormat); | ||
this.histogram.addEventListener('selectionInput', (evt) => { | ||
@@ -274,3 +276,3 @@ if (evt.detail === null) { | ||
}; | ||
return core.h(core.Host, { class: classes }, this._renderButton(), core.h("as-histogram-widget", { ref: (ref) => { this.histogram = ref; }, heading: this.heading, description: this.description, showHeader: this.showHeader, showClear: this.showClear, disableInteractivity: this.disableInteractivity, data: this.data, backgroundData: this._backgroundData, color: this.color, unselectedColor: this.unselectedColor, colorRange: this.colorRange, axisFormatter: this.axisFormatter, tooltipFormatter: this.tooltipFormatter || this._tooltipFormatter.bind(this), xLabel: this.xLabel, yLabel: this.yLabel, isLoading: this.isLoading, error: this.error, errorDescription: this.errorDescription, noDataHeaderMessage: this.noDataHeaderMessage, noDataBodyMessage: this.noDataBodyMessage, responsive: this.responsive, clearText: this.clearText, range: this.range, disableAnimation: this.disableAnimation, xAxisOptions: this.xAxisOptions, yAxisOptions: this.yAxisOptions })); | ||
return index.h(index.Host, { class: classes }, this._renderButton(), index.h("as-histogram-widget", { ref: (ref) => { this.histogram = ref; }, heading: this.heading, description: this.description, showHeader: this.showHeader, showClear: this.showClear, disableInteractivity: this.disableInteractivity, data: this.data, backgroundData: this._backgroundData, color: this.color, unselectedColor: this.unselectedColor, colorRange: this.colorRange, axisFormatter: this.axisFormatter, tooltipFormatter: this.tooltipFormatter || this._tooltipFormatter.bind(this), xLabel: this.xLabel, yLabel: this.yLabel, isLoading: this.isLoading, error: this.error, errorDescription: this.errorDescription, noDataHeaderMessage: this.noDataHeaderMessage, noDataBodyMessage: this.noDataBodyMessage, responsive: this.responsive, clearText: this.clearText, range: this.range, disableAnimation: this.disableAnimation, xAxisOptions: this.xAxisOptions, yAxisOptions: this.yAxisOptions })); | ||
} | ||
@@ -295,3 +297,3 @@ axisFormatter(value) { | ||
}; | ||
return core.h("div", { class: classes, onClick: this._playPauseClick.bind(this) }, icons.icon(this.playing ? 'PAUSE' : 'PLAY', 'var(--as--color--primary)', { width: '32px', height: '32px' })); | ||
return index.h("div", { class: classes, onClick: this._playPauseClick.bind(this) }, icons.icon(this.playing ? 'PAUSE' : 'PLAY', 'var(--as--color--primary)', { width: '32px', height: '32px' })); | ||
} | ||
@@ -315,3 +317,3 @@ _playPauseClick() { | ||
const [X_PADDING, Y_PADDING] = padding; | ||
const progressScale = index.linear().domain([0, 100]); | ||
const progressScale = index$1.linear().domain([0, 100]); | ||
let trackOffset = 0; | ||
@@ -331,3 +333,3 @@ if (this._selection) { | ||
container.on('click', () => { | ||
const evt = index.event; | ||
const evt = index$1.event; | ||
const pctX = Math.round(progressScale.invert(evt.clientX - left - X_PADDING + 8)); | ||
@@ -378,3 +380,3 @@ // This probably means that there's a selection and you're clicking outside of it | ||
.on('mousemove', () => { | ||
const evt = index.event; | ||
const evt = index$1.event; | ||
this._lastMousePosition = evt.clientX - left - X_PADDING + 8; | ||
@@ -407,5 +409,5 @@ if (this._lastMousePosition > progressScale(this.progress)) { | ||
}; } | ||
static get style() { return "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary,#1785fb);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color,#fff)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget .content,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--track{cursor:pointer}"; } | ||
}; | ||
TimeSeriesWidget.style = asTimeSeriesWidgetCss; | ||
exports.as_time_series_widget = TimeSeriesWidget; |
@@ -5,7 +5,9 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asToolbarCss = "as-toolbar{display:block;z-index:3}"; | ||
const Toolbar = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
@@ -19,3 +21,3 @@ componentWillLoad() { | ||
render() { | ||
return (core.h("header", { class: 'as-toolbar' }, this._renderToggleButton(), core.h("slot", null))); | ||
return (index.h("header", { class: 'as-toolbar' }, this._renderToggleButton(), index.h("slot", null))); | ||
} | ||
@@ -29,8 +31,8 @@ _toggleDrawer() { | ||
} | ||
return (core.h("button", { onClick: this._toggleDrawer.bind(this), class: 'as-toolbar__item as-toolbar__toggle' }, core.h("i", { class: 'as-icon as-icon-hamburger as-title as-m--0' }))); | ||
return (index.h("button", { onClick: this._toggleDrawer.bind(this), class: 'as-toolbar__item as-toolbar__toggle' }, index.h("i", { class: 'as-icon as-icon-hamburger as-title as-m--0' }))); | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return "as-toolbar{display:block;z-index:3}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
Toolbar.style = asToolbarCss; | ||
exports.as_toolbar = Toolbar; |
@@ -5,16 +5,18 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const asWidgetLegendCss = "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; | ||
const WidgetLegend = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
} | ||
render() { | ||
return Object.keys(this.data).map((key) => { | ||
return core.h("div", { class: 'widget-legend-item' }, core.h("span", { class: 'widget-legend-item__box', style: { background: this.data[key] } }), core.h("span", { class: 'widget-legend-item__label as-body' }, key)); | ||
return index.h("div", { class: 'widget-legend-item' }, index.h("span", { class: 'widget-legend-item__box', style: { background: this.data[key] } }), index.h("span", { class: 'widget-legend-item__label as-body' }, key)); | ||
}); | ||
} | ||
static get style() { return "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; } | ||
}; | ||
WidgetLegend.style = asWidgetLegendCss; | ||
exports.as_widget_legend = WidgetLegend; |
@@ -5,11 +5,13 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
require('./index-35a1c04e.js'); | ||
require('./index-f86f0d00.js'); | ||
require('./readable-number-3954c8a2.js'); | ||
const yAxis_service = require('./y-axis.service-924c25df.js'); | ||
const index = require('./index-3c04693d.js'); | ||
require('./index-749d1396.js'); | ||
require('./index-886c5a8f.js'); | ||
require('./readable-number-c41ec00d.js'); | ||
const yAxis_service = require('./y-axis.service-5b658d88.js'); | ||
const asYAxisCss = ".y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}.y-axis .tick line.zero{opacity:0.5}.y-axis .domain{display:none}"; | ||
const YAxis = class { | ||
constructor(hostRef) { | ||
core.registerInstance(this, hostRef); | ||
index.registerInstance(this, hostRef); | ||
/** | ||
@@ -52,6 +54,6 @@ * Lower limit of the axis | ||
} | ||
get element() { return core.getElement(this); } | ||
static get style() { return ".y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}.y-axis .tick line.zero{opacity:.5}.y-axis .domain{display:none}"; } | ||
get element() { return index.getElement(this); } | ||
}; | ||
YAxis.style = asYAxisCss; | ||
exports.as_y_axis = YAxis; |
@@ -5,7 +5,8 @@ 'use strict'; | ||
const core = require('./core-894cddb9.js'); | ||
const index = require('./index-3c04693d.js'); | ||
const defineCustomElements = (win, options) => { | ||
return core.patchEsm().then(() => { | ||
core.bootstrapLazy([["as-time-series-widget.cjs",[[0,"as-time-series-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"progress":[2],"playing":[4],"animated":[516],"timeFormat":[1,"time-format"],"timeFormatLocale":[16],"clearText":[1,"clear-text"],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget.cjs",[[0,"as-category-widget",{"categories":[16],"defaultBarColor":[1,"default-bar-color"],"description":[1],"disableInteractivity":[4,"disable-interactivity"],"valueFormatter":[16],"heading":[1],"showClearButton":[4,"show-clear-button"],"showHeader":[4,"show-header"],"useTotalPercentage":[4,"use-total-percentage"],"visibleCategories":[2,"visible-categories"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"selectedCategories":[32],"_firstDataSupplied":[32],"getSelectedCategories":[64],"clearSelection":[64]}]]],["as-animation-controls-widget.cjs",[[0,"as-animation-controls-widget",{"progress":[2],"min":[2],"max":[2],"duration":[2],"progressValue":[8,"progress-value"],"isLoading":[4,"is-loading"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"playing":[4],"heading":[1],"description":[1],"showHeader":[4,"show-header"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"error":[1],"errorDescription":[1,"error-description"]}]]],["as-legend-color-bins.cjs",[[0,"as-legend-color-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-line.cjs",[[0,"as-legend-color-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-point.cjs",[[0,"as-legend-color-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category.cjs",[[0,"as-legend-color-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-line.cjs",[[0,"as-legend-color-category-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-point.cjs",[[0,"as-legend-color-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-polygon.cjs",[[0,"as-legend-color-category-polygon",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-line.cjs",[[0,"as-legend-color-continuous-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-point.cjs",[[0,"as-legend-color-continuous-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-stacked-bar-widget.cjs",[[0,"as-stacked-bar-widget",{"heading":[1],"description":[1],"showLegend":[4,"show-legend"],"data":[16],"metadata":[16],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"mouseOver":[16],"mouseLeave":[16],"formatFn":[16]}]]],["as-legend-size-bins.cjs",[[0,"as-legend-size-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category.cjs",[[0,"as-legend-size-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-continuous.cjs",[[0,"as-legend-size-continuous",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-layer-selector.cjs",[[4,"as-layer-selector",{"layers":[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["as-legend.cjs",[[4,"as-legend",{"loading":[4],"heading":[1],"description":[1]}]]],["as-legend-size-category-point.cjs",[[0,"as-legend-size-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-dropdown.cjs",[[0,"as-dropdown",{"options":[16],"selectedOption":[1025,"selected-option"],"defaultText":[1,"default-text"],"showClearButton":[4,"show-clear-button"],"onClickOutside":[16],"isOpen":[32],"selectedOptionObject":[32],"closeList":[64]}]]],["as-infowindow.cjs",[[4,"as-infowindow",{"src":[1]}]]],["as-responsive-content.cjs",[[4,"as-responsive-content",{"sections":[32],"getSections":[64],"setVisible":[64]}]]],["as-switch.cjs",[[0,"as-switch",{"checked":[1540],"disabled":[516],"label":[1],"name":[513]}]]],["as-tabs.cjs",[[4,"as-tabs",{"activeTab":[1026,"active-tab"],"xl":[4]}]]],["as-toolbar.cjs",[[4,"as-toolbar"]]],["as-y-axis.cjs",[[0,"as-y-axis",{"from":[2],"to":[2],"responsive":[4]}]]],["as-histogram-widget.cjs",[[0,"as-histogram-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"axisFormatter":[16],"clearText":[1,"clear-text"],"selectedFormatter":[16],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"tooltip":[32],"_firstDataSupplied":[32],"selectionEmpty":[32],"selectionFooter":[32],"isCategoricalData":[32],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget-placeholder.cjs",[[4,"as-category-widget-placeholder"]]],["as-range-slider.cjs",[[0,"as-range-slider",{"value":[2],"range":[16],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"step":[2],"disabled":[4],"draggable":[4],"isDraggable":[4,"is-draggable"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"formatValue":[16],"thumbs":[32],"areLabelsColliding":[32],"isLeftLabelOverflowing":[32],"isRightLabelOverflowing":[32]}]]],["as-layer-selector-slot.cjs",[[4,"as-layer-selector-slot",{"layer":[8],"index":[2],"visible":[32]}]]],["as-legend-color-bins-polygon.cjs",[[0,"as-legend-color-bins-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous-polygon.cjs",[[0,"as-legend-color-continuous-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous.cjs",[[0,"as-legend-color-continuous",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-bins-line.cjs",[[0,"as-legend-size-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category-line.cjs",[[0,"as-legend-size-category-line",{"data":[16],"orientation":[1],"aligned":[4],"factor":[2],"minWidth":[2,"min-width"]}]]],["as-widget-legend.cjs",[[0,"as-widget-legend",{"data":[16]}]]],["as-placeholder-list.cjs",[[0,"as-placeholder-list"]]],["as-legend-size-continuous-line_2.cjs",[[0,"as-legend-size-continuous-line",{"data":[16],"orientation":[1],"size":[2],"leadingLineStrokeWidth":[2,"leading-line-stroke-width"],"textLineHeight":[2,"text-line-height"],"xMarginFactor":[2,"x-margin-factor"],"yMarginFactor":[2,"y-margin-factor"],"width":[2],"rSize":[32]}],[0,"as-legend-size-continuous-point",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-legend-size-bins-point.cjs",[[0,"as-legend-size-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-range-slider-bar_2.cjs",[[0,"as-range-slider-bar",{"rangeStartPercentage":[1026,"range-start-percentage"],"rangeEndPercentage":[1026,"range-end-percentage"],"stepPercentage":[2,"step-percentage"],"isDraggable":[4,"is-draggable"],"disabled":[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{"percentage":[2],"value":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"disabled":[4],"showCaption":[4,"show-caption"],"formatValue":[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["as-placeholder_2.cjs",[[4,"as-placeholder"],[0,"as-placeholder-bar",{"width":[1],"height":[1]}]]],["as-histogram-widget-placeholder_3.cjs",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{"barWidth":[2,"bar-width"],"elementWidth":[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{"selection":[1],"clearText":[1,"clear-text"],"showClear":[4,"show-clear"]}]]],["as-loader_2.cjs",[[0,"as-loader"],[0,"as-widget-header",{"header":[1],"subheader":[1],"error":[1],"isEmpty":[4,"is-empty"],"isLoading":[4,"is-loading"],"noDataMessage":[1,"no-data-message"]}]]],["as-legend-category_4.cjs",[[0,"as-legend-category",{"data":[16],"orientation":[1],"width":[2]}],[0,"as-legend-category-line-entry",{"label":[1],"color":[1],"strokeStyle":[1,"stroke-style"],"width":[2],"_width":[32]}],[0,"as-legend-category-point-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"],"marker":[1],"width":[2]}],[0,"as-legend-category-polygon-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"]}]]]], options); | ||
if (typeof window === 'undefined') return Promise.resolve(); | ||
return index.patchEsm().then(() => { | ||
return index.bootstrapLazy([["as-time-series-widget.cjs",[[0,"as-time-series-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"progress":[2],"playing":[4],"animated":[516],"timeFormat":[1,"time-format"],"timeFormatLocale":[16],"clearText":[1,"clear-text"],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget.cjs",[[0,"as-category-widget",{"categories":[16],"defaultBarColor":[1,"default-bar-color"],"description":[1],"disableInteractivity":[4,"disable-interactivity"],"valueFormatter":[16],"heading":[1],"showClearButton":[4,"show-clear-button"],"showHeader":[4,"show-header"],"useTotalPercentage":[4,"use-total-percentage"],"visibleCategories":[2,"visible-categories"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"selectedCategories":[32],"_firstDataSupplied":[32],"getSelectedCategories":[64],"clearSelection":[64]}]]],["as-animation-controls-widget.cjs",[[0,"as-animation-controls-widget",{"progress":[2],"min":[2],"max":[2],"duration":[2],"progressValue":[8,"progress-value"],"isLoading":[4,"is-loading"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"playing":[4],"heading":[1],"description":[1],"showHeader":[4,"show-header"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"error":[1],"errorDescription":[1,"error-description"]}]]],["as-legend-color-bins.cjs",[[0,"as-legend-color-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-line.cjs",[[0,"as-legend-color-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-bins-point.cjs",[[0,"as-legend-color-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category.cjs",[[0,"as-legend-color-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-line.cjs",[[0,"as-legend-color-category-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-point.cjs",[[0,"as-legend-color-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-category-polygon.cjs",[[0,"as-legend-color-category-polygon",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-line.cjs",[[0,"as-legend-color-continuous-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-color-continuous-point.cjs",[[0,"as-legend-color-continuous-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-stacked-bar-widget.cjs",[[0,"as-stacked-bar-widget",{"heading":[1],"description":[1],"showLegend":[4,"show-legend"],"data":[16],"metadata":[16],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"mouseOver":[16],"mouseLeave":[16],"formatFn":[16]}]]],["as-legend-size-bins.cjs",[[0,"as-legend-size-bins",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category.cjs",[[0,"as-legend-size-category",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-continuous.cjs",[[0,"as-legend-size-continuous",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-layer-selector.cjs",[[4,"as-layer-selector",{"layers":[16]},[[0,"onToggleCheckbox","onToggleCheckbox"]]]]],["as-legend.cjs",[[4,"as-legend",{"loading":[4],"heading":[1],"description":[1]}]]],["as-legend-size-category-point.cjs",[[0,"as-legend-size-category-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-dropdown.cjs",[[0,"as-dropdown",{"options":[16],"selectedOption":[1025,"selected-option"],"defaultText":[1,"default-text"],"showClearButton":[4,"show-clear-button"],"onClickOutside":[16],"isOpen":[32],"selectedOptionObject":[32],"closeList":[64]}]]],["as-infowindow.cjs",[[4,"as-infowindow",{"src":[1]}]]],["as-responsive-content.cjs",[[4,"as-responsive-content",{"sections":[32],"getSections":[64],"setVisible":[64]}]]],["as-switch.cjs",[[0,"as-switch",{"checked":[1540],"disabled":[516],"label":[1],"name":[513]}]]],["as-tabs.cjs",[[4,"as-tabs",{"activeTab":[1026,"active-tab"],"xl":[4]}]]],["as-toolbar.cjs",[[4,"as-toolbar"]]],["as-y-axis.cjs",[[0,"as-y-axis",{"from":[2],"to":[2],"responsive":[4]}]]],["as-histogram-widget.cjs",[[0,"as-histogram-widget",{"heading":[1],"description":[1],"showHeader":[4,"show-header"],"showClear":[4,"show-clear"],"disableInteractivity":[4,"disable-interactivity"],"data":[16],"backgroundData":[16],"color":[1],"unselectedColor":[1,"unselected-color"],"colorRange":[16],"tooltipFormatter":[16],"xLabel":[1,"x-label"],"yLabel":[1,"y-label"],"isLoading":[4,"is-loading"],"error":[1],"errorDescription":[1,"error-description"],"noDataHeaderMessage":[1,"no-data-header-message"],"noDataBodyMessage":[1,"no-data-body-message"],"responsive":[4],"axisFormatter":[16],"clearText":[1,"clear-text"],"selectedFormatter":[16],"range":[16],"disableAnimation":[4,"disable-animation"],"xAxisOptions":[16],"yAxisOptions":[16],"tooltip":[32],"_firstDataSupplied":[32],"selectionEmpty":[32],"selectionFooter":[32],"isCategoricalData":[32],"defaultFormatter":[64],"getSelection":[64],"setSelection":[64],"clearSelection":[64],"xFormatter":[64]}]]],["as-category-widget-placeholder.cjs",[[4,"as-category-widget-placeholder"]]],["as-range-slider.cjs",[[0,"as-range-slider",{"value":[2],"range":[16],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"step":[2],"disabled":[4],"draggable":[4],"isDraggable":[4,"is-draggable"],"showThumb":[4,"show-thumb"],"showThumbCaption":[4,"show-thumb-caption"],"formatValue":[16],"thumbs":[32],"areLabelsColliding":[32],"isLeftLabelOverflowing":[32],"isRightLabelOverflowing":[32]}]]],["as-layer-selector-slot.cjs",[[4,"as-layer-selector-slot",{"layer":[8],"index":[2],"visible":[32]}]]],["as-legend-color-bins-polygon.cjs",[[0,"as-legend-color-bins-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous-polygon.cjs",[[0,"as-legend-color-continuous-polygon",{"data":[16],"orientation":[1]}]]],["as-legend-color-continuous.cjs",[[0,"as-legend-color-continuous",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-bins-line.cjs",[[0,"as-legend-size-bins-line",{"data":[16],"orientation":[1],"width":[2]}]]],["as-legend-size-category-line.cjs",[[0,"as-legend-size-category-line",{"data":[16],"orientation":[1],"aligned":[4],"factor":[2],"minWidth":[2,"min-width"]}]]],["as-widget-legend.cjs",[[0,"as-widget-legend",{"data":[16]}]]],["as-placeholder-list.cjs",[[0,"as-placeholder-list"]]],["as-legend-size-continuous-line_2.cjs",[[0,"as-legend-size-continuous-line",{"data":[16],"orientation":[1],"size":[2],"leadingLineStrokeWidth":[2,"leading-line-stroke-width"],"textLineHeight":[2,"text-line-height"],"xMarginFactor":[2,"x-margin-factor"],"yMarginFactor":[2,"y-margin-factor"],"width":[2],"rSize":[32]}],[0,"as-legend-size-continuous-point",{"data":[16],"orientation":[1],"scale":[2]}]]],["as-legend-size-bins-point.cjs",[[0,"as-legend-size-bins-point",{"data":[16],"orientation":[1],"width":[2]}]]],["as-range-slider-bar_2.cjs",[[0,"as-range-slider-bar",{"rangeStartPercentage":[1026,"range-start-percentage"],"rangeEndPercentage":[1026,"range-end-percentage"],"stepPercentage":[2,"step-percentage"],"isDraggable":[4,"is-draggable"],"disabled":[4]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"]]],[0,"as-range-slider-thumb",{"percentage":[2],"value":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"disabled":[4],"showCaption":[4,"show-caption"],"formatValue":[16]},[[1,"mousedown","onMouseDown"],[1,"touchstart","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["as-placeholder_2.cjs",[[4,"as-placeholder"],[0,"as-placeholder-bar",{"width":[1],"height":[1]}]]],["as-histogram-widget-placeholder_3.cjs",[[4,"as-histogram-widget-placeholder"],[0,"as-placeholder-chart",{"barWidth":[2,"bar-width"],"elementWidth":[32]},[[9,"resize","onWindowResize"]]],[0,"as-widget-selection",{"selection":[1],"clearText":[1,"clear-text"],"showClear":[4,"show-clear"]}]]],["as-loader_2.cjs",[[0,"as-loader"],[0,"as-widget-header",{"header":[1],"subheader":[1],"error":[1],"isEmpty":[4,"is-empty"],"isLoading":[4,"is-loading"],"noDataMessage":[1,"no-data-message"]}]]],["as-legend-category_4.cjs",[[0,"as-legend-category",{"data":[16],"orientation":[1],"width":[2]}],[0,"as-legend-category-line-entry",{"label":[1],"color":[1],"strokeStyle":[1,"stroke-style"],"width":[2],"_width":[32]}],[0,"as-legend-category-point-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"],"marker":[1],"width":[2]}],[0,"as-legend-category-polygon-entry",{"label":[1],"color":[1],"strokeColor":[1,"stroke-color"],"strokeStyle":[1,"stroke-style"]}]]]], options); | ||
}); | ||
@@ -12,0 +13,0 @@ }; |
{ | ||
"entries": [ | ||
"components/as-infowindow/as-infowindow.js", | ||
"components/as-layer-selector-slot/as-layer-selector-slot.js", | ||
"components/as-layer-selector/as-layer-selector.js", | ||
"components/as-placeholder/placeholder-bar/as-placeholder-bar.js", | ||
"components/as-placeholder/placeholder-content/chart/as-placeholder-chart.js", | ||
"components/as-placeholder/placeholder-content/list/as-placeholder-list.js", | ||
"components/as-placeholder/placeholder-widgets/category-widget.js", | ||
"components/as-placeholder/placeholder-widgets/histogram-widget.js", | ||
"components/as-placeholder/placeholder/as-placeholder.js", | ||
"components/as-tabs/as-tabs.js", | ||
"components/as-toolbar/as-toolbar.js", | ||
"components/common/as-loader/as-loader.js", | ||
"components/common/as-widget-legend/as-widget-legend.js", | ||
"components/legends/as-legend-category-polygon-entry/as-legend-category-polygon-entry.js", | ||
"components/legends/as-legend-category/as-legend-category.js", | ||
"components/legends/as-legend-color-bins-line/as-legend-color-bins-line.js", | ||
"components/legends/as-legend-color-bins/as-legend-color-bins.js", | ||
"components/legends/as-legend-color-bins-polygon/as-legend-color-bins-polygon.js", | ||
"components/legends/as-legend-color-bins-point/as-legend-color-bins-point.js", | ||
"components/legends/as-legend-color-category-line/as-legend-color-category-line.js", | ||
"components/legends/as-legend-color-category-polygon/as-legend-color-category-polygon.js", | ||
"components/legends/as-legend-color-category/as-legend-color-category.js", | ||
"components/legends/as-legend-color-category-point/as-legend-color-category-point.js", | ||
"components/legends/as-legend-color-continuous-line/as-legend-color-continuous-line.js", | ||
"components/legends/as-legend-color-continuous-point/as-legend-color-continuous-point.js", | ||
"components/legends/as-legend-color-continuous-polygon/as-legend-color-continuous-polygon.js", | ||
"components/legends/as-legend-color-continuous/as-legend-color-continuous.js", | ||
"components/legends/as-legend-size-bins-line/as-legend-size-bins-line.js", | ||
"components/legends/as-legend-size-bins/as-legend-size-bins.js", | ||
"components/legends/as-legend-size-category-point/as-legend-size-category-point.js", | ||
"components/legends/as-legend-size-category/as-legend-size-category.js", | ||
"components/legends/as-legend-size-continuous/as-legend-size-continuous.js", | ||
"components/legends/as-legend/as-legend.js", | ||
"components/as-range-slider/track/as-range-slider-bar.js", | ||
"components/as-responsive-content/as-responsive-content.js", | ||
"components/as-switch/as-switch.js", | ||
"components/common/as-widget-header/as-widget-header.js", | ||
"components/common/as-widget-selection/as-widget-selection.js", | ||
"components/common/y-axis/as-y-axis.js", | ||
"components/legends/as-legend-category-line-entry/as-legend-category-line-entry.js", | ||
"components/legends/as-legend-category-point-entry/as-legend-category-point-entry.js", | ||
"components/legends/as-legend-size-bins-point/as-legend-size-bins-point.js", | ||
"components/legends/as-legend-size-category-line/as-legend-size-category-line.js", | ||
"components/legends/as-legend-size-continuous-point/as-legend-size-continuous-point.js", | ||
"components/as-dropdown/as-dropdown.js", | ||
"components/as-range-slider/thumb/as-range-slider-thumb.js", | ||
"components/legends/as-legend-size-continuous-line/as-legend-size-continuous-line.js", | ||
"components/as-animation-controls-widget/as-animation-controls-widget.js", | ||
"components/as-stacked-bar-widget/as-stacked-bar-widget.js", | ||
"components/as-category-widget/as-category-widget.js", | ||
"components/as-range-slider/slider/as-range-slider.js", | ||
"components/as-time-series-widget/as-time-series-widget.js", | ||
"components/as-histogram-widget/as-histogram-widget.js" | ||
"./components/as-animation-controls-widget/as-animation-controls-widget.js", | ||
"./components/as-category-widget/as-category-widget.js", | ||
"./components/as-dropdown/as-dropdown.js", | ||
"./components/as-histogram-widget/as-histogram-widget.js", | ||
"./components/as-infowindow/as-infowindow.js", | ||
"./components/as-layer-selector/as-layer-selector.js", | ||
"./components/as-layer-selector-slot/as-layer-selector-slot.js", | ||
"./components/as-placeholder/placeholder/as-placeholder.js", | ||
"./components/as-placeholder/placeholder-bar/as-placeholder-bar.js", | ||
"./components/as-placeholder/placeholder-content/chart/as-placeholder-chart.js", | ||
"./components/as-placeholder/placeholder-content/list/as-placeholder-list.js", | ||
"./components/as-placeholder/placeholder-widgets/category-widget.js", | ||
"./components/as-placeholder/placeholder-widgets/histogram-widget.js", | ||
"./components/as-range-slider/slider/as-range-slider.js", | ||
"./components/as-range-slider/thumb/as-range-slider-thumb.js", | ||
"./components/as-range-slider/track/as-range-slider-bar.js", | ||
"./components/as-responsive-content/as-responsive-content.js", | ||
"./components/as-stacked-bar-widget/as-stacked-bar-widget.js", | ||
"./components/as-switch/as-switch.js", | ||
"./components/as-tabs/as-tabs.js", | ||
"./components/as-time-series-widget/as-time-series-widget.js", | ||
"./components/as-toolbar/as-toolbar.js", | ||
"./components/common/as-loader/as-loader.js", | ||
"./components/common/as-widget-header/as-widget-header.js", | ||
"./components/common/as-widget-legend/as-widget-legend.js", | ||
"./components/common/as-widget-selection/as-widget-selection.js", | ||
"./components/common/y-axis/as-y-axis.js", | ||
"./components/legends/as-legend/as-legend.js", | ||
"./components/legends/as-legend-category/as-legend-category.js", | ||
"./components/legends/as-legend-category-line-entry/as-legend-category-line-entry.js", | ||
"./components/legends/as-legend-category-point-entry/as-legend-category-point-entry.js", | ||
"./components/legends/as-legend-category-polygon-entry/as-legend-category-polygon-entry.js", | ||
"./components/legends/as-legend-color-bins/as-legend-color-bins.js", | ||
"./components/legends/as-legend-color-bins-line/as-legend-color-bins-line.js", | ||
"./components/legends/as-legend-color-bins-point/as-legend-color-bins-point.js", | ||
"./components/legends/as-legend-color-bins-polygon/as-legend-color-bins-polygon.js", | ||
"./components/legends/as-legend-color-category/as-legend-color-category.js", | ||
"./components/legends/as-legend-color-category-line/as-legend-color-category-line.js", | ||
"./components/legends/as-legend-color-category-point/as-legend-color-category-point.js", | ||
"./components/legends/as-legend-color-category-polygon/as-legend-color-category-polygon.js", | ||
"./components/legends/as-legend-color-continuous/as-legend-color-continuous.js", | ||
"./components/legends/as-legend-color-continuous-line/as-legend-color-continuous-line.js", | ||
"./components/legends/as-legend-color-continuous-point/as-legend-color-continuous-point.js", | ||
"./components/legends/as-legend-color-continuous-polygon/as-legend-color-continuous-polygon.js", | ||
"./components/legends/as-legend-size-bins/as-legend-size-bins.js", | ||
"./components/legends/as-legend-size-bins-line/as-legend-size-bins-line.js", | ||
"./components/legends/as-legend-size-bins-point/as-legend-size-bins-point.js", | ||
"./components/legends/as-legend-size-category/as-legend-size-category.js", | ||
"./components/legends/as-legend-size-category-line/as-legend-size-category-line.js", | ||
"./components/legends/as-legend-size-category-point/as-legend-size-category-point.js", | ||
"./components/legends/as-legend-size-continuous/as-legend-size-continuous.js", | ||
"./components/legends/as-legend-size-continuous-line/as-legend-size-continuous-line.js", | ||
"./components/legends/as-legend-size-continuous-point/as-legend-size-continuous-point.js" | ||
], | ||
"compiler": { | ||
"name": "@stencil/core", | ||
"version": "1.3.3", | ||
"typescriptVersion": "3.5.3" | ||
"version": "1.13.0-3", | ||
"typescriptVersion": "3.8.3" | ||
}, | ||
@@ -62,0 +62,0 @@ "collections": [], |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Prop } from '@stencil/core'; | ||
import { icon } from '../../utils/icons'; | ||
@@ -3,0 +3,0 @@ import contentFragment from '../common/content.fragment'; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Method, Prop, State, Watch } from '@stencil/core'; | ||
import readableNumber from '../../utils/readable-number'; | ||
@@ -194,3 +194,3 @@ import { shadeOrBlend } from '../../utils/styles'; | ||
}; | ||
const displayValue = this.valueFormatter(category.value); | ||
const displayValue = category.value !== null ? this.valueFormatter(category.value) : ''; | ||
return (h("li", { class: cssClasses, onClick: () => this._toggleCategory(category) }, | ||
@@ -197,0 +197,0 @@ h("p", { class: 'as-category-widget__info as-body' }, |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Method, Prop, State, Watch } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Dropdown Widget |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Method, Prop, State, Watch } from '@stencil/core'; | ||
import { event as d3event, select } from 'd3-selection'; | ||
@@ -322,3 +322,3 @@ import 'd3-transition'; | ||
const min = dataService.getLowerBounds(data); | ||
return data.map((value) => (Object.assign({}, value, { value: Math.max(0, min) }))); | ||
return data.map((value) => (Object.assign(Object.assign({}, value), { value: Math.max(0, min) }))); | ||
} | ||
@@ -325,0 +325,0 @@ _selectionFormatter(selection) { |
@@ -0,0 +0,0 @@ import { brushX } from 'd3-brush'; |
@@ -0,0 +0,0 @@ import { max, min } from 'd3-array'; |
@@ -0,0 +0,0 @@ import { axisBottom } from 'd3-axis'; |
@@ -0,0 +0,0 @@ import { event as d3event, select } from 'd3-selection'; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, h, Prop, } from '@stencil/core'; | ||
export class Infowindow { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Prop, State } from '@stencil/core'; | ||
/** | ||
@@ -23,3 +23,5 @@ * Layer Selector Slot | ||
h("label", { class: 'as-caption', htmlFor: `checkbox-${this.index}` }, this.layer.title)), | ||
h("div", { class: `as-checkbox-layer-slot ${this.visible ? 'as-checkbox-layer-slot--visible' : 'as-checkbox-layer-slot--hidden'}` }, | ||
h("div", { class: `as-checkbox-layer-slot ${this.visible | ||
? 'as-checkbox-layer-slot--visible' | ||
: 'as-checkbox-layer-slot--hidden'}` }, | ||
h("slot", { name: `as-checkbox-layer-${this.index}-slot` })))); | ||
@@ -26,0 +28,0 @@ } |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Listen, Prop } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Layer Selector |
@@ -1,2 +0,2 @@ | ||
import { h, Host } from "@stencil/core"; | ||
import { Component, h, Host, Prop } from '@stencil/core'; | ||
export class PlaceholderBar { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, h, Listen, Prop, State } from '@stencil/core'; | ||
export class PlaceholderChart { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h } from '@stencil/core'; | ||
export class LoadingBar { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h } from '@stencil/core'; | ||
export class CategoryWidgetPlaceholder { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h } from '@stencil/core'; | ||
export class CategoryWidgetPlaceholder { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h } from '@stencil/core'; | ||
export class Placeholder { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -0,0 +0,0 @@ export function handleMouseDown(listeners) { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core'; | ||
import getDecimalPlaces from '../../../utils/get-decimal-places'; | ||
@@ -3,0 +3,0 @@ export class RangeSlider { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Listen, Prop } from '@stencil/core'; | ||
import { handleMouseDown } from '../MouseTrack'; | ||
@@ -3,0 +3,0 @@ export class RangeSliderThumb { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Listen, Prop } from '@stencil/core'; | ||
import { handleMouseDown } from '../MouseTrack'; | ||
@@ -3,0 +3,0 @@ const MAX_PERCENTAGE = 100; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Method, State } from '@stencil/core'; | ||
import { redrawChildren } from '../../utils/redraw-children'; | ||
@@ -3,0 +3,0 @@ import contentService from './utils/content.service'; |
@@ -0,0 +0,0 @@ export default class ApplicationSection { |
@@ -0,0 +0,0 @@ import ApplicationSection from './ApplicationSection'; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, h, Prop, Watch } from '@stencil/core'; | ||
import { event as d3event } from 'd3-selection'; | ||
@@ -3,0 +3,0 @@ import contentFragment from '../common/content.fragment'; |
@@ -0,0 +0,0 @@ import { scaleLinear } from 'd3-scale'; |
@@ -0,0 +0,0 @@ import { scaleLinear } from 'd3-scale'; |
@@ -0,0 +0,0 @@ import { select } from 'd3-selection'; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, Event, h, Prop } from '@stencil/core'; | ||
export class Switch { | ||
@@ -3,0 +3,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, h, Prop } from '@stencil/core'; | ||
import { redrawChildren } from '../../utils/redraw-children'; | ||
@@ -3,0 +3,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
import { h, Host } from "@stencil/core"; | ||
import { Component, Event, h, Host, Method, Prop, Watch } from '@stencil/core'; | ||
import { scaleLinear } from 'd3-scale'; | ||
@@ -1075,3 +1075,3 @@ import { event as d3event } from 'd3-selection'; | ||
"complexType": { | ||
"signature": "(data: HistogramData) => Promise<any>", | ||
"signature": "(data: HistogramData) => Promise<any[]>", | ||
"parameters": [{ | ||
@@ -1090,3 +1090,3 @@ "tags": [], | ||
}, | ||
"return": "Promise<any>" | ||
"return": "Promise<any[]>" | ||
}, | ||
@@ -1103,3 +1103,3 @@ "docs": { | ||
"complexType": { | ||
"signature": "() => Promise<any>", | ||
"signature": "() => Promise<(string | number | Date)[]>", | ||
"parameters": [], | ||
@@ -1109,5 +1109,8 @@ "references": { | ||
"location": "global" | ||
}, | ||
"Date": { | ||
"location": "global" | ||
} | ||
}, | ||
"return": "Promise<any>" | ||
"return": "Promise<(string | number | Date)[]>" | ||
}, | ||
@@ -1174,3 +1177,3 @@ "docs": { | ||
"complexType": { | ||
"signature": "(value: any) => Promise<any>", | ||
"signature": "(value: any) => Promise<string>", | ||
"parameters": [{ | ||
@@ -1188,3 +1191,3 @@ "tags": [{ | ||
}, | ||
"return": "Promise<any>" | ||
"return": "Promise<string>" | ||
}, | ||
@@ -1191,0 +1194,0 @@ "docs": { |
@@ -0,0 +0,0 @@ export function sameData(first, second) { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Element, h } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Toolbar |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Helper class to draw the vertical axis on some widgets. |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Helper class to draw widget headers |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Helper class to draw the vertical axis on some widgets. |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, Event, h, Prop } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Helper class to draw widget selections |
@@ -0,0 +0,0 @@ // This is the default value of --as--color--primary |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { h } from '@stencil/core'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Common fragment used in widgets to manage status. |
@@ -0,1 +1,2 @@ | ||
import { Component, Element, Prop } from '@stencil/core'; | ||
import yAxisService from './y-axis.service'; | ||
@@ -2,0 +3,0 @@ /** |
@@ -0,0 +0,0 @@ import { axisLeft } from 'd3-axis'; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop, State, Watch } from '@stencil/core'; | ||
const MAX_WIDTH = 16; | ||
@@ -3,0 +3,0 @@ export class LegendCategoryLineEntry { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
import { borderStyleCounts } from '../../../utils/border-style-counts'; | ||
@@ -24,3 +24,3 @@ // This component ignores the strokeWidth property, and always paints | ||
getStyle() { | ||
return Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth(), this.getMask()); | ||
return Object.assign(Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth()), this.getMask()); | ||
} | ||
@@ -27,0 +27,0 @@ getWidth() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategoryPolygonEntry { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
const MIN_WIDTH = 16; | ||
@@ -3,0 +3,0 @@ export class LegendColorCategory { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorBinsLine { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorBinsPoint { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorBinsPolygon { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorBins { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategoryLine { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategoryPoint { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategoryPolygon { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategory { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorContinuousLine { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorBinsPoint { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorContinuousPolygon { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendColorCategory { | ||
@@ -3,0 +3,0 @@ render() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendSizeBinsLine { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
import { borderStyleCounts } from '../../../utils/border-style-counts'; | ||
@@ -3,0 +3,0 @@ // This component ignores the strokeWidth property, and always paints |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendSizeBins { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
const MIN_WIDTH = 48; | ||
@@ -3,0 +3,0 @@ const FACTOR = 3; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendSizeCategory { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendSizeCategory { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop, State } from '@stencil/core'; | ||
const TEXT_MARGIN = 4; | ||
@@ -3,0 +3,0 @@ const MIN_LINE_SIZE = 4; |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
import { borderStyleCounts } from '../../../utils/border-style-counts'; | ||
@@ -3,0 +3,0 @@ // This component ignores the strokeWidth property, and always paints |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class LegendSizeContinuous { | ||
@@ -3,0 +3,0 @@ constructor() { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { Component, h, Prop } from '@stencil/core'; | ||
export class Legend { | ||
@@ -3,0 +3,0 @@ render() { |
export function borderStyleCounts(borderStyle) { | ||
return ['none', 'initial', 'inherit', 'hidden', 'unset'].indexOf(borderStyle) === -1; | ||
} |
@@ -0,0 +0,0 @@ export default function getDecimalPlaces(decimalNumber) { |
@@ -1,2 +0,2 @@ | ||
import { h } from "@stencil/core"; | ||
import { h } from '@stencil/core'; | ||
import paths from '../resources/icon-paths.json'; | ||
@@ -3,0 +3,0 @@ export function icon(name, color = '#000', props) { |
@@ -0,0 +0,0 @@ /** |
@@ -0,0 +0,0 @@ /** |
@@ -0,0 +0,0 @@ // pSBC.js |
@@ -1,6 +0,7 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { i as icon } from './icons-1379931f.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
import { i as icon } from './icons-0b4da328.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
var asAnimationControlsWidgetCss = "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01, #FFF);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; | ||
var AnimationControlsWidget = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function AnimationControlsWidget(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -52,3 +53,3 @@ /** | ||
} | ||
class_1.prototype.render = function () { | ||
AnimationControlsWidget.prototype.render = function () { | ||
return this.showHeader && (this.heading || this.description) | ||
@@ -58,24 +59,24 @@ ? [this._renderHeader(), this._renderContent()] | ||
}; | ||
class_1.prototype._renderHeader = function () { | ||
AnimationControlsWidget.prototype._renderHeader = function () { | ||
return h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, error: this.error, "no-data-message": this.noDataHeaderMessage }); | ||
}; | ||
class_1.prototype._renderContent = function () { | ||
AnimationControlsWidget.prototype._renderContent = function () { | ||
return contentFragment(this.isLoading, this.error, false, // isEmtpy | ||
this.heading, this.errorDescription, this.noDataBodyMessage, h("div", { class: 'as-animation-controls-widget__wrapper as-body' }, h("div", { class: 'as-animation-controls-widget__player' }, h("button", { class: 'as-btn', onClick: this._onPlayPauseClick.bind(this) }, icon(this.playing ? 'PAUSE' : 'PLAY', 'var(--as--color--primary)', { width: '32px', height: '32px' })), h("as-range-slider", { value: this.progress, "min-value": this.min, "max-value": this.max, showThumb: this.showThumb, showThumbCaption: this.showThumbCaption, onChange: this._onThumbChange.bind(this), onChangeStart: this._onThumbChangeStart.bind(this), onChangeEnd: this._onThumbChangeEnd.bind(this) })), h("footer", { class: 'as-animation-controls__progress-value' }, this.progressValue))); | ||
}; | ||
class_1.prototype._onPlayPauseClick = function (evt) { | ||
AnimationControlsWidget.prototype._onPlayPauseClick = function (evt) { | ||
this.playing ? this._pause(evt) : this._play(evt); | ||
}; | ||
class_1.prototype._pause = function (evt) { | ||
AnimationControlsWidget.prototype._pause = function (evt) { | ||
this.pause.emit(evt); | ||
this.playing = false; | ||
}; | ||
class_1.prototype._play = function (evt) { | ||
AnimationControlsWidget.prototype._play = function (evt) { | ||
this.play.emit(evt); | ||
this.playing = true; | ||
}; | ||
class_1.prototype._onThumbChange = function (evt) { | ||
AnimationControlsWidget.prototype._onThumbChange = function (evt) { | ||
this.seek.emit(evt.detail); | ||
}; | ||
class_1.prototype._onThumbChangeStart = function (evt) { | ||
AnimationControlsWidget.prototype._onThumbChangeStart = function (evt) { | ||
this._isPlaying = this.playing; | ||
@@ -86,3 +87,3 @@ if (this.playing) { | ||
}; | ||
class_1.prototype._onThumbChangeEnd = function (evt) { | ||
AnimationControlsWidget.prototype._onThumbChangeEnd = function (evt) { | ||
if (this._isPlaying) { | ||
@@ -92,9 +93,5 @@ this._play(evt); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01,#fff);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return AnimationControlsWidget; | ||
}()); | ||
AnimationControlsWidget.style = asAnimationControlsWidgetCss; | ||
export { AnimationControlsWidget as as_animation_controls_widget }; |
@@ -1,7 +0,7 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var CategoryWidgetPlaceholder = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function CategoryWidgetPlaceholder(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
CategoryWidgetPlaceholder.prototype.render = function () { | ||
return [ | ||
@@ -11,9 +11,5 @@ h("as-placeholder", null, h("div", { slot: 'header' }, h("slot", null)), h("as-placeholder-bar", { width: '30%', height: '12px' }), h("as-placeholder-list", null)) | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-category-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}as-placeholder-bar{margin-bottom:12px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return CategoryWidgetPlaceholder; | ||
}()); | ||
CategoryWidgetPlaceholder.style = "as-category-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }\n\n as-placeholder-bar {\n margin-bottom: 12px;\n }"; | ||
export { CategoryWidgetPlaceholder as as_category_widget_placeholder }; |
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } | ||
return new (P || (P = Promise))(function (resolve, reject) { | ||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } | ||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } | ||
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); } | ||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } | ||
step((generator = generator.apply(thisArg, _arguments || [])).next()); | ||
@@ -36,6 +37,14 @@ }); | ||
}; | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as readableNumber } from './readable-number-b11b551f.js'; | ||
import { s as shadeOrBlend } from './styles-b283ec9e.js'; | ||
var __spreadArrays = (this && this.__spreadArrays) || function () { | ||
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; | ||
for (var r = Array(s), k = 0, i = 0; i < il; i++) | ||
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) | ||
r[k] = a[j]; | ||
return r; | ||
}; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
import { r as readableNumber } from './readable-number-3d998115.js'; | ||
import { s as shadeOrBlend } from './styles-1ba27b5e.js'; | ||
var asCategoryWidgetCss = "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02, #F5F5F5);--as--category-bar--color:var(--as--color--complementary, #47DB99);--as--category-widget--background-color:var(--as--color--ui-01, #FFF);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02, #747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background 0.2s ease, opacity 0.5s ease;transition:background 0.2s ease, opacity 0.5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:0.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:0.6}"; | ||
var OTHER_CATEGORY_COLOR = '#747474'; | ||
@@ -238,3 +247,3 @@ var OTHER_CATEGORY_NAME = 'Other'; | ||
}; | ||
var displayValue = this.valueFormatter(category.value); | ||
var displayValue = category.value !== null ? this.valueFormatter(category.value) : ''; | ||
return (h("li", { class: cssClasses, onClick: function () { return _this._toggleCategory(category); } }, h("p", { class: 'as-category-widget__info as-body' }, h("div", { class: 'as-category-widget__title' }, category.name), displayValue), h("div", { class: 'as-category-widget__bar' }, h("div", { class: 'as-category-widget__bar-value', style: progressStyles })))); | ||
@@ -258,3 +267,3 @@ }; | ||
? this.selectedCategories.filter(function (currentCategory) { return currentCategory !== category.name; }) | ||
: this.selectedCategories.concat([category.name]); | ||
: __spreadArrays(this.selectedCategories, [category.name]); | ||
this._onCategoriesChanged(); | ||
@@ -312,9 +321,5 @@ }; | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02,#f5f5f5);--as--category-bar--color:var(--as--color--complementary,#47db99);--as--category-widget--background-color:var(--as--color--ui-01,#fff);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02,#747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background .2s ease,opacity .5s ease;transition:background .2s ease,opacity .5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:.6}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
}()); | ||
CategoryWidget.style = asCategoryWidgetCss; | ||
export { CategoryWidget as as_category_widget }; |
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } | ||
return new (P || (P = Promise))(function (resolve, reject) { | ||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } | ||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } | ||
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); } | ||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } | ||
step((generator = generator.apply(thisArg, _arguments || [])).next()); | ||
@@ -36,3 +37,4 @@ }); | ||
}; | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
var asDropdownCss = ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as--menu-dropdown--top-border--color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--border-color:var(--as--color--ui-04, #D1D5D7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--color:var(--as--color--text, #000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:hover,.as-menu-dropdown--input:focus{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:hover,.as-menu-dropdown--options li:focus-within{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01, #FFF);--as-dropdown__list--border-color:var(--as--color--ui-03, #E2E6E3);--as-dropdown--background-color:var(--as--color--ui-01, #FFF);--as-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as-dropdown--color--main:var(--as--color--primary, #1785FB);--as-dropdown--color--secondary:var(--as--color--ui-04, #D1D5D7);--as-dropdown--color--selected:var(--as--color--complementary--active, #C6F4DF);--as-dropdown--color:var(--as--color--text, #000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; | ||
var Dropdown = /** @class */ (function () { | ||
@@ -186,9 +188,5 @@ function class_1(hostRef) { | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as--menu-dropdown--top-border--color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--border-color:var(--as--color--ui-04,#d1d5d7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--color:var(--as--color--text,#000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:focus,.as-menu-dropdown--input:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color .3s;transition:background-color .3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:focus-within,.as-menu-dropdown--options li:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:focus,.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options,.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01,#fff);--as-dropdown__list--border-color:var(--as--color--ui-03,#e2e6e3);--as-dropdown--background-color:var(--as--color--ui-01,#fff);--as-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as-dropdown--color--main:var(--as--color--primary,#1785fb);--as-dropdown--color--secondary:var(--as--color--ui-04,#d1d5d7);--as-dropdown--color--selected:var(--as--color--complementary--active,#c6f4df);--as-dropdown--color:var(--as--color--text,#000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
}()); | ||
Dropdown.style = asDropdownCss; | ||
export { Dropdown as as_dropdown }; |
@@ -1,22 +0,19 @@ | ||
import { r as registerInstance, h, g as getElement, c as createEvent } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement, c as createEvent } from './index-4e0575fe.js'; | ||
var CategoryWidgetPlaceholder = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function CategoryWidgetPlaceholder(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
CategoryWidgetPlaceholder.prototype.render = function () { | ||
return (h("as-placeholder", null, h("div", { slot: 'header' }, h("slot", null)), h("as-placeholder-chart", null))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-histogram-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return CategoryWidgetPlaceholder; | ||
}()); | ||
CategoryWidgetPlaceholder.style = "as-histogram-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }"; | ||
var asPlaceholderChartCss = "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child::after,.placeholder-chart__bar:nth-child(6n)::after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02, #F5F5F5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02, #F5F5F5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; | ||
var PlaceholderChart = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function PlaceholderChart(hostRef) { | ||
registerInstance(this, hostRef); | ||
this.barWidth = 10; | ||
} | ||
class_2.prototype.onWindowResize = function () { | ||
PlaceholderChart.prototype.onWindowResize = function () { | ||
var _this = this; | ||
@@ -26,6 +23,6 @@ window.clearTimeout(this.resizeTimerId); | ||
}; | ||
class_2.prototype.componentDidLoad = function () { | ||
PlaceholderChart.prototype.componentDidLoad = function () { | ||
this.setElementWidth(); | ||
}; | ||
class_2.prototype.render = function () { | ||
PlaceholderChart.prototype.render = function () { | ||
var numberOfBars = calculateBarsQuantity(this.elementWidth, this.barWidth); | ||
@@ -38,3 +35,3 @@ var placeholderBars = this.renderBars(numberOfBars); | ||
}; | ||
class_2.prototype.renderBars = function (numberOfBars) { | ||
PlaceholderChart.prototype.renderBars = function (numberOfBars) { | ||
var bars = []; | ||
@@ -47,7 +44,7 @@ for (var i = 0; i < numberOfBars; i++) { | ||
}; | ||
class_2.prototype.setElementWidth = function () { | ||
PlaceholderChart.prototype.setElementWidth = function () { | ||
var boundingRect = this.element.getBoundingClientRect(); | ||
this.elementWidth = boundingRect.width; | ||
}; | ||
Object.defineProperty(class_2.prototype, "element", { | ||
Object.defineProperty(PlaceholderChart.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -57,8 +54,3 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child:after,.placeholder-chart__bar:nth-child(6n):after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02,#f5f5f5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02,#f5f5f5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return PlaceholderChart; | ||
}()); | ||
@@ -71,4 +63,6 @@ function calculateBarsQuantity(elementWidth, barWidth) { | ||
} | ||
PlaceholderChart.style = asPlaceholderChartCss; | ||
var asWidgetSelectionCss = "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; | ||
var WidgetSelection = /** @class */ (function () { | ||
function class_3(hostRef) { | ||
function WidgetSelection(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -84,16 +78,12 @@ /** | ||
} | ||
class_3.prototype.render = function () { | ||
WidgetSelection.prototype.render = function () { | ||
return h("div", { class: 'as-color--type-01 as-widget-selection__wrapper' }, h("span", { class: 'as-widget-selection__selection as-body' }, this.selection), this.showClear ? this.renderClearBtn() : ''); | ||
}; | ||
class_3.prototype.renderClearBtn = function () { | ||
WidgetSelection.prototype.renderClearBtn = function () { | ||
var _this = this; | ||
return (h("span", { class: 'as-body as-color--primary as-widget-selection__clear', onClick: function () { _this.clear.emit(); } }, this.clearText)); | ||
}; | ||
Object.defineProperty(class_3, "style", { | ||
get: function () { return "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_3; | ||
return WidgetSelection; | ||
}()); | ||
WidgetSelection.style = asWidgetSelectionCss; | ||
export { CategoryWidgetPlaceholder as as_histogram_widget_placeholder, PlaceholderChart as as_placeholder_chart, WidgetSelection as as_widget_selection }; |
@@ -1,7 +0,8 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
var asInfowindowCss = "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01, #FFF);--as--infowindow--color--shadow:var(--as--color--shadow, rgba(44, 44, 44, 0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook::before{content:\"\";position:absolute;z-index:3;top:0;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--background);border-right:18px solid transparent;border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook::after{content:\"\";position:absolute;z-index:2;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook::after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0, 0% 100%, 100% 0);clip-path:polygon(0 0, 0% 100%, 100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; | ||
var Infowindow = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Infowindow(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
Infowindow.prototype.render = function () { | ||
return this.element.childElementCount === 0 && this.src | ||
@@ -11,3 +12,3 @@ ? this._renderImageInfoWindow() | ||
}; | ||
class_1.prototype.componentDidLoad = function () { | ||
Infowindow.prototype.componentDidLoad = function () { | ||
if (this.src) { | ||
@@ -17,9 +18,9 @@ this._setupHook(); | ||
}; | ||
class_1.prototype._renderStandarInfowindow = function () { | ||
Infowindow.prototype._renderStandarInfowindow = function () { | ||
return (h("div", { class: 'as-infowindow' }, this.src && h("img", { src: this.src }), h("div", { class: 'as-infowindow__content' }, h("slot", null)), h("div", { class: 'as-infowindow__hook' }))); | ||
}; | ||
class_1.prototype._renderImageInfoWindow = function () { | ||
Infowindow.prototype._renderImageInfoWindow = function () { | ||
return (h("div", { class: 'as-infowindow' }, h("div", { class: 'as-infowindow__media' }, h("img", { src: this.src })), h("div", { class: 'as-infowindow__imageHook' }, h("div", { class: 'as-infowindow__imageHook--inner' }, h("img", { src: this.src }))))); | ||
}; | ||
class_1.prototype._setupHook = function () { | ||
Infowindow.prototype._setupHook = function () { | ||
var _this = this; | ||
@@ -39,3 +40,3 @@ var imageElement = this.element.querySelector('.as-infowindow__media img'); | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(Infowindow.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -45,9 +46,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01,#fff);--as--infowindow--color--shadow:var(--as--color--shadow,rgba(44,44,44,0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook:before{z-index:3;top:0;border-top:12px solid var(--as--infowindow--color--background);border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook:after,as-infowindow .as-infowindow__hook:before{content:\"\";position:absolute;left:0;width:0;height:0;border-right:18px solid transparent}as-infowindow .as-infowindow__hook:after{z-index:2;top:3px;border-top:12px solid var(--as--infowindow--color--shadow);-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook:after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Infowindow; | ||
}()); | ||
Infowindow.style = asInfowindowCss; | ||
export { Infowindow as as_infowindow }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
var asLayerSelectorSlotCss = "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; | ||
var LayerSelectorSlot = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LayerSelectorSlot(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,19 +9,17 @@ this.visible = true; | ||
} | ||
class_1.prototype.toggleCheckbox = function () { | ||
LayerSelectorSlot.prototype.toggleCheckbox = function () { | ||
this.visible = !this.visible; | ||
}; | ||
class_1.prototype.render = function () { | ||
return (h("div", { class: 'as-layer-selector-slot--wrapper' }, h("div", { class: 'as-checkbox' }, h("input", { class: 'as-checkbox-input', type: 'checkbox', id: "checkbox-" + this.index, name: "layer-" + this.layer.id, value: "layer-" + this.layer.id, onChange: this._onChange.bind(this, this.index), checked: true }), h("span", { class: 'as-checkbox-decoration' }, h("svg", { class: 'as-checkbox-media' }, h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), h("label", { class: 'as-caption', htmlFor: "checkbox-" + this.index }, this.layer.title)), h("div", { class: "as-checkbox-layer-slot " + (this.visible ? 'as-checkbox-layer-slot--visible' : 'as-checkbox-layer-slot--hidden') }, h("slot", { name: "as-checkbox-layer-" + this.index + "-slot" })))); | ||
LayerSelectorSlot.prototype.render = function () { | ||
return (h("div", { class: 'as-layer-selector-slot--wrapper' }, h("div", { class: 'as-checkbox' }, h("input", { class: 'as-checkbox-input', type: 'checkbox', id: "checkbox-" + this.index, name: "layer-" + this.layer.id, value: "layer-" + this.layer.id, onChange: this._onChange.bind(this, this.index), checked: true }), h("span", { class: 'as-checkbox-decoration' }, h("svg", { class: 'as-checkbox-media' }, h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), h("label", { class: 'as-caption', htmlFor: "checkbox-" + this.index }, this.layer.title)), h("div", { class: "as-checkbox-layer-slot " + (this.visible | ||
? 'as-checkbox-layer-slot--visible' | ||
: 'as-checkbox-layer-slot--hidden') }, h("slot", { name: "as-checkbox-layer-" + this.index + "-slot" })))); | ||
}; | ||
class_1.prototype._onChange = function (index, event) { | ||
LayerSelectorSlot.prototype._onChange = function (index, event) { | ||
this.toggleCheckbox(); | ||
this.onToggleCheckbox.emit({ event: event, index: index }); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LayerSelectorSlot; | ||
}()); | ||
LayerSelectorSlot.style = asLayerSelectorSlotCss; | ||
export { LayerSelectorSlot as as_layer_selector_slot }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
var asLayerSelectorCss = "as-layer-selector{display:block;padding:12px 12px 0}"; | ||
var LayerSelector = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LayerSelector(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,18 +9,14 @@ this.layers = []; | ||
} | ||
class_1.prototype.onToggleCheckbox = function (evt) { | ||
LayerSelector.prototype.onToggleCheckbox = function (evt) { | ||
this.onToggleLayer.emit(evt.detail); | ||
}; | ||
class_1.prototype.render = function () { | ||
LayerSelector.prototype.render = function () { | ||
return (h("div", { class: 'as-layer-selector--wrapper' }, this.layers.map(this._renderCheckbox.bind(this)))); | ||
}; | ||
class_1.prototype._renderCheckbox = function (layer, index) { | ||
LayerSelector.prototype._renderCheckbox = function (layer, index) { | ||
return h("as-layer-selector-slot", { layer: layer, index: index }, h("slot", { name: "as-checkbox-layer-" + index + "-slot" })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-layer-selector{display:block;padding:12px 12px 0}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LayerSelector; | ||
}()); | ||
LayerSelector.style = asLayerSelectorCss; | ||
export { LayerSelector as as_layer_selector }; |
@@ -1,9 +0,10 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
var asLegendCategoryCss = "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; | ||
var MIN_WIDTH = 16; | ||
var LegendColorCategory = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategory(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategory.prototype.render = function () { | ||
var _this = this; | ||
@@ -22,3 +23,3 @@ if (!this.data || this.data.length === 0) { | ||
}; | ||
class_1.prototype.renderLegend = function (legend) { | ||
LegendColorCategory.prototype.renderLegend = function (legend) { | ||
switch (legend.type) { | ||
@@ -35,3 +36,3 @@ case 'point': | ||
}; | ||
class_1.prototype.getStyle = function () { | ||
LegendColorCategory.prototype.getStyle = function () { | ||
var maxLegendWidth = this.data.slice().sort(function (first, second) { return second.width - first.width; })[0].width; | ||
@@ -42,12 +43,9 @@ return { | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategory; | ||
}()); | ||
LegendColorCategory.style = asLegendCategoryCss; | ||
var asLegendCategoryLineEntryCss = "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; | ||
var MAX_WIDTH = 16; | ||
var LegendCategoryLineEntry = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function LegendCategoryLineEntry(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -57,12 +55,12 @@ this.strokeStyle = 'solid'; | ||
} | ||
class_2.prototype.componentWillLoad = function () { | ||
LegendCategoryLineEntry.prototype.componentWillLoad = function () { | ||
this._widthChanged(this.width); | ||
}; | ||
class_2.prototype.render = function () { | ||
LegendCategoryLineEntry.prototype.render = function () { | ||
return (h("div", { class: 'as-legend-category-line-entry--wrapper' }, h("div", { class: 'as-legend-category--figure--wrapper' }, h("div", { class: 'as-legend-category-line-entry--line', style: this.getStyle() })), h("span", { class: 'as-legend-category--label' }, this.label))); | ||
}; | ||
class_2.prototype._widthChanged = function (newValue) { | ||
LegendCategoryLineEntry.prototype._widthChanged = function (newValue) { | ||
this._width = Math.min(MAX_WIDTH, newValue); | ||
}; | ||
class_2.prototype.getStyle = function () { | ||
LegendCategoryLineEntry.prototype.getStyle = function () { | ||
return { | ||
@@ -74,3 +72,3 @@ borderTopColor: this.color, | ||
}; | ||
Object.defineProperty(class_2, "watchers", { | ||
Object.defineProperty(LegendCategoryLineEntry, "watchers", { | ||
get: function () { | ||
@@ -84,9 +82,6 @@ return { | ||
}); | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return LegendCategoryLineEntry; | ||
}()); | ||
LegendCategoryLineEntry.style = asLegendCategoryLineEntryCss; | ||
var asLegendCategoryPointEntryCss = "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -99,7 +94,7 @@ // a 1px border. | ||
var LegendCategoryPointEntry = /** @class */ (function () { | ||
function class_3(hostRef) { | ||
function LegendCategoryPointEntry(hostRef) { | ||
registerInstance(this, hostRef); | ||
this.width = DEFAULT_WIDTH; | ||
} | ||
class_3.prototype.render = function () { | ||
LegendCategoryPointEntry.prototype.render = function () { | ||
var classes = { | ||
@@ -111,6 +106,6 @@ 'as-legend-category-point-entry--point': !this.marker, | ||
}; | ||
class_3.prototype.getStyle = function () { | ||
return Object.assign({ backgroundColor: this.color, border: FAKE_BORDER_SIZE + "px " + (this.strokeStyle || 'solid') + " " + this.strokeColor }, this.getWidth(), this.getMask()); | ||
LegendCategoryPointEntry.prototype.getStyle = function () { | ||
return Object.assign(Object.assign({ backgroundColor: this.color, border: FAKE_BORDER_SIZE + "px " + (this.strokeStyle || 'solid') + " " + this.strokeColor }, this.getWidth()), this.getMask()); | ||
}; | ||
class_3.prototype.getWidth = function () { | ||
LegendCategoryPointEntry.prototype.getWidth = function () { | ||
if (!this.width) { | ||
@@ -130,3 +125,3 @@ return {}; | ||
}; | ||
class_3.prototype.getMask = function () { | ||
LegendCategoryPointEntry.prototype.getMask = function () { | ||
if (!this.marker) { | ||
@@ -146,17 +141,14 @@ return {}; | ||
}; | ||
Object.defineProperty(class_3, "style", { | ||
get: function () { return "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_3; | ||
return LegendCategoryPointEntry; | ||
}()); | ||
LegendCategoryPointEntry.style = asLegendCategoryPointEntryCss; | ||
var asLegendCategoryPolygonEntryCss = "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; | ||
var LegendColorCategoryPolygonEntry = /** @class */ (function () { | ||
function class_4(hostRef) { | ||
function LegendColorCategoryPolygonEntry(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_4.prototype.render = function () { | ||
LegendColorCategoryPolygonEntry.prototype.render = function () { | ||
return (h("div", { class: 'as-legend-category-polygon-entry--wrapper' }, h("div", { class: 'as-legend-category--figure--wrapper' }, h("div", { class: 'as-legend-category-polygon-entry--box', style: this.getStyle() })), h("span", { class: 'as-legend-category--label' }, this.label))); | ||
}; | ||
class_4.prototype.getStyle = function () { | ||
LegendColorCategoryPolygonEntry.prototype.getStyle = function () { | ||
return { | ||
@@ -167,9 +159,5 @@ backgroundColor: this.color, | ||
}; | ||
Object.defineProperty(class_4, "style", { | ||
get: function () { return "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_4; | ||
return LegendColorCategoryPolygonEntry; | ||
}()); | ||
LegendColorCategoryPolygonEntry.style = asLegendCategoryPolygonEntryCss; | ||
export { LegendColorCategory as as_legend_category, LegendCategoryLineEntry as as_legend_category_line_entry, LegendCategoryPointEntry as as_legend_category_point_entry, LegendColorCategoryPolygonEntry as as_legend_category_polygon_entry }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorBinsLine = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorBinsLine(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorBinsLine.prototype.render = function () { | ||
// TODO: check if all values are type: line? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-bins-line{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorBinsLine; | ||
}()); | ||
LegendColorBinsLine.style = "as-legend-color-bins-line { display: block; }"; | ||
export { LegendColorBinsLine as as_legend_color_bins_line }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorBinsPoint = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorBinsPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorBinsPoint.prototype.render = function () { | ||
// TODO: check if all values are type: point? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-bins-point{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorBinsPoint; | ||
}()); | ||
LegendColorBinsPoint.style = "as-legend-color-bins-point { display: block; }"; | ||
export { LegendColorBinsPoint as as_legend_color_bins_point }; |
@@ -1,8 +0,9 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendColorBinsPolygonCss = "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; | ||
var LegendColorBinsPolygon = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorBinsPolygon(hostRef) { | ||
registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorBinsPolygon.prototype.render = function () { | ||
var _a; | ||
@@ -19,15 +20,11 @@ if (!this.data) { | ||
}; | ||
class_1.prototype.renderStep = function (data) { | ||
LegendColorBinsPolygon.prototype.renderStep = function (data) { | ||
return (h("div", { class: 'as-legend-color-bins-polygon--step', style: { background: data.color } })); | ||
}; | ||
class_1.prototype.renderLabels = function (data) { | ||
LegendColorBinsPolygon.prototype.renderLabels = function (data) { | ||
return (h("div", { class: 'as-legend-color-bins-polygon--label' }, h("span", null, data.label))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorBinsPolygon; | ||
}()); | ||
LegendColorBinsPolygon.style = asLegendColorBinsPolygonCss; | ||
export { LegendColorBinsPolygon as as_legend_color_bins_polygon }; |
@@ -1,7 +0,7 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorBins = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorBins(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorBins.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -17,9 +17,5 @@ return null; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-bins{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorBins; | ||
}()); | ||
LegendColorBins.style = "as-legend-color-bins { display: block; }"; | ||
export { LegendColorBins as as_legend_color_bins }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorCategoryLine = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategoryLine(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategoryLine.prototype.render = function () { | ||
// TODO: check if all values are type: line? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-category-line{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategoryLine; | ||
}()); | ||
LegendColorCategoryLine.style = "as-legend-color-category-line { display: block; }"; | ||
export { LegendColorCategoryLine as as_legend_color_category_line }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorCategoryPoint = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategoryPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategoryPoint.prototype.render = function () { | ||
// TODO: check if all values are type: point? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-category-point{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategoryPoint; | ||
}()); | ||
LegendColorCategoryPoint.style = "as-legend-color-category-point { display: block; }"; | ||
export { LegendColorCategoryPoint as as_legend_color_category_point }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorCategoryPolygon = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategoryPolygon(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategoryPolygon.prototype.render = function () { | ||
// TODO: check if all values are type: polygon? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-category-polygon{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategoryPolygon; | ||
}()); | ||
LegendColorCategoryPolygon.style = "as-legend-color-category-polygon { display: block; }"; | ||
export { LegendColorCategoryPolygon as as_legend_color_category_polygon }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorCategory = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategory(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategory.prototype.render = function () { | ||
// TODO: check if all values are type: line? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-category{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategory; | ||
}()); | ||
LegendColorCategory.style = "as-legend-color-category { display: block; }"; | ||
export { LegendColorCategory as as_legend_color_category }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorContinuousLine = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorContinuousLine(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorContinuousLine.prototype.render = function () { | ||
// TODO: check if all values are type: line? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-continuous-line{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorContinuousLine; | ||
}()); | ||
LegendColorContinuousLine.style = "as-legend-color-continuous-line { display: block; }"; | ||
export { LegendColorContinuousLine as as_legend_color_continuous_line }; |
@@ -1,17 +0,13 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorBinsPoint = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorBinsPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorBinsPoint.prototype.render = function () { | ||
// TODO: check if all values are type: point? | ||
return (h("as-legend-category", { data: this.data, orientation: this.orientation, width: this.width })); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-continuous-point{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorBinsPoint; | ||
}()); | ||
LegendColorBinsPoint.style = "as-legend-color-continuous-point { display: block; }"; | ||
export { LegendColorBinsPoint as as_legend_color_continuous_point }; |
@@ -1,8 +0,9 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendColorContinuousPolygonCss = "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; | ||
var LegendColorContinuousPolygon = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorContinuousPolygon(hostRef) { | ||
registerInstance(this, hostRef); | ||
this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorContinuousPolygon.prototype.render = function () { | ||
var _a; | ||
@@ -20,3 +21,3 @@ var _this = this; | ||
}; | ||
class_1.prototype.renderGradientStep = function (data, index, arr) { | ||
LegendColorContinuousPolygon.prototype.renderGradientStep = function (data, index, arr) { | ||
if (index === arr.length - 1) { | ||
@@ -33,3 +34,3 @@ return null; | ||
}; | ||
class_1.prototype.renderLabel = function (data, index, arr) { | ||
LegendColorContinuousPolygon.prototype.renderLabel = function (data, index, arr) { | ||
if (this.orientation === 'vertical' && index === 0) { | ||
@@ -43,9 +44,5 @@ return null; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorContinuousPolygon; | ||
}()); | ||
LegendColorContinuousPolygon.style = asLegendColorContinuousPolygonCss; | ||
export { LegendColorContinuousPolygon as as_legend_color_continuous_polygon }; |
@@ -1,7 +0,7 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendColorCategory = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendColorCategory(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LegendColorCategory.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -17,9 +17,5 @@ return null; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-color-continuous{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendColorCategory; | ||
}()); | ||
LegendColorCategory.style = "as-legend-color-continuous { display: block; }"; | ||
export { LegendColorCategory as as_legend_color_continuous }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendSizeBinsLineCss = "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0, 0, 0, 0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; | ||
var LegendSizeBinsLine = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeBinsLine(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,3 +9,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeBinsLine.prototype.render = function () { | ||
var _a; | ||
@@ -25,3 +26,3 @@ var _this = this; | ||
}; | ||
class_1.prototype.renderStep = function (data) { | ||
LegendSizeBinsLine.prototype.renderStep = function (data) { | ||
var _a; | ||
@@ -36,12 +37,8 @@ var prop = this.orientation === 'vertical' ? 'width' : 'height'; | ||
}; | ||
class_1.prototype.renderLabels = function (data) { | ||
LegendSizeBinsLine.prototype.renderLabels = function (data) { | ||
return (h("div", { class: 'as-legend-size-bins-line--label' }, h("span", null, data.label))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0,0,0,0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeBinsLine; | ||
}()); | ||
LegendSizeBinsLine.style = asLegendSizeBinsLineCss; | ||
export { LegendSizeBinsLine as as_legend_size_bins_line }; |
@@ -1,3 +0,4 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
var asLegendSizeBinsPointCss = "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -7,3 +8,3 @@ // a 1px border. | ||
var LegendSizeBinsPoint = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeBinsPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -13,3 +14,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeBinsPoint.prototype.render = function () { | ||
var _a; | ||
@@ -28,3 +29,3 @@ var _this = this; | ||
}; | ||
class_1.prototype.renderStep = function (data) { | ||
LegendSizeBinsPoint.prototype.renderStep = function (data) { | ||
var strokeStyle = FAKE_BORDER_SIZE + "px " + (data.strokeStyle || 'solid') + " " + data.strokeColor; | ||
@@ -50,3 +51,3 @@ // Elements are box-sizing: border-box, so we have to compensate | ||
}; | ||
class_1.prototype.getMask = function (data) { | ||
LegendSizeBinsPoint.prototype.getMask = function (data) { | ||
if (!data.marker) { | ||
@@ -66,9 +67,5 @@ return {}; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeBinsPoint; | ||
}()); | ||
LegendSizeBinsPoint.style = asLegendSizeBinsPointCss; | ||
export { LegendSizeBinsPoint as as_legend_size_bins_point }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendSizeBinsCss = "as-legend-size-bins{display:block}"; | ||
var LegendSizeBins = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeBins(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,3 +9,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeBins.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -15,3 +16,3 @@ return null; | ||
}; | ||
class_1.prototype.renderLegend = function (data) { | ||
LegendSizeBins.prototype.renderLegend = function (data) { | ||
switch (data[0].type) { | ||
@@ -26,9 +27,5 @@ case 'point': | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-bins{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeBins; | ||
}()); | ||
LegendSizeBins.style = asLegendSizeBinsCss; | ||
export { LegendSizeBins as as_legend_size_bins }; |
@@ -1,6 +0,7 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendSizeCategoryLineCss = "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; | ||
var MIN_WIDTH = 48; | ||
var FACTOR = 3; | ||
var LegendSizeBinsPoint = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeBinsPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -12,3 +13,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeBinsPoint.prototype.render = function () { | ||
var _a; | ||
@@ -27,3 +28,3 @@ var _this = this; | ||
}; | ||
class_1.prototype.renderStep = function (data) { | ||
LegendSizeBinsPoint.prototype.renderStep = function (data) { | ||
var strokeStyle = { | ||
@@ -48,9 +49,5 @@ borderTopColor: "" + data.color, | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--line-wrapper,as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeBinsPoint; | ||
}()); | ||
LegendSizeBinsPoint.style = asLegendSizeCategoryLineCss; | ||
export { LegendSizeBinsPoint as as_legend_size_category_line }; |
@@ -1,4 +0,4 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendSizeCategory = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeCategory(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,3 +8,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeCategory.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -15,9 +15,5 @@ return null; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-category-point{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeCategory; | ||
}()); | ||
LegendSizeCategory.style = "as-legend-size-category-point { display: block; }"; | ||
export { LegendSizeCategory as as_legend_size_category_point }; |
@@ -1,4 +0,4 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var LegendSizeCategory = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeCategory(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,3 +8,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeCategory.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -22,9 +22,5 @@ return null; | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-category{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeCategory; | ||
}()); | ||
LegendSizeCategory.style = "as-legend-size-category { display: block; }"; | ||
export { LegendSizeCategory as as_legend_size_category }; |
@@ -1,7 +0,8 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
var asLegendSizeContinuousLineCss = "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; | ||
var TEXT_MARGIN = 4; | ||
var MIN_LINE_SIZE = 4; | ||
var LegendSizeContinuousLine = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeContinuousLine(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -19,9 +20,9 @@ this.data = null; | ||
} | ||
class_1.prototype.componentWillUpdate = function () { | ||
LegendSizeContinuousLine.prototype.componentWillUpdate = function () { | ||
this.parseSize(); | ||
}; | ||
class_1.prototype.componentWillLoad = function () { | ||
LegendSizeContinuousLine.prototype.componentWillLoad = function () { | ||
this.parseSize(); | ||
}; | ||
class_1.prototype.render = function () { | ||
LegendSizeContinuousLine.prototype.render = function () { | ||
var _a; | ||
@@ -111,3 +112,3 @@ var _this = this; | ||
}; | ||
class_1.prototype.parseSize = function () { | ||
LegendSizeContinuousLine.prototype.parseSize = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -120,3 +121,3 @@ return; | ||
}; | ||
class_1.prototype.getSortedData = function () { | ||
LegendSizeContinuousLine.prototype.getSortedData = function () { | ||
if (this.data === null) { | ||
@@ -127,3 +128,3 @@ return this.data; | ||
}; | ||
class_1.prototype.getPathStyle = function () { | ||
LegendSizeContinuousLine.prototype.getPathStyle = function () { | ||
return { | ||
@@ -133,3 +134,3 @@ fill: "" + this.data[0].color | ||
}; | ||
class_1.prototype.getSVGStyle = function () { | ||
LegendSizeContinuousLine.prototype.getSVGStyle = function () { | ||
var height = (this.orientation === 'horizontal' ? this.rSize : this.size); | ||
@@ -141,3 +142,3 @@ return { | ||
}; | ||
class_1.prototype.getSVGViewBox = function () { | ||
LegendSizeContinuousLine.prototype.getSVGViewBox = function () { | ||
var height = (this.orientation === 'horizontal' ? this.rSize : this.size); | ||
@@ -151,3 +152,3 @@ var marginX = this.size * (-this.xMarginFactor / 2); | ||
}; | ||
class_1.prototype.getOffset = function (index, length) { | ||
LegendSizeContinuousLine.prototype.getOffset = function (index, length) { | ||
var offset = 0; | ||
@@ -162,9 +163,6 @@ if (index === length) { | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeContinuousLine; | ||
}()); | ||
LegendSizeContinuousLine.style = asLegendSizeContinuousLineCss; | ||
var asLegendSizeContinuousPointCss = "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -174,3 +172,3 @@ // a 1px border. | ||
var LegendSizeContinuousPoint = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function LegendSizeContinuousPoint(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -180,3 +178,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_2.prototype.render = function () { | ||
LegendSizeContinuousPoint.prototype.render = function () { | ||
var _a; | ||
@@ -200,3 +198,3 @@ var _this = this; | ||
}; | ||
class_2.prototype.renderStep = function (data) { | ||
LegendSizeContinuousPoint.prototype.renderStep = function (data) { | ||
var strokeStyle = FAKE_BORDER_SIZE + "px " + (data.strokeStyle || 'solid') + " " + data.strokeColor; | ||
@@ -215,9 +213,5 @@ var sizeOffset = borderStyleCounts(data.strokeStyle) | ||
}; | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{position:relative;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return LegendSizeContinuousPoint; | ||
}()); | ||
LegendSizeContinuousPoint.style = asLegendSizeContinuousPointCss; | ||
export { LegendSizeContinuousLine as as_legend_size_continuous_line, LegendSizeContinuousPoint as as_legend_size_continuous_point }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendSizeContinuousCss = "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; | ||
var LegendSizeContinuous = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LegendSizeContinuous(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -8,3 +9,3 @@ this.orientation = 'vertical'; | ||
} | ||
class_1.prototype.render = function () { | ||
LegendSizeContinuous.prototype.render = function () { | ||
if (!this.data || this.data.length === 0) { | ||
@@ -18,3 +19,3 @@ return null; | ||
}; | ||
class_1.prototype.renderLegend = function (data) { | ||
LegendSizeContinuous.prototype.renderLegend = function (data) { | ||
switch (data[0].type) { | ||
@@ -29,9 +30,5 @@ case 'point': | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LegendSizeContinuous; | ||
}()); | ||
LegendSizeContinuous.style = asLegendSizeContinuousCss; | ||
export { LegendSizeContinuous as as_legend_size_continuous }; |
@@ -1,10 +0,11 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLegendCss = "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend *[slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; | ||
var Legend = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Legend(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
Legend.prototype.render = function () { | ||
return (h("div", { class: 'as-legend--wrapper' }, this.renderHeader(), this.renderContent())); | ||
}; | ||
class_1.prototype.renderContent = function () { | ||
Legend.prototype.renderContent = function () { | ||
if (this.loading) { | ||
@@ -18,3 +19,3 @@ return null; | ||
}; | ||
class_1.prototype.renderHeader = function () { | ||
Legend.prototype.renderHeader = function () { | ||
if (this.heading || this.description) { | ||
@@ -24,9 +25,5 @@ return h("as-widget-header", { header: this.heading, subheader: this.description }); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend [slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Legend; | ||
}()); | ||
Legend.style = asLegendCss; | ||
export { Legend as as_legend }; |
@@ -1,18 +0,16 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asLoaderCss = "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; | ||
var Loader = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Loader(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
Loader.prototype.render = function () { | ||
return h("span", { class: 'as-loading' }, h("svg", { viewBox: '0 0 50 50' }, h("circle", { cx: '25', cy: '25', r: '20', fill: 'none' }))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Loader; | ||
}()); | ||
Loader.style = asLoaderCss; | ||
var asWidgetHeaderCss = "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color, #F4F4F4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error, #F3522B);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty, #FDB32B);text-transform:uppercase}"; | ||
var WidgetHeader = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function WidgetHeader(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -54,3 +52,3 @@ /** | ||
} | ||
class_2.prototype.render = function () { | ||
WidgetHeader.prototype.render = function () { | ||
return [ | ||
@@ -61,3 +59,3 @@ h("h2", { class: 'as-widget-header__header' }, this.header), | ||
}; | ||
class_2.prototype._getSubHeader = function () { | ||
WidgetHeader.prototype._getSubHeader = function () { | ||
if (this.isLoading) { | ||
@@ -74,9 +72,5 @@ return h("p", { class: 'as-widget-header__subheader as-body' }, this.subheader); | ||
}; | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color,#f4f4f4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error,#f3522b);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty,#fdb32b);text-transform:uppercase}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return WidgetHeader; | ||
}()); | ||
WidgetHeader.style = asWidgetHeaderCss; | ||
export { Loader as as_loader, WidgetHeader as as_widget_header }; |
@@ -1,21 +0,19 @@ | ||
import { r as registerInstance, h, H as Host } from './core-a69618da.js'; | ||
import { r as registerInstance, h, H as Host } from './index-4e0575fe.js'; | ||
var asPlaceholderCss = ".placeholder{position:relative;background-color:var(--as--color--ui-01, #FFF)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body, 12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;background-color:var(--as--color--primary, #1785FB)}@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; | ||
var Placeholder = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Placeholder(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
Placeholder.prototype.render = function () { | ||
return (h("section", { class: 'placeholder' }, h("div", { class: 'progress' }, h("div", { class: 'progress__animation' })), h("div", { class: 'placeholder__title' }, h("slot", { name: 'header' }, "Loading data...")), h("div", { class: 'placeholder__content' }, h("slot", null)))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".placeholder{position:relative;background-color:var(--as--color--ui-01,#fff)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body,12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;background-color:var(--as--color--primary,#1785fb)}\@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}\@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Placeholder; | ||
}()); | ||
Placeholder.style = asPlaceholderCss; | ||
var asPlaceholderBarCss = "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02, #F5F5F5)}"; | ||
var PlaceholderBar = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function PlaceholderBar(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_2.prototype.render = function () { | ||
PlaceholderBar.prototype.render = function () { | ||
var styles = { | ||
@@ -27,9 +25,5 @@ height: this.height, | ||
}; | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02,#f5f5f5)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return PlaceholderBar; | ||
}()); | ||
PlaceholderBar.style = asPlaceholderBarCss; | ||
export { Placeholder as as_placeholder, PlaceholderBar as as_placeholder_bar }; |
@@ -1,7 +0,8 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asPlaceholderListCss = ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; | ||
var LoadingBar = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function LoadingBar(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
LoadingBar.prototype.render = function () { | ||
return [ | ||
@@ -15,13 +16,9 @@ this.renderBarSection(), | ||
}; | ||
class_1.prototype.renderBarSection = function () { | ||
LoadingBar.prototype.renderBarSection = function () { | ||
var barPercentage = Math.trunc(Math.random() * 60) + 40; | ||
return (h("div", { class: 'placeholder-list__items' }, h("as-placeholder-bar", { class: 'placeholder-list__item placeholder-list__item--first', height: '12px', width: barPercentage + "%" }), h("as-placeholder-bar", { class: 'placeholder-list__item', height: '4px', width: '100%' }))); | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return LoadingBar; | ||
}()); | ||
LoadingBar.style = asPlaceholderListCss; | ||
export { LoadingBar as as_placeholder_list }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
function handleMouseDown(listeners) { | ||
@@ -36,6 +36,7 @@ var handleMove = function (eventProperties) { | ||
} | ||
var asRangeSliderBarCss = "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary, #1785FB);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03, #E2E6E3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider__range-bar--background-color, #1785FB)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable::after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; | ||
var MAX_PERCENTAGE = 100; | ||
var MIN_PERCENTAGE = 0; | ||
var RangeSliderBar = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function RangeSliderBar(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -46,3 +47,3 @@ this.barMove = createEvent(this, "barMove", 7); | ||
} | ||
class_1.prototype.render = function () { | ||
RangeSliderBar.prototype.render = function () { | ||
var barStyles = { | ||
@@ -59,3 +60,3 @@ left: this.rangeStartPercentage + "%", | ||
}; | ||
class_1.prototype.onMouseDown = function (event) { | ||
RangeSliderBar.prototype.onMouseDown = function (event) { | ||
var _this = this; | ||
@@ -74,3 +75,3 @@ if (!this.isDraggable) { | ||
}; | ||
class_1.prototype.onMove = function (event) { | ||
RangeSliderBar.prototype.onMove = function (event) { | ||
if (!this.previousMouseEvent) { | ||
@@ -103,3 +104,3 @@ this.previousMouseEvent = event; | ||
}; | ||
class_1.prototype._updateRangePercentages = function (percentages) { | ||
RangeSliderBar.prototype._updateRangePercentages = function (percentages) { | ||
var leftPercentage = percentages[0], rightPercentage = percentages[1]; | ||
@@ -126,3 +127,3 @@ var direction = (leftPercentage < this.rangeStartPercentage) ? -1 : 1; | ||
}; | ||
class_1.prototype._onRelease = function () { | ||
RangeSliderBar.prototype._onRelease = function () { | ||
this.setCursorTo(''); | ||
@@ -134,3 +135,3 @@ if (this.rangeBarElement && this.rangeBarElement.classList) { | ||
}; | ||
class_1.prototype._getMovementDelta = function (currentEvent, previousEvent) { | ||
RangeSliderBar.prototype._getMovementDelta = function (currentEvent, previousEvent) { | ||
var currentChangedTouches = currentEvent.changedTouches; | ||
@@ -146,9 +147,9 @@ var previousChangedTouches = previousEvent.changedTouches; | ||
}; | ||
class_1.prototype._getRangeDifference = function () { | ||
RangeSliderBar.prototype._getRangeDifference = function () { | ||
return this.rangeEndPercentage - this.rangeStartPercentage; | ||
}; | ||
class_1.prototype.setCursorTo = function (value) { | ||
RangeSliderBar.prototype.setCursorTo = function (value) { | ||
document.body.style.cursor = value; | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(RangeSliderBar.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -158,11 +159,8 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary,#1785fb);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03,#e2e6e3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider__range-bar--background-color,#1785fb)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable:after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return RangeSliderBar; | ||
}()); | ||
RangeSliderBar.style = asRangeSliderBarCss; | ||
var asRangeSliderThumbCss = "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary, #1785FB);--as--range-slider--thumb-handle--background-color:var(--as--color--white, #FFF);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary, #1785FB);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0);-webkit-transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:transform 200ms ease, opacity 200ms ease;transition:transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle::before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle:hover,as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px, 0, 0) scale(1.33);transform:translate3d(-6px, 0, 0) scale(1.33)}"; | ||
var RangeSliderThumb = /** @class */ (function () { | ||
function class_2(hostRef) { | ||
function RangeSliderThumb(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -177,6 +175,6 @@ this.showCaption = true; | ||
} | ||
class_2.prototype.componentDidRender = function () { | ||
RangeSliderThumb.prototype.componentDidRender = function () { | ||
this.thumbRender.emit(); | ||
}; | ||
class_2.prototype.render = function () { | ||
RangeSliderThumb.prototype.render = function () { | ||
var thumbStyles = { | ||
@@ -191,3 +189,3 @@ left: this.percentage + "%" | ||
}; | ||
class_2.prototype.onMouseDown = function (event) { | ||
RangeSliderThumb.prototype.onMouseDown = function (event) { | ||
var _this = this; | ||
@@ -205,3 +203,3 @@ this.thumbChangeStart.emit(); | ||
}; | ||
class_2.prototype.onKeyDown = function (event) { | ||
RangeSliderThumb.prototype.onKeyDown = function (event) { | ||
if (this.disabled) { | ||
@@ -228,4 +226,2 @@ return; | ||
break; | ||
default: | ||
break; | ||
} | ||
@@ -237,3 +233,3 @@ if (flag) { | ||
}; | ||
class_2.prototype._onMove = function (event) { | ||
RangeSliderThumb.prototype._onMove = function (event) { | ||
this.setCursorTo('grabbing'); | ||
@@ -254,3 +250,3 @@ var changedTouches = event.changedTouches; | ||
}; | ||
class_2.prototype._onRelease = function (thumb) { | ||
RangeSliderThumb.prototype._onRelease = function (thumb) { | ||
thumb.classList.remove('as-range-slider__thumb-handle--moving'); | ||
@@ -260,3 +256,3 @@ this.setCursorTo(''); | ||
}; | ||
class_2.prototype._renderDisplayValue = function () { | ||
RangeSliderThumb.prototype._renderDisplayValue = function () { | ||
var cssValueClasses = { | ||
@@ -271,9 +267,9 @@ 'as-caption': true, | ||
}; | ||
class_2.prototype._getDisplayValue = function (value) { | ||
RangeSliderThumb.prototype._getDisplayValue = function (value) { | ||
return (this.formatValue && this.formatValue(value)) || value; | ||
}; | ||
class_2.prototype.setCursorTo = function (value) { | ||
RangeSliderThumb.prototype.setCursorTo = function (value) { | ||
document.body.style.cursor = value; | ||
}; | ||
Object.defineProperty(class_2.prototype, "element", { | ||
Object.defineProperty(RangeSliderThumb.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -283,9 +279,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_2, "style", { | ||
get: function () { return "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary,#1785fb);--as--range-slider--thumb-handle--background-color:var(--as--color--white,#fff);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary,#1785fb);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle:before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving,as-range-slider-thumb .as-range-slider__thumb-handle:hover{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px,0,0) scale(1.33);transform:translate3d(-6px,0,0) scale(1.33)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_2; | ||
return RangeSliderThumb; | ||
}()); | ||
RangeSliderThumb.style = asRangeSliderThumbCss; | ||
export { RangeSliderBar as as_range_slider_bar, RangeSliderThumb as as_range_slider_thumb }; |
@@ -1,2 +0,9 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
var __spreadArrays = (this && this.__spreadArrays) || function () { | ||
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; | ||
for (var r = Array(s), k = 0, i = 0; i < il; i++) | ||
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) | ||
r[k] = a[j]; | ||
return r; | ||
}; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
function getDecimalPlaces(decimalNumber) { | ||
@@ -14,4 +21,5 @@ // Copied this method from: https://bit.ly/2DfxbfQ | ||
} | ||
var asRangeSliderCss = "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--range-color:var(--as--color--primary, #1785FB);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail::before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider--rail-color, #E2E6E3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px), 0, 0);transform:translate3d(calc(-100% + 6px), 0, 0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; | ||
var RangeSlider = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function RangeSlider(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -81,3 +89,3 @@ /** | ||
} | ||
class_1.prototype.validateValue = function (newValue) { | ||
RangeSlider.prototype.validateValue = function (newValue) { | ||
if (!this._isBetweenValidValues(newValue)) { | ||
@@ -89,3 +97,3 @@ throw new Error("RangeSlider: Value " + newValue + " has to be between " + | ||
}; | ||
class_1.prototype.validateRange = function (newRange) { | ||
RangeSlider.prototype.validateRange = function (newRange) { | ||
var _this = this; | ||
@@ -98,13 +106,13 @@ if (newRange.length !== 2) { | ||
}; | ||
class_1.prototype.componentWillLoad = function () { | ||
RangeSlider.prototype.componentWillLoad = function () { | ||
this._validateValues(); | ||
this._updateThumbs(); | ||
}; | ||
class_1.prototype.componentDidRender = function () { | ||
RangeSlider.prototype.componentDidRender = function () { | ||
this._checkLabelOverflow(); | ||
}; | ||
class_1.prototype.componentDidLoad = function () { | ||
RangeSlider.prototype.componentDidLoad = function () { | ||
this.checkThumbCollision(); | ||
}; | ||
class_1.prototype.render = function () { | ||
RangeSlider.prototype.render = function () { | ||
var _this = this; | ||
@@ -120,10 +128,10 @@ if (this.thumbs.length < 1) { | ||
}; | ||
class_1.prototype._getLabelOffsetPercentage = function () { | ||
RangeSlider.prototype._getLabelOffsetPercentage = function () { | ||
var difference = this.thumbs[1].percentage - this.thumbs[0].percentage; | ||
return this.thumbs[0].percentage + (difference / 2); | ||
}; | ||
class_1.prototype._updateThumbs = function () { | ||
RangeSlider.prototype._updateThumbs = function () { | ||
this.thumbs = this._createThumbs(); | ||
}; | ||
class_1.prototype._renderThumb = function (thumb) { | ||
RangeSlider.prototype._renderThumb = function (thumb) { | ||
var _this = this; | ||
@@ -134,3 +142,3 @@ if (this.showThumb) { | ||
}; | ||
class_1.prototype._renderRangeBar = function () { | ||
RangeSlider.prototype._renderRangeBar = function () { | ||
var _this = this; | ||
@@ -141,3 +149,3 @@ var _a = this._getCurrentThumbPercentages(), firstThumbPercentage = _a[0], lastThumbPercentage = _a[1]; | ||
}; | ||
class_1.prototype._renderCollapsedLabel = function () { | ||
RangeSlider.prototype._renderCollapsedLabel = function () { | ||
if (this.thumbs.length !== 2) { | ||
@@ -163,3 +171,3 @@ return; | ||
}; | ||
class_1.prototype._getCurrentThumbPercentages = function () { | ||
RangeSlider.prototype._getCurrentThumbPercentages = function () { | ||
var firstThumbPercentage = this._sliderHasRange() ? this.thumbs[0].percentage : 0; | ||
@@ -169,6 +177,6 @@ var lastThumbPercentage = this.thumbs[this.thumbs.length - 1].percentage; | ||
}; | ||
class_1.prototype._shouldShowCaption = function () { | ||
RangeSlider.prototype._shouldShowCaption = function () { | ||
return !this.areLabelsColliding && this.showThumbCaption; | ||
}; | ||
class_1.prototype._validateValues = function () { | ||
RangeSlider.prototype._validateValues = function () { | ||
if (this.value) { | ||
@@ -183,3 +191,3 @@ this.validateValue(this.value); | ||
}; | ||
class_1.prototype._createThumbs = function () { | ||
RangeSlider.prototype._createThumbs = function () { | ||
var _this = this; | ||
@@ -194,3 +202,3 @@ var hasRangeValues = this.range && this.range.length; | ||
}; | ||
class_1.prototype._getThumbData = function (value) { | ||
RangeSlider.prototype._getThumbData = function (value) { | ||
return { | ||
@@ -205,9 +213,9 @@ percentage: this._isBetweenValidValues(value) ? | ||
}; | ||
class_1.prototype._isBetweenValidValues = function (value) { | ||
RangeSlider.prototype._isBetweenValidValues = function (value) { | ||
return value >= this.minValue && value <= this.maxValue; | ||
}; | ||
class_1.prototype._sliderHasRange = function () { | ||
RangeSlider.prototype._sliderHasRange = function () { | ||
return this.range && this.range.length === 2; | ||
}; | ||
class_1.prototype._onKeyboardThumbMove = function (thumb, direction) { | ||
RangeSlider.prototype._onKeyboardThumbMove = function (thumb, direction) { | ||
var percentage = this._getPercentage(thumb.value + (direction * this.step)); | ||
@@ -219,3 +227,3 @@ if (percentage < 0 || percentage > 100) { | ||
}; | ||
class_1.prototype._onThumbMove = function (thumb, percentage) { | ||
RangeSlider.prototype._onThumbMove = function (thumb, percentage) { | ||
var _a = this.thumbs, leftThumb = _a[0], rightThumb = _a[1]; | ||
@@ -245,6 +253,6 @@ var isLeftThumb = leftThumb === thumb; | ||
thumb.percentage = stepPercentage; | ||
this.thumbs = this.thumbs.slice(); | ||
this.thumbs = __spreadArrays(this.thumbs); | ||
this._emitChangeIn(this.change); | ||
}; | ||
class_1.prototype._onBarMove = function (percentage) { | ||
RangeSlider.prototype._onBarMove = function (percentage) { | ||
var _this = this; | ||
@@ -259,20 +267,20 @@ var percentageRange = percentage.detail; | ||
this._clampThumbValues(thumbs); | ||
this.thumbs = thumbs.slice(); | ||
this.thumbs = __spreadArrays(thumbs); | ||
this._emitChangeIn(this.change); | ||
}; | ||
class_1.prototype._emitChangeIn = function (eventEmitterInstance) { | ||
RangeSlider.prototype._emitChangeIn = function (eventEmitterInstance) { | ||
var values = this.thumbs.map(function (thumb) { return thumb.value; }); | ||
return eventEmitterInstance.emit(values); | ||
}; | ||
class_1.prototype._getPercentage = function (value) { | ||
RangeSlider.prototype._getPercentage = function (value) { | ||
return ((value - this.minValue) / (this.maxValue - this.minValue)) * 100; | ||
}; | ||
class_1.prototype._getValueFromPercentage = function (percentage) { | ||
RangeSlider.prototype._getValueFromPercentage = function (percentage) { | ||
return ((percentage * (this.maxValue - this.minValue)) / 100) + this.minValue; | ||
}; | ||
class_1.prototype._getStepPercentage = function () { | ||
RangeSlider.prototype._getStepPercentage = function () { | ||
var range = (this.maxValue - this.minValue); | ||
return this.step * 100 / range; | ||
}; | ||
class_1.prototype._clampThumbValues = function (thumbs) { | ||
RangeSlider.prototype._clampThumbValues = function (thumbs) { | ||
var leftThumb = thumbs[0], rightThumb = thumbs[1]; | ||
@@ -284,10 +292,10 @@ leftThumb.valueMin = this.minValue; | ||
}; | ||
class_1.prototype._getStepValue = function (value) { | ||
RangeSlider.prototype._getStepValue = function (value) { | ||
var stepValue = Math.max(this.minValue, Math.round(value / this.step) * this.step); | ||
return this.roundToStep(stepValue, this.step); | ||
}; | ||
class_1.prototype.roundToStep = function (numberToRound, step) { | ||
RangeSlider.prototype.roundToStep = function (numberToRound, step) { | ||
return Number.parseFloat(numberToRound.toFixed(getDecimalPlaces(step))); | ||
}; | ||
class_1.prototype._checkLabelOverflow = function () { | ||
RangeSlider.prototype._checkLabelOverflow = function () { | ||
var thumbLabels = this.element.querySelectorAll('as-range-slider-thumb .as-range-slider__value'); | ||
@@ -303,3 +311,3 @@ if (thumbLabels) { | ||
}; | ||
class_1.prototype.checkThumbCollision = function () { | ||
RangeSlider.prototype.checkThumbCollision = function () { | ||
var thumbLabels = this.element.querySelectorAll('as-range-slider-thumb .as-range-slider__value'); | ||
@@ -315,3 +323,3 @@ if (!thumbLabels || thumbLabels.length !== 2) { | ||
}; | ||
class_1.prototype.checkOverflowInParentContainer = function (labelElement) { | ||
RangeSlider.prototype.checkOverflowInParentContainer = function (labelElement) { | ||
if (labelElement) { | ||
@@ -335,3 +343,3 @@ var containerElement = this.element.parentElement; | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(RangeSlider.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -341,3 +349,3 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "watchers", { | ||
Object.defineProperty(RangeSlider, "watchers", { | ||
get: function () { | ||
@@ -352,8 +360,3 @@ return { | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--range-color:var(--as--color--primary,#1785fb);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail:before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider--rail-color,#e2e6e3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px),0,0);transform:translate3d(calc(-100% + 6px),0,0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return RangeSlider; | ||
}()); | ||
@@ -366,2 +369,3 @@ function isColliding(a, b, margin) { | ||
} | ||
RangeSlider.style = asRangeSliderCss; | ||
export { RangeSlider as as_range_slider }; |
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } | ||
return new (P || (P = Promise))(function (resolve, reject) { | ||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } | ||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } | ||
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); } | ||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } | ||
step((generator = generator.apply(thisArg, _arguments || [])).next()); | ||
@@ -36,4 +37,11 @@ }); | ||
}; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as redrawChildren } from './redraw-children-f8ca3ca0.js'; | ||
var __spreadArrays = (this && this.__spreadArrays) || function () { | ||
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; | ||
for (var r = Array(s), k = 0, i = 0; i < il; i++) | ||
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) | ||
r[k] = a[j]; | ||
return r; | ||
}; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
import { r as redrawChildren } from './redraw-children-48506a7c.js'; | ||
var ApplicationSection = /** @class */ (function () { | ||
@@ -155,2 +163,3 @@ function ApplicationSection(_a) { | ||
}; | ||
var asResponsiveContentCss = "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; | ||
var ResponsiveContent = /** @class */ (function () { | ||
@@ -222,3 +231,3 @@ function class_1(hostRef) { | ||
this.activeSection = section; | ||
this.sections = this.sections.slice(); | ||
this.sections = __spreadArrays(this.sections); | ||
this.sectionChange.emit(section); | ||
@@ -233,5 +242,5 @@ }; | ||
class_1.prototype.getContentSections = function () { | ||
var sections = [ | ||
var sections = __spreadArrays([ | ||
contentService.getMap(this.element) | ||
].concat(contentService.getSidebars(this.element), contentService.getPanels(this.element), [ | ||
], contentService.getSidebars(this.element), contentService.getPanels(this.element), [ | ||
contentService.getFooter(this.element) | ||
@@ -252,9 +261,5 @@ ]).filter(function (section) { | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
}()); | ||
ResponsiveContent.style = asResponsiveContentCss; | ||
export { ResponsiveContent as as_responsive_content }; |
@@ -1,8 +0,8 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as rgbBasis, c as cubehelixLong, a as cubehelix, b as rgb, l as linear, s as select, e as event } from './index-723c25b8.js'; | ||
import './index-ca7a3a57.js'; | ||
import './index-87eae0eb.js'; | ||
import './readable-number-b11b551f.js'; | ||
import { y as yAxisService } from './y-axis.service-c9d3f568.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
import { r as rgbBasis, c as cubehelixLong, a as cubehelix, b as rgb, l as linear, s as select, e as event } from './index-8dab08d4.js'; | ||
import './index-087047af.js'; | ||
import './index-cb3f051e.js'; | ||
import './readable-number-3d998115.js'; | ||
import { y as yAxisService } from './y-axis.service-12c806e3.js'; | ||
function colors(specifier) { | ||
@@ -301,5 +301,6 @@ var n = specifier.length / 6 | 0, colors = new Array(n), i = 0; | ||
var drawService = { drawColumns: drawColumns, drawYAxis: drawYAxis }; | ||
var asStackedBarWidgetCss = ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01, #2C2C2C);--as--tooltip--color:var(--as--color--text-contrast, #FFF);--as--tooltip--support-color:var(--as--color--white, #FFF);--as--tooltip--primary--background-color:var(--as--primary--success, #1785FB);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success, #0F2D53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success, #47DB99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error, #F3522B);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning, #FDB32B);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success, #80B622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip::after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top::after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotateZ(45deg);transform:translateY(-6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--bot::after,.as-tooltip--bottom::after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotateZ(45deg);transform:translateY(6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--right::after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotateZ(45deg);transform:translateY(-5px) translateX(-4px) rotateZ(45deg)}.as-tooltip--left::after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotateZ(45deg);transform:translateY(-4px) translateX(4px) rotateZ(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01, #FFF);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:0.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%);pointer-events:none}"; | ||
var BAR_WIDTH_THRESHOLD = 3; | ||
var StackedBarWidget = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function StackedBarWidget(hostRef) { | ||
var _this = this; | ||
@@ -378,3 +379,3 @@ registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
StackedBarWidget.prototype.render = function () { | ||
return [ | ||
@@ -385,27 +386,27 @@ h("as-widget-header", { header: this.heading, subheader: this.description, "is-loading": this.isLoading, "is-empty": this._isEmpty(), error: this.error, "no-data-message": this.noDataHeaderMessage }), | ||
}; | ||
class_1.prototype.componentDidLoad = function () { | ||
StackedBarWidget.prototype.componentDidLoad = function () { | ||
this._drawFigure(); | ||
}; | ||
class_1.prototype.componentDidUpdate = function () { | ||
StackedBarWidget.prototype.componentDidUpdate = function () { | ||
this._drawFigure(); | ||
}; | ||
class_1.prototype.componentWillLoad = function () { | ||
StackedBarWidget.prototype.componentWillLoad = function () { | ||
this._setupState(); | ||
addEventListener('resize', this._resizeListener); | ||
}; | ||
class_1.prototype.componentWillUpdate = function () { | ||
StackedBarWidget.prototype.componentWillUpdate = function () { | ||
this._setupState(); | ||
}; | ||
class_1.prototype.componentDidUnload = function () { | ||
StackedBarWidget.prototype.componentDidUnload = function () { | ||
removeEventListener('resize', this._resizeListener); | ||
}; | ||
class_1.prototype._onDataChanged = function () { | ||
StackedBarWidget.prototype._onDataChanged = function () { | ||
this._setupState(); | ||
this._drawFigure(); | ||
}; | ||
class_1.prototype._setupState = function () { | ||
StackedBarWidget.prototype._setupState = function () { | ||
this.scale = dataService.getDomain(this.data); | ||
this.colorMap = this._createColorMap(this.data, this.metadata); | ||
}; | ||
class_1.prototype._renderContent = function () { | ||
StackedBarWidget.prototype._renderContent = function () { | ||
var _this = this; | ||
@@ -418,3 +419,3 @@ return contentFragment(this.isLoading, this.error, this._isEmpty(), this.heading, this.errorDescription, this.noDataBodyMessage, [ | ||
}; | ||
class_1.prototype._drawFigure = function () { | ||
StackedBarWidget.prototype._drawFigure = function () { | ||
var _this = this; | ||
@@ -429,3 +430,3 @@ if (!this._isContainerReady()) { | ||
}; | ||
class_1.prototype._drawColumns = function (yAxisElement) { | ||
StackedBarWidget.prototype._drawColumns = function (yAxisElement) { | ||
if (this.isLoading || this.error || this._isEmpty()) { | ||
@@ -446,6 +447,6 @@ return; | ||
}; | ||
class_1.prototype._drawYAxis = function () { | ||
StackedBarWidget.prototype._drawYAxis = function () { | ||
return drawService.drawYAxis(this.container, this.scale); | ||
}; | ||
class_1.prototype._renderLegend = function () { | ||
StackedBarWidget.prototype._renderLegend = function () { | ||
if (this.showLegend && this.colorMap) { | ||
@@ -456,10 +457,10 @@ var legendData = dataService.createLegendData(this.metadata, this.colorMap); | ||
}; | ||
class_1.prototype._createColorMap = function (data, metadata) { | ||
StackedBarWidget.prototype._createColorMap = function (data, metadata) { | ||
var keys = dataService.getKeys(data); | ||
return colorMapFactory.create(keys, metadata); | ||
}; | ||
class_1.prototype._isEmpty = function () { | ||
StackedBarWidget.prototype._isEmpty = function () { | ||
return !this.data || !this.data.length; | ||
}; | ||
class_1.prototype._resizeListener = function () { | ||
StackedBarWidget.prototype._resizeListener = function () { | ||
if (this.responsive) { | ||
@@ -470,3 +471,3 @@ this.el.forceUpdate(); | ||
// If container is not ready or the widget is invisible block drawing phase | ||
class_1.prototype._isContainerReady = function () { | ||
StackedBarWidget.prototype._isContainerReady = function () { | ||
if (!this.container || this.el.clientWidth === 0 || this.el.clientHeight === 0) { | ||
@@ -477,3 +478,3 @@ return false; | ||
}; | ||
Object.defineProperty(class_1.prototype, "el", { | ||
Object.defineProperty(StackedBarWidget.prototype, "el", { | ||
get: function () { return getElement(this); }, | ||
@@ -483,3 +484,3 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "watchers", { | ||
Object.defineProperty(StackedBarWidget, "watchers", { | ||
get: function () { | ||
@@ -493,9 +494,5 @@ return { | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01,#2c2c2c);--as--tooltip--color:var(--as--color--text-contrast,#fff);--as--tooltip--support-color:var(--as--color--white,#fff);--as--tooltip--primary--background-color:var(--as--primary--success,#1785fb);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success,#0f2d53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success,#47db99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error,#f3522b);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning,#fdb32b);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success,#80b622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip:after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top:after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotate(45deg);transform:translateY(-6px) translateX(-5px) rotate(45deg)}.as-tooltip--bot:after,.as-tooltip--bottom:after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotate(45deg);transform:translateY(6px) translateX(-5px) rotate(45deg)}.as-tooltip--right:after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotate(45deg);transform:translateY(-5px) translateX(-4px) rotate(45deg)}.as-tooltip--left:after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotate(45deg);transform:translateY(-4px) translateX(4px) rotate(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01,#fff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%);pointer-events:none}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return StackedBarWidget; | ||
}()); | ||
StackedBarWidget.style = asStackedBarWidgetCss; | ||
export { StackedBarWidget as as_stacked_bar_widget }; |
@@ -1,4 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
var asSwitchCss = "as-switch{--as--switch--color--background-active:var(--as--color--complementary, #47DB99);--as--switch--color--background-checked:var(--as--color--primary, #1785FB);--as--switch--color--background-default:var(--as--color--type-03, #BABABA);--as--switch--color--background-disabled:var(--as--color--ui-02, #F5F5F5);--as--switch--color--checked-thumb:var(--as--color--ui-01, #FFF);--as--switch--color--color-disabled:var(--as--color--ui-04, #D1D5D7);--as--switch--color--thumb:var(--as--color--ui-01, #FFF);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle::after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle::after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle::after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; | ||
var Switch = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Switch(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -10,3 +11,3 @@ this.change = createEvent(this, "change", 7); | ||
*/ | ||
class_1.prototype.componentDidLoad = function () { | ||
Switch.prototype.componentDidLoad = function () { | ||
this.el.addEventListener('click', this._onClick.bind(this)); | ||
@@ -17,3 +18,3 @@ }; | ||
*/ | ||
class_1.prototype._onClick = function () { | ||
Switch.prototype._onClick = function () { | ||
var input = this.el.querySelector('input'); | ||
@@ -26,3 +27,3 @@ if (!this.disabled) { | ||
}; | ||
class_1.prototype.render = function () { | ||
Switch.prototype.render = function () { | ||
if (this.label) { | ||
@@ -33,3 +34,3 @@ return (h("div", { class: 'as-switch' }, h("div", { class: 'as-switch__element' }, this._renderSwitch()), h("label", { class: 'as-switch__label as-body' }, this.label))); | ||
}; | ||
class_1.prototype._renderSwitch = function () { | ||
Switch.prototype._renderSwitch = function () { | ||
return [ | ||
@@ -43,3 +44,3 @@ h("input", { class: 'as-switch__input', checked: this.checked, disabled: this.disabled, role: 'switch', id: this.el.id, name: this.name, type: 'checkbox', title: this.el.title }), | ||
}; | ||
Object.defineProperty(class_1.prototype, "el", { | ||
Object.defineProperty(Switch.prototype, "el", { | ||
get: function () { return getElement(this); }, | ||
@@ -49,9 +50,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-switch{--as--switch--color--background-active:var(--as--color--complementary,#47db99);--as--switch--color--background-checked:var(--as--color--primary,#1785fb);--as--switch--color--background-default:var(--as--color--type-03,#bababa);--as--switch--color--background-disabled:var(--as--color--ui-02,#f5f5f5);--as--switch--color--checked-thumb:var(--as--color--ui-01,#fff);--as--switch--color--color-disabled:var(--as--color--ui-04,#d1d5d7);--as--switch--color--thumb:var(--as--color--ui-01,#fff);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle:after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle:after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle:after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Switch; | ||
}()); | ||
Switch.style = asSwitchCss; | ||
export { Switch as as_switch }; |
@@ -1,5 +0,6 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as redrawChildren } from './redraw-children-f8ca3ca0.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
import { r as redrawChildren } from './redraw-children-48506a7c.js'; | ||
var asTabsCss = ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01, #FFF);--as--tabs--border-color:var(--as--color--ui-03, #E2E6E3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary, #1785FB);--as--tabs--item--color-hover:var(--as--color--type-01, #2C2C2C);--as--tabs--item--color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover:var(--as--color--complementary, #47DB99);--as--tabs--item--border-color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover-active:var(--as--color--primary, #1785FB);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar{display:none}.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border 0.2s;transition:border 0.2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl{}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; | ||
var Tabs = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Tabs(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -15,3 +16,3 @@ /** | ||
} | ||
class_1.prototype.render = function () { | ||
Tabs.prototype.render = function () { | ||
var children = this._parseChildren(); | ||
@@ -23,14 +24,14 @@ return [ | ||
}; | ||
class_1.prototype.componentDidLoad = function () { | ||
Tabs.prototype.componentDidLoad = function () { | ||
var children = this._parseChildren(); | ||
this._updateActiveTab(children); | ||
}; | ||
class_1.prototype.componentDidUpdate = function () { | ||
Tabs.prototype.componentDidUpdate = function () { | ||
var children = this._parseChildren(); | ||
this._updateActiveTab(children); | ||
}; | ||
class_1.prototype._parseChildren = function () { | ||
Tabs.prototype._parseChildren = function () { | ||
return Array.from(this.element.querySelectorAll('[role="tabpanel"]')); | ||
}; | ||
class_1.prototype._updateActiveTab = function (children) { | ||
Tabs.prototype._updateActiveTab = function (children) { | ||
var _this = this; | ||
@@ -50,3 +51,3 @@ if (!children) { | ||
}; | ||
class_1.prototype._renderTabs = function (children) { | ||
Tabs.prototype._renderTabs = function (children) { | ||
var tabListClasses = { | ||
@@ -58,3 +59,3 @@ 'as-tabs': true, | ||
}; | ||
class_1.prototype._renderTab = function (childrenElement, index) { | ||
Tabs.prototype._renderTab = function (childrenElement, index) { | ||
var _this = this; | ||
@@ -68,3 +69,3 @@ var elementClasses = { | ||
}; | ||
class_1.prototype._getTitle = function (element, index) { | ||
Tabs.prototype._getTitle = function (element, index) { | ||
if (element.getAttribute('data-title')) { | ||
@@ -75,3 +76,3 @@ return element.getAttribute('data-title'); | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(Tabs.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -81,9 +82,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01,#fff);--as--tabs--border-color:var(--as--color--ui-03,#e2e6e3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary,#1785fb);--as--tabs--item--color-hover:var(--as--color--type-01,#2c2c2c);--as--tabs--item--color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover:var(--as--color--complementary,#47db99);--as--tabs--item--border-color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover-active:var(--as--color--primary,#1785fb);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar,.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border .2s;transition:border .2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Tabs; | ||
}()); | ||
Tabs.style = asTabsCss; | ||
export { Tabs as as_tabs }; |
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } | ||
return new (P || (P = Promise))(function (resolve, reject) { | ||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } | ||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } | ||
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); } | ||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } | ||
step((generator = generator.apply(thisArg, _arguments || [])).next()); | ||
@@ -36,6 +37,6 @@ }); | ||
}; | ||
import { r as registerInstance, c as createEvent, h, H as Host } from './core-a69618da.js'; | ||
import { i as icon } from './icons-1379931f.js'; | ||
import { t as timeFormat, d as defaultLocale, l as linear, e as event } from './index-723c25b8.js'; | ||
import { D as DEFAULT_BAR_COLOR, a as DEFAULT_BACKGROUND_BAR_COLOR, A as AUTO_FORMAT, b as DEFAULT_NUMBER_FORMAT, c as DEFAULT_DATE_FORMAT } from './constants-2231320f.js'; | ||
import { r as registerInstance, c as createEvent, h, H as Host } from './index-4e0575fe.js'; | ||
import { i as icon } from './icons-0b4da328.js'; | ||
import { t as timeFormat, d as defaultLocale, l as linear, e as event } from './index-8dab08d4.js'; | ||
import { D as DEFAULT_BAR_COLOR, a as DEFAULT_BACKGROUND_BAR_COLOR, A as AUTO_FORMAT, b as DEFAULT_NUMBER_FORMAT, c as DEFAULT_DATE_FORMAT } from './constants-cf85190c.js'; | ||
function sameData(first, second) { | ||
@@ -55,2 +56,3 @@ if (first.length !== second.length) { | ||
} | ||
var asTimeSeriesWidgetCss = "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary, #1785FB);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color, #FFF)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection,as-time-series-widget.as-time-series--animated as-histogram-widget .content{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--track{cursor:pointer}"; | ||
var SCRUBBER_SIZE = 6; | ||
@@ -475,9 +477,5 @@ var TimeSeriesWidget = /** @class */ (function () { | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary,#1785fb);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color,#fff)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget .content,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--track{cursor:pointer}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
}()); | ||
TimeSeriesWidget.style = asTimeSeriesWidgetCss; | ||
export { TimeSeriesWidget as as_time_series_widget }; |
@@ -1,19 +0,20 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
var asToolbarCss = "as-toolbar{display:block;z-index:3}"; | ||
var Toolbar = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function Toolbar(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.componentWillLoad = function () { | ||
Toolbar.prototype.componentWillLoad = function () { | ||
this.actions = this.element.querySelector('.as-toolbar__actions'); | ||
}; | ||
class_1.prototype.componentWillUpdate = function () { | ||
Toolbar.prototype.componentWillUpdate = function () { | ||
this.actions = this.element.querySelector('.as-toolbar__actions'); | ||
}; | ||
class_1.prototype.render = function () { | ||
Toolbar.prototype.render = function () { | ||
return (h("header", { class: 'as-toolbar' }, this._renderToggleButton(), h("slot", null))); | ||
}; | ||
class_1.prototype._toggleDrawer = function () { | ||
Toolbar.prototype._toggleDrawer = function () { | ||
this.actions.classList.toggle('as-toolbar__actions--visible'); | ||
}; | ||
class_1.prototype._renderToggleButton = function () { | ||
Toolbar.prototype._renderToggleButton = function () { | ||
if (!this.actions) { | ||
@@ -24,3 +25,3 @@ return; | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(Toolbar.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -30,9 +31,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-toolbar{display:block;z-index:3}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return Toolbar; | ||
}()); | ||
Toolbar.style = asToolbarCss; | ||
export { Toolbar as as_toolbar }; |
@@ -1,7 +0,8 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
var asWidgetLegendCss = "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; | ||
var WidgetLegend = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function WidgetLegend(hostRef) { | ||
registerInstance(this, hostRef); | ||
} | ||
class_1.prototype.render = function () { | ||
WidgetLegend.prototype.render = function () { | ||
var _this = this; | ||
@@ -12,9 +13,5 @@ return Object.keys(this.data).map(function (key) { | ||
}; | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return WidgetLegend; | ||
}()); | ||
WidgetLegend.style = asWidgetLegendCss; | ||
export { WidgetLegend as as_widget_legend }; |
@@ -1,8 +0,9 @@ | ||
import { r as registerInstance, g as getElement } from './core-a69618da.js'; | ||
import './index-723c25b8.js'; | ||
import './index-87eae0eb.js'; | ||
import './readable-number-b11b551f.js'; | ||
import { y as yAxisService } from './y-axis.service-c9d3f568.js'; | ||
import { r as registerInstance, g as getElement } from './index-4e0575fe.js'; | ||
import './index-8dab08d4.js'; | ||
import './index-cb3f051e.js'; | ||
import './readable-number-3d998115.js'; | ||
import { y as yAxisService } from './y-axis.service-12c806e3.js'; | ||
var asYAxisCss = ".y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}.y-axis .tick line.zero{opacity:0.5}.y-axis .domain{display:none}"; | ||
var YAxis = /** @class */ (function () { | ||
function class_1(hostRef) { | ||
function YAxis(hostRef) { | ||
registerInstance(this, hostRef); | ||
@@ -30,9 +31,9 @@ /** | ||
} | ||
class_1.prototype.componentWillLoad = function () { | ||
YAxis.prototype.componentWillLoad = function () { | ||
addEventListener('resize', this._resizeListener); | ||
}; | ||
class_1.prototype.componentDidUnload = function () { | ||
YAxis.prototype.componentDidUnload = function () { | ||
removeEventListener('resize', this._resizeListener); | ||
}; | ||
class_1.prototype.render = function () { | ||
YAxis.prototype.render = function () { | ||
var element = this.element.previousElementSibling; | ||
@@ -42,3 +43,3 @@ var scale = [this.from, this.to]; | ||
}; | ||
class_1.prototype._resizeListener = function () { | ||
YAxis.prototype._resizeListener = function () { | ||
if (this.responsive) { | ||
@@ -48,3 +49,3 @@ this.element.forceUpdate(); | ||
}; | ||
Object.defineProperty(class_1.prototype, "element", { | ||
Object.defineProperty(YAxis.prototype, "element", { | ||
get: function () { return getElement(this); }, | ||
@@ -54,9 +55,5 @@ enumerable: true, | ||
}); | ||
Object.defineProperty(class_1, "style", { | ||
get: function () { return ".y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}.y-axis .tick line.zero{opacity:.5}.y-axis .domain{display:none}"; }, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
return class_1; | ||
return YAxis; | ||
}()); | ||
YAxis.style = asYAxisCss; | ||
export { YAxis as as_y_axis }; |
@@ -1,5 +0,7 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { i as icon } from './icons-1379931f.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
import { i as icon } from './icons-0b4da328.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
const asAnimationControlsWidgetCss = "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01, #FFF);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; | ||
const AnimationControlsWidget = class { | ||
@@ -90,5 +92,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-animation-controls-widget{--as--animation-controls-widget--background-color:var(--as--color--ui-01,#fff);--as--animation-controls-widget__progress-value--color:var(--as--color--type-02);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;background:var(--as--animation-controls-widget--background-color)}as-animation-controls-widget as-loader{-ms-flex-pack:start;justify-content:flex-start}as-animation-controls-widget .as-animation-controls-widget__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}as-animation-controls-widget .as-animation-controls__progress-value{color:var(--as--animation-controls-widget__progress-value--color)}as-animation-controls-widget .as-animation-controls-widget__player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:4px 0}as-animation-controls-widget .as-animation-controls-widget__player .as-btn{padding:0}as-animation-controls-widget .as-animation-controls-widget__player as-range-slider{width:100%;padding-top:10px}"; } | ||
}; | ||
AnimationControlsWidget.style = asAnimationControlsWidgetCss; | ||
export { AnimationControlsWidget as as_animation_controls_widget }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -12,5 +12,5 @@ const CategoryWidgetPlaceholder = class { | ||
} | ||
static get style() { return "as-category-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}as-placeholder-bar{margin-bottom:12px}"; } | ||
}; | ||
CategoryWidgetPlaceholder.style = "as-category-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }\n\n as-placeholder-bar {\n margin-bottom: 12px;\n }"; | ||
export { CategoryWidgetPlaceholder as as_category_widget_placeholder }; |
@@ -1,6 +0,8 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as readableNumber } from './readable-number-b11b551f.js'; | ||
import { s as shadeOrBlend } from './styles-b283ec9e.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
import { r as readableNumber } from './readable-number-3d998115.js'; | ||
import { s as shadeOrBlend } from './styles-1ba27b5e.js'; | ||
const asCategoryWidgetCss = "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02, #F5F5F5);--as--category-bar--color:var(--as--color--complementary, #47DB99);--as--category-widget--background-color:var(--as--color--ui-01, #FFF);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02, #747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background 0.2s ease, opacity 0.5s ease;transition:background 0.2s ease, opacity 0.5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:0.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:0.6}"; | ||
const OTHER_CATEGORY_COLOR = '#747474'; | ||
@@ -191,3 +193,3 @@ const OTHER_CATEGORY_NAME = 'Other'; | ||
}; | ||
const displayValue = this.valueFormatter(category.value); | ||
const displayValue = category.value !== null ? this.valueFormatter(category.value) : ''; | ||
return (h("li", { class: cssClasses, onClick: () => this._toggleCategory(category) }, h("p", { class: 'as-category-widget__info as-body' }, h("div", { class: 'as-category-widget__title' }, category.name), displayValue), h("div", { class: 'as-category-widget__bar' }, h("div", { class: 'as-category-widget__bar-value', style: progressStyles })))); | ||
@@ -256,5 +258,5 @@ } | ||
}; } | ||
static get style() { return "as-category-widget{--as--category-bar--background-color:var(--as--color--ui-02,#f5f5f5);--as--category-bar--color:var(--as--color--complementary,#47db99);--as--category-widget--background-color:var(--as--color--ui-01,#fff);--as--category-widget--bar--height:4px;--as--category-widget--description--color:var(--as--color--type-02,#747474);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:228px;height:100%;overflow-y:auto;background:var(--as--category-widget--background-color)}as-category-widget .content{min-height:100px}as-category-widget as-widget-header{padding-top:6px}as-category-widget .as-category-widget__count{color:var(--as--category-widget--description--color)}as-category-widget .as-category-widget__list{-ms-flex:1;flex:1;margin:0;padding:0;overflow-y:auto;list-style:none}as-category-widget .as-category-widget__list.as-category-widget__list--disabled li{pointer-events:none}as-category-widget .as-category-widget__footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__list+.as-category-widget__footer{margin-top:16px}as-category-widget .as-category-widget__info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}as-category-widget .as-category-widget__title{-ms-flex:1;flex:1;width:100%;padding-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}as-category-widget .as-category-widget__bar{position:relative;width:100%;height:var(--as--category-widget--bar--height);border-radius:2px;background-color:var(--as--category-bar--background-color)}as-category-widget .as-category-widget__bar-value{position:absolute;left:0;max-width:100%;height:var(--as--category-widget--bar--height);-webkit-transition:background .2s ease,opacity .5s ease;transition:background .2s ease,opacity .5s ease;border-radius:2px}as-category-widget .as-category-widget__category{margin-bottom:8px;cursor:pointer}as-category-widget .as-category-widget__category--other{pointer-events:none}as-category-widget .as-category-widget__category--not-selected{opacity:.5}as-category-widget .as-category-widget__category:not(.as-category-widget__category--selected):hover .as-category-widget__bar-value{opacity:.6}"; } | ||
}; | ||
CategoryWidget.style = asCategoryWidgetCss; | ||
export { CategoryWidget as as_category_widget }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
const asDropdownCss = ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as--menu-dropdown--top-border--color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--border-color:var(--as--color--ui-04, #D1D5D7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01, #FFF);--as--menu-dropdown--li--color:var(--as--color--text, #000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:hover,.as-menu-dropdown--input:focus{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:hover,.as-menu-dropdown--options li:focus-within{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01, #FFF);--as-dropdown__list--border-color:var(--as--color--ui-03, #E2E6E3);--as-dropdown--background-color:var(--as--color--ui-01, #FFF);--as-dropdown--color--hover:var(--as--color--complementary--hover, #E0F9EE);--as-dropdown--color--main:var(--as--color--primary, #1785FB);--as-dropdown--color--secondary:var(--as--color--ui-04, #D1D5D7);--as-dropdown--color--selected:var(--as--color--complementary--active, #C6F4DF);--as-dropdown--color:var(--as--color--text, #000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16));box-shadow:0 2px 8px 0 var(--as--color--shadow, rgba(44, 44, 44, 0.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; | ||
const Dropdown = class { | ||
@@ -137,5 +139,5 @@ constructor(hostRef) { | ||
}; } | ||
static get style() { return ".as-menu-dropdown{--as--menu-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as--menu-dropdown--top-border--color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--border-color:var(--as--color--ui-04,#d1d5d7);--as--menu-dropdown--li--background-color:var(--as--color--ui-01,#fff);--as--menu-dropdown--li--color:var(--as--color--text,#000);position:relative}.as-menu-dropdown--input{width:100%;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:4px;background:var(--as--color--ui-01);color:var(--as--color--primary);font:var(--as--font--body);text-align:left;cursor:pointer}.as-menu-dropdown--input:focus,.as-menu-dropdown--input:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options{position:absolute;z-index:3;width:100%;height:0;margin:0 auto;padding:0;overflow:hidden;border-radius:4px;background:inherit;-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}.as-menu-dropdown--options li{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;padding:0 12px;-webkit-transition:background-color .3s;transition:background-color .3s;border:0;border-bottom:1px solid var(--as--menu-dropdown--li--border-color);outline:none;background-color:var(--as--menu-dropdown--li--background-color);color:var(--as--menu-dropdown--li--color);font:var(--as--font--body);list-style:none;cursor:pointer}.as-menu-dropdown--options li:first-child{border-top:1px solid var(--as--menu-dropdown--top-border--color);border-radius:4px 4px 0 0}.as-menu-dropdown--options li:last-child{border-bottom:0;border-radius:0 0 4px 4px}.as-menu-dropdown--options li:focus-within,.as-menu-dropdown--options li:hover{background-color:var(--as--menu-dropdown--color--hover)}.as-menu-dropdown--options li button{width:100%;height:100%;min-height:32px;padding:0;border:none;outline:none;background-color:inherit;color:inherit;text-align:left;cursor:pointer}.as-menu-dropdown--options:focus,.as-menu-dropdown--options:hover{height:auto}.as-menu-dropdown--options:focus-within{height:auto}.as-menu-dropdown--input:focus+.as-menu-dropdown--options,.as-menu-dropdown--input:hover+.as-menu-dropdown--options{height:auto}as-dropdown{--as-dropdown__arrow-color:var(--as-dropdown--color--main);--as-dropdown__list--background-color:var(--as--color--ui-01,#fff);--as-dropdown__list--border-color:var(--as--color--ui-03,#e2e6e3);--as-dropdown--background-color:var(--as--color--ui-01,#fff);--as-dropdown--color--hover:var(--as--color--complementary--hover,#e0f9ee);--as-dropdown--color--main:var(--as--color--primary,#1785fb);--as-dropdown--color--secondary:var(--as--color--ui-04,#d1d5d7);--as-dropdown--color--selected:var(--as--color--complementary--active,#c6f4df);--as-dropdown--color:var(--as--color--text,#000);display:block}as-dropdown .as-dropdown{position:relative}as-dropdown .as-dropdown__control{position:relative;width:100%;min-height:16px;margin:0;padding:8px 32px 8px 8px;overflow:hidden;border:0;border-radius:4px;background-color:var(--as-dropdown--background-color);-webkit-box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);box-shadow:inset 0 0 0 1px var(--as-dropdown--color--secondary);color:var(--as-dropdown--color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}as-dropdown .as-dropdown__arrow{position:absolute;top:50%;right:12px;width:12px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-repeat:no-repeat}as-dropdown .as-dropdown__arrow path{fill:var(--as-dropdown__arrow-color)}as-dropdown .as-dropdown__control:focus{outline:none}as-dropdown .as-dropdown__list{display:none;position:absolute;z-index:1;width:100%;margin:8px 0 0;padding:0;overflow:hidden;border:1px solid var(--as-dropdown__list--border-color);border-radius:4px;background-color:var(--as-dropdown__list--background-color);-webkit-box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16));box-shadow:0 2px 8px 0 var(--as--color--shadow,rgba(44,44,44,.16))}as-dropdown .as-dropdown__list-item{border:0;outline:none;cursor:pointer}as-dropdown .as-dropdown__list-item:not(:last-child){border-bottom:1px solid var(--as-dropdown__list--border-color)}as-dropdown .as-dropdown__list-item button{width:100%;height:100%;margin:0;padding:8px 12px;border:0;outline:none;background-color:var(--as-dropdown--background-color);color:var(--as-dropdown--color);text-align:left;cursor:inherit}as-dropdown .as-dropdown__list-item button:hover{background:var(--as-dropdown--color--hover)}as-dropdown .as-dropdown__list-item button.is-selected{background:var(--as-dropdown--color--selected)}as-dropdown .as-dropdown--open .as-dropdown__control{-webkit-box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main);box-shadow:inset 0 0 0 2px var(--as-dropdown--color--main)}as-dropdown .as-dropdown--open .as-dropdown__list{display:block}as-dropdown .as-dropdown--clear{width:calc(100% - 36px)}as-dropdown .as-dropdown__clear{position:absolute;top:50%;right:-24px;width:12px;height:12px;margin:0;padding:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);border:0;background-color:var(--as-dropdown--background-color);cursor:pointer}as-dropdown .as-dropdown__clear path{fill:var(--as-dropdown--color--main)}"; } | ||
}; | ||
Dropdown.style = asDropdownCss; | ||
export { Dropdown as as_dropdown }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h, g as getElement, c as createEvent } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement, c as createEvent } from './index-4e0575fe.js'; | ||
@@ -10,5 +10,7 @@ const CategoryWidgetPlaceholder = class { | ||
} | ||
static get style() { return "as-histogram-widget-placeholder{background-color:var(--as--color--ui-01,$color-ui-01)}"; } | ||
}; | ||
CategoryWidgetPlaceholder.style = "as-histogram-widget-placeholder {\n background-color: var(--as--color--ui-01, $color-ui-01);\n }"; | ||
const asPlaceholderChartCss = "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child::after,.placeholder-chart__bar:nth-child(6n)::after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02, #F5F5F5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02, #F5F5F5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; | ||
const PlaceholderChart = class { | ||
@@ -47,3 +49,2 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return "as-placeholder-chart{display:block;position:relative;height:150px;min-height:100%;margin:16px 0 18px}.placeholder-chart{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:left;justify-content:left;height:100%;padding:0 10px 6px 30px}.placeholder-chart__bar{position:relative;height:100%}.placeholder-chart__bar:not(:last-child){padding-right:1px}.placeholder-chart__bar:first-child:after,.placeholder-chart__bar:nth-child(6n):after{content:\"\";position:absolute;bottom:-22px;width:6px;height:8px;background-color:var(--as--color--ui-02,#f5f5f5)}.placeholder__vaxis{position:absolute;bottom:2px;left:8px}.vaxis-item{height:8px;margin-top:30px;background-color:var(--as--color--ui-02,#f5f5f5)}.vaxis-item.vaxis-item--y{width:10px}.vaxis-item.vaxis-item--x{width:6px;margin-left:4px}"; } | ||
}; | ||
@@ -56,3 +57,6 @@ function calculateBarsQuantity(elementWidth, barWidth) { | ||
} | ||
PlaceholderChart.style = asPlaceholderChartCss; | ||
const asWidgetSelectionCss = "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; | ||
const WidgetSelection = class { | ||
@@ -76,5 +80,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-widget-selection .as-widget-selection__wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-widget-selection .as-widget-selection__clear{margin-left:8px;cursor:pointer}"; } | ||
}; | ||
WidgetSelection.style = asWidgetSelectionCss; | ||
export { CategoryWidgetPlaceholder as as_histogram_widget_placeholder, PlaceholderChart as as_placeholder_chart, WidgetSelection as as_widget_selection }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
const asInfowindowCss = "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01, #FFF);--as--infowindow--color--shadow:var(--as--color--shadow, rgba(44, 44, 44, 0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook::before{content:\"\";position:absolute;z-index:3;top:0;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--background);border-right:18px solid transparent;border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook::after{content:\"\";position:absolute;z-index:2;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook::after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0, 0% 100%, 100% 0);clip-path:polygon(0 0, 0% 100%, 100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; | ||
const Infowindow = class { | ||
@@ -38,5 +40,5 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return "as-infowindow{--as--infowindow--color--background:var(--as--color--ui-01,#fff);--as--infowindow--color--shadow:var(--as--color--shadow,rgba(44,44,44,0.16));display:inline-block}as-infowindow .as-infowindow{display:inline-block;position:relative;z-index:3;width:260px;border-radius:4px 4px 4px 0;background:var(--as--infowindow--color--background);-webkit-box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow);box-shadow:0 4px 16px 0 var(--as--infowindow--color--shadow)}as-infowindow .as-infowindow img{display:block;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}as-infowindow .as-infowindow__media{overflow:hidden;border-radius:4px 4px 4px 0}as-infowindow .as-infowindow__content{height:100%;padding:16px;overflow:auto}as-infowindow .as-infowindow__hook{position:absolute;z-index:10;bottom:1px;left:0;background:var(--as--infowindow--color--background)}as-infowindow .as-infowindow__hook:before{z-index:3;top:0;border-top:12px solid var(--as--infowindow--color--background);border-radius:0 0 0 4px}as-infowindow .as-infowindow__hook:after,as-infowindow .as-infowindow__hook:before{content:\"\";position:absolute;left:0;width:0;height:0;border-right:18px solid transparent}as-infowindow .as-infowindow__hook:after{z-index:2;top:3px;border-top:12px solid var(--as--infowindow--color--shadow);-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook{position:absolute;z-index:10;bottom:0}as-infowindow .as-infowindow__imageHook:after{content:\"\";position:absolute;z-index:1;top:3px;left:0;width:0;height:0;border-top:12px solid var(--as--infowindow--color--shadow);border-right:18px solid transparent;-webkit-filter:blur(2px);filter:blur(2px)}as-infowindow .as-infowindow__imageHook--inner{position:absolute;z-index:3;top:-1px;width:18px;height:12px;overflow:hidden;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}as-infowindow .as-infowindow__imageHook--inner>img{width:260px}"; } | ||
}; | ||
Infowindow.style = asInfowindowCss; | ||
export { Infowindow as as_infowindow }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
const asLayerSelectorSlotCss = "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; | ||
const LayerSelectorSlot = class { | ||
@@ -13,3 +15,5 @@ constructor(hostRef) { | ||
render() { | ||
return (h("div", { class: 'as-layer-selector-slot--wrapper' }, h("div", { class: 'as-checkbox' }, h("input", { class: 'as-checkbox-input', type: 'checkbox', id: `checkbox-${this.index}`, name: `layer-${this.layer.id}`, value: `layer-${this.layer.id}`, onChange: this._onChange.bind(this, this.index), checked: true }), h("span", { class: 'as-checkbox-decoration' }, h("svg", { class: 'as-checkbox-media' }, h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), h("label", { class: 'as-caption', htmlFor: `checkbox-${this.index}` }, this.layer.title)), h("div", { class: `as-checkbox-layer-slot ${this.visible ? 'as-checkbox-layer-slot--visible' : 'as-checkbox-layer-slot--hidden'}` }, h("slot", { name: `as-checkbox-layer-${this.index}-slot` })))); | ||
return (h("div", { class: 'as-layer-selector-slot--wrapper' }, h("div", { class: 'as-checkbox' }, h("input", { class: 'as-checkbox-input', type: 'checkbox', id: `checkbox-${this.index}`, name: `layer-${this.layer.id}`, value: `layer-${this.layer.id}`, onChange: this._onChange.bind(this, this.index), checked: true }), h("span", { class: 'as-checkbox-decoration' }, h("svg", { class: 'as-checkbox-media' }, h("polyline", { class: 'as-checkbox-check', points: '1.65093994 3.80255127 4.48919678 6.97192383 10.3794556 0.717346191' }))), h("label", { class: 'as-caption', htmlFor: `checkbox-${this.index}` }, this.layer.title)), h("div", { class: `as-checkbox-layer-slot ${this.visible | ||
? 'as-checkbox-layer-slot--visible' | ||
: 'as-checkbox-layer-slot--hidden'}` }, h("slot", { name: `as-checkbox-layer-${this.index}-slot` })))); | ||
} | ||
@@ -20,5 +24,5 @@ _onChange(index, event) { | ||
} | ||
static get style() { return "as-layer-selector-slot{display:block}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--visible{display:block;margin:12px 0}as-layer-selector-slot .as-checkbox-layer-slot.as-checkbox-layer-slot--hidden{display:none}as-layer-selector-slot .as-checkbox-layer-slot .as-legend--wrapper{padding:var(--as-legend--padding) 0}as-layer-selector-slot .as-layer-selector-slot--wrapper .as-caption{font-size:var(--as--font--subheader);line-height:var(--as--font--subheader)}"; } | ||
}; | ||
LayerSelectorSlot.style = asLayerSelectorSlotCss; | ||
export { LayerSelectorSlot as as_layer_selector_slot }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h } from './index-4e0575fe.js'; | ||
const asLayerSelectorCss = "as-layer-selector{display:block;padding:12px 12px 0}"; | ||
const LayerSelector = class { | ||
@@ -18,5 +20,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-layer-selector{display:block;padding:12px 12px 0}"; } | ||
}; | ||
LayerSelector.style = asLayerSelectorCss; | ||
export { LayerSelector as as_layer_selector }; |
@@ -1,4 +0,6 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
const asLegendCategoryCss = "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; | ||
const MIN_WIDTH = 16; | ||
@@ -40,5 +42,7 @@ const LegendColorCategory = class { | ||
} | ||
static get style() { return "as-legend-category{--as--basic--legend--font:var(--as--font--caption);--as--basic--legend--text-transform:capitalize;display:block}as-legend-category .as-legend-category--wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}as-legend-category .as-legend-category--label{font:var(--as--basic--legend--font);text-transform:var(--as--basic--legend--text-transform)}as-legend-category .as-legend-category--figure--wrapper{width:var(--as--basic--legend--figure-width);margin-right:8px}as-legend-category .as-legend-category--wrapper-horizontal>.as-legend-category--entry{margin-right:12px}as-legend-category .as-legend-category--wrapper:not(.as-legend-category--wrapper-horizontal)>.as-legend-category--entry:not(:first-child){margin-top:12px}as-legend-category .as-legend-category--wrapper-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}"; } | ||
}; | ||
LegendColorCategory.style = asLegendCategoryCss; | ||
const asLegendCategoryLineEntryCss = "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; | ||
const MAX_WIDTH = 16; | ||
@@ -70,5 +74,7 @@ const LegendCategoryLineEntry = class { | ||
}; } | ||
static get style() { return "as-legend-category-line-entry .as-legend-category-line-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-line-entry .as-legend-category-line-entry--line{width:16px;height:0;margin:auto}"; } | ||
}; | ||
LegendCategoryLineEntry.style = asLegendCategoryLineEntryCss; | ||
const asLegendCategoryPointEntryCss = "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -93,3 +99,3 @@ // a 1px border. | ||
getStyle() { | ||
return Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth(), this.getMask()); | ||
return Object.assign(Object.assign({ backgroundColor: this.color, border: `${FAKE_BORDER_SIZE}px ${this.strokeStyle || 'solid'} ${this.strokeColor}` }, this.getWidth()), this.getMask()); | ||
} | ||
@@ -126,5 +132,7 @@ getWidth() { | ||
} | ||
static get style() { return "as-legend-category-point-entry .as-legend-category-point-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-point-entry .as-legend-category-point-entry--symbol{width:100%;height:auto;margin:auto}as-legend-category-point-entry .as-legend-category-point-entry--point{border-radius:50%}"; } | ||
}; | ||
LegendCategoryPointEntry.style = asLegendCategoryPointEntryCss; | ||
const asLegendCategoryPolygonEntryCss = "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; | ||
const LegendColorCategoryPolygonEntry = class { | ||
@@ -143,5 +151,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-category-polygon-entry .as-legend-category-polygon-entry--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-category-polygon-entry .as-legend-category-polygon-entry--box{width:16px;height:12px;margin:auto}"; } | ||
}; | ||
LegendColorCategoryPolygonEntry.style = asLegendCategoryPolygonEntryCss; | ||
export { LegendColorCategory as as_legend_category, LegendCategoryLineEntry as as_legend_category_line_entry, LegendCategoryPointEntry as as_legend_category_point_entry, LegendColorCategoryPolygonEntry as as_legend_category_polygon_entry }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorBinsLine = class { | ||
} | ||
static get style() { return "as-legend-color-bins-line{display:block}"; } | ||
}; | ||
LegendColorBinsLine.style = "as-legend-color-bins-line { display: block; }"; | ||
export { LegendColorBinsLine as as_legend_color_bins_line }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorBinsPoint = class { | ||
} | ||
static get style() { return "as-legend-color-bins-point{display:block}"; } | ||
}; | ||
LegendColorBinsPoint.style = "as-legend-color-bins-point { display: block; }"; | ||
export { LegendColorBinsPoint as as_legend_color_bins_point }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendColorBinsPolygonCss = "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; | ||
const LegendColorBinsPolygon = class { | ||
@@ -24,5 +26,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-color-bins-polygon{--as-legend-color-bins-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-bins-polygon--color:var(--as--color--type-01);display:block}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-bins-polygon .as-legend-color-bins-polygon--outer-wrapper.as-legend-color-bins-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-bins-polygon .as-legend-color-bins-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-bins-polygon .as-legend-color-bins-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--wrapper{min-width:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--labels{margin-top:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-bins-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--labels{margin-left:8px}as-legend-color-bins-polygon .as-legend-color-bins-polygon--step{-ms-flex:1;flex:1}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-bins-polygon--border-color);border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-bins-polygon--border-color);border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--horizontal .as-legend-color-bins-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-bins-polygon--border-color)}as-legend-color-bins-polygon .as-legend-color-bins-polygon--vertical .as-legend-color-bins-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-bins-polygon--border-color)}"; } | ||
}; | ||
LegendColorBinsPolygon.style = asLegendColorBinsPolygonCss; | ||
export { LegendColorBinsPolygon as as_legend_color_bins_polygon }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -18,5 +18,5 @@ const LegendColorBins = class { | ||
} | ||
static get style() { return "as-legend-color-bins{display:block}"; } | ||
}; | ||
LegendColorBins.style = "as-legend-color-bins { display: block; }"; | ||
export { LegendColorBins as as_legend_color_bins }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorCategoryLine = class { | ||
} | ||
static get style() { return "as-legend-color-category-line{display:block}"; } | ||
}; | ||
LegendColorCategoryLine.style = "as-legend-color-category-line { display: block; }"; | ||
export { LegendColorCategoryLine as as_legend_color_category_line }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorCategoryPoint = class { | ||
} | ||
static get style() { return "as-legend-color-category-point{display:block}"; } | ||
}; | ||
LegendColorCategoryPoint.style = "as-legend-color-category-point { display: block; }"; | ||
export { LegendColorCategoryPoint as as_legend_color_category_point }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorCategoryPolygon = class { | ||
} | ||
static get style() { return "as-legend-color-category-polygon{display:block}"; } | ||
}; | ||
LegendColorCategoryPolygon.style = "as-legend-color-category-polygon { display: block; }"; | ||
export { LegendColorCategoryPolygon as as_legend_color_category_polygon }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorCategory = class { | ||
} | ||
static get style() { return "as-legend-color-category{display:block}"; } | ||
}; | ||
LegendColorCategory.style = "as-legend-color-category { display: block; }"; | ||
export { LegendColorCategory as as_legend_color_category }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorContinuousLine = class { | ||
} | ||
static get style() { return "as-legend-color-continuous-line{display:block}"; } | ||
}; | ||
LegendColorContinuousLine.style = "as-legend-color-continuous-line { display: block; }"; | ||
export { LegendColorContinuousLine as as_legend_color_continuous_line }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -11,5 +11,5 @@ const LegendColorBinsPoint = class { | ||
} | ||
static get style() { return "as-legend-color-continuous-point{display:block}"; } | ||
}; | ||
LegendColorBinsPoint.style = "as-legend-color-continuous-point { display: block; }"; | ||
export { LegendColorBinsPoint as as_legend_color_continuous_point }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendColorContinuousPolygonCss = "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0, 0, 0, 0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; | ||
const LegendColorContinuousPolygon = class { | ||
@@ -39,5 +41,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-color-continuous-polygon{--as-legend-color-continuous-polygon--border-color:rgba(0,0,0,0.1);--as-legend-color-continuous-polygon--color:var(--as--color--type-01);display:block}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--step{-ms-flex:1;flex:1;background-origin:border-box}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step{height:8px;border-top:1px solid var(--as-legend-color-continuous-polygon--border-color);border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step{width:8px;border-right:1px solid var(--as-legend-color-continuous-polygon--border-color);border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--outer-wrapper.as-legend-color-continuous-polygon--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--wrapper{display:-ms-flexbox;display:flex}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--label{-ms-flex:1;flex:1;color:var(--as-legend-color-continuous-polygon--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--color{-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--labels{margin-left:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:first-of-type{border-top:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--vertical .as-legend-color-continuous-polygon--step:last-of-type{border-bottom:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--wrapper{min-width:300px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--labels{margin-top:8px}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:first-of-type{border-left:1px solid var(--as-legend-color-continuous-polygon--border-color)}as-legend-color-continuous-polygon .as-legend-color-continuous-polygon--horizontal .as-legend-color-continuous-polygon--step:last-of-type{border-right:1px solid var(--as-legend-color-continuous-polygon--border-color)}"; } | ||
}; | ||
LegendColorContinuousPolygon.style = asLegendColorContinuousPolygonCss; | ||
export { LegendColorContinuousPolygon as as_legend_color_continuous_polygon }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -18,5 +18,5 @@ const LegendColorCategory = class { | ||
} | ||
static get style() { return "as-legend-color-continuous{display:block}"; } | ||
}; | ||
LegendColorCategory.style = "as-legend-color-continuous { display: block; }"; | ||
export { LegendColorCategory as as_legend_color_continuous }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendSizeBinsLineCss = "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0, 0, 0, 0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; | ||
const LegendSizeBinsLine = class { | ||
@@ -33,5 +35,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-size-bins-line{--as-legend-size-bins-line--border-color:rgba(0,0,0,0.1);--as-legend-size-bins-line--color:var(--as--color--type-01);display:block}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper{display:-ms-flexbox;display:flex}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--vertical{-ms-flex-direction:row;flex-direction:row}as-legend-size-bins-line .as-legend-size-bins-line--outer-wrapper.as-legend-size-bins-line--horizontal{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-line .as-legend-size-bins-line--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-line .as-legend-size-bins-line--labels{-ms-flex-align:start;align-items:flex-start}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--wrapper{min-width:300px}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--labels{margin-top:8px}as-legend-size-bins-line .as-legend-size-bins-line--label{-ms-flex:1;flex:1;color:var(--as-legend-size-bins-line--color);font:var(--as--font--caption);text-align:center;text-transform:capitalize;white-space:nowrap}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--wrapper{-ms-flex-direction:column;flex-direction:column;min-height:300px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--labels{margin-left:8px}as-legend-size-bins-line .as-legend-size-bins-line--step{-ms-flex:1;flex:1;border:1px solid var(--as-legend-size-bins-line--border-color);-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-line--border-color)}as-legend-size-bins-line .as-legend-size-bins-line--horizontal .as-legend-size-bins-line--step{height:8px}as-legend-size-bins-line .as-legend-size-bins-line--vertical .as-legend-size-bins-line--step{width:8px}"; } | ||
}; | ||
LegendSizeBinsLine.style = asLegendSizeBinsLineCss; | ||
export { LegendSizeBinsLine as as_legend_size_bins_line }; |
@@ -1,4 +0,6 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
const asLegendSizeBinsPointCss = "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -60,5 +62,5 @@ // a 1px border. | ||
} | ||
static get style() { return "as-legend-size-bins-point{--as-legend-size-bins-point--color:var(--as--color--type-01);--as-legend-size-bins-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-bins-point .as-legend-size-bins-point--steps{display:-ms-flexbox;display:flex}as-legend-size-bins-point .as-legend-size-bins-point--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-bins-point .as-legend-size-bins-point--circle{border-radius:50%;-webkit-box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow);box-shadow:-1px 0 2px 0 var(--as-legend-size-bins-point--shadow)}as-legend-size-bins-point .as-legend-size-bins-point--circle-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-bins-point .as-legend-size-bins-point--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-bins-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-bins-point .as-legend-size-bins-point--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:first-of-type{margin-left:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--step:last-of-type{margin-right:0}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--label{margin-top:8px}as-legend-size-bins-point .as-legend-size-bins-point--horizontal .as-legend-size-bins-point--circle-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-bins-point .as-legend-size-bins-point--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--label{margin-left:8px}as-legend-size-bins-point .as-legend-size-bins-point--vertical .as-legend-size-bins-point--step:not(:first-of-type){margin-top:8px}"; } | ||
}; | ||
LegendSizeBinsPoint.style = asLegendSizeBinsPointCss; | ||
export { LegendSizeBinsPoint as as_legend_size_bins_point }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendSizeBinsCss = "as-legend-size-bins{display:block}"; | ||
const LegendSizeBins = class { | ||
@@ -25,5 +27,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-size-bins{display:block}"; } | ||
}; | ||
LegendSizeBins.style = asLegendSizeBinsCss; | ||
export { LegendSizeBins as as_legend_size_bins }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendSizeCategoryLineCss = "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; | ||
const MIN_WIDTH = 48; | ||
@@ -44,5 +46,5 @@ const FACTOR = 3; | ||
} | ||
static get style() { return "as-legend-size-category-line{--as-legend-size-category-line--color:var(--as--color--type-01);--as-legend-size-category-line--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-category-line .as-legend-size-category-line--steps{display:-ms-flexbox;display:flex}as-legend-size-category-line .as-legend-size-category-line--line-wrapper,as-legend-size-category-line .as-legend-size-category-line--step{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-category-line .as-legend-size-category-line--line-wrapper{-ms-flex-pack:center;justify-content:center}as-legend-size-category-line .as-legend-size-category-line--label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--as-legend-size-category-line--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-category-line .as-legend-size-category-line--horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step{-ms-flex-direction:column;flex-direction:column;margin:0 4px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:first-of-type{margin-left:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--step:last-of-type{margin-right:0}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--label{margin-top:8px}as-legend-size-category-line .as-legend-size-category-line--horizontal .as-legend-size-category-line--line-wrapper{-ms-flex-align:end;align-items:flex-end}as-legend-size-category-line .as-legend-size-category-line--vertical{-ms-flex-direction:column;flex-direction:column}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--label{margin-left:8px}as-legend-size-category-line .as-legend-size-category-line--vertical .as-legend-size-category-line--step:not(:first-of-type){margin-top:8px}"; } | ||
}; | ||
LegendSizeBinsPoint.style = asLegendSizeCategoryLineCss; | ||
export { LegendSizeBinsPoint as as_legend_size_category_line }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -15,5 +15,5 @@ const LegendSizeCategory = class { | ||
} | ||
static get style() { return "as-legend-size-category-point{display:block}"; } | ||
}; | ||
LegendSizeCategory.style = "as-legend-size-category-point { display: block; }"; | ||
export { LegendSizeCategory as as_legend_size_category_point }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
@@ -22,5 +22,5 @@ const LegendSizeCategory = class { | ||
} | ||
static get style() { return "as-legend-size-category{display:block}"; } | ||
}; | ||
LegendSizeCategory.style = "as-legend-size-category { display: block; }"; | ||
export { LegendSizeCategory as as_legend_size_category }; |
@@ -1,4 +0,6 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-8a3a8717.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
import { b as borderStyleCounts } from './border-style-counts-dc9ae3a0.js'; | ||
const asLegendSizeContinuousLineCss = "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; | ||
const TEXT_MARGIN = 4; | ||
@@ -152,5 +154,7 @@ const MIN_LINE_SIZE = 4; | ||
} | ||
static get style() { return "as-legend-size-continuous-line{display:block;overflow:hidden}as-legend-size-continuous-line svg text{font:var(--as--font--caption)}as-legend-size-continuous-line svg line{stroke:var(--as-legend--color)}as-legend-size-continuous-line svg.as-legend-size-continuous-line--horizontal text{text-anchor:middle}"; } | ||
}; | ||
LegendSizeContinuousLine.style = asLegendSizeContinuousLineCss; | ||
const asLegendSizeContinuousPointCss = "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0, 0, 0, 0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; | ||
// This component ignores the strokeWidth property, and always paints | ||
@@ -195,5 +199,5 @@ // a 1px border. | ||
} | ||
static get style() { return "as-legend-size-continuous-point{--as-legend-size-continuous-point--color:var(--as--color--type-01);--as-legend-size-continuous-point--shadow:rgba(0,0,0,0.1);display:block}as-legend-size-continuous-point .as-legend-size-continuous-point--steps{position:relative;margin:8px}as-legend-size-continuous-point .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-legend-size-continuous-point .as-legend-size-continuous-point--circle{position:absolute;border:2px solid var(--as-legend-size-continuous-point--shadow);border-radius:50%;-webkit-box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow);box-shadow:0 0 2px 0 var(--as-legend-size-continuous-point--shadow)}as-legend-size-continuous-point .as-legend-size-continuous-point--label{color:var(--as-legend-size-continuous-point--color);font:var(--as--font--caption);text-transform:capitalize;white-space:nowrap}as-legend-size-continuous-point .as-legend-size-continuous-point--vertical .as-legend-size-continuous-point--steps,as-legend-size-continuous-point .as-legend-size-continuous-point--vertical.as-legend-size-continuous-point--wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse}"; } | ||
}; | ||
LegendSizeContinuousPoint.style = asLegendSizeContinuousPointCss; | ||
export { LegendSizeContinuousLine as as_legend_size_continuous_line, LegendSizeContinuousPoint as as_legend_size_continuous_point }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendSizeContinuousCss = "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; | ||
const LegendSizeContinuous = class { | ||
@@ -28,5 +30,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend-size-continuous{display:block}as-legend-size-continuous .as-legend-size-continuous--overflow{overflow:hidden}"; } | ||
}; | ||
LegendSizeContinuous.style = asLegendSizeContinuousCss; | ||
export { LegendSizeContinuous as as_legend_size_continuous }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLegendCss = "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend *[slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; | ||
const Legend = class { | ||
@@ -24,5 +26,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-legend{--as-legend--color:var(--as--color--type-01);--as-legend--background-color:var(--as--color--ui-01);--as-legend--footer-font-size:12px;--as-legend--footer-color:var(--as--color--type-01);--as-legend--footer-margin-top:12px;--as-legend--padding:12px;background:var(--as-legend--background-color);color:var(--as-legend--color)}as-legend .as-legend--wrapper{padding:var(--as-legend--padding)}as-legend [slot=footer]{display:block;margin-top:var(--as-legend--footer-margin-top);color:var(--as-legend--footer-color);font-family:var(--as--font-family--base);font-size:var(--as-legend--footer-font-size)}as-legend .as-legend--legends-slot{overflow:auto}"; } | ||
}; | ||
Legend.style = asLegendCss; | ||
export { Legend as as_legend }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asLoaderCss = "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; | ||
const Loader = class { | ||
@@ -10,5 +12,7 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}"; } | ||
}; | ||
Loader.style = asLoaderCss; | ||
const asWidgetHeaderCss = "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color, #F4F4F4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error, #F3522B);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty, #FDB32B);text-transform:uppercase}"; | ||
const WidgetHeader = class { | ||
@@ -70,5 +74,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-widget-header{--as--widget-header__header--color:var(--as--color--type-01);--as--widget-subheader--color:var(--as--color--type-02);--as--widget-header__subheader--color-error:var(--as--color--error);--as--widget-header__subheader--color-empty:var(--as--color--warning);display:block}as-widget-header .as-widget-header__header{margin:0;color:var(--as--widget-header__header--color);font:var(--as--font--subheader)}as-widget-header .as-widget-header__subheader{color:var(--as--widget-subheader--color,#f4f4f4)}as-widget-header .as-widget-header__subheader--error{color:var(--widget--subheader-color-error,#f3522b);text-transform:uppercase}as-widget-header .as-widget-header__subheader--empty{color:var(--widget--subheader-color-empty,#fdb32b);text-transform:uppercase}"; } | ||
}; | ||
WidgetHeader.style = asWidgetHeaderCss; | ||
export { Loader as as_loader, WidgetHeader as as_widget_header }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h, H as Host } from './core-a69618da.js'; | ||
import { r as registerInstance, h, H as Host } from './index-4e0575fe.js'; | ||
const asPlaceholderCss = ".placeholder{position:relative;background-color:var(--as--color--ui-01, #FFF)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body, 12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;animation:loader-progress 1s cubic-bezier(0, 0.85, 0.6, 0.6) infinite;background-color:var(--as--color--primary, #1785FB)}@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; | ||
const Placeholder = class { | ||
@@ -10,5 +12,7 @@ constructor(hostRef) { | ||
} | ||
static get style() { return ".placeholder{position:relative;background-color:var(--as--color--ui-01,#fff)}.placeholder__title{margin-bottom:8px;font:var(--as--font--body,12px/20px var(--as--font-family--base))}.progress{position:absolute;top:0;left:0;width:100%;height:2px;overflow:hidden}.progress__animation{position:absolute;width:40%;height:3px;-webkit-transform:translateX(-300%);transform:translateX(-300%);-webkit-animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;animation:loader-progress 1s cubic-bezier(0,.85,.6,.6) infinite;background-color:var(--as--color--primary,#1785fb)}\@-webkit-keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}\@keyframes loader-progress{0%{-webkit-transform:translateX(-300%);transform:translateX(-300%)}to{-webkit-transform:translateX(300%);transform:translateX(300%)}}"; } | ||
}; | ||
Placeholder.style = asPlaceholderCss; | ||
const asPlaceholderBarCss = "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02, #F5F5F5)}"; | ||
const PlaceholderBar = class { | ||
@@ -25,5 +29,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-placeholder-bar{display:block}.placeholder-bar{height:100%;background-color:var(--as--color--ui-02,#f5f5f5)}"; } | ||
}; | ||
PlaceholderBar.style = asPlaceholderBarCss; | ||
export { Placeholder as as_placeholder, PlaceholderBar as as_placeholder_bar }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asPlaceholderListCss = ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; | ||
const LoadingBar = class { | ||
@@ -20,5 +22,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return ".placeholder-list__items:not(:last-child){margin-bottom:12px}.placeholder-list__item{display:block}.placeholder-list__item.placeholder-list__item--first{margin-bottom:8px}"; } | ||
}; | ||
LoadingBar.style = asPlaceholderListCss; | ||
export { LoadingBar as as_placeholder_list }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
@@ -38,2 +38,4 @@ function handleMouseDown(listeners) { | ||
const asRangeSliderBarCss = "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary, #1785FB);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03, #E2E6E3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider__range-bar--background-color, #1785FB)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable::after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; | ||
const MAX_PERCENTAGE = 100; | ||
@@ -148,5 +150,7 @@ const MIN_PERCENTAGE = 0; | ||
get element() { return getElement(this); } | ||
static get style() { return "as-range-slider-bar{--as--range-slider__range-bar--background-color:var(--as--color--primary,#1785fb);--as--range-slider__range-bar--background-color--disabled:var(--as--color--ui-03,#e2e6e3)}as-range-slider-bar .as-range-slider__range-bar{position:absolute;z-index:1;top:50%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider__range-bar--background-color,#1785fb)}as-range-slider-bar .as-range-slider__range-bar--disabled{background-color:var(--as--range-slider__range-bar--background-color--disabled)}as-range-slider-bar .as-range-slider__range-bar--draggable{cursor:-webkit-grab;cursor:grab}as-range-slider-bar .as-range-slider__range-bar--draggable:after{content:\" \";position:absolute;top:-6px;left:0;width:calc(100% - 20px);height:12px;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}as-range-slider-bar .as-range-slider__range-bar--moving{cursor:-webkit-grabbing;cursor:grabbing}"; } | ||
}; | ||
RangeSliderBar.style = asRangeSliderBarCss; | ||
const asRangeSliderThumbCss = "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary, #1785FB);--as--range-slider--thumb-handle--background-color:var(--as--color--white, #FFF);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02, #F5F5F5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary, #1785FB);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0);-webkit-transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:opacity 200ms ease, -webkit-transform 200ms ease;transition:transform 200ms ease, opacity 200ms ease;transition:transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle::before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle:hover,as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px, 0, 0) scale(1.33);transform:translate3d(-6px, 0, 0) scale(1.33)}"; | ||
const RangeSliderThumb = class { | ||
@@ -210,4 +214,2 @@ constructor(hostRef) { | ||
break; | ||
default: | ||
break; | ||
} | ||
@@ -257,5 +259,5 @@ if (flag) { | ||
get element() { return getElement(this); } | ||
static get style() { return "as-range-slider-thumb .as-range-slider__thumb{--as--range-slider--disabled--value--color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--thumb-handle--border-color:var(--as--color--primary,#1785fb);--as--range-slider--thumb-handle--background-color:var(--as--color--white,#fff);--as--range-slider--disabled--thumb-handle--border-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--disabled--thumb-handle--background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--disabled--thumb-handle--focus-background-color:var(--as--color--ui-02,#f5f5f5);--as--range-slider--focus--thumb-handle--background-color:var(--as--color--primary,#1785fb);position:absolute;z-index:2;width:12px;height:12px;-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0);-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}as-range-slider-thumb .as-range-slider__value{position:absolute;bottom:-16px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;pointer-events:none}as-range-slider-thumb .as-range-slider__value--disabled{color:var(--as--range-slider--disabled--value--color)}as-range-slider-thumb .as-range-slider__value--hidden{visibility:hidden;opacity:0}as-range-slider-thumb .as-range-slider__thumb-handle{width:12px;height:12px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border:1px solid var(--as--range-slider--thumb-handle--border-color);border-radius:50%;background-color:var(--as--range-slider--thumb-handle--background-color);cursor:-webkit-grab;cursor:grab}as-range-slider-thumb .as-range-slider__thumb-handle:before{content:\"\";position:absolute;top:-15px;left:-15px;width:30px;height:30px}as-range-slider-thumb .as-range-slider__thumb-handle.as-range-slider__thumb-handle--moving,as-range-slider-thumb .as-range-slider__thumb-handle:hover{-webkit-transform:scale(1.33);transform:scale(1.33)}as-range-slider-thumb .as-range-slider__thumb-handle--moving{cursor:-webkit-grabbing;cursor:grabbing}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle{border:1px solid var(--as--range-slider--disabled--thumb-handle--border-color);background-color:var(--as--range-slider--disabled--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb--disabled .as-range-slider__thumb-handle:focus{background:var(--as--range-slider--disabled--thumb-handle--focus-background-color)}as-range-slider-thumb .as-range-slider__thumb:focus{outline:none}as-range-slider-thumb .as-range-slider__thumb:focus .as-range-slider__thumb-handle{background:var(--as--range-slider--focus--thumb-handle--background-color)}as-range-slider-thumb .as-range-slider__thumb+.as-range-slider__thumb:hover{-webkit-transform:translate3d(-6px,0,0) scale(1.33);transform:translate3d(-6px,0,0) scale(1.33)}"; } | ||
}; | ||
RangeSliderThumb.style = asRangeSliderThumbCss; | ||
export { RangeSliderBar as as_range_slider_bar, RangeSliderThumb as as_range_slider_thumb }; |
@@ -1,2 +0,2 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
@@ -16,2 +16,4 @@ function getDecimalPlaces(decimalNumber) { | ||
const asRangeSliderCss = "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03, #E2E6E3);--as--range-slider--range-color:var(--as--color--primary, #1785FB);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail::before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);background-color:var(--as--range-slider--rail-color, #E2E6E3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px, 0, 0);transform:translate3d(-6px, 0, 0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px), 0, 0);transform:translate3d(calc(-100% + 6px), 0, 0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; | ||
const RangeSlider = class { | ||
@@ -319,3 +321,2 @@ constructor(hostRef) { | ||
}; } | ||
static get style() { return "as-range-slider{--as--range-slider--rail-color:var(--as--color--ui-03,#e2e6e3);--as--range-slider--range-color:var(--as--color--primary,#1785fb);display:block;height:32px}as-range-slider .as-range-slider--disabled{pointer-events:none}as-range-slider .as-range-slider__rail{display:-ms-flexbox;display:flex;position:relative;width:calc(100% - 12px);height:12px;margin:auto}as-range-slider .as-range-slider__rail:before{content:\" \";position:absolute;z-index:0;top:50%;left:0;width:100%;height:2px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);background-color:var(--as--range-slider--rail-color,#e2e6e3);pointer-events:none}as-range-slider .as-range-slider__rail-label{visibility:hidden;position:absolute;top:16px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--left{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label__overflow--right{-webkit-transform:translate3d(calc(-100% + 6px),0,0);transform:translate3d(calc(-100% + 6px),0,0)}as-range-slider .as-range-slider__rail-label .as-range-slider__label-separator{display:inline-block;width:8px;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0;text-align:center}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active{visibility:visible}as-range-slider .as-range-slider__rail-label.as-range-slider__rail-label--active .as-range-slider__label-separator{opacity:1}"; } | ||
}; | ||
@@ -328,3 +329,4 @@ function isColliding(a, b, margin) { | ||
} | ||
RangeSlider.style = asRangeSliderCss; | ||
export { RangeSlider as as_range_slider }; |
@@ -1,3 +0,3 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as redrawChildren } from './redraw-children-f8ca3ca0.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
import { r as redrawChildren } from './redraw-children-48506a7c.js'; | ||
@@ -96,2 +96,4 @@ class ApplicationSection { | ||
const asResponsiveContentCss = "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; | ||
const ResponsiveContent = class { | ||
@@ -176,5 +178,5 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return "as-responsive-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}"; } | ||
}; | ||
ResponsiveContent.style = asResponsiveContentCss; | ||
export { ResponsiveContent as as_responsive_content }; |
@@ -1,8 +0,8 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { c as contentFragment } from './content.fragment-e220039c.js'; | ||
import { r as rgbBasis, c as cubehelixLong, a as cubehelix, b as rgb, l as linear, s as select, e as event } from './index-723c25b8.js'; | ||
import './index-ca7a3a57.js'; | ||
import './index-87eae0eb.js'; | ||
import './readable-number-b11b551f.js'; | ||
import { y as yAxisService } from './y-axis.service-c9d3f568.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
import { c as contentFragment } from './content.fragment-a3f3a890.js'; | ||
import { r as rgbBasis, c as cubehelixLong, a as cubehelix, b as rgb, l as linear, s as select, e as event } from './index-8dab08d4.js'; | ||
import './index-087047af.js'; | ||
import './index-cb3f051e.js'; | ||
import './readable-number-3d998115.js'; | ||
import { y as yAxisService } from './y-axis.service-12c806e3.js'; | ||
@@ -609,2 +609,4 @@ function colors(specifier) { | ||
const asStackedBarWidgetCss = ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01, #2C2C2C);--as--tooltip--color:var(--as--color--text-contrast, #FFF);--as--tooltip--support-color:var(--as--color--white, #FFF);--as--tooltip--primary--background-color:var(--as--primary--success, #1785FB);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success, #0F2D53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success, #47DB99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error, #F3522B);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning, #FDB32B);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success, #80B622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip::after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top::after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotateZ(45deg);transform:translateY(-6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--bot::after,.as-tooltip--bottom::after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotateZ(45deg);transform:translateY(6px) translateX(-5px) rotateZ(45deg)}.as-tooltip--right::after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotateZ(45deg);transform:translateY(-5px) translateX(-4px) rotateZ(45deg)}.as-tooltip--left::after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotateZ(45deg);transform:translateY(-4px) translateX(4px) rotateZ(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01, #FFF);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:0.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%);pointer-events:none}"; | ||
const BAR_WIDTH_THRESHOLD = 3; | ||
@@ -779,5 +781,5 @@ const StackedBarWidget = class { | ||
}; } | ||
static get style() { return ".as-tooltip{--as--tooltip--background-color:var(--as--color--type-01,#2c2c2c);--as--tooltip--color:var(--as--color--text-contrast,#fff);--as--tooltip--support-color:var(--as--color--white,#fff);--as--tooltip--primary--background-color:var(--as--primary--success,#1785fb);--as--tooltip--primary--color:var(--as--tooltip--support-color);--as--tooltip--secondary--background-color:var(--as--secondary--success,#0f2d53);--as--tooltip--secondary--color:var(--as--tooltip--support-color);--as--tooltip--complementary--background-color:var(--as--complementary--success,#47db99);--as--tooltip--complementary--color:var(--as--tooltip--support-color);--as--tooltip--error--background-color:var(--as--color--error,#f3522b);--as--tooltip--error-color:var(--as--tooltip--support-color);--as--tooltip--warning--background-color:var(--as--color--warning,#fdb32b);--as--tooltip--warning--color:var(--as--tooltip--support-color);--as--tooltip--success--background-color:var(--as--color--success,#80b622);--as--tooltip--success--color:var(--as--tooltip--support-color);display:-ms-inline-flexbox;display:inline-flex;position:relative;padding:4px 8px;border-width:0;border-radius:4px;border-color:var(--as--tooltip--background-color);background:var(--as--tooltip--background-color);color:var(--as--tooltip--color);font:var(--as--font--body)}.as-tooltip:after{content:\"\";position:absolute;border-width:5px;border-style:solid;border-radius:2px;border-color:inherit}.as-tooltip--top:after{top:100%;left:50%;-webkit-transform:translateY(-6px) translateX(-5px) rotate(45deg);transform:translateY(-6px) translateX(-5px) rotate(45deg)}.as-tooltip--bot:after,.as-tooltip--bottom:after{bottom:100%;left:50%;-webkit-transform:translateY(6px) translateX(-5px) rotate(45deg);transform:translateY(6px) translateX(-5px) rotate(45deg)}.as-tooltip--right:after{top:50%;left:0;-webkit-transform:translateY(-5px) translateX(-4px) rotate(45deg);transform:translateY(-5px) translateX(-4px) rotate(45deg)}.as-tooltip--left:after{top:50%;right:0;-webkit-transform:translateY(-4px) translateX(4px) rotate(45deg);transform:translateY(-4px) translateX(4px) rotate(45deg)}.as-tooltip--primary{border-color:var(--as--tooltip--primary--background-color);background:var(--as--tooltip--primary--background-color);color:var(--as--tooltip--primary--color)}.as-tooltip--secondary{border-color:var(--as--tooltip--secondary--background-color);background:var(--as--tooltip--secondary--background-color);color:var(--as--tooltip--secondary--color)}.as-tooltip--complementary{border-color:var(--as--tooltip--complementary--background-color);background:var(--as--tooltip--complementary--background-color);color:var(--as--tooltip--complementary--color)}.as-tooltip--error{border-color:var(--as--tooltip--error--background-color);background:var(--as--tooltip--error--background-color);color:var(--as--tooltip--error--color)}.as-tooltip--warning{border-color:var(--as--tooltip--warning--background-color);background:var(--as--tooltip--warning--background-color);color:var(--as--tooltip--warning--color)}.as-tooltip--success{border-color:var(--as--tooltip--success--background-color);background:var(--as--tooltip--success--background-color);color:var(--as--tooltip--success--color)}as-stacked-bar-widget{--as--stacked-bar-widget--background-color:var(--as--color--ui-01,#fff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:228px;height:100%;max-height:100%;overflow:auto;background:var(--as--stacked-bar-widget--background-color)}as-stacked-bar-widget .figure{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;width:100%;min-height:0;padding:18px 8px 17px 30px;overflow:visible}as-stacked-bar-widget .figure .plot rect{cursor:pointer}as-stacked-bar-widget .figure .y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}as-stacked-bar-widget .figure .y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}as-stacked-bar-widget .figure .y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}as-stacked-bar-widget .figure .y-axis .tick line.zero{opacity:.5}as-stacked-bar-widget .figure .y-axis .domain{display:none}as-stacked-bar-widget [role=tooltip]{display:none;position:fixed;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%);pointer-events:none}"; } | ||
}; | ||
StackedBarWidget.style = asStackedBarWidgetCss; | ||
export { StackedBarWidget as as_stacked_bar_widget }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4e0575fe.js'; | ||
const asSwitchCss = "as-switch{--as--switch--color--background-active:var(--as--color--complementary, #47DB99);--as--switch--color--background-checked:var(--as--color--primary, #1785FB);--as--switch--color--background-default:var(--as--color--type-03, #BABABA);--as--switch--color--background-disabled:var(--as--color--ui-02, #F5F5F5);--as--switch--color--checked-thumb:var(--as--color--ui-01, #FFF);--as--switch--color--color-disabled:var(--as--color--ui-04, #D1D5D7);--as--switch--color--thumb:var(--as--color--ui-01, #FFF);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle::after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle::after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle::after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; | ||
const Switch = class { | ||
@@ -41,5 +43,5 @@ constructor(hostRef) { | ||
get el() { return getElement(this); } | ||
static get style() { return "as-switch{--as--switch--color--background-active:var(--as--color--complementary,#47db99);--as--switch--color--background-checked:var(--as--color--primary,#1785fb);--as--switch--color--background-default:var(--as--color--type-03,#bababa);--as--switch--color--background-disabled:var(--as--color--ui-02,#f5f5f5);--as--switch--color--checked-thumb:var(--as--color--ui-01,#fff);--as--switch--color--color-disabled:var(--as--color--ui-04,#d1d5d7);--as--switch--color--thumb:var(--as--color--ui-01,#fff);display:inline-block;position:relative}as-switch .as-switch{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}as-switch .as-switch__label{margin:0 0 0 4px}as-switch .as-switch__thumb{position:absolute;top:50%;left:4px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:0;color:var(--as--switch--color--thumb);pointer-events:none}as-switch .as-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}as-switch .as-switch__input+.as-switch__toggle{display:block;position:relative;width:32px;height:16px;-webkit-transition:all .4s ease;transition:all .4s ease;border-radius:40px;outline:0;background:var(--as--switch--color--background-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}as-switch .as-switch__toggle:hover{background:var(--as--switch--color--background-active)}as-switch .as-switch__input+.as-switch__toggle:after{content:\"\";display:block;position:relative;top:2px;width:12px;height:12px;-webkit-transform:translateX(2px);transform:translateX(2px);-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:50%;background:var(--as--switch--color--thumb)}as-switch .as-switch__input[disabled]+.as-switch__toggle{background:var(--as--switch--color--background-disabled);-webkit-box-shadow:inset 0 0 0 1px var(--as--color--ui-03);box-shadow:inset 0 0 0 1px var(--as--color--ui-03);cursor:not-allowed}as-switch .as-switch__input[disabled]+.as-switch__toggle:after{background:var(--as--switch--color--color-disabled)}as-switch .as-switch__input:checked+.as-switch__toggle,as-switch .as-switch__input:checked+.as-switch__toggle:hover{background:var(--as--switch--color--background-checked)}as-switch .as-switch__input:checked+.as-switch__toggle:after{-webkit-transform:translateX(18px);transform:translateX(18px);background:var(--as--switch--color--checked-thumb)}as-switch .as-switch__input:checked~svg{opacity:1;color:var(--as--switch--color--checked-thumb)}"; } | ||
}; | ||
Switch.style = asSwitchCss; | ||
export { Switch as as_switch }; |
@@ -1,4 +0,6 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as redrawChildren } from './redraw-children-f8ca3ca0.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
import { r as redrawChildren } from './redraw-children-48506a7c.js'; | ||
const asTabsCss = ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01, #FFF);--as--tabs--border-color:var(--as--color--ui-03, #E2E6E3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary, #1785FB);--as--tabs--item--color-hover:var(--as--color--type-01, #2C2C2C);--as--tabs--item--color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover:var(--as--color--complementary, #47DB99);--as--tabs--item--border-color-active:var(--as--color--primary, #1785FB);--as--tabs--item--border-color-hover-active:var(--as--color--primary, #1785FB);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar{display:none}.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border 0.2s;transition:border 0.2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl{}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; | ||
const Tabs = class { | ||
@@ -70,5 +72,5 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return ".as-tabs{--as--tabs--background-color:var(--as--color--ui-01,#fff);--as--tabs--border-color:var(--as--color--ui-03,#e2e6e3);--as--tabs--item--font:var(--as--font--body);--as--tabs--item--color:var(--as--color--primary,#1785fb);--as--tabs--item--color-hover:var(--as--color--type-01,#2c2c2c);--as--tabs--item--color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover:var(--as--color--complementary,#47db99);--as--tabs--item--border-color-active:var(--as--color--primary,#1785fb);--as--tabs--item--border-color-hover-active:var(--as--color--primary,#1785fb);--as--tabs--subheader--font:var(--as--font--subheader);--as--tabs--horizontal-padding:12px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0 var(--as--tabs--horizontal-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background:var(--as--tabs--background-color);-webkit-box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);box-shadow:inset 0 -1px 0 0 var(--as--tabs--border-color);list-style:none}.as-tabs::-webkit-scrollbar,.as-tabs::-webkit-scrollbar-thumb{display:none}.as-tabs__item{padding:8px 12px;display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;-webkit-transition:border .2s;transition:border .2s;border:none;border-bottom:2px solid transparent;outline:none;background:none;color:var(--as--tabs--item--color);font:var(--as--tabs--item--font);text-decoration:none;cursor:pointer}.as-tabs__item:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover)}.as-tabs__item--active{border-bottom:2px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}.as-tabs__item--active:hover{border-bottom:2px solid var(--as--tabs--item--border-color-hover-active)}.as-tabs__item a{color:inherit;text-decoration:none}.as-tabs--xl .as-tabs__item{border-bottom:4px solid transparent;font:var(--as--tabs--subheader--font)}.as-tabs--xl .as-tabs__item:focus,.as-tabs--xl .as-tabs__item:hover{border-bottom:4px solid var(--as--tabs--item--border-color-hover)}.as-tabs--xl .as-tabs__item--active,.as-tabs--xl .as-tabs__item:active{border-bottom:4px solid var(--as--tabs--item--border-color-active);color:var(--as--tabs--item--color-active)}as-tabs{display:block}"; } | ||
}; | ||
Tabs.style = asTabsCss; | ||
export { Tabs as as_tabs }; |
@@ -1,5 +0,5 @@ | ||
import { r as registerInstance, c as createEvent, h, H as Host } from './core-a69618da.js'; | ||
import { i as icon } from './icons-1379931f.js'; | ||
import { t as timeFormat, d as defaultLocale, l as linear, e as event } from './index-723c25b8.js'; | ||
import { D as DEFAULT_BAR_COLOR, a as DEFAULT_BACKGROUND_BAR_COLOR, A as AUTO_FORMAT, b as DEFAULT_NUMBER_FORMAT, c as DEFAULT_DATE_FORMAT } from './constants-2231320f.js'; | ||
import { r as registerInstance, c as createEvent, h, H as Host } from './index-4e0575fe.js'; | ||
import { i as icon } from './icons-0b4da328.js'; | ||
import { t as timeFormat, d as defaultLocale, l as linear, e as event } from './index-8dab08d4.js'; | ||
import { D as DEFAULT_BAR_COLOR, a as DEFAULT_BACKGROUND_BAR_COLOR, A as AUTO_FORMAT, b as DEFAULT_NUMBER_FORMAT, c as DEFAULT_DATE_FORMAT } from './constants-cf85190c.js'; | ||
@@ -21,2 +21,4 @@ function sameData(first, second) { | ||
const asTimeSeriesWidgetCss = "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary, #1785FB);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color, #FFF)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection,as-time-series-widget.as-time-series--animated as-histogram-widget .content{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--track{cursor:pointer}"; | ||
const SCRUBBER_SIZE = 6; | ||
@@ -393,5 +395,5 @@ const TimeSeriesWidget = class { | ||
}; } | ||
static get style() { return "as-time-series-widget{--as--time-series--line-color:var(--as--color--primary,#1785fb);--as-histogram-widget--background-color:var(--as--color--ui-01);display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%;background:var(--as-histogram-widget--background-color,#fff)}as-time-series-widget as-histogram-widget{overflow:unset}as-time-series-widget.as-time-series--animated as-histogram-widget .content,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-header,as-time-series-widget.as-time-series--animated as-histogram-widget as-widget-selection{margin-left:-32px}as-time-series-widget .as-time-series--play-button{margin-bottom:2px;cursor:pointer}as-time-series-widget .as-time-series--play-button-hidden{opacity:0}as-time-series-widget .as-time-series--play-button-x-label{margin-bottom:27px}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber{stroke:var(--as--time-series--line-color);fill:var(--as--time-series--line-color)}as-time-series-widget .as-time-series--line,as-time-series-widget .as-time-series--scrubber,as-time-series-widget .as-time-series--track{cursor:pointer}"; } | ||
}; | ||
TimeSeriesWidget.style = asTimeSeriesWidgetCss; | ||
export { TimeSeriesWidget as as_time_series_widget }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h, g as getElement } from './core-a69618da.js'; | ||
import { r as registerInstance, h, g as getElement } from './index-4e0575fe.js'; | ||
const asToolbarCss = "as-toolbar{display:block;z-index:3}"; | ||
const Toolbar = class { | ||
@@ -26,5 +28,5 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return "as-toolbar{display:block;z-index:3}"; } | ||
}; | ||
Toolbar.style = asToolbarCss; | ||
export { Toolbar as as_toolbar }; |
@@ -1,3 +0,5 @@ | ||
import { r as registerInstance, h } from './core-a69618da.js'; | ||
import { r as registerInstance, h } from './index-4e0575fe.js'; | ||
const asWidgetLegendCss = "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; | ||
const WidgetLegend = class { | ||
@@ -12,5 +14,5 @@ constructor(hostRef) { | ||
} | ||
static get style() { return "as-widget-legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}as-widget-legend .widget-legend-item{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}as-widget-legend .widget-legend-item__box{display:inline-block;width:12px;height:12px;margin:0 4px 0 0}as-widget-legend .widget-legend-item__label{margin:0 8px 0 0}"; } | ||
}; | ||
WidgetLegend.style = asWidgetLegendCss; | ||
export { WidgetLegend as as_widget_legend }; |
@@ -1,7 +0,9 @@ | ||
import { r as registerInstance, g as getElement } from './core-a69618da.js'; | ||
import './index-723c25b8.js'; | ||
import './index-87eae0eb.js'; | ||
import './readable-number-b11b551f.js'; | ||
import { y as yAxisService } from './y-axis.service-c9d3f568.js'; | ||
import { r as registerInstance, g as getElement } from './index-4e0575fe.js'; | ||
import './index-8dab08d4.js'; | ||
import './index-cb3f051e.js'; | ||
import './readable-number-3d998115.js'; | ||
import { y as yAxisService } from './y-axis.service-12c806e3.js'; | ||
const asYAxisCss = ".y-axis{--widget-axis-text-color:var(--as--color--type-01, #2C2C2C);--widget-axis-line-color:var(--as--color--ui-05, #B3B3B3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:0.1}.y-axis .tick line.zero{opacity:0.5}.y-axis .domain{display:none}"; | ||
const YAxis = class { | ||
@@ -48,5 +50,5 @@ constructor(hostRef) { | ||
get element() { return getElement(this); } | ||
static get style() { return ".y-axis{--widget-axis-text-color:var(--as--color--type-01,#2c2c2c);--widget-axis-line-color:var(--as--color--ui-05,#b3b3b3)}.y-axis .tick text{width:30px;fill:var(--widget-axis-text-color);white-space:pre}.y-axis .tick line{stroke:var(--widget-axis-line-color);opacity:.1}.y-axis .tick line.zero{opacity:.5}.y-axis .domain{display:none}"; } | ||
}; | ||
YAxis.style = asYAxisCss; | ||
export { YAxis as as_y_axis }; |
@@ -1,634 +0,1 @@ | ||
/* | ||
Extremely simple css parser. Intended to be not more than what we need | ||
and definitely not necessarily correct =). | ||
*/ | ||
/** @unrestricted */ | ||
var StyleNode = /** @class */ (function () { | ||
function StyleNode() { | ||
this.start = 0; | ||
this.end = 0; | ||
this.previous = null; | ||
this.parent = null; | ||
this.rules = null; | ||
this.parsedCssText = ''; | ||
this.cssText = ''; | ||
this.atRule = false; | ||
this.type = 0; | ||
this.keyframesName = ''; | ||
this.selector = ''; | ||
this.parsedSelector = ''; | ||
} | ||
return StyleNode; | ||
}()); | ||
// given a string of css, return a simple rule tree | ||
/** | ||
* @param {string} text | ||
* @return {StyleNode} | ||
*/ | ||
function parse(text) { | ||
text = clean(text); | ||
return parseCss(lex(text), text); | ||
} | ||
// remove stuff we don't care about that may hinder parsing | ||
/** | ||
* @param {string} cssText | ||
* @return {string} | ||
*/ | ||
function clean(cssText) { | ||
return cssText.replace(RX.comments, '').replace(RX.port, ''); | ||
} | ||
// super simple {...} lexer that returns a node tree | ||
/** | ||
* @param {string} text | ||
* @return {StyleNode} | ||
*/ | ||
function lex(text) { | ||
var root = new StyleNode(); | ||
root['start'] = 0; | ||
root['end'] = text.length; | ||
var n = root; | ||
for (var i = 0, l = text.length; i < l; i++) { | ||
if (text[i] === OPEN_BRACE) { | ||
if (!n['rules']) { | ||
n['rules'] = []; | ||
} | ||
var p = n; | ||
var previous = p['rules'][p['rules'].length - 1] || null; | ||
n = new StyleNode(); | ||
n['start'] = i + 1; | ||
n['parent'] = p; | ||
n['previous'] = previous; | ||
p['rules'].push(n); | ||
} | ||
else if (text[i] === CLOSE_BRACE) { | ||
n['end'] = i + 1; | ||
n = n['parent'] || root; | ||
} | ||
} | ||
return root; | ||
} | ||
// add selectors/cssText to node tree | ||
/** | ||
* @param {StyleNode} node | ||
* @param {string} text | ||
* @return {StyleNode} | ||
*/ | ||
function parseCss(node, text) { | ||
var t = text.substring(node['start'], node['end'] - 1); | ||
node['parsedCssText'] = node['cssText'] = t.trim(); | ||
if (node.parent) { | ||
var ss = node.previous ? node.previous['end'] : node.parent['start']; | ||
t = text.substring(ss, node['start'] - 1); | ||
t = _expandUnicodeEscapes(t); | ||
t = t.replace(RX.multipleSpaces, ' '); | ||
// TODO(sorvell): ad hoc; make selector include only after last ; | ||
// helps with mixin syntax | ||
t = t.substring(t.lastIndexOf(';') + 1); | ||
var s = node['parsedSelector'] = node['selector'] = t.trim(); | ||
node['atRule'] = (s.indexOf(AT_START) === 0); | ||
// note, support a subset of rule types... | ||
if (node['atRule']) { | ||
if (s.indexOf(MEDIA_START) === 0) { | ||
node['type'] = types.MEDIA_RULE; | ||
} | ||
else if (s.match(RX.keyframesRule)) { | ||
node['type'] = types.KEYFRAMES_RULE; | ||
node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop(); | ||
} | ||
} | ||
else { | ||
if (s.indexOf(VAR_START) === 0) { | ||
node['type'] = types.MIXIN_RULE; | ||
} | ||
else { | ||
node['type'] = types.STYLE_RULE; | ||
} | ||
} | ||
} | ||
var r$ = node['rules']; | ||
if (r$) { | ||
for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) { | ||
parseCss(r, text); | ||
} | ||
} | ||
return node; | ||
} | ||
/** | ||
* conversion of sort unicode escapes with spaces like `\33 ` (and longer) into | ||
* expanded form that doesn't require trailing space `\000033` | ||
* @param {string} s | ||
* @return {string} | ||
*/ | ||
function _expandUnicodeEscapes(s) { | ||
return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () { | ||
var code = arguments[1], repeat = 6 - code.length; | ||
while (repeat--) { | ||
code = '0' + code; | ||
} | ||
return '\\' + code; | ||
}); | ||
} | ||
/** @enum {number} */ | ||
var types = { | ||
STYLE_RULE: 1, | ||
KEYFRAMES_RULE: 7, | ||
MEDIA_RULE: 4, | ||
MIXIN_RULE: 1000 | ||
}; | ||
var OPEN_BRACE = '{'; | ||
var CLOSE_BRACE = '}'; | ||
// helper regexp's | ||
var RX = { | ||
comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim, | ||
port: /@import[^;]*;/gim, | ||
customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim, | ||
mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim, | ||
mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim, | ||
varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim, | ||
keyframesRule: /^@[^\s]*keyframes/, | ||
multipleSpaces: /\s+/g | ||
}; | ||
var VAR_START = '--'; | ||
var MEDIA_START = '@media'; | ||
var AT_START = '@'; | ||
function findRegex(regex, cssText, offset) { | ||
regex['lastIndex'] = 0; | ||
var r = cssText.substring(offset).match(regex); | ||
if (r) { | ||
var start = offset + r['index']; | ||
return { | ||
start: start, | ||
end: start + r[0].length | ||
}; | ||
} | ||
return null; | ||
} | ||
var VAR_USAGE_START = /\bvar\(/; | ||
var VAR_ASSIGN_START = /\B--[\w-]+\s*:/; | ||
var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim; | ||
var TRAILING_LINES = /^[\t ]+\n/gm; | ||
function resolveVar(props, prop, fallback) { | ||
if (props[prop]) { | ||
return props[prop]; | ||
} | ||
if (fallback) { | ||
return executeTemplate(fallback, props); | ||
} | ||
return ''; | ||
} | ||
function findVarEndIndex(cssText, offset) { | ||
var count = 0; | ||
var i = offset; | ||
for (; i < cssText.length; i++) { | ||
var c = cssText[i]; | ||
if (c === '(') { | ||
count++; | ||
} | ||
else if (c === ')') { | ||
count--; | ||
if (count <= 0) { | ||
return i + 1; | ||
} | ||
} | ||
} | ||
return i; | ||
} | ||
function parseVar(cssText, offset) { | ||
var varPos = findRegex(VAR_USAGE_START, cssText, offset); | ||
if (!varPos) { | ||
return null; | ||
} | ||
var endVar = findVarEndIndex(cssText, varPos.start); | ||
var varContent = cssText.substring(varPos.end, endVar - 1); | ||
var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1); | ||
return { | ||
start: varPos.start, | ||
end: endVar, | ||
propName: propName.trim(), | ||
fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined | ||
}; | ||
} | ||
function compileVar(cssText, template, offset) { | ||
var varMeta = parseVar(cssText, offset); | ||
if (!varMeta) { | ||
template.push(cssText.substring(offset, cssText.length)); | ||
return cssText.length; | ||
} | ||
var propName = varMeta.propName; | ||
var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined; | ||
template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); }); | ||
return varMeta.end; | ||
} | ||
function executeTemplate(template, props) { | ||
var final = ''; | ||
for (var i = 0; i < template.length; i++) { | ||
var s = template[i]; | ||
final += (typeof s === 'string') | ||
? s | ||
: s(props); | ||
} | ||
return final; | ||
} | ||
function findEndValue(cssText, offset) { | ||
var onStr = false; | ||
var double = false; | ||
var i = offset; | ||
for (; i < cssText.length; i++) { | ||
var c = cssText[i]; | ||
if (onStr) { | ||
if (double && c === '"') { | ||
onStr = false; | ||
} | ||
if (!double && c === '\'') { | ||
onStr = false; | ||
} | ||
} | ||
else { | ||
if (c === '"') { | ||
onStr = true; | ||
double = true; | ||
} | ||
else if (c === '\'') { | ||
onStr = true; | ||
double = false; | ||
} | ||
else if (c === ';') { | ||
return i + 1; | ||
} | ||
else if (c === '}') { | ||
return i; | ||
} | ||
} | ||
} | ||
return i; | ||
} | ||
function removeCustomAssigns(cssText) { | ||
var final = ''; | ||
var offset = 0; | ||
while (true) { | ||
var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset); | ||
var start = assignPos ? assignPos.start : cssText.length; | ||
final += cssText.substring(offset, start); | ||
if (assignPos) { | ||
offset = findEndValue(cssText, start); | ||
} | ||
else { | ||
break; | ||
} | ||
} | ||
return final; | ||
} | ||
function compileTemplate(cssText) { | ||
var index = 0; | ||
cssText = cssText.replace(COMMENTS, ''); | ||
cssText = removeCustomAssigns(cssText) | ||
.replace(TRAILING_LINES, ''); | ||
var segments = []; | ||
while (index < cssText.length) { | ||
index = compileVar(cssText, segments, index); | ||
} | ||
return segments; | ||
} | ||
function resolveValues(selectors) { | ||
var props = {}; | ||
selectors.forEach(function (selector) { | ||
selector.declarations.forEach(function (dec) { | ||
props[dec.prop] = dec.value; | ||
}); | ||
}); | ||
var propsValues = {}; | ||
var entries = Object.entries(props); | ||
var _loop_1 = function (i) { | ||
var dirty = false; | ||
entries.forEach(function (_a) { | ||
var key = _a[0], value = _a[1]; | ||
var propValue = executeTemplate(value, propsValues); | ||
if (propValue !== propsValues[key]) { | ||
propsValues[key] = propValue; | ||
dirty = true; | ||
} | ||
}); | ||
if (!dirty) { | ||
return "break"; | ||
} | ||
}; | ||
for (var i = 0; i < 10; i++) { | ||
var state_1 = _loop_1(i); | ||
if (state_1 === "break") | ||
break; | ||
} | ||
return propsValues; | ||
} | ||
function getSelectors(root, index) { | ||
if (index === void 0) { index = 0; } | ||
if (!root.rules) { | ||
return []; | ||
} | ||
var selectors = []; | ||
root.rules | ||
.filter(function (rule) { return rule.type === types.STYLE_RULE; }) | ||
.forEach(function (rule) { | ||
var declarations = getDeclarations(rule.cssText); | ||
if (declarations.length > 0) { | ||
rule.parsedSelector.split(',').forEach(function (selector) { | ||
selector = selector.trim(); | ||
selectors.push({ | ||
selector: selector, | ||
declarations: declarations, | ||
specificity: computeSpecificity(), | ||
nu: index | ||
}); | ||
}); | ||
} | ||
index++; | ||
}); | ||
return selectors; | ||
} | ||
function computeSpecificity(_selector) { | ||
return 1; | ||
} | ||
var IMPORTANT = '!important'; | ||
var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm; | ||
function getDeclarations(cssText) { | ||
var declarations = []; | ||
var xArray; | ||
while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) { | ||
var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important; | ||
declarations.push({ | ||
prop: xArray[1].trim(), | ||
value: compileTemplate(value), | ||
important: important, | ||
}); | ||
} | ||
return declarations; | ||
} | ||
function normalizeValue(value) { | ||
var regex = /\s+/gim; | ||
value = value.replace(regex, ' ').trim(); | ||
var important = value.endsWith(IMPORTANT); | ||
if (important) { | ||
value = value.substr(0, value.length - IMPORTANT.length).trim(); | ||
} | ||
return { | ||
value: value, | ||
important: important | ||
}; | ||
} | ||
function getActiveSelectors(hostEl, hostScopeMap, globalScopes) { | ||
// computes the css scopes that might affect this particular element | ||
// avoiding using spread arrays to avoid ts helper fns when in es5 | ||
var scopes = []; | ||
var scopesForElement = getScopesForElement(hostScopeMap, hostEl); | ||
// globalScopes are always took into account | ||
globalScopes.forEach(function (s) { return scopes.push(s); }); | ||
// the parent scopes are computed by walking parent dom until <html> is reached | ||
scopesForElement.forEach(function (s) { return scopes.push(s); }); | ||
// each scope might have an array of associated selectors | ||
// let's flatten the complete array of selectors from all the scopes | ||
var selectorSet = getSelectorsForScopes(scopes); | ||
// we filter to only the selectors that matches the hostEl | ||
var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); }); | ||
// sort selectors by specifity | ||
return sortSelectors(activeSelectors); | ||
} | ||
function getScopesForElement(hostTemplateMap, node) { | ||
var scopes = []; | ||
while (node) { | ||
var scope = hostTemplateMap.get(node); | ||
if (scope) { | ||
scopes.push(scope); | ||
} | ||
node = node.parentElement; | ||
} | ||
return scopes; | ||
} | ||
function getSelectorsForScopes(scopes) { | ||
var selectors = []; | ||
scopes.forEach(function (scope) { | ||
selectors.push.apply(selectors, scope.selectors); | ||
}); | ||
return selectors; | ||
} | ||
function sortSelectors(selectors) { | ||
selectors.sort(function (a, b) { | ||
if (a.specificity === b.specificity) { | ||
return a.nu - b.nu; | ||
} | ||
return a.specificity - b.specificity; | ||
}); | ||
return selectors; | ||
} | ||
function matches(el, selector) { | ||
return selector === ':root' || selector === 'html' || el.matches(selector); | ||
} | ||
function parseCSS(original) { | ||
var ast = parse(original); | ||
var template = compileTemplate(original); | ||
var selectors = getSelectors(ast); | ||
return { | ||
original: original, | ||
template: template, | ||
selectors: selectors, | ||
usesCssVars: template.length > 1 | ||
}; | ||
} | ||
function addGlobalStyle(globalScopes, styleEl) { | ||
var css = parseCSS(styleEl.innerHTML); | ||
css.styleEl = styleEl; | ||
globalScopes.push(css); | ||
} | ||
function updateGlobalScopes(scopes) { | ||
var selectors = getSelectorsForScopes(scopes); | ||
var props = resolveValues(selectors); | ||
scopes.forEach(function (scope) { | ||
if (scope.usesCssVars) { | ||
scope.styleEl.innerHTML = executeTemplate(scope.template, props); | ||
} | ||
}); | ||
} | ||
function reScope(scope, scopeId) { | ||
var template = scope.template.map(function (segment) { | ||
return (typeof segment === 'string') | ||
? replaceScope(segment, scope.scopeId, scopeId) | ||
: segment; | ||
}); | ||
var selectors = scope.selectors.map(function (sel) { | ||
return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) }); | ||
}); | ||
return Object.assign({}, scope, { template: template, | ||
selectors: selectors, | ||
scopeId: scopeId }); | ||
} | ||
function replaceScope(original, oldScopeId, newScopeId) { | ||
original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId); | ||
return original; | ||
} | ||
function replaceAll(input, find, replace) { | ||
return input.replace(new RegExp(find, 'g'), replace); | ||
} | ||
function loadDocument(doc, globalScopes) { | ||
loadDocumentStyles(doc, globalScopes); | ||
return loadDocumentLinks(doc, globalScopes); | ||
} | ||
function loadDocumentLinks(doc, globalScopes) { | ||
var promises = []; | ||
var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]'); | ||
for (var i = 0; i < linkElms.length; i++) { | ||
promises.push(addGlobalLink(doc, globalScopes, linkElms[i])); | ||
} | ||
return Promise.all(promises); | ||
} | ||
function loadDocumentStyles(doc, globalScopes) { | ||
var styleElms = doc.querySelectorAll('style:not([data-styles])'); | ||
for (var i = 0; i < styleElms.length; i++) { | ||
addGlobalStyle(globalScopes, styleElms[i]); | ||
} | ||
} | ||
function addGlobalLink(doc, globalScopes, linkElm) { | ||
var url = linkElm.href; | ||
return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) { | ||
if (hasCssVariables(text) && linkElm.parentNode) { | ||
if (hasRelativeUrls(text)) { | ||
text = fixRelativeUrls(text, url); | ||
} | ||
var styleEl = doc.createElement('style'); | ||
styleEl.setAttribute('data-styles', ''); | ||
styleEl.innerHTML = text; | ||
addGlobalStyle(globalScopes, styleEl); | ||
linkElm.parentNode.insertBefore(styleEl, linkElm); | ||
linkElm.remove(); | ||
} | ||
}).catch(function (err) { | ||
console.error(err); | ||
}); | ||
} | ||
// This regexp tries to determine when a variable is declared, for example: | ||
// | ||
// .my-el { --highlight-color: green; } | ||
// | ||
// but we don't want to trigger when a classname uses "--" or a pseudo-class is | ||
// used. We assume that the only characters that can preceed a variable | ||
// declaration are "{", from an opening block, ";" from a preceeding rule, or a | ||
// space. This prevents the regexp from matching a word in a selector, since | ||
// they would need to start with a "." or "#". (We assume element names don't | ||
// start with "--"). | ||
var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m; | ||
function hasCssVariables(css) { | ||
return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css); | ||
} | ||
// This regexp find all url() usages with relative urls | ||
var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim; | ||
function hasRelativeUrls(css) { | ||
CSS_URL_REGEXP.lastIndex = 0; | ||
return CSS_URL_REGEXP.test(css); | ||
} | ||
function fixRelativeUrls(css, originalUrl) { | ||
// get the basepath from the original import url | ||
var basePath = originalUrl.replace(/[^/]*$/, ''); | ||
// replace the relative url, with the new relative url | ||
return css.replace(CSS_URL_REGEXP, function (fullMatch, url) { | ||
// rhe new relative path is the base path + uri | ||
// TODO: normalize relative URL | ||
var relativeUrl = basePath + url; | ||
return fullMatch.replace(url, relativeUrl); | ||
}); | ||
} | ||
var CustomStyle = /** @class */ (function () { | ||
function CustomStyle(win, doc) { | ||
this.win = win; | ||
this.doc = doc; | ||
this.count = 0; | ||
this.hostStyleMap = new WeakMap(); | ||
this.hostScopeMap = new WeakMap(); | ||
this.globalScopes = []; | ||
this.scopesMap = new Map(); | ||
} | ||
CustomStyle.prototype.initShim = function () { | ||
var _this = this; | ||
return new Promise(function (resolve) { | ||
_this.win.requestAnimationFrame(function () { | ||
loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); }); | ||
}); | ||
}); | ||
}; | ||
CustomStyle.prototype.addLink = function (linkEl) { | ||
var _this = this; | ||
return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () { | ||
_this.updateGlobal(); | ||
}); | ||
}; | ||
CustomStyle.prototype.addGlobalStyle = function (styleEl) { | ||
addGlobalStyle(this.globalScopes, styleEl); | ||
this.updateGlobal(); | ||
}; | ||
CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) { | ||
if (this.hostScopeMap.has(hostEl)) { | ||
throw new Error('host style already created'); | ||
} | ||
var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped); | ||
var styleEl = this.doc.createElement('style'); | ||
if (!baseScope.usesCssVars) { | ||
// This component does not use (read) css variables | ||
styleEl.innerHTML = cssText; | ||
} | ||
else if (isScoped) { | ||
// This component is dynamic: uses css var and is scoped | ||
styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count; | ||
styleEl.innerHTML = '/*needs update*/'; | ||
this.hostStyleMap.set(hostEl, styleEl); | ||
this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId)); | ||
this.count++; | ||
} | ||
else { | ||
// This component uses css vars, but it's no-encapsulation (global static) | ||
baseScope.styleEl = styleEl; | ||
if (!baseScope.usesCssVars) { | ||
styleEl.innerHTML = executeTemplate(baseScope.template, {}); | ||
} | ||
this.globalScopes.push(baseScope); | ||
this.updateGlobal(); | ||
this.hostScopeMap.set(hostEl, baseScope); | ||
} | ||
return styleEl; | ||
}; | ||
CustomStyle.prototype.removeHost = function (hostEl) { | ||
var css = this.hostStyleMap.get(hostEl); | ||
if (css) { | ||
css.remove(); | ||
} | ||
this.hostStyleMap.delete(hostEl); | ||
this.hostScopeMap.delete(hostEl); | ||
}; | ||
CustomStyle.prototype.updateHost = function (hostEl) { | ||
var scope = this.hostScopeMap.get(hostEl); | ||
if (scope && scope.usesCssVars && scope.isScoped) { | ||
var styleEl = this.hostStyleMap.get(hostEl); | ||
if (styleEl) { | ||
var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes); | ||
var props = resolveValues(selectors); | ||
styleEl.innerHTML = executeTemplate(scope.template, props); | ||
} | ||
} | ||
}; | ||
CustomStyle.prototype.updateGlobal = function () { | ||
updateGlobalScopes(this.globalScopes); | ||
}; | ||
CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) { | ||
var scope = this.scopesMap.get(scopeId); | ||
if (!scope) { | ||
scope = parseCSS(cssText); | ||
scope.scopeId = scopeId; | ||
scope.isScoped = isScoped; | ||
this.scopesMap.set(scopeId, scope); | ||
} | ||
return scope; | ||
}; | ||
return CustomStyle; | ||
}()); | ||
var win = window; | ||
function needsShim() { | ||
return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)')); | ||
} | ||
if (!win.__stencil_cssshim && needsShim()) { | ||
win.__stencil_cssshim = new CustomStyle(win, document); | ||
} | ||
var StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return Object.assign(Object.assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return Object.assign(Object.assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window); |
(function(){ | ||
/* | ||
Copyright (c) 2016 The Polymer Project Authors. All rights reserved. | ||
@@ -42,47 +41,10 @@ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt | ||
// Polyfill document.baseURI | ||
if (typeof document.baseURI !== 'string') { | ||
Object.defineProperty(Document.prototype, 'baseURI', { | ||
enumerable: true, | ||
configurable: true, | ||
get: function () { | ||
var base = document.querySelector('base'); | ||
if (base) { | ||
return base.href; | ||
} | ||
return document.URL; | ||
} | ||
}); | ||
} | ||
"string"!==typeof document.baseURI&&Object.defineProperty(Document.prototype,"baseURI",{enumerable:!0,configurable:!0,get:function(){var a=document.querySelector("base");return a&&a.href?a.href:document.URL}}); | ||
// Polyfill CustomEvent | ||
if (typeof window.CustomEvent !== 'function') { | ||
window.CustomEvent = function CustomEvent(event, params) { | ||
params = params || { bubbles: false, cancelable: false, detail: undefined }; | ||
var evt = document.createEvent( 'CustomEvent' ); | ||
evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); | ||
return evt; | ||
} | ||
window.CustomEvent.prototype = window.Event.prototype; | ||
} | ||
"function"!==typeof window.CustomEvent&&(window.CustomEvent=function(c,a){a=a||{bubbles:!1,cancelable:!1,detail:void 0};var b=document.createEvent("CustomEvent");b.initCustomEvent(c,a.bubbles,a.cancelable,a.detail);return b},window.CustomEvent.prototype=window.Event.prototype); | ||
// Event.composedPath | ||
(function(E, d, w) { | ||
if(!E.composedPath) { | ||
E.composedPath = function() { | ||
if (this.path) { | ||
return this.path; | ||
} | ||
var target = this.target; | ||
(function(b,c,d){b.composedPath||(b.composedPath=function(){if(this.path)return this.path;var a=this.target;for(this.path=[];null!==a.parentNode;)this.path.push(a),a=a.parentNode;this.path.push(c,d);return this.path})})(Event.prototype,document,window); | ||
this.path = []; | ||
while (target.parentNode !== null) { | ||
this.path.push(target); | ||
target = target.parentNode; | ||
} | ||
this.path.push(d, w); | ||
return this.path; | ||
} | ||
} | ||
})(Event.prototype, document, window); | ||
/*! | ||
@@ -98,5 +60,10 @@ Element.closest and Element.matches | ||
*/ | ||
(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype); | ||
(function(c){function d(a){a=b(a);return a&&11===a.nodeType?d(a.host):a}function b(a){return a&&a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype); | ||
/*! | ||
Element.isConnected() | ||
*/ | ||
(function(a){"isConnected"in a||Object.defineProperty(a,"isConnected",{configurable:!0,enumerable:!0,get:function(){var a=this.getRootNode({composed:!0});return a&&9===a.nodeType}})})(Element.prototype); | ||
/*! | ||
Element.remove() | ||
@@ -110,1 +77,6 @@ */ | ||
!function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class")}return""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n()},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n()},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n()},t.item=function(e){return t[e]},t.contains=function(e){return-1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n()},t.value=e.getAttribute("class")||"",t}})}(Element.prototype); | ||
/*! | ||
DOMTokenList | ||
*/ | ||
(function(b){try{document.body.classList.add()}catch(e){var c=b.add,d=b.remove;b.add=function(){for(var a=0;a<arguments.length;a++)c.call(this,arguments[a])};b.remove=function(){for(var a=0;a<arguments.length;a++)d.call(this,arguments[a])}}})(DOMTokenList.prototype); |
@@ -1,18 +0,1 @@ | ||
(function() { | ||
if ( | ||
// No Reflect, no classes, no need for shim because native custom elements | ||
// require ES2015 classes or Reflect. | ||
window.Reflect === undefined || | ||
window.customElements === undefined | ||
) { | ||
return; | ||
} | ||
var BuiltInHTMLElement = HTMLElement; | ||
window.HTMLElement = /** @this {!Object} */ function HTMLElement() { | ||
return Reflect.construct( | ||
BuiltInHTMLElement, [], /** @type {!Function} */ (this.constructor)); | ||
}; | ||
HTMLElement.prototype = BuiltInHTMLElement.prototype; | ||
HTMLElement.prototype.constructor = HTMLElement; | ||
Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement); | ||
})(); | ||
(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})(); |
export function applyPolyfills() { | ||
var win = window; | ||
var promises = []; | ||
if (typeof window !== 'undefined') { | ||
var win = window; | ||
if (!win.customElements || (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove))) { | ||
promises.push(import('./dom.js')); | ||
} | ||
if (!win.customElements || | ||
(win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove || !win.Element.prototype.getRootNode))) { | ||
promises.push(import(/* webpackChunkName: "polyfills-dom" */ './dom.js')); | ||
} | ||
function checkIfURLIsSupported() { | ||
try { | ||
var u = new URL('b', 'http://a'); | ||
u.pathname = 'c%20d'; | ||
return (u.href === 'http://a/c%20d') && u.searchParams; | ||
} catch(e) { | ||
return false; | ||
function checkIfURLIsSupported() { | ||
try { | ||
var u = new URL('b', 'http://a'); | ||
u.pathname = 'c%20d'; | ||
return (u.href === 'http://a/c%20d') && u.searchParams; | ||
} catch (e) { | ||
return false; | ||
} | ||
} | ||
} | ||
if ( | ||
'function' !== typeof Object.assign || !Object.entries || | ||
!Array.prototype.find || !Array.prototype.includes || | ||
!String.prototype.startsWith || !String.prototype.endsWith || | ||
(win.NodeList && !win.NodeList.prototype.forEach) || | ||
!win.fetch || | ||
!checkIfURLIsSupported() || | ||
typeof WeakMap == 'undefined' | ||
) { | ||
promises.push(import('./core-js.js')); | ||
if ( | ||
'function' !== typeof Object.assign || !Object.entries || | ||
!Array.prototype.find || !Array.prototype.includes || | ||
!String.prototype.startsWith || !String.prototype.endsWith || | ||
(win.NodeList && !win.NodeList.prototype.forEach) || | ||
!win.fetch || | ||
!checkIfURLIsSupported() || | ||
typeof WeakMap == 'undefined' | ||
) { | ||
promises.push(import(/* webpackChunkName: "polyfills-core-js" */ './core-js.js')); | ||
} | ||
} | ||
if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) { | ||
promises.push(import('./css-shim.js')); | ||
} | ||
return Promise.all(promises); | ||
} |
/** | ||
* SystemJS 4.0.2 | ||
* MANUAL PATCH: remove script.crossOrigin = "anonymous" | ||
* MANUAL PATCH: add conditionally apply, n.System=n.System||new u | ||
*/ | ||
!function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}(); | ||
!function(){var e="undefined"!=typeof self,n=e?self:global;var t;if("undefined"!=typeof document){var e=document.querySelector("base[href]");e&&(t=e.href)}if(!t&&"undefined"!=typeof location){var e=(t=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==e&&(t=t.slice(0,e+1))}var r=/\\/g,o="undefined"!=typeof Symbol,i=o&&Symbol.toStringTag,c=o?Symbol():"@";function u(){this[c]={}}var s=u.prototype;var l;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var o=n[c][t];if(o)return o;var u=[],s=Object.create(null);i&&Object.defineProperty(s,i,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){o.h=!0;var t=!1;if("object"!=typeof e)e in s&&s[e]===n||(s[e]=n,t=!0);else for(var n in e){var r=e[n];n in s&&s[n]===r||(s[n]=r,t=!0)}if(t)for(var e=0;e<u.length;e++)u[e](s);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return o.e=r.execute||function(){},[e[0],r.setters||[]]});var f=l.then(function(r){return Promise.all(r[0].map(function(o,i){var c=r[1][i];return Promise.resolve(n.resolve(o,t)).then(function(r){var o=e(n,r,t);return Promise.resolve(o.I).then(function(){return c&&(o.i.push(c),!o.h&&o.I||c(o.n)),o})})})).then(function(e){o.d=e})});return f.catch(function(e){o.e=null,o.er=e}),o=n[c][t]={id:t,i:u,n:s,I:l,L:f,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(r[t.id])return;if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var o;return t.d.forEach(function(t){{var i=e(n,t,r);i&&(o=o||[]).push(i)}}),o?Promise.all(o).then(i):i();function i(){try{var e=t.e.call(f);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var f=Object.freeze(Object.create(null));n.System=n.System||new u;var d=s.register;s.register=function(e,n){d.call(this,e,n)},s.instantiate=function(e,n){var t=this;return".json"===e.substr(-5)?fetch(e).then(function(e){return e.text()}).then(function(e){return[[],function(n){return{execute:function(){n("default",JSON.parse(e))}}}]}):new Promise(function(r,o){var i;function c(n){n.filename===e&&(i=n.error)}window.addEventListener("error",c);var u=document.createElement("script");u.charset="utf-8",u.async=!0,u.addEventListener("error",function(){window.removeEventListener("error",c),o(Error("Error loading "+e+(n?" from "+n:"")))}),u.addEventListener("load",function(){window.removeEventListener("error",c),document.head.removeChild(u),i?o(i):r(t.getRegister())}),u.src=e,document.head.appendChild(u)})},e&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(e,n){var o=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(r,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t=n.slice(0,n.indexOf(":")+1);var r;if(r="/"===n[t.length+1]?"file:"!==t?(r=n.slice(t.length+2)).slice(r.indexOf("/")+1):n.slice(8):n.slice(t.length+("/"===n[t.length])),"/"===e[0])return n.slice(0,n.length-r.length-1)+e;var o=r.slice(0,r.lastIndexOf("/")+1)+e,i=[];var c=-1;for(var e=0;e<o.length;e++)-1!==c?"/"===o[e]&&(i.push(o.slice(c,e+1)),c=-1):"."===o[e]?"."!==o[e+1]||"/"!==o[e+2]&&e+2!==o.length?"/"===o[e+1]||e+1===o.length?e+=1:c=e:(i.pop(),e+=2):c=e;return-1!==c&&i.push(o.slice(c)),n.slice(0,n.length-r.length)+i.join("")}}(e,n||t);if(!o){if(-1!==e.indexOf(":"))return Promise.resolve(e);throw Error('Cannot resolve "'+e+(n?'" from '+n:'"'))}return Promise.resolve(o)}}(); |
@@ -1,1 +0,1 @@ | ||
module.exports = require('./cjs/index.cjs.js'); | ||
module.exports = require('./cjs/index.cjs.js'); |
@@ -12,3 +12,3 @@ | ||
} | ||
export declare function defineCustomElements(win: Window, opts?: CustomElementsDefineOptions): Promise<void>; | ||
export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>; | ||
export declare function applyPolyfills(): Promise<void>; |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../stencil.core'; | ||
import { EventEmitter } from '../../stencil-public-runtime'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Category Widget |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../stencil.core'; | ||
import { EventEmitter } from '../../stencil-public-runtime'; | ||
import { DropdownOption } from './types/DropdownOption'; | ||
@@ -3,0 +3,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../stencil.core'; | ||
import { EventEmitter } from '../../stencil-public-runtime'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Layer Selector Slot |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../stencil.core'; | ||
import { EventEmitter } from '../../stencil-public-runtime'; | ||
/** | ||
@@ -3,0 +3,0 @@ * Layer Selector |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../../stencil.core'; | ||
import { EventEmitter } from '../../../stencil-public-runtime'; | ||
export declare class RangeSlider { | ||
@@ -3,0 +3,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../../stencil.core'; | ||
import { EventEmitter } from '../../../stencil-public-runtime'; | ||
export declare class RangeSliderThumb { | ||
@@ -3,0 +3,0 @@ percentage: number; |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../../stencil.core'; | ||
import { EventEmitter } from '../../../stencil-public-runtime'; | ||
export declare class RangeSliderBar { | ||
@@ -3,0 +3,0 @@ rangeStartPercentage: number; |
@@ -15,10 +15,10 @@ export default class ApplicationSection { | ||
}); | ||
readonly active: boolean; | ||
readonly activeClass: string; | ||
readonly element: HTMLElement; | ||
readonly name: string; | ||
readonly order: number; | ||
readonly type: "map" | "sidebar" | "mapFooter" | "panels"; | ||
get active(): boolean; | ||
get activeClass(): string; | ||
get element(): HTMLElement; | ||
get name(): string; | ||
get order(): number; | ||
get type(): "map" | "sidebar" | "mapFooter" | "panels"; | ||
enable(): void; | ||
disable(): void; | ||
} |
@@ -1,2 +0,2 @@ | ||
import { EventEmitter } from '../../stencil.core'; | ||
import { EventEmitter } from '../../stencil-public-runtime'; | ||
export declare class Switch { | ||
@@ -3,0 +3,0 @@ /** |
{ | ||
"name": "@carto/airship-components", | ||
"version": "2.3.2-rc.0", | ||
"version": "2.3.2-rc.1", | ||
"description": "Airship is a set of tools designed to facilitate the development of location intelligence apps by offering layouts, basic patterns, templates, CSS classes, components, widgets and much more.", | ||
@@ -28,11 +28,11 @@ "module": "dist/index.mjs", | ||
"devDependencies": { | ||
"@stencil/core": "1.3.3", | ||
"@stencil/core": "1.13.0-3", | ||
"@stencil/sass": "^1.0.0", | ||
"@types/d3": "5.0.1", | ||
"@types/jest": "24.0.15", | ||
"@types/jest": "24.9.1", | ||
"@types/puppeteer": "1.19.1", | ||
"conventional-changelog-cli": "^2.0.1", | ||
"jest": "24.8.0", | ||
"jest-cli": "24.8.0", | ||
"jest-environment-node": "23.4.0", | ||
"jest": "26.0.1", | ||
"jest-cli": "26.0.1", | ||
"jest-environment-node": "26.0.1", | ||
"puppeteer": "1.19.0", | ||
@@ -68,3 +68,3 @@ "stylelint": "^9.3.0", | ||
}, | ||
"gitHead": "a70c873ba209ddc0ed5c7ce67e461b6efb55c329" | ||
"gitHead": "3b1947d8d30c2f56fdea328ce356c3e5bc0a7397" | ||
} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
3336049
96
10
572
56394