npm - @esri/solutions-components - Versions diffs - 0.2.2 → 0.2.4 - Mend

@esri/solutions-components 0.2.2 → 0.2.4

Files changed (131) hide show

package/dist/cjs/calcite-action_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"calcite-action.calcite-loader.entry.cjs.js","mappings":"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","names":["createObserver","forceUpdate","updateHostInteraction","h","Host","toAriaBoolean","guid"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/action/action.css?tag=calcite-action&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action/action.js","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.css?tag=calcite-loader&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.js"],"sourcesContent":["/!\n All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nexport const CSS = {\n button: \"button\",\n buttonTextVisible: \"button--text-visible\",\n buttonCompact: \"button--compact\",\n iconContainer: \"icon-container\",\n slotContainer: \"slot-container\",\n slotContainerHidden: \"slot-container--hidden\",\n textContainer: \"text-container\",\n textContainerVisible: \"text-container--visible\"\n};\nexport const TEXT = {\n loading: \"Loading\"\n};\nexport const SLOTS = {\n tooltip: \"tooltip\"\n};\n","/ mixins & extensions /\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/*\n Currently only used in Checkbox.\n/\n:host {\n / Base \":host\" styles for the component /\n box-sizing: border-box;\n background-color: var(--calcite-ui-foreground-1);\n color: var(--calcite-ui-text-2);\n font-size: var(--calcite-font-size--1);\n}\n:host {\n box-sizing: border-box;\n}\n\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host([disabled]) {\n pointer-events: none;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n/*\n CSS Custom Properties\n\n These properties can be overridden using the component's tag as selector.\n\n @prop --calcite-action-indicator-color: Specifies the color of the component's indicator.\n/\n:host {\n display: flex;\n background-color: transparent;\n --calcite-action-indicator-color: var(--calcite-ui-brand);\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n / prevent opacity stacking /\n opacity: 1;\n}\n\n.button {\n position: relative;\n margin: 0px;\n display: flex;\n inline-size: auto;\n cursor: pointer;\n align-items: center;\n justify-content: flex-start;\n border-style: none;\n background-color: var(--calcite-ui-foreground-1);\n fill: var(--calcite-ui-text-3);\n font-family: var(--calcite-sans-family);\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-medium);\n color: var(--calcite-ui-text-3);\n outline-color: transparent;\n text-align: unset;\n flex: 1 0 auto;\n}\n.button:hover {\n background-color: var(--calcite-ui-foreground-2);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n.button:focus {\n background-color: var(--calcite-ui-foreground-2);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n outline: 2px solid var(--calcite-ui-brand);\n outline-offset: -2px;\n}\n.button:active {\n background-color: var(--calcite-ui-foreground-3);\n}\n.button .icon-container {\n pointer-events: none;\n margin: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-inline-size: 1rem;\n min-block-size: 1rem;\n}\n.button .text-container {\n margin: 0px;\n inline-size: 0px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5rem;\n opacity: 0;\n transition-property: opacity;\n transition-duration: 150ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: margin;\n transition-property: inline-size;\n}\n.button .text-container--visible {\n inline-size: auto;\n flex: 1 1 auto;\n opacity: 1;\n}\n\n:host([scale=s]) .button {\n padding-inline: 0.5rem;\n padding-block: 0.25rem;\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=s]) .button--text-visible .icon-container {\n margin-inline-end: 0.5rem;\n}\n\n:host([scale=m]) .button {\n padding-inline: 1rem;\n padding-block: 0.75rem;\n font-size: var(--calcite-font-size--1);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=m]) .button--text-visible .icon-container {\n margin-inline-end: 0.75rem;\n}\n\n:host([scale=l]) .button {\n padding: 1.25rem;\n font-size: var(--calcite-font-size-0);\n line-height: 1.25rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=l]) .button--text-visible .icon-container {\n margin-inline-end: 1rem;\n}\n\n:host([alignment=center]) .button {\n justify-content: center;\n}\n\n:host([alignment=end]) .button {\n justify-content: flex-end;\n}\n\n:host([alignment=center]) .button .text-container--visible, \n:host([alignment=end]) .button .text-container--visible {\n flex: 0 1 auto;\n}\n\n:host([scale=s][compact]) .button, \n:host([scale=m][compact]) .button, \n:host([scale=l][compact]) .button {\n padding-inline: 0px;\n}\n\n.slot-container {\n display: flex;\n}\n\n.slot-container--hidden {\n display: none;\n}\n\n.button--text-visible {\n inline-size: 100%;\n}\n\n:host([active]) .button, \n:host([active]) .button:hover, \n:host([active]) .button:focus, \n:host([active][loading]) .button {\n background-color: var(--calcite-ui-foreground-3);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n\n:host([active]) .button:active {\n background-color: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=clear]) .button, \n:host([appearance=transparent]) .button {\n background-color: transparent;\n transition-property: box-shadow;\n transition-duration: 150ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host([appearance=clear]) .button:hover, \n:host([appearance=clear]) .button:focus, \n:host([appearance=transparent]) .button:hover, \n:host([appearance=transparent]) .button:focus {\n background-color: transparent;\n box-shadow: 0 0 0 2px var(--calcite-ui-border-1) inset;\n}\n\n:host([active][appearance=clear]) .button, \n:host([active][appearance=clear]) .button:hover, \n:host([active][appearance=clear]) .button:focus, \n:host([active][appearance=transparent]) .button, \n:host([active][appearance=transparent]) .button:hover, \n:host([active][appearance=transparent]) .button:focus {\n background-color: var(--calcite-ui-foreground-3);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=clear][loading]) .button, \n:host([appearance=clear][disabled]) .button, \n:host([appearance=transparent][loading]) .button, \n:host([appearance=transparent][disabled]) .button {\n background-color: transparent;\n}\n\n:host([loading]) .button, \n:host([loading]) .button:hover, \n:host([loading]) .button:focus {\n background-color: var(--calcite-ui-foreground-1);\n}\n:host([loading]) .button .text-container, \n:host([loading]) .button:hover .text-container, \n:host([loading]) .button:focus .text-container {\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([loading]) calcite-loader[inline] {\n color: var(--calcite-ui-text-3);\n margin-inline-end: 0px;\n}\n\n:host([disabled]) .button, \n:host([disabled]) .button:hover, \n:host([disabled]) .button:focus {\n cursor: default;\n background-color: var(--calcite-ui-foreground-1);\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([disabled][active]) .button, \n:host([disabled][active]) .button:hover, \n:host([disabled][active]) .button:focus {\n background-color: var(--calcite-ui-foreground-3);\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([indicator]) .button::after {\n content: \"\";\n position: absolute;\n block-size: 0.5rem;\n inline-size: 0.5rem;\n border-radius: 9999px;\n border-width: 2px;\n background-color: var(--calcite-action-indicator-color);\n border-color: var(--calcite-ui-foreground-1);\n inset-block-end: 0.75rem;\n inset-inline-end: 0.75rem;\n}\n:host([indicator]) .button--text-visible::after {\n inset-block-end: auto;\n}\n:host([indicator]) .button--text-visible .text-container--visible {\n margin-inline-end: 1rem;\n}\n:host([indicator]) .button:hover::after,\n:host([indicator]) .button:focus::after {\n border-color: var(--calcite-ui-foreground-1);\n}\n\n:host([indicator][scale=s]) .button::after {\n inset-block-end: 0.25rem;\n inset-inline-end: 0.25rem;\n}\n:host([indicator][scale=s]) .button--text-visible::after {\n inset-block-end: auto;\n inset-inline-end: 0.5rem;\n}\n\n:host([indicator][active]) .button::after {\n border-color: var(--calcite-ui-foreground-3);\n}","/!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nimport { Host, h, forceUpdate } from \"@stencil/core\";\nimport { CSS, TEXT, SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { toAriaBoolean } from \"../../utils/dom\";\n/\n @slot - A slot for adding a `calcite-icon`.\n /\nexport class Action {\n constructor() {\n // --------------------------------------------------------------------------\n //\n // Properties\n //\n // --------------------------------------------------------------------------\n /\n When `true`, the component is highlighted.\n /\n this.active = false;\n /* Specifies the appearance of the component. /\n this.appearance = \"solid\";\n /\n When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\n /\n this.compact = false;\n /\n When `true`, interaction is prevented and the component is displayed with lower opacity.\n /\n this.disabled = false;\n /\n When `true`, indicates unread changes.\n /\n this.indicator = false;\n /\n Specifies the text label to display while loading.\n \n @default \"Loading\"\n /\n this.intlLoading = TEXT.loading;\n /\n When `true`, a busy indicator is displayed.\n /\n this.loading = false;\n /\n Specifies the size of the component.\n /\n this.scale = \"m\";\n /\n Indicates whether the text is displayed.\n /\n this.textEnabled = false;\n this.mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.handleTooltipSlotChange = (event) => {\n const tooltips = event.target\n .assignedElements({\n flatten: true\n })\n .filter((el) => el === null \|\| el === void 0 ? void 0 : el.matches(\"calcite-tooltip\"));\n const tooltip = tooltips[0];\n if (tooltip) {\n tooltip.referenceElement = this.buttonEl;\n }\n };\n this.calciteActionClickHandler = () => {\n if (!this.disabled) {\n this.calciteActionClick.emit();\n }\n };\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n var _a;\n (_a = this.mutationObserver) === null \|\| _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n }\n disconnectedCallback() {\n var _a;\n (_a = this.mutationObserver) === null \|\| _a === void 0 ? void 0 : _a.disconnect();\n }\n componentDidRender() {\n updateHostInteraction(this);\n }\n // --------------------------------------------------------------------------\n //\n // Methods\n //\n // --------------------------------------------------------------------------\n /* Sets focus on the component. /\n async setFocus() {\n var _a;\n (_a = this.buttonEl) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n renderTextContainer() {\n const { text, textEnabled } = this;\n const textContainerClasses = {\n [CSS.textContainer]: true,\n [CSS.textContainerVisible]: textEnabled\n };\n return text ? (h(\"div\", { class: textContainerClasses, key: \"text-container\" }, text)) : null;\n }\n renderIconContainer() {\n var _a;\n const { loading, icon, scale, el, intlLoading } = this;\n const iconScale = scale === \"l\" ? \"m\" : \"s\";\n const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n const calciteLoaderNode = loading ? (h(\"calcite-loader\", { active: true, inline: true, label: intlLoading, scale: loaderScale })) : null;\n const calciteIconNode = icon ? h(\"calcite-icon\", { icon: icon, scale: iconScale }) : null;\n const iconNode = calciteLoaderNode \|\| calciteIconNode;\n const hasIconToDisplay = iconNode \|\| ((_a = el.children) === null \|\| _a === void 0 ? void 0 : _a.length);\n const slotContainerNode = (h(\"div\", { class: {\n [CSS.slotContainer]: true,\n [CSS.slotContainerHidden]: loading\n } }, h(\"slot\", null)));\n return hasIconToDisplay ? (h(\"div\", { \"aria-hidden\": \"true\", class: CSS.iconContainer, key: \"icon-container\" }, iconNode, slotContainerNode)) : null;\n }\n render() {\n const { compact, disabled, loading, textEnabled, label, text } = this;\n const ariaLabel = label \|\| text;\n const buttonClasses = {\n [CSS.button]: true,\n [CSS.buttonTextVisible]: textEnabled,\n [CSS.buttonCompact]: compact\n };\n return (h(Host, { onClick: this.calciteActionClickHandler }, h(\"button\", { \"aria-busy\": toAriaBoolean(loading), \"aria-disabled\": toAriaBoolean(disabled), \"aria-label\": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h(\"slot\", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange })));\n }\n static get is() { return \"calcite-action\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"action.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"action.css\"]\n };\n }\n static get properties() {\n return {\n \"active\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the component is highlighted.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alignment\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Alignment\",\n \"resolved\": \"\\\"center\\\" \| \\\"end\\\" \| \\\"start\\\"\",\n \"references\": {\n \"Alignment\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the horizontal alignment of button elements with text content.\"\n },\n \"attribute\": \"alignment\",\n \"reflect\": true\n },\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Extract<\\\"solid\\\" \| \\\"clear\\\", Appearance>\",\n \"resolved\": \"\\\"clear\\\" \| \\\"solid\\\"\",\n \"references\": {\n \"Extract\": {\n \"location\": \"global\"\n },\n \"Appearance\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the appearance of the component.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"solid\\\"\"\n },\n \"compact\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\"\n },\n \"attribute\": \"compact\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies an icon to display.\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"indicator\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, indicates unread changes.\"\n },\n \"attribute\": \"indicator\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"intlLoading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Loading\\\"\"\n }],\n \"text\": \"Specifies the text label to display while loading.\"\n },\n \"attribute\": \"intl-loading\",\n \"reflect\": false,\n \"defaultValue\": \"TEXT.loading\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, a busy indicator is displayed.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"scale\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Scale\",\n \"resolved\": \"\\\"l\\\" \| \\\"m\\\" \| \\\"s\\\"\",\n \"references\": {\n \"Scale\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the size of the component.\"\n },\n \"attribute\": \"scale\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"m\\\"\"\n },\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies text that accompanies the icon.\"\n },\n \"attribute\": \"text\",\n \"reflect\": false\n },\n \"textEnabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Indicates whether the text is displayed.\"\n },\n \"attribute\": \"text-enabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"calciteActionClick\",\n \"name\": \"calciteActionClick\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"use `onClick` instead.\"\n }],\n \"text\": \"Emits when the component has been clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the component.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n","@charset \"UTF-8\";\n/ mixins & extensions /\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/*\n Currently only used in Checkbox.\n/\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n/\n CSS Custom Properties\n\n These properties can be overridden using the component's tag as selector.\n\n @prop --calcite-loader-font-size: Specifies the font size of the loading percentage when type is `\"determinate\"`.\n* @prop --calcite-loader-size: The width and height of a non-inline loader.\n* @prop --calcite-loader-size-inline: The width and height of an inline loader.\n/\n:host{\n position: relative;\n margin-inline: auto;\n display: none;\n align-items: center;\n justify-content: center;\n opacity: 1;\n min-block-size: var(--calcite-loader-size);\n font-size: var(--calcite-loader-font-size);\n stroke: var(--calcite-ui-brand);\n stroke-width: 3;\n fill: none;\n transform: scale(1, 1);\n animation: loader-color-shift calc(var(--calcite-internal-animation-timing-slow) 2) alternate-reverse infinite linear;\n padding-block: var(--calcite-loader-padding, 4rem);\n}\n\n:host([scale=s]) {\n --calcite-loader-font-size: var(--calcite-font-size--2);\n --calcite-loader-size: 2rem;\n --calcite-loader-size-inline: 0.75rem;\n}\n\n:host([scale=m]) {\n --calcite-loader-font-size: var(--calcite-font-size-0);\n --calcite-loader-size: 4rem;\n --calcite-loader-size-inline: 1rem;\n}\n\n:host([scale=l]) {\n --calcite-loader-font-size: var(--calcite-font-size-2);\n --calcite-loader-size: 6rem;\n --calcite-loader-size-inline: 1.5rem;\n}\n\n:host([no-padding]){\n padding-block: 0px;\n}\n\n:host{\n display: none;\n}\n\n:host([active]){\n display: flex;\n}\n\n.loader__text{\n display: block;\n text-align: center;\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n color: var(--calcite-ui-text-1);\n margin-block-start: calc(var(--calcite-loader-size) + 1.5rem);\n}\n\n.loader__percentage{\n position: absolute;\n display: block;\n text-align: center;\n color: var(--calcite-ui-text-1);\n font-size: var(--calcite-loader-font-size);\n inline-size: var(--calcite-loader-size);\n inset-inline-start: 50%;\n margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n line-height: 0.25;\n transform: scale(1, 1);\n}\n\n.loader__svgs{\n position: absolute;\n overflow: visible;\n opacity: 1;\n inline-size: var(--calcite-loader-size);\n block-size: var(--calcite-loader-size);\n inset-inline-start: 50%;\n margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n transform: scale(1, 1);\n}\n\n.loader__svg{\n position: absolute;\n inset-block-start: 0px;\n transform-origin: center;\n overflow: visible;\n inset-inline-start: 0;\n inline-size: var(--calcite-loader-size);\n block-size: var(--calcite-loader-size);\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: loader-clockwise;\n}\n\n@supports (display: grid) {\n .loader__svg--1 {\n animation-name: loader-offset-1;\n }\n\n .loader__svg--2 {\n animation-name: loader-offset-2;\n }\n\n .loader__svg--3 {\n animation-name: loader-offset-3;\n }\n}\n:host([type=determinate]){\n animation: none;\n stroke: var(--calcite-ui-border-3);\n}\n:host([type=determinate]) .loader__svg--3{\n animation: none;\n stroke: var(--calcite-ui-brand);\n stroke-dasharray: 150.79632;\n transform: rotate(-90deg);\n transition: all var(--calcite-internal-animation-timing-fast) linear;\n}\n\n:host([inline]){\n position: relative;\n margin: 0px;\n animation: none;\n stroke: currentColor;\n stroke-width: 2;\n padding-block: 0px;\n block-size: var(--calcite-loader-size-inline);\n min-block-size: var(--calcite-loader-size-inline);\n inline-size: var(--calcite-loader-size-inline);\n margin-inline-end: calc(var(--calcite-loader-size-inline) * 0.5);\n vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);\n}\n\n:host([active][inline]){\n display: inline-block;\n}\n\n:host([inline]) .loader__svgs{\n inset-block-start: 0px;\n margin: 0px;\n inset-inline-start: 0;\n inline-size: var(--calcite-loader-size-inline);\n block-size: var(--calcite-loader-size-inline);\n}\n\n:host([inline]) .loader__svg {\n inline-size: var(--calcite-loader-size-inline);\n block-size: var(--calcite-loader-size-inline);\n}\n\n:host([complete]){\n opacity: 0;\n transform: scale(0.75, 0.75);\n transform-origin: center;\n transition: opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms;\n}\n\n:host([complete]) .loader__svgs{\n opacity: 0;\n transform: scale(0.75, 0.75);\n transform-origin: center;\n transition: opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;\n}\n\n:host([complete]) .loader__percentage {\n color: var(--calcite-ui-brand);\n transform: scale(1.05, 1.05);\n transform-origin: center;\n transition: color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear;\n}\n\n/*\n Segment variables\n - i index (1-3)\n - size length of the segment (0 - 100)\n - growth how much the segment grows during the animation\n (size + growth should not exceed 100)\n - duration how long the segment takes to rotate 360° (seconds)\n/\n.loader__svg--1 {\n stroke-dasharray: 27.9252444444% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 2.4);\n}\n\n@keyframes loader-offset-1 {\n 0% {\n stroke-dasharray: 27.9252444444% 251.3272%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -83.7757333333%;\n }\n 100% {\n stroke-dasharray: 27.9252444444% 251.3272%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n.loader__svg--2 {\n stroke-dasharray: 55.8504888889% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.2);\n}\n\n@keyframes loader-offset-2 {\n 0% {\n stroke-dasharray: 55.8504888889% 223.4019555556%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -97.7383555556%;\n }\n 100% {\n stroke-dasharray: 55.8504888889% 223.4019555556%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n.loader__svg--3 {\n stroke-dasharray: 13.9626222222% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.867);\n}\n\n@keyframes loader-offset-3 {\n 0% {\n stroke-dasharray: 13.9626222222% 265.2898222222%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -76.7944222222%;\n }\n 100% {\n stroke-dasharray: 13.9626222222% 265.2898222222%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n@keyframes loader-color-shift {\n 0% {\n stroke: var(--calcite-ui-brand);\n }\n 33% {\n stroke: var(--calcite-ui-brand-press);\n }\n 66% {\n stroke: var(--calcite-ui-brand-hover);\n }\n 100% {\n stroke: var(--calcite-ui-brand);\n }\n}\n@keyframes loader-clockwise {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}","/!\n All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nimport { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nexport class Loader {\n constructor() {\n //--------------------------------------------------------------------------\n //\n // Properties\n //\n //--------------------------------------------------------------------------\n /* When `true`, the component is active. /\n this.active = false;\n /* When `true`, displays smaller and appears to the left of the text. /\n this.inline = false;\n /* Specifies the size of the component. /\n this.scale = \"m\";\n /* The component's value. Valid only for `\"determinate\"` indicators. Percent complete of 100. /\n this.value = 0;\n /* Text that displays under the component's indicator. /\n this.text = \"\";\n /\n Disables spacing around the component.\n \n @deprecated Use `--calcite-loader-padding` CSS variable instead.\n /\n this.noPadding = false;\n }\n //--------------------------------------------------------------------------\n //\n // Lifecycle\n //\n //--------------------------------------------------------------------------\n render() {\n const { el, inline, label, scale, text, type, value } = this;\n const id = el.id \|\| guid();\n const radiusRatio = 0.45;\n const size = inline ? this.getInlineSize(scale) : this.getSize(scale);\n const radius = size radiusRatio;\n const viewbox = `0 0 ${size} ${size}`;\n const isDeterminate = type === \"determinate\";\n const circumference = 2 * radius * Math.PI;\n const progress = (value / 100) * circumference;\n const remaining = circumference - progress;\n const valueNow = Math.floor(value);\n const hostAttributes = {\n \"aria-valuenow\": valueNow,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n complete: valueNow === 100\n };\n const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };\n const determinateStyle = { \"stroke-dasharray\": `${progress} ${remaining}` };\n return (h(Host, { \"aria-label\": label, id: id, role: \"progressbar\", ...(isDeterminate ? hostAttributes : {}) }, h(\"div\", { class: \"loader__svgs\" }, h(\"svg\", { class: \"loader__svg loader__svg--1\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--2\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--3\", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, h(\"circle\", { ...svgAttributes }))), text && h(\"div\", { class: \"loader__text\" }, text), isDeterminate && h(\"div\", { class: \"loader__percentage\" }, value)));\n }\n //--------------------------------------------------------------------------\n //\n // Private Methods\n //\n //--------------------------------------------------------------------------\n /*\n Return the proper sizes based on the scale property\n \n @param scale\n */\n getSize(scale) {\n return {\n s: 32,\n m: 56,\n l: 80\n }[scale];\n }\n getInlineSize(scale) {\n return {\n s: 12,\n m: 16,\n l: 20\n }[scale];\n }\n static get is() { return \"calcite-loader\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"loader.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"loader.css\"]\n };\n }\n static get properties() {\n return {\n \"active\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the component is active.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"inline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, displays smaller and appears to the left of the text.\"\n },\n \"attribute\": \"inline\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Accessible name for the component.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"scale\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Scale\",\n \"resolved\": \"\\\"l\\\" \| \\\"m\\\" \| \\\"s\\\"\",\n \"references\": {\n \"Scale\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the size of the component.\"\n },\n \"attribute\": \"scale\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"m\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"indeterminate\\\" \| \\\"determinate\\\"\",\n \"resolved\": \"\\\"determinate\\\" \| \\\"indeterminate\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the component type.\\n\\nUse `\\\"indeterminate\\\"` if finding actual progress value is impossible.\"\n },\n \"attribute\": \"type\",\n \"reflect\": true\n },\n \"value\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The component's value. Valid only for `\\\"determinate\\\"` indicators. Percent complete of 100.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Text that displays under the component's indicator.\"\n },\n \"attribute\": \"text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"noPadding\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use `--calcite-loader-padding` CSS variable instead.\"\n }],\n \"text\": \"Disables spacing around the component.\"\n },\n \"attribute\": \"no-padding\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}
1	+ {"file":"calcite-action.calcite-popover.entry.cjs.js","mappings":"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","names":["CSS","TEXT","createObserver","forceUpdate","updateHostInteraction","h","Host","toAriaBoolean","isActivationKey","isPrimaryPointerButton","defaultOffsetDistance","guid","connectOpenCloseComponent","filterComputedPlacements","connectFloatingUI","updateAfterClose","disconnectFloatingUI","disconnectOpenCloseComponent","reposition","queryElementRoots","Heading","FloatingCSS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/action/action.css?tag=calcite-action&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action/action.js","./node_modules/@esri/calcite-components/dist/collection/components/popover/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/popover/PopoverManager.js","./node_modules/@esri/calcite-components/dist/collection/components/popover/popover.css?tag=calcite-popover&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/popover/popover.js"],"sourcesContent":["/!\n All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nexport const CSS = {\n button: \"button\",\n buttonTextVisible: \"button--text-visible\",\n buttonCompact: \"button--compact\",\n iconContainer: \"icon-container\",\n slotContainer: \"slot-container\",\n slotContainerHidden: \"slot-container--hidden\",\n textContainer: \"text-container\",\n textContainerVisible: \"text-container--visible\"\n};\nexport const TEXT = {\n loading: \"Loading\"\n};\nexport const SLOTS = {\n tooltip: \"tooltip\"\n};\n","/ mixins & extensions /\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/*\n Currently only used in Checkbox.\n/\n:host {\n / Base \":host\" styles for the component /\n box-sizing: border-box;\n background-color: var(--calcite-ui-foreground-1);\n color: var(--calcite-ui-text-2);\n font-size: var(--calcite-font-size--1);\n}\n:host {\n box-sizing: border-box;\n}\n\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host([disabled]) {\n pointer-events: none;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n/*\n CSS Custom Properties\n\n These properties can be overridden using the component's tag as selector.\n\n @prop --calcite-action-indicator-color: Specifies the color of the component's indicator.\n/\n:host {\n display: flex;\n background-color: transparent;\n --calcite-action-indicator-color: var(--calcite-ui-brand);\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n / prevent opacity stacking /\n opacity: 1;\n}\n\n.button {\n position: relative;\n margin: 0px;\n display: flex;\n inline-size: auto;\n cursor: pointer;\n align-items: center;\n justify-content: flex-start;\n border-style: none;\n background-color: var(--calcite-ui-foreground-1);\n fill: var(--calcite-ui-text-3);\n font-family: var(--calcite-sans-family);\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-medium);\n color: var(--calcite-ui-text-3);\n outline-color: transparent;\n text-align: unset;\n flex: 1 0 auto;\n}\n.button:hover {\n background-color: var(--calcite-ui-foreground-2);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n.button:focus {\n background-color: var(--calcite-ui-foreground-2);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n outline: 2px solid var(--calcite-ui-brand);\n outline-offset: -2px;\n}\n.button:active {\n background-color: var(--calcite-ui-foreground-3);\n}\n.button .icon-container {\n pointer-events: none;\n margin: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-inline-size: 1rem;\n min-block-size: 1rem;\n}\n.button .text-container {\n margin: 0px;\n inline-size: 0px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5rem;\n opacity: 0;\n transition-property: opacity;\n transition-duration: 150ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-property: margin;\n transition-property: inline-size;\n}\n.button .text-container--visible {\n inline-size: auto;\n flex: 1 1 auto;\n opacity: 1;\n}\n\n:host([scale=s]) .button {\n padding-inline: 0.5rem;\n padding-block: 0.25rem;\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=s]) .button--text-visible .icon-container {\n margin-inline-end: 0.5rem;\n}\n\n:host([scale=m]) .button {\n padding-inline: 1rem;\n padding-block: 0.75rem;\n font-size: var(--calcite-font-size--1);\n line-height: 1rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=m]) .button--text-visible .icon-container {\n margin-inline-end: 0.75rem;\n}\n\n:host([scale=l]) .button {\n padding: 1.25rem;\n font-size: var(--calcite-font-size-0);\n line-height: 1.25rem;\n font-weight: var(--calcite-font-weight-normal);\n}\n:host([scale=l]) .button--text-visible .icon-container {\n margin-inline-end: 1rem;\n}\n\n:host([alignment=center]) .button {\n justify-content: center;\n}\n\n:host([alignment=end]) .button {\n justify-content: flex-end;\n}\n\n:host([alignment=center]) .button .text-container--visible, \n:host([alignment=end]) .button .text-container--visible {\n flex: 0 1 auto;\n}\n\n:host([scale=s][compact]) .button, \n:host([scale=m][compact]) .button, \n:host([scale=l][compact]) .button {\n padding-inline: 0px;\n}\n\n.slot-container {\n display: flex;\n}\n\n.slot-container--hidden {\n display: none;\n}\n\n.button--text-visible {\n inline-size: 100%;\n}\n\n:host([active]) .button, \n:host([active]) .button:hover, \n:host([active]) .button:focus, \n:host([active][loading]) .button {\n background-color: var(--calcite-ui-foreground-3);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n\n:host([active]) .button:active {\n background-color: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=clear]) .button, \n:host([appearance=transparent]) .button {\n background-color: transparent;\n transition-property: box-shadow;\n transition-duration: 150ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host([appearance=clear]) .button:hover, \n:host([appearance=clear]) .button:focus, \n:host([appearance=transparent]) .button:hover, \n:host([appearance=transparent]) .button:focus {\n background-color: transparent;\n box-shadow: 0 0 0 2px var(--calcite-ui-border-1) inset;\n}\n\n:host([active][appearance=clear]) .button, \n:host([active][appearance=clear]) .button:hover, \n:host([active][appearance=clear]) .button:focus, \n:host([active][appearance=transparent]) .button, \n:host([active][appearance=transparent]) .button:hover, \n:host([active][appearance=transparent]) .button:focus {\n background-color: var(--calcite-ui-foreground-3);\n fill: var(--calcite-ui-text-1);\n color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=clear][loading]) .button, \n:host([appearance=clear][disabled]) .button, \n:host([appearance=transparent][loading]) .button, \n:host([appearance=transparent][disabled]) .button {\n background-color: transparent;\n}\n\n:host([loading]) .button, \n:host([loading]) .button:hover, \n:host([loading]) .button:focus {\n background-color: var(--calcite-ui-foreground-1);\n}\n:host([loading]) .button .text-container, \n:host([loading]) .button:hover .text-container, \n:host([loading]) .button:focus .text-container {\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([loading]) calcite-loader[inline] {\n color: var(--calcite-ui-text-3);\n margin-inline-end: 0px;\n}\n\n:host([disabled]) .button, \n:host([disabled]) .button:hover, \n:host([disabled]) .button:focus {\n cursor: default;\n background-color: var(--calcite-ui-foreground-1);\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([disabled][active]) .button, \n:host([disabled][active]) .button:hover, \n:host([disabled][active]) .button:focus {\n background-color: var(--calcite-ui-foreground-3);\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([indicator]) .button::after {\n content: \"\";\n position: absolute;\n block-size: 0.5rem;\n inline-size: 0.5rem;\n border-radius: 9999px;\n border-width: 2px;\n background-color: var(--calcite-action-indicator-color);\n border-color: var(--calcite-ui-foreground-1);\n inset-block-end: 0.75rem;\n inset-inline-end: 0.75rem;\n}\n:host([indicator]) .button--text-visible::after {\n inset-block-end: auto;\n}\n:host([indicator]) .button--text-visible .text-container--visible {\n margin-inline-end: 1rem;\n}\n:host([indicator]) .button:hover::after,\n:host([indicator]) .button:focus::after {\n border-color: var(--calcite-ui-foreground-1);\n}\n\n:host([indicator][scale=s]) .button::after {\n inset-block-end: 0.25rem;\n inset-inline-end: 0.25rem;\n}\n:host([indicator][scale=s]) .button--text-visible::after {\n inset-block-end: auto;\n inset-inline-end: 0.5rem;\n}\n\n:host([indicator][active]) .button::after {\n border-color: var(--calcite-ui-foreground-3);\n}","/!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nimport { Host, h, forceUpdate } from \"@stencil/core\";\nimport { CSS, TEXT, SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { toAriaBoolean } from \"../../utils/dom\";\n/\n @slot - A slot for adding a `calcite-icon`.\n /\nexport class Action {\n constructor() {\n // --------------------------------------------------------------------------\n //\n // Properties\n //\n // --------------------------------------------------------------------------\n /\n When `true`, the component is highlighted.\n /\n this.active = false;\n /* Specifies the appearance of the component. /\n this.appearance = \"solid\";\n /\n When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\n /\n this.compact = false;\n /\n When `true`, interaction is prevented and the component is displayed with lower opacity.\n /\n this.disabled = false;\n /\n When `true`, indicates unread changes.\n /\n this.indicator = false;\n /\n Specifies the text label to display while loading.\n \n @default \"Loading\"\n /\n this.intlLoading = TEXT.loading;\n /\n When `true`, a busy indicator is displayed.\n /\n this.loading = false;\n /\n Specifies the size of the component.\n /\n this.scale = \"m\";\n /\n Indicates whether the text is displayed.\n /\n this.textEnabled = false;\n this.mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.handleTooltipSlotChange = (event) => {\n const tooltips = event.target\n .assignedElements({\n flatten: true\n })\n .filter((el) => el === null \|\| el === void 0 ? void 0 : el.matches(\"calcite-tooltip\"));\n const tooltip = tooltips[0];\n if (tooltip) {\n tooltip.referenceElement = this.buttonEl;\n }\n };\n this.calciteActionClickHandler = () => {\n if (!this.disabled) {\n this.calciteActionClick.emit();\n }\n };\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n var _a;\n (_a = this.mutationObserver) === null \|\| _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n }\n disconnectedCallback() {\n var _a;\n (_a = this.mutationObserver) === null \|\| _a === void 0 ? void 0 : _a.disconnect();\n }\n componentDidRender() {\n updateHostInteraction(this);\n }\n // --------------------------------------------------------------------------\n //\n // Methods\n //\n // --------------------------------------------------------------------------\n /* Sets focus on the component. /\n async setFocus() {\n var _a;\n (_a = this.buttonEl) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n renderTextContainer() {\n const { text, textEnabled } = this;\n const textContainerClasses = {\n [CSS.textContainer]: true,\n [CSS.textContainerVisible]: textEnabled\n };\n return text ? (h(\"div\", { class: textContainerClasses, key: \"text-container\" }, text)) : null;\n }\n renderIconContainer() {\n var _a;\n const { loading, icon, scale, el, intlLoading } = this;\n const iconScale = scale === \"l\" ? \"m\" : \"s\";\n const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n const calciteLoaderNode = loading ? (h(\"calcite-loader\", { active: true, inline: true, label: intlLoading, scale: loaderScale })) : null;\n const calciteIconNode = icon ? h(\"calcite-icon\", { icon: icon, scale: iconScale }) : null;\n const iconNode = calciteLoaderNode \|\| calciteIconNode;\n const hasIconToDisplay = iconNode \|\| ((_a = el.children) === null \|\| _a === void 0 ? void 0 : _a.length);\n const slotContainerNode = (h(\"div\", { class: {\n [CSS.slotContainer]: true,\n [CSS.slotContainerHidden]: loading\n } }, h(\"slot\", null)));\n return hasIconToDisplay ? (h(\"div\", { \"aria-hidden\": \"true\", class: CSS.iconContainer, key: \"icon-container\" }, iconNode, slotContainerNode)) : null;\n }\n render() {\n const { compact, disabled, loading, textEnabled, label, text } = this;\n const ariaLabel = label \|\| text;\n const buttonClasses = {\n [CSS.button]: true,\n [CSS.buttonTextVisible]: textEnabled,\n [CSS.buttonCompact]: compact\n };\n return (h(Host, { onClick: this.calciteActionClickHandler }, h(\"button\", { \"aria-busy\": toAriaBoolean(loading), \"aria-disabled\": toAriaBoolean(disabled), \"aria-label\": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h(\"slot\", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange })));\n }\n static get is() { return \"calcite-action\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"action.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"action.css\"]\n };\n }\n static get properties() {\n return {\n \"active\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the component is highlighted.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alignment\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Alignment\",\n \"resolved\": \"\\\"center\\\" \| \\\"end\\\" \| \\\"start\\\"\",\n \"references\": {\n \"Alignment\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the horizontal alignment of button elements with text content.\"\n },\n \"attribute\": \"alignment\",\n \"reflect\": true\n },\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Extract<\\\"solid\\\" \| \\\"clear\\\", Appearance>\",\n \"resolved\": \"\\\"clear\\\" \| \\\"solid\\\"\",\n \"references\": {\n \"Extract\": {\n \"location\": \"global\"\n },\n \"Appearance\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the appearance of the component.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"solid\\\"\"\n },\n \"compact\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\"\n },\n \"attribute\": \"compact\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies an icon to display.\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"indicator\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, indicates unread changes.\"\n },\n \"attribute\": \"indicator\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"intlLoading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Loading\\\"\"\n }],\n \"text\": \"Specifies the text label to display while loading.\"\n },\n \"attribute\": \"intl-loading\",\n \"reflect\": false,\n \"defaultValue\": \"TEXT.loading\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, a busy indicator is displayed.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"scale\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Scale\",\n \"resolved\": \"\\\"l\\\" \| \\\"m\\\" \| \\\"s\\\"\",\n \"references\": {\n \"Scale\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the size of the component.\"\n },\n \"attribute\": \"scale\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"m\\\"\"\n },\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies text that accompanies the icon.\"\n },\n \"attribute\": \"text\",\n \"reflect\": false\n },\n \"textEnabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Indicates whether the text is displayed.\"\n },\n \"attribute\": \"text-enabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"calciteActionClick\",\n \"name\": \"calciteActionClick\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"use `onClick` instead.\"\n }],\n \"text\": \"Emits when the component has been clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the component.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n","/!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nexport const CSS = {\n container: \"container\",\n arrow: \"arrow\",\n imageContainer: \"image-container\",\n closeButtonContainer: \"close-button-container\",\n closeButton: \"close-button\",\n content: \"content\",\n hasHeader: \"has-header\",\n header: \"header\",\n headerContent: \"header-content\",\n heading: \"heading\"\n};\nexport const TEXT = {\n close: \"Close\"\n};\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\nexport const HEADING_LEVEL = 2;\n","/!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nimport { isPrimaryPointerButton } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nexport default class PopoverManager {\n constructor() {\n // --------------------------------------------------------------------------\n //\n // Private Properties\n //\n // --------------------------------------------------------------------------\n this.registeredElements = new Map();\n this.registeredElementCount = 0;\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.queryPopover = (composedPath) => {\n const { registeredElements } = this;\n const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));\n return registeredElements.get(registeredElement);\n };\n this.togglePopovers = (event) => {\n const composedPath = event.composedPath();\n const togglePopover = this.queryPopover(composedPath);\n if (togglePopover && !togglePopover.triggerDisabled) {\n togglePopover.toggle();\n }\n Array.from(this.registeredElements.values())\n .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))\n .forEach((popover) => popover.toggle(false));\n };\n this.keyHandler = (event) => {\n if (event.defaultPrevented \|\| !isActivationKey(event.key)) {\n return;\n }\n this.togglePopovers(event);\n };\n this.clickHandler = (event) => {\n if (isPrimaryPointerButton(event)) {\n this.togglePopovers(event);\n }\n };\n }\n // --------------------------------------------------------------------------\n //\n // Public Methods\n //\n // --------------------------------------------------------------------------\n registerElement(referenceEl, popover) {\n this.registeredElementCount++;\n this.registeredElements.set(referenceEl, popover);\n if (this.registeredElementCount === 1) {\n this.addListeners();\n }\n }\n unregisterElement(referenceEl) {\n if (this.registeredElements.delete(referenceEl)) {\n this.registeredElementCount--;\n }\n if (this.registeredElementCount === 0) {\n this.removeListeners();\n }\n }\n addListeners() {\n document.addEventListener(\"pointerdown\", this.clickHandler, { capture: true });\n document.addEventListener(\"keydown\", this.keyHandler, { capture: true });\n }\n removeListeners() {\n document.removeEventListener(\"pointerdown\", this.clickHandler, { capture: true });\n document.removeEventListener(\"keydown\", this.keyHandler, { capture: true });\n }\n}\n","/ mixins & extensions /\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/*\n Currently only used in Checkbox.\n/\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host {\n display: block;\n position: absolute;\n z-index: 900;\n}\n\n.calcite-floating-ui-anim {\n position: relative;\n transition: var(--calcite-floating-ui-transition);\n visibility: hidden;\n transition-property: transform, visibility, opacity;\n opacity: 0;\n box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);\n z-index: 1;\n border-radius: 0.25rem;\n}\n\n:host([data-placement^=bottom]) .calcite-floating-ui-anim {\n transform: translateY(-5px);\n}\n\n:host([data-placement^=top]) .calcite-floating-ui-anim {\n transform: translateY(5px);\n}\n\n:host([data-placement^=left]) .calcite-floating-ui-anim {\n transform: translateX(5px);\n}\n\n:host([data-placement^=right]) .calcite-floating-ui-anim {\n transform: translateX(-5px);\n}\n\n:host([data-placement]) .calcite-floating-ui-anim--active {\n opacity: 1;\n visibility: visible;\n transform: translate(0);\n}\n\n:host([calcite-hydrated-hidden]) {\n visibility: hidden !important;\n pointer-events: none;\n}\n\n.arrow,\n.arrow::before {\n position: absolute;\n inline-size: 8px;\n block-size: 8px;\n z-index: -1;\n}\n\n.arrow::before {\n content: \"\";\n --tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n --tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n transform: rotate(45deg);\n background: var(--calcite-ui-foreground-1);\n}\n\n:host([data-placement^=top]) .arrow {\n inset-block-end: -4px;\n}\n\n:host([data-placement^=bottom]) .arrow {\n inset-block-start: -4px;\n}\n\n:host([data-placement^=left]) .arrow {\n direction: ltr;\n inset-inline-end: -4px;\n}\n\n:host([data-placement^=right]) .arrow {\n direction: ltr;\n inset-inline-start: -4px;\n}\n\n:host {\n pointer-events: none;\n}\n\n:host([open]) {\n pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n border-radius: 0.25rem;\n border-width: 1px;\n border-style: solid;\n border-color: var(--calcite-ui-border-3);\n background-color: var(--calcite-ui-foreground-1);\n}\n\n.arrow::before {\n outline: 1px solid var(--calcite-ui-border-3);\n}\n\n.header {\n display: flex;\n flex: 1 1 auto;\n align-items: stretch;\n justify-content: flex-start;\n border-width: 0px;\n border-block-end-width: 1px;\n border-style: solid;\n background-color: var(--calcite-ui-foreground-1);\n border-block-end-color: var(--calcite-ui-border-3);\n}\n\n.heading {\n margin: 0px;\n display: block;\n flex: 1 1 auto;\n align-self: center;\n white-space: normal;\n padding-inline: 1rem;\n padding-block: 0.75rem;\n font-size: var(--calcite-font-size-0);\n line-height: 1.375;\n font-weight: var(--calcite-font-weight-medium);\n color: var(--calcite-ui-text-1);\n word-wrap: break-word;\n word-break: break-word;\n}\n\n.container {\n position: relative;\n display: flex;\n block-size: 100%;\n flex-direction: row;\n flex-wrap: nowrap;\n border-radius: 0.25rem;\n background-color: var(--calcite-ui-foreground-1);\n color: var(--calcite-ui-text-1);\n}\n.container.has-header {\n flex-direction: column;\n}\n\n.content {\n display: flex;\n block-size: 100%;\n inline-size: 100%;\n flex-direction: column;\n flex-wrap: nowrap;\n align-self: center;\n word-wrap: break-word;\n word-break: break-word;\n}\n\n.close-button-container {\n display: flex;\n overflow: hidden;\n flex: 0 0 auto;\n border-start-end-radius: 0.25rem;\n border-end-end-radius: 0.25rem;\n}\n\n::slotted(calcite-panel), \n::slotted(calcite-flow) {\n block-size: 100%;\n}","/!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n /\nimport { forceUpdate, Host, h } from \"@stencil/core\";\nimport { CSS, ARIA_CONTROLS, ARIA_EXPANDED, HEADING_LEVEL, TEXT, defaultPopoverPlacement } from \"./resources\";\nimport { FloatingCSS, connectFloatingUI, disconnectFloatingUI, defaultOffsetDistance, filterComputedPlacements, reposition, updateAfterClose } from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport { queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { connectOpenCloseComponent, disconnectOpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading } from \"../functional/Heading\";\nimport PopoverManager from \"./PopoverManager\";\nconst manager = new PopoverManager();\n/\n @slot - A slot for adding custom content.\n /\nexport class Popover {\n constructor() {\n // --------------------------------------------------------------------------\n //\n // Properties\n //\n // --------------------------------------------------------------------------\n /\n When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n /\n this.autoClose = false;\n /\n When `true`, a close button is added to the component.\n \n @deprecated use dismissible instead.\n /\n this.closeButton = false;\n /\n When `true`, a close button is added to the component.\n \n @deprecated use `closable` instead.\n /\n this.dismissible = false;\n /* When `true`, display a close button within the component. /\n this.closable = false;\n /\n When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n /\n this.disableFlip = false;\n /\n When `true`, removes the caret pointer.\n /\n this.disablePointer = false;\n /\n Offsets the position of the component away from the `referenceElement`.\n \n @default 6\n /\n this.offsetDistance = defaultOffsetDistance;\n /\n Offsets the position of the component along the `referenceElement`.\n /\n this.offsetSkidding = 0;\n /\n When `true`, displays and positions the component.\n /\n this.open = false;\n /\n Determines the type of positioning to use for the overlaid content.\n \n Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n \n `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n \n /\n this.overlayPositioning = \"absolute\";\n /*\n Determines where the component will be positioned relative to the `referenceElement`.\n \n @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)\n /\n this.placement = defaultPopoverPlacement;\n /\n When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n \n This property can be set to `true` to manage when the component is open.\n /\n this.triggerDisabled = false;\n /\n Accessible name for the component's close button.\n \n @default \"Close\"\n /\n this.intlClose = TEXT.close;\n this.guid = `calcite-popover-${guid()}`;\n this.openTransitionProp = \"opacity\";\n this.hasLoaded = false;\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.setTransitionEl = (el) => {\n this.transitionEl = el;\n connectOpenCloseComponent(this);\n };\n this.setFilteredPlacements = () => {\n const { el, flipPlacements } = this;\n this.filteredFlipPlacements = flipPlacements\n ? filterComputedPlacements(flipPlacements, el)\n : null;\n };\n this.setUpReferenceElement = (warn = true) => {\n this.removeReferences();\n this.effectiveReferenceElement = this.getReferenceElement();\n connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n const { el, referenceElement, effectiveReferenceElement } = this;\n if (warn && referenceElement && !effectiveReferenceElement) {\n console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n el\n });\n }\n this.addReferences();\n };\n this.getId = () => {\n return this.el.id \|\| this.guid;\n };\n this.setExpandedAttr = () => {\n const { effectiveReferenceElement, open } = this;\n if (!effectiveReferenceElement) {\n return;\n }\n if (\"setAttribute\" in effectiveReferenceElement) {\n effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n }\n };\n this.addReferences = () => {\n const { effectiveReferenceElement } = this;\n if (!effectiveReferenceElement) {\n return;\n }\n const id = this.getId();\n if (\"setAttribute\" in effectiveReferenceElement) {\n effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n }\n manager.registerElement(effectiveReferenceElement, this.el);\n this.setExpandedAttr();\n };\n this.removeReferences = () => {\n const { effectiveReferenceElement } = this;\n if (!effectiveReferenceElement) {\n return;\n }\n if (\"removeAttribute\" in effectiveReferenceElement) {\n effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n }\n manager.unregisterElement(effectiveReferenceElement);\n };\n this.hide = () => {\n this.open = false;\n };\n this.storeArrowEl = (el) => {\n this.arrowEl = el;\n this.reposition(true);\n };\n }\n handleDismissible(value) {\n this.closable = value;\n }\n handleClosable(value) {\n this.dismissible = value;\n }\n flipPlacementsHandler() {\n this.setFilteredPlacements();\n this.reposition(true);\n }\n offsetDistanceOffsetHandler() {\n this.reposition(true);\n }\n offsetSkiddingHandler() {\n this.reposition(true);\n }\n openHandler(value) {\n if (value) {\n this.reposition(true);\n }\n else {\n updateAfterClose(this.el);\n }\n this.setExpandedAttr();\n }\n overlayPositioningHandler() {\n this.reposition(true);\n }\n placementHandler() {\n this.reposition(true);\n }\n referenceElementHandler() {\n this.setUpReferenceElement();\n this.reposition(true);\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n this.setFilteredPlacements();\n connectOpenCloseComponent(this);\n const closable = this.closable \|\| this.dismissible;\n if (closable) {\n this.handleDismissible(closable);\n }\n if (closable) {\n this.handleClosable(closable);\n }\n this.setUpReferenceElement(this.hasLoaded);\n }\n componentDidLoad() {\n if (this.referenceElement && !this.effectiveReferenceElement) {\n this.setUpReferenceElement();\n }\n this.reposition();\n this.hasLoaded = true;\n }\n disconnectedCallback() {\n this.removeReferences();\n disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n disconnectOpenCloseComponent(this);\n }\n // --------------------------------------------------------------------------\n //\n // Public Methods\n //\n // --------------------------------------------------------------------------\n /\n Updates the position of the component.\n \n @param delayed\n /\n async reposition(delayed = false) {\n const { el, effectiveReferenceElement, placement, overlayPositioning, disableFlip, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl } = this;\n return reposition(this, {\n floatingEl: el,\n referenceEl: effectiveReferenceElement,\n overlayPositioning,\n placement,\n disableFlip,\n flipPlacements: filteredFlipPlacements,\n offsetDistance,\n offsetSkidding,\n includeArrow: !this.disablePointer,\n arrowEl,\n type: \"popover\"\n }, delayed);\n }\n /\n Sets focus on the component.\n \n @param focusId\n /\n async setFocus(focusId) {\n var _a;\n const { closeButtonEl } = this;\n if (focusId === \"close-button\" && closeButtonEl) {\n forceUpdate(closeButtonEl);\n closeButtonEl.setFocus();\n return;\n }\n (_a = this.el) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n /\n Toggles the component's open property.\n \n @param value\n */\n async toggle(value = !this.open) {\n this.open = value;\n }\n getReferenceElement() {\n const { referenceElement, el } = this;\n return ((typeof referenceElement === \"string\"\n ? queryElementRoots(el, { id: referenceElement })\n : referenceElement) \|\| null);\n }\n onBeforeOpen() {\n this.calcitePopoverBeforeOpen.emit();\n }\n onOpen() {\n this.calcitePopoverOpen.emit();\n }\n onBeforeClose() {\n this.calcitePopoverBeforeClose.emit();\n }\n onClose() {\n this.calcitePopoverClose.emit();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n renderCloseButton() {\n const { closeButton, intlClose, heading, closable } = this;\n return closable \|\| closeButton ? (h(\"div\", { class: CSS.closeButtonContainer }, h(\"calcite-action\", { class: CSS.closeButton, onClick: this.hide, ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl), scale: heading ? \"s\" : \"m\", text: intlClose }, h(\"calcite-icon\", { icon: \"x\", scale: heading ? \"s\" : \"m\" })))) : null;\n }\n renderHeader() {\n const { heading, headingLevel } = this;\n const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel \|\| HEADING_LEVEL }, heading)) : null;\n return headingNode ? (h(\"div\", { class: CSS.header }, headingNode, this.renderCloseButton())) : null;\n }\n render() {\n const { effectiveReferenceElement, heading, label, open, disablePointer } = this;\n const displayed = effectiveReferenceElement && open;\n const hidden = !displayed;\n const arrowNode = !disablePointer ? h(\"div\", { class: CSS.arrow, ref: this.storeArrowEl }) : null;\n return (h(Host, { \"aria-hidden\": toAriaBoolean(hidden), \"aria-label\": label, \"aria-live\": \"polite\", \"calcite-hydrated-hidden\": hidden, id: this.getId(), role: \"dialog\" }, h(\"div\", { class: {\n [FloatingCSS.animation]: true,\n [FloatingCSS.animationActive]: displayed\n }, ref: this.setTransitionEl }, arrowNode, h(\"div\", { class: {\n [CSS.hasHeader]: !!heading,\n [CSS.container]: true\n } }, this.renderHeader(), h(\"div\", { class: CSS.content }, h(\"slot\", null)), !heading ? this.renderCloseButton() : null))));\n }\n static get is() { return \"calcite-popover\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"popover.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"popover.css\"]\n };\n }\n static get properties() {\n return {\n \"autoClose\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\"\n },\n \"attribute\": \"auto-close\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"closeButton\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"use dismissible instead.\"\n }],\n \"text\": \"When `true`, a close button is added to the component.\"\n },\n \"attribute\": \"close-button\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"dismissible\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"use `closable` instead.\"\n }],\n \"text\": \"When `true`, a close button is added to the component.\"\n },\n \"attribute\": \"dismissible\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"closable\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, display a close button within the component.\"\n },\n \"attribute\": \"closable\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"disableFlip\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\"\n },\n \"attribute\": \"disable-flip\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"disablePointer\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, removes the caret pointer.\"\n },\n \"attribute\": \"disable-pointer\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"flipPlacements\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"EffectivePlacement[]\",\n \"resolved\": \"Placement[]\",\n \"references\": {\n \"EffectivePlacement\": {\n \"location\": \"import\",\n \"path\": \"../../utils/floating-ui\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Defines the available placements that can be used when a flip occurs.\"\n }\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The component header text.\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"headingLevel\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HeadingLevel\",\n \"resolved\": \"1 \| 2 \| 3 \| 4 \| 5 \| 6\",\n \"references\": {\n \"HeadingLevel\": {\n \"location\": \"import\",\n \"path\": \"../functional/Heading\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the number at which section headings should start.\"\n },\n \"attribute\": \"heading-level\",\n \"reflect\": true\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Accessible name for the component.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"offsetDistance\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"6\"\n }],\n \"text\": \"Offsets the position of the component away from the `referenceElement`.\"\n },\n \"attribute\": \"offset-distance\",\n \"reflect\": true,\n \"defaultValue\": \"defaultOffsetDistance\"\n },\n \"offsetSkidding\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Offsets the position of the component along the `referenceElement`.\"\n },\n \"attribute\": \"offset-skidding\",\n \"reflect\": true,\n \"defaultValue\": \"0\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, displays and positions the component.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"overlayPositioning\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"OverlayPositioning\",\n \"resolved\": \"\\\"absolute\\\" \| \\\"fixed\\\"\",\n \"references\": {\n \"OverlayPositioning\": {\n \"location\": \"import\",\n \"path\": \"../../utils/floating-ui\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Determines the type of positioning to use for the overlaid content.\\n\\nUsing `\\\"absolute\\\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\\n\\n`\\\"fixed\\\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\\\"fixed\\\"`.\"\n },\n \"attribute\": \"overlay-positioning\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"absolute\\\"\"\n },\n \"placement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LogicalPlacement\",\n \"resolved\": \"Placement \| VariationPlacement \| AutoPlacement \| DeprecatedPlacement\",\n \"references\": {\n \"LogicalPlacement\": {\n \"location\": \"import\",\n \"path\": \"../../utils/floating-ui\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"see\",\n \"text\": \"[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)\"\n }],\n \"text\": \"Determines where the component will be positioned relative to the `referenceElement`.\"\n },\n \"attribute\": \"placement\",\n \"reflect\": true,\n \"defaultValue\": \"defaultPopoverPlacement\"\n },\n \"referenceElement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ReferenceElement \| string\",\n \"resolved\": \"Element \| VirtualElement \| string\",\n \"references\": {\n \"ReferenceElement\": {\n \"location\": \"import\",\n \"path\": \"../../utils/floating-ui\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\"\n },\n \"attribute\": \"reference-element\",\n \"reflect\": false\n },\n \"triggerDisabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\\n\\nThis property can be set to `true` to manage when the component is open.\"\n },\n \"attribute\": \"trigger-disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"intlClose\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Close\\\"\"\n }],\n \"text\": \"Accessible name for the component's close button.\"\n },\n \"attribute\": \"intl-close\",\n \"reflect\": false,\n \"defaultValue\": \"TEXT.close\"\n }\n };\n }\n static get states() {\n return {\n \"effectiveReferenceElement\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"calcitePopoverBeforeClose\",\n \"name\": \"calcitePopoverBeforeClose\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fires when the component is requested to be closed and before the closing transition begins.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"calcitePopoverClose\",\n \"name\": \"calcitePopoverClose\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fires when the component is closed and animation is complete.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"calcitePopoverBeforeOpen\",\n \"name\": \"calcitePopoverBeforeOpen\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"calcitePopoverOpen\",\n \"name\": \"calcitePopoverOpen\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fires when the component is open and animation is complete.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"reposition\": {\n \"complexType\": {\n \"signature\": \"(delayed?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"delayed\"\n }],\n \"text\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Updates the position of the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"delayed\"\n }]\n }\n },\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"(focusId?: \\\"close-button\\\") => Promise<void>\",\n \"parameters\": [{\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"focusId\"\n }],\n \"text\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"focusId\"\n }]\n }\n },\n \"toggle\": {\n \"complexType\": {\n \"signature\": \"(value?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"value\"\n }],\n \"text\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Toggles the component's open property.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"value\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"dismissible\",\n \"methodName\": \"handleDismissible\"\n }, {\n \"propName\": \"closable\",\n \"methodName\": \"handleClosable\"\n }, {\n \"propName\": \"flipPlacements\",\n \"methodName\": \"flipPlacementsHandler\"\n }, {\n \"propName\": \"offsetDistance\",\n \"methodName\": \"offsetDistanceOffsetHandler\"\n }, {\n \"propName\": \"offsetSkidding\",\n \"methodName\": \"offsetSkiddingHandler\"\n }, {\n \"propName\": \"open\",\n \"methodName\": \"openHandler\"\n }, {\n \"propName\": \"overlayPositioning\",\n \"methodName\": \"overlayPositioningHandler\"\n }, {\n \"propName\": \"placement\",\n \"methodName\": \"placementHandler\"\n }, {\n \"propName\": \"referenceElement\",\n \"methodName\": \"referenceElementHandler\"\n }];\n }\n}\n"],"version":3}

package/dist/cjs/calcite-loader.cjs.entry.js ADDED Viewed

@@ -0,0 +1,97 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-a86078a0.js');
+const guid = require('./guid-84ac4d91.js');
+const loaderCss = "@charset \"UTF-8\";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:none}:host([active]){display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-margin-before:calc(var(--calcite-loader-size) + 1.5rem);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);transform:scale(1, 1)}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:loader-clockwise}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);-webkit-margin-end:calc(var(--calcite-loader-size-inline) * 0.5);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 2.4)}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}.loader__svg--2{stroke-dasharray:55.8504888889% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.2)}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}.loader__svg--3{stroke-dasharray:13.9626222222% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.867)}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+const Loader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, the component is active. */
+    this.active = false;
+    /** When `true`, displays smaller and appears to the left of the text. */
+    this.inline = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** The component's value. Valid only for `"determinate"` indicators. Percent complete of 100. */
+    this.value = 0;
+    /** Text that displays under the component's indicator. */
+    this.text = "";
+    /**
+     * Disables spacing around the component.
+     *
+     * @deprecated Use `--calcite-loader-padding` CSS variable instead.
+     */
+    this.noPadding = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    const { el, inline, label, scale, text, type, value } = this;
+    const id = el.id || guid.guid();
+    const radiusRatio = 0.45;
+    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);
+    const radius = size * radiusRatio;
+    const viewbox = `0 0 ${size} ${size}`;
+    const isDeterminate = type === "determinate";
+    const circumference = 2 * radius * Math.PI;
+    const progress = (value / 100) * circumference;
+    const remaining = circumference - progress;
+    const valueNow = Math.floor(value);
+    const hostAttributes = {
+      "aria-valuenow": valueNow,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      complete: valueNow === 100
+    };
+    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
+    const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
+    return (index.h(index.Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), index.h("div", { class: "loader__svgs" }, index.h("svg", { class: "loader__svg loader__svg--1", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", { class: "loader__svg loader__svg--2", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", Object.assign({ class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), index.h("circle", Object.assign({}, svgAttributes)))), text && index.h("div", { class: "loader__text" }, text), isDeterminate && index.h("div", { class: "loader__percentage" }, value)));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Return the proper sizes based on the scale property
+   *
+   * @param scale
+   */
+  getSize(scale) {
+    return {
+      s: 32,
+      m: 56,
+      l: 80
+    }[scale];
+  }
+  getInlineSize(scale) {
+    return {
+      s: 12,
+      m: 16,
+      l: 20
+    }[scale];
+  }
+  get el() { return index.getElement(this); }
+};
+Loader.style = loaderCss;
+exports.calcite_loader = Loader;
+//# sourceMappingURL=calcite-loader.cjs.entry.js.map

package/dist/cjs/calcite-loader.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"calcite-loader.entry.cjs.js","mappings":"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","names":["guid","h","Host"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.css?tag=calcite-loader&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.js"],"sourcesContent":["@charset \"UTF-8\";\n/* mixins & extensions */\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-loader-font-size: Specifies the font size of the loading percentage when type is `\"determinate\"`.\n* @prop --calcite-loader-size: The width and height of a non-inline loader.\n* @prop --calcite-loader-size-inline: The width and height of an inline loader.\n*/\n:host{\n position: relative;\n margin-inline: auto;\n display: none;\n align-items: center;\n justify-content: center;\n opacity: 1;\n min-block-size: var(--calcite-loader-size);\n font-size: var(--calcite-loader-font-size);\n stroke: var(--calcite-ui-brand);\n stroke-width: 3;\n fill: none;\n transform: scale(1, 1);\n animation: loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;\n padding-block: var(--calcite-loader-padding, 4rem);\n}\n\n:host([scale=s]) {\n --calcite-loader-font-size: var(--calcite-font-size--2);\n --calcite-loader-size: 2rem;\n --calcite-loader-size-inline: 0.75rem;\n}\n\n:host([scale=m]) {\n --calcite-loader-font-size: var(--calcite-font-size-0);\n --calcite-loader-size: 4rem;\n --calcite-loader-size-inline: 1rem;\n}\n\n:host([scale=l]) {\n --calcite-loader-font-size: var(--calcite-font-size-2);\n --calcite-loader-size: 6rem;\n --calcite-loader-size-inline: 1.5rem;\n}\n\n:host([no-padding]){\n padding-block: 0px;\n}\n\n:host{\n display: none;\n}\n\n:host([active]){\n display: flex;\n}\n\n.loader__text{\n display: block;\n text-align: center;\n font-size: var(--calcite-font-size--2);\n line-height: 1rem;\n color: var(--calcite-ui-text-1);\n margin-block-start: calc(var(--calcite-loader-size) + 1.5rem);\n}\n\n.loader__percentage{\n position: absolute;\n display: block;\n text-align: center;\n color: var(--calcite-ui-text-1);\n font-size: var(--calcite-loader-font-size);\n inline-size: var(--calcite-loader-size);\n inset-inline-start: 50%;\n margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n line-height: 0.25;\n transform: scale(1, 1);\n}\n\n.loader__svgs{\n position: absolute;\n overflow: visible;\n opacity: 1;\n inline-size: var(--calcite-loader-size);\n block-size: var(--calcite-loader-size);\n inset-inline-start: 50%;\n margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n transform: scale(1, 1);\n}\n\n.loader__svg{\n position: absolute;\n inset-block-start: 0px;\n transform-origin: center;\n overflow: visible;\n inset-inline-start: 0;\n inline-size: var(--calcite-loader-size);\n block-size: var(--calcite-loader-size);\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: loader-clockwise;\n}\n\n@supports (display: grid) {\n .loader__svg--1 {\n animation-name: loader-offset-1;\n }\n\n .loader__svg--2 {\n animation-name: loader-offset-2;\n }\n\n .loader__svg--3 {\n animation-name: loader-offset-3;\n }\n}\n:host([type=determinate]){\n animation: none;\n stroke: var(--calcite-ui-border-3);\n}\n:host([type=determinate]) .loader__svg--3{\n animation: none;\n stroke: var(--calcite-ui-brand);\n stroke-dasharray: 150.79632;\n transform: rotate(-90deg);\n transition: all var(--calcite-internal-animation-timing-fast) linear;\n}\n\n:host([inline]){\n position: relative;\n margin: 0px;\n animation: none;\n stroke: currentColor;\n stroke-width: 2;\n padding-block: 0px;\n block-size: var(--calcite-loader-size-inline);\n min-block-size: var(--calcite-loader-size-inline);\n inline-size: var(--calcite-loader-size-inline);\n margin-inline-end: calc(var(--calcite-loader-size-inline) * 0.5);\n vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);\n}\n\n:host([active][inline]){\n display: inline-block;\n}\n\n:host([inline]) .loader__svgs{\n inset-block-start: 0px;\n margin: 0px;\n inset-inline-start: 0;\n inline-size: var(--calcite-loader-size-inline);\n block-size: var(--calcite-loader-size-inline);\n}\n\n:host([inline]) .loader__svg {\n inline-size: var(--calcite-loader-size-inline);\n block-size: var(--calcite-loader-size-inline);\n}\n\n:host([complete]){\n opacity: 0;\n transform: scale(0.75, 0.75);\n transform-origin: center;\n transition: opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms;\n}\n\n:host([complete]) .loader__svgs{\n opacity: 0;\n transform: scale(0.75, 0.75);\n transform-origin: center;\n transition: opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;\n}\n\n:host([complete]) .loader__percentage {\n color: var(--calcite-ui-brand);\n transform: scale(1.05, 1.05);\n transform-origin: center;\n transition: color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear;\n}\n\n/**\n Segment variables\n - i index (1-3)\n - size length of the segment (0 - 100)\n - growth how much the segment grows during the animation\n (size + growth should not exceed 100)\n - duration how long the segment takes to rotate 360° (seconds)\n*/\n.loader__svg--1 {\n stroke-dasharray: 27.9252444444% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 2.4);\n}\n\n@keyframes loader-offset-1 {\n 0% {\n stroke-dasharray: 27.9252444444% 251.3272%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -83.7757333333%;\n }\n 100% {\n stroke-dasharray: 27.9252444444% 251.3272%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n.loader__svg--2 {\n stroke-dasharray: 55.8504888889% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.2);\n}\n\n@keyframes loader-offset-2 {\n 0% {\n stroke-dasharray: 55.8504888889% 223.4019555556%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -97.7383555556%;\n }\n 100% {\n stroke-dasharray: 55.8504888889% 223.4019555556%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n.loader__svg--3 {\n stroke-dasharray: 13.9626222222% 139.6262222222%;\n animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.867);\n}\n\n@keyframes loader-offset-3 {\n 0% {\n stroke-dasharray: 13.9626222222% 265.2898222222%;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 139.6262222222% 139.6262222222%;\n stroke-dashoffset: -76.7944222222%;\n }\n 100% {\n stroke-dasharray: 13.9626222222% 265.2898222222%;\n stroke-dashoffset: -279.2524444444%;\n }\n}\n@keyframes loader-color-shift {\n 0% {\n stroke: var(--calcite-ui-brand);\n }\n 33% {\n stroke: var(--calcite-ui-brand-press);\n }\n 66% {\n stroke: var(--calcite-ui-brand-hover);\n }\n 100% {\n stroke: var(--calcite-ui-brand);\n }\n}\n@keyframes loader-clockwise {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nexport class Loader {\n constructor() {\n //--------------------------------------------------------------------------\n //\n // Properties\n //\n //--------------------------------------------------------------------------\n /** When `true`, the component is active. */\n this.active = false;\n /** When `true`, displays smaller and appears to the left of the text. */\n this.inline = false;\n /** Specifies the size of the component. */\n this.scale = \"m\";\n /** The component's value. Valid only for `\"determinate\"` indicators. Percent complete of 100. */\n this.value = 0;\n /** Text that displays under the component's indicator. */\n this.text = \"\";\n /**\n * Disables spacing around the component.\n *\n * @deprecated Use `--calcite-loader-padding` CSS variable instead.\n */\n this.noPadding = false;\n }\n //--------------------------------------------------------------------------\n //\n // Lifecycle\n //\n //--------------------------------------------------------------------------\n render() {\n const { el, inline, label, scale, text, type, value } = this;\n const id = el.id || guid();\n const radiusRatio = 0.45;\n const size = inline ? this.getInlineSize(scale) : this.getSize(scale);\n const radius = size * radiusRatio;\n const viewbox = `0 0 ${size} ${size}`;\n const isDeterminate = type === \"determinate\";\n const circumference = 2 * radius * Math.PI;\n const progress = (value / 100) * circumference;\n const remaining = circumference - progress;\n const valueNow = Math.floor(value);\n const hostAttributes = {\n \"aria-valuenow\": valueNow,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n complete: valueNow === 100\n };\n const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };\n const determinateStyle = { \"stroke-dasharray\": `${progress} ${remaining}` };\n return (h(Host, { \"aria-label\": label, id: id, role: \"progressbar\", ...(isDeterminate ? hostAttributes : {}) }, h(\"div\", { class: \"loader__svgs\" }, h(\"svg\", { class: \"loader__svg loader__svg--1\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--2\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--3\", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, h(\"circle\", { ...svgAttributes }))), text && h(\"div\", { class: \"loader__text\" }, text), isDeterminate && h(\"div\", { class: \"loader__percentage\" }, value)));\n }\n //--------------------------------------------------------------------------\n //\n // Private Methods\n //\n //--------------------------------------------------------------------------\n /**\n * Return the proper sizes based on the scale property\n *\n * @param scale\n */\n getSize(scale) {\n return {\n s: 32,\n m: 56,\n l: 80\n }[scale];\n }\n getInlineSize(scale) {\n return {\n s: 12,\n m: 16,\n l: 20\n }[scale];\n }\n static get is() { return \"calcite-loader\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"loader.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"loader.css\"]\n };\n }\n static get properties() {\n return {\n \"active\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, the component is active.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"inline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When `true`, displays smaller and appears to the left of the text.\"\n },\n \"attribute\": \"inline\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Accessible name for the component.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"scale\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Scale\",\n \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n \"references\": {\n \"Scale\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the size of the component.\"\n },\n \"attribute\": \"scale\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"m\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"indeterminate\\\" | \\\"determinate\\\"\",\n \"resolved\": \"\\\"determinate\\\" | \\\"indeterminate\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the component type.\\n\\nUse `\\\"indeterminate\\\"` if finding actual progress value is impossible.\"\n },\n \"attribute\": \"type\",\n \"reflect\": true\n },\n \"value\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The component's value. Valid only for `\\\"determinate\\\"` indicators. Percent complete of 100.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Text that displays under the component's indicator.\"\n },\n \"attribute\": \"text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"noPadding\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use `--calcite-loader-padding` CSS variable instead.\"\n }],\n \"text\": \"Disables spacing around the component.\"\n },\n \"attribute\": \"no-padding\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}