@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-64c63eb2.entry.js

@@ -0,0 +1,157 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
+
+const accordionCss = "@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([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
+
+const Accordion = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Public Properties
+    //
+    //--------------------------------------------------------------------------
+    /** Specifies the appearance of the component. */
+    this.appearance = "solid";
+    /** Specifies the placement of the icon in the header. */
+    this.iconPosition = "end";
+    /** Specifies the type of the icon in the header. */
+    this.iconType = "chevron";
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /**
+     * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item),
+     * or `"single-persist"` (allow and require one open item).
+     */
+    this.selectionMode = "multi";
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    /** created list of Accordion items */
+    this.items = [];
+    /** keep track of whether the items have been sorted so we don't re-sort */
+    this.sorted = false;
+    this.sortItems = (items) => items.sort((a, b) => a.position - b.position).map((a) => a.item);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidLoad() {
+    if (!this.sorted) {
+      this.items = this.sortItems(this.items);
+      this.sorted = true;
+    }
+  }
+  render() {
+    const transparent = this.appearance === "transparent";
+    const minimal = this.appearance === "minimal";
+    return (h("div", { class: {
+        "accordion--transparent": transparent,
+        "accordion--minimal": minimal,
+        accordion: !transparent && !minimal
+      } }, h("slot", null)));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  calciteInternalAccordionItemKeyEvent(event) {
+    const item = event.detail.item;
+    const parent = event.detail.parent;
+    if (this.el === parent) {
+      const { key } = item;
+      const itemToFocus = event.target;
+      const isFirstItem = this.itemIndex(itemToFocus) === 0;
+      const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
+      switch (key) {
+        case "ArrowDown":
+          if (isLastItem) {
+            this.focusFirstItem();
+          }
+          else {
+            this.focusNextItem(itemToFocus);
+          }
+          break;
+        case "ArrowUp":
+          if (isFirstItem) {
+            this.focusLastItem();
+          }
+          else {
+            this.focusPrevItem(itemToFocus);
+          }
+          break;
+        case "Home":
+          this.focusFirstItem();
+          break;
+        case "End":
+          this.focusLastItem();
+          break;
+      }
+    }
+    event.stopPropagation();
+  }
+  registerCalciteAccordionItem(event) {
+    const item = {
+      item: event.target,
+      parent: event.detail.parent,
+      position: event.detail.position
+    };
+    if (this.el === item.parent) {
+      this.items.push(item);
+    }
+    event.stopPropagation();
+  }
+  updateActiveItemOnChange(event) {
+    this.requestedAccordionItem = event.detail.requestedAccordionItem;
+    this.calciteInternalAccordionChange.emit({
+      requestedAccordionItem: this.requestedAccordionItem
+    });
+    event.stopPropagation();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  focusFirstItem() {
+    const firstItem = this.items[0];
+    this.focusElement(firstItem);
+  }
+  focusLastItem() {
+    const lastItem = this.items[this.items.length - 1];
+    this.focusElement(lastItem);
+  }
+  focusNextItem(el) {
+    const index = this.itemIndex(el);
+    const nextItem = this.items[index + 1] || this.items[0];
+    this.focusElement(nextItem);
+  }
+  focusPrevItem(el) {
+    const index = this.itemIndex(el);
+    const prevItem = this.items[index - 1] || this.items[this.items.length - 1];
+    this.focusElement(prevItem);
+  }
+  itemIndex(el) {
+    return this.items.indexOf(el);
+  }
+  focusElement(item) {
+    const target = item;
+    target === null || target === void 0 ? void 0 : target.focus();
+  }
+  get el() { return getElement(this); }
+};
+Accordion.style = accordionCss;
+
+export { Accordion as calcite_accordion };
+
+//# sourceMappingURL=p-64c63eb2.entry.js.map

package/dist/solutions-components/p-64c63eb2.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-accordion.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/accordion/accordion.css?tag=calcite-accordion&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/accordion/accordion.js"],"sourcesContent":["/* 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([scale=s]) {\n  --calcite-accordion-item-spacing-unit: 0.25rem;\n  --calcite-accordion-icon-margin: 0.5rem;\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=m]) {\n  --calcite-accordion-item-spacing-unit: 0.5rem;\n  --calcite-accordion-icon-margin: 0.75rem;\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0.75rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-accordion-item-spacing-unit: 0.75rem;\n  --calcite-accordion-icon-margin: 1rem;\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 1rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host {\n  position: relative;\n  display: block;\n  max-inline-size: 100%;\n  line-height: 1.5rem;\n  --calcite-accordion-item-border: var(--calcite-ui-border-2);\n  --calcite-accordion-item-background: var(--calcite-ui-foreground-1);\n}\n\n.accordion--transparent {\n  --calcite-accordion-item-border: transparent;\n  --calcite-accordion-item-background: transparent;\n}\n\n.accordion--minimal {\n  --calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0;\n}\n\n.accordion {\n  border-width: 1px;\n  border-block-end-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-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 { h } from \"@stencil/core\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\nexport class Accordion {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Specifies the appearance of the component. */\n    this.appearance = \"solid\";\n    /** Specifies the placement of the icon in the header. */\n    this.iconPosition = \"end\";\n    /** Specifies the type of the icon in the header. */\n    this.iconType = \"chevron\";\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /**\n     * Specifies the selection mode - `\"multi\"` (allow any number of open items), `\"single\"` (allow one open item),\n     * or `\"single-persist\"` (allow and require one open item).\n     */\n    this.selectionMode = \"multi\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** created list of Accordion items */\n    this.items = [];\n    /** keep track of whether the items have been sorted so we don't re-sort */\n    this.sorted = false;\n    this.sortItems = (items) => items.sort((a, b) => a.position - b.position).map((a) => a.item);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidLoad() {\n    if (!this.sorted) {\n      this.items = this.sortItems(this.items);\n      this.sorted = true;\n    }\n  }\n  render() {\n    const transparent = this.appearance === \"transparent\";\n    const minimal = this.appearance === \"minimal\";\n    return (h(\"div\", { class: {\n        \"accordion--transparent\": transparent,\n        \"accordion--minimal\": minimal,\n        accordion: !transparent && !minimal\n      } }, h(\"slot\", null)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  calciteInternalAccordionItemKeyEvent(event) {\n    const item = event.detail.item;\n    const parent = event.detail.parent;\n    if (this.el === parent) {\n      const { key } = item;\n      const itemToFocus = event.target;\n      const isFirstItem = this.itemIndex(itemToFocus) === 0;\n      const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;\n      switch (key) {\n        case \"ArrowDown\":\n          if (isLastItem) {\n            this.focusFirstItem();\n          }\n          else {\n            this.focusNextItem(itemToFocus);\n          }\n          break;\n        case \"ArrowUp\":\n          if (isFirstItem) {\n            this.focusLastItem();\n          }\n          else {\n            this.focusPrevItem(itemToFocus);\n          }\n          break;\n        case \"Home\":\n          this.focusFirstItem();\n          break;\n        case \"End\":\n          this.focusLastItem();\n          break;\n      }\n    }\n    event.stopPropagation();\n  }\n  registerCalciteAccordionItem(event) {\n    const item = {\n      item: event.target,\n      parent: event.detail.parent,\n      position: event.detail.position\n    };\n    if (this.el === item.parent) {\n      this.items.push(item);\n    }\n    event.stopPropagation();\n  }\n  updateActiveItemOnChange(event) {\n    this.requestedAccordionItem = event.detail.requestedAccordionItem;\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: this.requestedAccordionItem\n    });\n    event.stopPropagation();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  focusFirstItem() {\n    const firstItem = this.items[0];\n    this.focusElement(firstItem);\n  }\n  focusLastItem() {\n    const lastItem = this.items[this.items.length - 1];\n    this.focusElement(lastItem);\n  }\n  focusNextItem(el) {\n    const index = this.itemIndex(el);\n    const nextItem = this.items[index + 1] || this.items[0];\n    this.focusElement(nextItem);\n  }\n  focusPrevItem(el) {\n    const index = this.itemIndex(el);\n    const prevItem = this.items[index - 1] || this.items[this.items.length - 1];\n    this.focusElement(prevItem);\n  }\n  itemIndex(el) {\n    return this.items.indexOf(el);\n  }\n  focusElement(item) {\n    const target = item;\n    target === null || target === void 0 ? void 0 : target.focus();\n  }\n  static get is() { return \"calcite-accordion\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"accordion.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"accordion.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"AccordionAppearance\",\n          \"resolved\": \"\\\"default\\\" | \\\"minimal\\\" | \\\"solid\\\" | \\\"transparent\\\"\",\n          \"references\": {\n            \"AccordionAppearance\": {\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      \"iconPosition\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Position\",\n          \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"Position\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the placement of the icon in the header.\"\n        },\n        \"attribute\": \"icon-position\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"end\\\"\"\n      },\n      \"iconType\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"chevron\\\" | \\\"caret\\\" | \\\"plus-minus\\\"\",\n          \"resolved\": \"\\\"caret\\\" | \\\"chevron\\\" | \\\"plus-minus\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the type of the icon in the header.\"\n        },\n        \"attribute\": \"icon-type\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"chevron\\\"\"\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      \"selectionMode\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"multi\\\" | \\\"single\\\" | \\\"single-persist\\\"\",\n          \"resolved\": \"\\\"multi\\\" | \\\"single\\\" | \\\"single-persist\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the selection mode - `\\\"multi\\\"` (allow any number of open items), `\\\"single\\\"` (allow one open item),\\nor `\\\"single-persist\\\"` (allow and require one open item).\"\n        },\n        \"attribute\": \"selection-mode\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"multi\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalAccordionChange\",\n        \"name\": \"calciteInternalAccordionChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"RequestedItem\",\n          \"resolved\": \"RequestedItem\",\n          \"references\": {\n            \"RequestedItem\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalAccordionItemKeyEvent\",\n        \"method\": \"calciteInternalAccordionItemKeyEvent\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalAccordionItemRegister\",\n        \"method\": \"registerCalciteAccordionItem\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalAccordionItemSelect\",\n        \"method\": \"updateActiveItemOnChange\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-6940e2fd.entry.js

@@ -0,0 +1,100 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, g as getElement } from './p-58c69df2.js';
+import { f as focusElement } from './p-32a67cb2.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  button: "button"
+};
+const ICONS = {
+  plus: "plus"
+};
+
+const fabCss = "@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([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
+
+const Fab = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * Used to set the button's appearance. Default is outline.
+     */
+    this.appearance = "outline";
+    /**
+     * Used to set the button's color. Default is light.
+     */
+    this.color = "neutral";
+    /**
+     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     */
+    this.disabled = false;
+    /**
+     * Specifies an icon to display.
+     *
+     * @default "plus"
+     */
+    this.icon = ICONS.plus;
+    /**
+     * When true, content is waiting to be loaded. This state shows a busy indicator.
+     */
+    this.loading = false;
+    /**
+     * Specifies the size of the fab.
+     */
+    this.scale = "m";
+    /**
+     * Indicates whether the text is displayed.
+     */
+    this.textEnabled = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    focusElement(this.buttonEl);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { appearance, color, disabled, loading, scale, textEnabled, icon, label, text } = this;
+    const title = !textEnabled ? label || text || null : null;
+    return (h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline", class: CSS.button, color: color, disabled: disabled, iconStart: icon, label: label, loading: loading, ref: (buttonEl) => {
+        this.buttonEl = buttonEl;
+      }, round: true, scale: scale, title: title, type: "button", width: "auto" }, this.textEnabled ? this.text : null));
+  }
+  get el() { return getElement(this); }
+};
+Fab.style = fabCss;
+
+export { Fab as calcite_fab };
+
+//# sourceMappingURL=p-6940e2fd.entry.js.map

package/dist/solutions-components/p-6940e2fd.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-fab.entry.esm.js","mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,IAAI,EAAE,MAAM;AACd,CAAC;;ACVD,MAAM,MAAM,GAAG,+9EAA+9E;;MCSj+E,GAAG;EACd;;;;;;;;;;IASE,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;;;;IAI5B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;;;;IAIvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;;;;IAIvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;;;IAIrB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;;;;IAIjB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;GAC1B;;;;;;EAMD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;;;;;;;EAOD,MAAM,QAAQ;IACZ,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GAC7B;;;;;;EAMD,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7F,MAAM,KAAK,GAAG,CAAC,WAAW,GAAG,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxM,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;OAC1B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE;GACtH;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/fab/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/fab/fab.css?tag=calcite-fab&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/fab/fab.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};\nexport const ICONS = {\n  plus: \"plus\"\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([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:host {\n  display: flex;\n  background-color: transparent;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\ncalcite-button {\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px 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}\ncalcite-button:hover {\n  --tw-shadow: 0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 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}\ncalcite-button:active {\n  --tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);\n  --tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px 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}","/*!\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 } from \"@stencil/core\";\nimport { CSS, ICONS } from \"./resources\";\nimport { focusElement } from \"../../utils/dom\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nexport class Fab {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * Used to set the button's appearance. Default is outline.\n     */\n    this.appearance = \"outline\";\n    /**\n     * Used to set the button's color. Default is light.\n     */\n    this.color = \"neutral\";\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * Specifies an icon to display.\n     *\n     * @default \"plus\"\n     */\n    this.icon = ICONS.plus;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    /**\n     * Specifies the size of the fab.\n     */\n    this.scale = \"m\";\n    /**\n     * Indicates whether the text is displayed.\n     */\n    this.textEnabled = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.buttonEl);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { appearance, color, disabled, loading, scale, textEnabled, icon, label, text } = this;\n    const title = !textEnabled ? label || text || null : null;\n    return (h(\"calcite-button\", { appearance: appearance === \"solid\" ? \"solid\" : \"outline\", class: CSS.button, color: color, disabled: disabled, iconStart: icon, label: label, loading: loading, ref: (buttonEl) => {\n        this.buttonEl = buttonEl;\n      }, round: true, scale: scale, title: title, type: \"button\", width: \"auto\" }, this.textEnabled ? this.text : null));\n  }\n  static get is() { return \"calcite-fab\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"fab.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"fab.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"solid\\\" | \\\"outline\\\", Appearance>\",\n          \"resolved\": \"\\\"outline\\\" | \\\"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\": \"Used to set the button's appearance. Default is outline.\"\n        },\n        \"attribute\": \"appearance\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"outline\\\"\"\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonColor\",\n          \"resolved\": \"\\\"blue\\\" | \\\"inverse\\\" | \\\"neutral\\\" | \\\"red\\\"\",\n          \"references\": {\n            \"ButtonColor\": {\n              \"location\": \"import\",\n              \"path\": \"../button/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Used to set the button's color. Default is light.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"neutral\\\"\"\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, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\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              \"name\": \"default\",\n              \"text\": \"\\\"plus\\\"\"\n            }],\n          \"text\": \"Specifies an icon to display.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true,\n        \"defaultValue\": \"ICONS.plus\"\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\": \"Label of the FAB, exposed on hover when textEnabled is false. 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, content is waiting to be loaded. This state shows a busy indicator.\"\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 fab.\"\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\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Text that accompanies the FAB 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 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"],"version":3}

package/dist/solutions-components/p-69900b68.entry.js

@@ -0,0 +1,152 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './p-58c69df2.js';
+import { f as focusElement } from './p-32a67cb2.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import { f as filter } from './p-d48a24e6.js';
+import { d as debounce } from './p-4e32bf8c.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  container: "container",
+  searchIcon: "search-icon"
+};
+const TEXT = {
+  filterLabel: "Filter",
+  clear: "Clear filter"
+};
+const ICONS = {
+  search: "search",
+  close: "x"
+};
+const DEBOUNCE_TIMEOUT = 250;
+
+const filterCss = "@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}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-padding-end:0.25rem;padding-inline-end:0.25rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";
+
+const Filter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteFilterChange = createEvent(this, "calciteFilterChange", 6);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
+    /**
+     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+     */
+    this.disabled = false;
+    /**
+     * The resulting items after filtering.
+     *
+     * @readonly
+     */
+    this.filteredItems = [];
+    /** specify the scale of filter, defaults to m */
+    this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.filter = debounce((value, emit = false) => this.updateFiltered(filter(this.items, value), emit), DEBOUNCE_TIMEOUT);
+    this.inputHandler = (event) => {
+      const target = event.target;
+      this.value = target.value;
+      this.filter(target.value, true);
+    };
+    this.keyDownHandler = (event) => {
+      if (event.key === "Escape") {
+        this.clear();
+        event.preventDefault();
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+      }
+    };
+    this.clear = () => {
+      this.value = "";
+      this.filter("", true);
+      this.setFocus();
+    };
+  }
+  watchItemsHandler() {
+    this.filter(this.value);
+  }
+  valueHandler(value) {
+    this.filter(value);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    focusElement(this.textInput);
+  }
+  updateFiltered(filtered, emit = false) {
+    this.filteredItems.length = 0;
+    this.filteredItems = this.filteredItems.concat(filtered);
+    if (emit) {
+      this.calciteFilterChange.emit();
+    }
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { disabled, scale } = this;
+    return (h(Fragment, null, h("div", { class: CSS.container }, h("label", null, h("calcite-input", { "aria-label": this.intlLabel || TEXT.filterLabel, clearable: true, disabled: disabled, icon: ICONS.search, intlClear: this.intlClear || TEXT.clear, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
+        this.textInput = el;
+      }, scale: scale, type: "text", value: this.value })))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "items": ["watchItemsHandler"],
+    "value": ["valueHandler"]
+  }; }
+};
+Filter.style = filterCss;
+
+export { Filter as calcite_filter };
+
+//# sourceMappingURL=p-69900b68.entry.js.map

package/dist/solutions-components/p-69900b68.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-filter.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/filter/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/filter/filter.css?tag=calcite-filter&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/filter/filter.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  container: \"container\",\n  searchIcon: \"search-icon\"\n};\nexport const TEXT = {\n  filterLabel: \"Filter\",\n  clear: \"Clear filter\"\n};\nexport const ICONS = {\n  search: \"search\",\n  close: \"x\"\n};\nexport const DEBOUNCE_TIMEOUT = 250;\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:host {\n  display: flex;\n  inline-size: 100%;\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.container {\n  display: flex;\n  inline-size: 100%;\n  padding: 0.5rem;\n}\n\nlabel {\n  position: relative;\n  margin-inline: 0.25rem;\n  margin-block: 0px;\n  display: flex;\n  inline-size: 100%;\n  align-items: center;\n  overflow: hidden;\n}\n\ninput[type=text] {\n  margin-block-end: 0.25rem;\n  inline-size: 100%;\n  border-style: none;\n  background-color: transparent;\n  padding-block: 0.25rem;\n  font-family: inherit;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-1);\n  padding-inline-end: 0.25rem;\n  padding-inline-start: 1.5rem;\n  transition: padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);\n}\ninput[type=text]::-ms-clear {\n  display: none;\n}\n\ncalcite-input {\n  inline-size: 100%;\n}\n\n.search-icon {\n  position: absolute;\n  display: flex;\n  color: var(--calcite-ui-text-2);\n  inset-inline-start: 0;\n  transition: inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing);\n}\n\ninput[type=text]:focus {\n  border-color: var(--calcite-ui-brand);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  padding-inline: 0.25rem;\n}\ninput[type=text]:focus ~ .search-icon {\n  inset-inline-start: calc(1rem * -1);\n  opacity: 0;\n}\n\n.clear-button {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  border-width: 0px;\n  background-color: transparent;\n  color: var(--calcite-ui-text-2);\n}\n.clear-button:hover,  .clear-button:focus {\n  color: var(--calcite-ui-text-1);\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 { Fragment, h } from \"@stencil/core\";\nimport { debounce } from \"lodash-es\";\nimport { CSS, DEBOUNCE_TIMEOUT, ICONS, TEXT } from \"./resources\";\nimport { focusElement } from \"../../utils/dom\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { filter } from \"../../utils/filter\";\nexport class Filter {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * The items to filter through. The filter uses this as the starting point, and returns items\n     * that contain the string entered in the input, using a partial match and recursive search.\n     *\n     * This property is required.\n     */\n    this.items = [];\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * The resulting items after filtering.\n     *\n     * @readonly\n     */\n    this.filteredItems = [];\n    /** specify the scale of filter, defaults to m */\n    this.scale = \"m\";\n    /**\n     * Filter value.\n     */\n    this.value = \"\";\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.filter = debounce((value, emit = false) => this.updateFiltered(filter(this.items, value), emit), DEBOUNCE_TIMEOUT);\n    this.inputHandler = (event) => {\n      const target = event.target;\n      this.value = target.value;\n      this.filter(target.value, true);\n    };\n    this.keyDownHandler = (event) => {\n      if (event.key === \"Escape\") {\n        this.clear();\n        event.preventDefault();\n      }\n      if (event.key === \"Enter\") {\n        event.preventDefault();\n      }\n    };\n    this.clear = () => {\n      this.value = \"\";\n      this.filter(\"\", true);\n      this.setFocus();\n    };\n  }\n  watchItemsHandler() {\n    this.filter(this.value);\n  }\n  valueHandler(value) {\n    this.filter(value);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    this.filter(this.value);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.textInput);\n  }\n  updateFiltered(filtered, emit = false) {\n    this.filteredItems.length = 0;\n    this.filteredItems = this.filteredItems.concat(filtered);\n    if (emit) {\n      this.calciteFilterChange.emit();\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { disabled, scale } = this;\n    return (h(Fragment, null, h(\"div\", { class: CSS.container }, h(\"label\", null, h(\"calcite-input\", { \"aria-label\": this.intlLabel || TEXT.filterLabel, clearable: true, disabled: disabled, icon: ICONS.search, intlClear: this.intlClear || TEXT.clear, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {\n        this.textInput = el;\n      }, scale: scale, type: \"text\", value: this.value })))));\n  }\n  static get is() { return \"calcite-filter\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"filter.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"filter.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"items\": {\n        \"type\": \"unknown\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"object[]\",\n          \"resolved\": \"object[]\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The items to filter through. The filter uses this as the starting point, and returns items\\nthat contain the string entered in the input, using a partial match and recursive search.\\n\\nThis property is required.\"\n        },\n        \"defaultValue\": \"[]\"\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, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"filteredItems\": {\n        \"type\": \"unknown\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"object[]\",\n          \"resolved\": \"object[]\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"readonly\",\n              \"text\": undefined\n            }],\n          \"text\": \"The resulting items after filtering.\"\n        },\n        \"defaultValue\": \"[]\"\n      },\n      \"intlClear\": {\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\": \"A text label that will appear on the clear button.\"\n        },\n        \"attribute\": \"intl-clear\",\n        \"reflect\": false\n      },\n      \"intlLabel\": {\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\": \"A text label that will appear next to the input field.\"\n        },\n        \"attribute\": \"intl-label\",\n        \"reflect\": false\n      },\n      \"placeholder\": {\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\": \"Placeholder text for the input element's placeholder attribute\"\n        },\n        \"attribute\": \"placeholder\",\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\": \"specify the scale of filter, defaults to m\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"value\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Filter value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"\\\"\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteFilterChange\",\n        \"name\": \"calciteFilterChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"This event fires when the filter text changes.\"\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  static get watchers() {\n    return [{\n        \"propName\": \"items\",\n        \"methodName\": \"watchItemsHandler\"\n      }, {\n        \"propName\": \"value\",\n        \"methodName\": \"valueHandler\"\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-699125b6.entry.js

@@ -0,0 +1,44 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './p-58c69df2.js';
+
+const optionGroupCss = "@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{display:block}";
+
+const OptionGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteInternalOptionGroupChange = createEvent(this, "calciteInternalOptionGroupChange", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     */
+    this.disabled = false;
+  }
+  handlePropChange() {
+    this.calciteInternalOptionGroupChange.emit();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Fragment, null, h("div", null, this.label), h("slot", null)));
+  }
+  static get watchers() { return {
+    "disabled": ["handlePropChange"],
+    "label": ["handlePropChange"]
+  }; }
+};
+OptionGroup.style = optionGroupCss;
+
+export { OptionGroup as calcite_option_group };
+
+//# sourceMappingURL=p-699125b6.entry.js.map

package/dist/solutions-components/p-699125b6.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-option-group.entry.esm.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,kyCAAkyC;;MCS5yC,WAAW;EACtB;;;;;;;;;;;IASE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;GACvB;EACD,gBAAgB;IACd,IAAI,CAAC,gCAAgC,CAAC,IAAI,EAAE,CAAC;GAC9C;;;;;;EAMD,MAAM;IACJ,QAAQ,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;GACzE;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/option-group/option-group.css?tag=calcite-option-group&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/option-group/option-group.js"],"sourcesContent":["/* 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}","/*!\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, Fragment } from \"@stencil/core\";\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\nexport class OptionGroup {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n  }\n  handlePropChange() {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    return (h(Fragment, null, h(\"div\", null, this.label), h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-option-group\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"option-group.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"option-group.css\"]\n    };\n  }\n  static get properties() {\n    return {\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      \"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    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalOptionGroupChange\",\n        \"name\": \"calciteInternalOptionGroupChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get watchers() {\n    return [{\n        \"propName\": \"disabled\",\n        \"methodName\": \"handlePropChange\"\n      }, {\n        \"propName\": \"label\",\n        \"methodName\": \"handlePropChange\"\n      }];\n  }\n}\n"],"version":3}