@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/calcite-action-pad.js

@@ -1,199 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle.js';
-import { f as focusElement, b as getSlotted } from './dom.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { d as defineCustomElement$7 } from './action.js';
-import { d as defineCustomElement$6 } from './action-group.js';
-import { d as defineCustomElement$5 } from './action-menu.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './loader.js';
-import { d as defineCustomElement$2 } from './popover.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 = {
-  actionGroupBottom: "action-group--bottom",
-  container: "container"
-};
-const TEXT = {
-  expand: "Expand",
-  collapse: "Collapse"
-};
-const SLOTS = {
-  expandTooltip: "expand-tooltip"
-};
-
-const actionPadCss = "@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{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--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)}.action-group--bottom{flex-grow:1;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";
-
-const ActionPad = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteActionPadToggle = createEvent(this, "calciteActionPadToggle", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    this.expandDisabled = false;
-    /**
-     * When `true`, the component is expanded.
-     */
-    this.expanded = false;
-    /**
-     * Indicates the layout of the component.
-     */
-    this.layout = "vertical";
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.actionMenuOpenChangeHandler = (event) => {
-      if (event.detail) {
-        const composedPath = event.composedPath();
-        Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
-          if (!composedPath.includes(group)) {
-            group.menuOpen = false;
-          }
-        });
-      }
-    };
-    this.toggleExpand = () => {
-      this.expanded = !this.expanded;
-      this.calciteActionPadToggle.emit();
-    };
-    this.setExpandToggleRef = (el) => {
-      this.expandToggleEl = el;
-    };
-  }
-  expandedHandler(expanded) {
-    toggleChildActionText({ parent: this.el, expanded });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  componentWillLoad() {
-    const { el, expanded } = this;
-    toggleChildActionText({ parent: el, expanded });
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /**
-   * Sets focus on the component.
-   *
-   * @param focusId
-   */
-  async setFocus(focusId) {
-    var _a;
-    if (focusId === "expand-toggle") {
-      await focusElement(this.expandToggleEl);
-      return;
-    }
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Component Methods
-  //
-  // --------------------------------------------------------------------------
-  renderBottomActionGroup() {
-    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;
-    const tooltip = getSlotted(el, SLOTS.expandTooltip);
-    const expandLabel = intlExpand || TEXT.expand;
-    const collapseLabel = intlCollapse || TEXT.collapse;
-    const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
-    return expandToggleNode ? (h("calcite-action-group", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h("slot", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;
-  }
-  render() {
-    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h("div", { class: CSS.container }, h("slot", null), this.renderBottomActionGroup())));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "expanded": ["expandedHandler"]
-  }; }
-  static get style() { return actionPadCss; }
-}, [1, "calcite-action-pad", {
-    "expandDisabled": [516, "expand-disabled"],
-    "expanded": [1540],
-    "layout": [513],
-    "intlExpand": [1, "intl-expand"],
-    "intlCollapse": [1, "intl-collapse"],
-    "position": [513],
-    "scale": [513],
-    "setFocus": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-action-pad", "calcite-action", "calcite-action-group", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-action-pad":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ActionPad);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-action-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteActionPad = ActionPad;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteActionPad, defineCustomElement };
-
-//# sourceMappingURL=calcite-action-pad.js.map

package/dist/components/calcite-action-pad.js.map

@@ -1 +0,0 @@
-{"file":"calcite-action-pad.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action-pad/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/action-pad/action-pad.css?tag=calcite-action-pad&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/action-pad/action-pad.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  actionGroupBottom: \"action-group--bottom\",\n  container: \"container\"\n};\nexport const TEXT = {\n  expand: \"Expand\",\n  collapse: \"Collapse\"\n};\nexport const SLOTS = {\n  expandTooltip: \"expand-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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-action-pad-expanded-max-width: optionally specify the expanded max width of the action pad when in \"vertical\" layout.\n*/\n:host {\n  display: block;\n}\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host {\n  animation: in var(--calcite-internal-animation-timing-slow) ease-in-out;\n  border-radius: 0.125rem;\n  --calcite-action-pad-expanded-max-width: auto;\n  background: transparent;\n}\n\n:host([expanded][layout=vertical]) .container {\n  max-inline-size: var(--calcite-action-pad-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  border-width: 0px;\n  border-block-end-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  padding-block: 0px;\n}\n\n.container {\n  display: inline-flex;\n  flex-direction: column;\n  overflow-y: auto;\n  border-radius: 0.25rem;\n  background-color: var(--calcite-ui-background);\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}\n\n.action-group--bottom {\n  flex-grow: 1;\n  justify-content: flex-end;\n  padding-block-end: 0px;\n}\n\n:host([layout=horizontal]) .container {\n  flex-direction: row;\n}\n:host([layout=horizontal]) .container .action-group--bottom {\n  padding: 0px;\n}\n:host([layout=horizontal]) .container ::slotted(calcite-action-group) {\n  border-width: 0px;\n  padding: 0px;\n  border-inline-end-width: 1px;\n}\n\n::slotted(calcite-action-group:last-child) {\n  border-block-end-width: 0px;\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 } from \"@stencil/core\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { focusElement, getSlotted } from \"../../utils/dom\";\nimport { CSS, TEXT, SLOTS } from \"./resources\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * @slot - A slot for adding `calcite-action`s to the component.\n * @slot expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle.\n */\nexport class ActionPad {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the expand-toggling behavior is disabled.\n     */\n    this.expandDisabled = false;\n    /**\n     * When `true`, the component is expanded.\n     */\n    this.expanded = false;\n    /**\n     * Indicates the layout of the component.\n     */\n    this.layout = \"vertical\";\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.actionMenuOpenChangeHandler = (event) => {\n      if (event.detail) {\n        const composedPath = event.composedPath();\n        Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n          if (!composedPath.includes(group)) {\n            group.menuOpen = false;\n          }\n        });\n      }\n    };\n    this.toggleExpand = () => {\n      this.expanded = !this.expanded;\n      this.calciteActionPadToggle.emit();\n    };\n    this.setExpandToggleRef = (el) => {\n      this.expandToggleEl = el;\n    };\n  }\n  expandedHandler(expanded) {\n    toggleChildActionText({ parent: this.el, expanded });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  componentWillLoad() {\n    const { el, expanded } = this;\n    toggleChildActionText({ parent: el, expanded });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Sets focus on the component.\n   *\n   * @param focusId\n   */\n  async setFocus(focusId) {\n    var _a;\n    if (focusId === \"expand-toggle\") {\n      await focusElement(this.expandToggleEl);\n      return;\n    }\n    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n  renderBottomActionGroup() {\n    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;\n    const tooltip = getSlotted(el, SLOTS.expandTooltip);\n    const expandLabel = intlExpand || TEXT.expand;\n    const collapseLabel = intlCollapse || TEXT.collapse;\n    const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;\n    return expandToggleNode ? (h(\"calcite-action-group\", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h(\"slot\", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;\n  }\n  render() {\n    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h(\"div\", { class: CSS.container }, h(\"slot\", null), this.renderBottomActionGroup())));\n  }\n  static get is() { return \"calcite-action-pad\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"action-pad.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"action-pad.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"expandDisabled\": {\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 expand-toggling behavior is disabled.\"\n        },\n        \"attribute\": \"expand-disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"expanded\": {\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`, the component is expanded.\"\n        },\n        \"attribute\": \"expanded\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Layout\",\n          \"resolved\": \"\\\"grid\\\" | \\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Indicates the layout of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"vertical\\\"\"\n      },\n      \"intlExpand\": {\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 expand icon when the component is collapsed.\"\n        },\n        \"attribute\": \"intl-expand\",\n        \"reflect\": false\n      },\n      \"intlCollapse\": {\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 collapse icon when the component is expanded.\"\n        },\n        \"attribute\": \"intl-collapse\",\n        \"reflect\": false\n      },\n      \"position\": {\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\": \"Arranges the component depending on the element's `dir` property.\"\n        },\n        \"attribute\": \"position\",\n        \"reflect\": true\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 expand `calcite-action`.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteActionPadToggle\",\n        \"name\": \"calciteActionPadToggle\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the `expanded` property is toggled.\"\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\": \"(focusId?: \\\"expand-toggle\\\") => 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    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"expanded\",\n        \"methodName\": \"expandedHandler\"\n      }];\n  }\n}\n"],"version":3}

package/dist/components/calcite-action.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { A as Action, d as defineCustomElement$1 } from './action.js';
-
-const CalciteAction = Action;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteAction, defineCustomElement };
-
-//# sourceMappingURL=calcite-action.js.map

package/dist/components/calcite-action.js.map

@@ -1 +0,0 @@
-{"file":"calcite-action.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/calcite-alert.js

@@ -1,299 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as setRequestedIcon, t as toAriaBoolean, b as getSlotted } from './dom.js';
-import { S as StatusIcons } from './interfaces.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale2.js';
-import { d as defineCustomElement$3 } from './chip.js';
-import { d as defineCustomElement$2 } from './icon.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 TEXT = {
-  intlClose: "Close"
-};
-const DURATIONS = {
-  slow: 14000,
-  medium: 10000,
-  fast: 6000
-};
-const SLOTS = {
-  title: "title",
-  message: "message",
-  link: "link"
-};
-
-const alertCss = "@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-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.container{display:flex;inline-size:100%;align-items:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;cursor:pointer;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:flex;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}";
-
-const Alert = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteAlertBeforeClose = createEvent(this, "calciteAlertBeforeClose", 6);
-    this.calciteAlertClose = createEvent(this, "calciteAlertClose", 6);
-    this.calciteAlertBeforeOpen = createEvent(this, "calciteAlertBeforeOpen", 6);
-    this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 6);
-    this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 6);
-    this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //---------------------------------------------------------------------------
-    /**
-     * When `true`, displays and positions the component.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays and positions the component. */
-    this.open = false;
-    /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
-    this.autoDismiss = false;
-    /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
-    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
-    /** Specifies the color for the component (will apply to top border and icon). */
-    this.color = "blue";
-    /**
-     * Specifies the text label for the close button.
-     *
-     * @default "Close"
-     */
-    this.intlClose = TEXT.intlClose;
-    /** Specifies the placement of the component */
-    this.placement = "bottom";
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    /** the list of queued alerts */
-    this.queue = [];
-    /** the count of queued alerts */
-    this.queueLength = 0;
-    /** is the alert queued */
-    this.queued = false;
-    this.autoDismissTimeoutId = null;
-    this.trackTimer = Date.now();
-    this.openTransitionProp = "opacity";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.setTransitionEl = (el) => {
-      this.transitionEl = el;
-      connectOpenCloseComponent(this);
-    };
-    /** close and emit calciteInternalAlertSync event with the updated queue payload */
-    this.closeAlert = () => {
-      this.autoDismissTimeoutId = null;
-      this.queued = false;
-      this.open = false;
-      this.queue = this.queue.filter((el) => el !== this.el);
-      this.determineActiveAlert();
-      this.calciteInternalAlertSync.emit({ queue: this.queue });
-    };
-  }
-  activeHandler(value) {
-    this.open = value;
-  }
-  openHandler(value) {
-    if (this.open && !this.queued) {
-      this.calciteInternalAlertRegister.emit();
-      this.active = value;
-    }
-    if (!this.open) {
-      this.queue = this.queue.filter((el) => el !== this.el);
-      this.calciteInternalAlertSync.emit({ queue: this.queue });
-      this.active = false;
-    }
-  }
-  updateRequestedIcon() {
-    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
-  }
-  updateDuration() {
-    if (this.autoDismiss && this.autoDismissTimeoutId) {
-      window.clearTimeout(this.autoDismissTimeoutId);
-      this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration] - (Date.now() - this.trackTimer));
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    connectLocalized(this);
-    const open = this.open || this.active;
-    if (open && !this.queued) {
-      this.activeHandler(open);
-      this.openHandler(open);
-      this.calciteInternalAlertRegister.emit();
-    }
-    connectOpenCloseComponent(this);
-  }
-  componentWillLoad() {
-    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
-  }
-  disconnectedCallback() {
-    window.clearTimeout(this.autoDismissTimeoutId);
-    disconnectOpenCloseComponent(this);
-    disconnectLocalized(this);
-  }
-  render() {
-    const closeButton = (h("button", { "aria-label": this.intlClose, class: "alert-close", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: "button" }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
-    numberStringFormatter.numberFormatOptions = {
-      locale: this.effectiveLocale,
-      numberingSystem: this.numberingSystem,
-      signDisplay: "always"
-    };
-    const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
-    const queueText = numberStringFormatter.numberFormatter.format(queueNumber);
-    const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    const { active, autoDismiss, label, placement, queued, requestedIcon } = this;
-    const role = autoDismiss ? "alert" : "alertdialog";
-    const hidden = !active;
-    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { class: {
-        container: true,
-        queued,
-        [placement]: true
-      }, ref: this.setTransitionEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), queueCount, !autoDismiss ? closeButton : null, active && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
-  }
-  // when an alert is opened or closed, update queue and determine active alert
-  alertSync(event) {
-    if (this.queue !== event.detail.queue) {
-      this.queue = event.detail.queue;
-    }
-    this.queueLength = this.queue.length;
-    this.determineActiveAlert();
-    event.stopPropagation();
-  }
-  // when an alert is first registered, trigger a queue sync
-  alertRegister() {
-    if (this.open && !this.queue.includes(this.el)) {
-      this.queued = true;
-      this.queue.push(this.el);
-    }
-    this.calciteInternalAlertSync.emit({ queue: this.queue });
-    this.determineActiveAlert();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    const alertLinkEl = getSlotted(this.el, { selector: "calcite-link" });
-    if (!this.closeButton && !alertLinkEl) {
-      return;
-    }
-    else if (alertLinkEl) {
-      alertLinkEl.setFocus();
-    }
-    else if (this.closeButton) {
-      this.closeButton.focus();
-    }
-  }
-  /** determine which alert is active */
-  determineActiveAlert() {
-    var _a;
-    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {
-      this.openAlert();
-      if (this.autoDismiss && !this.autoDismissTimeoutId) {
-        this.trackTimer = Date.now();
-        this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration]);
-      }
-    }
-    else {
-      return;
-    }
-  }
-  onBeforeOpen() {
-    this.calciteAlertBeforeOpen.emit();
-  }
-  onOpen() {
-    this.calciteAlertOpen.emit();
-  }
-  onBeforeClose() {
-    this.calciteAlertBeforeClose.emit();
-  }
-  onClose() {
-    this.calciteAlertClose.emit();
-  }
-  /** remove queued class after animation completes */
-  openAlert() {
-    window.clearTimeout(this.queueTimeout);
-    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "open": ["openHandler"],
-    "icon": ["updateRequestedIcon"],
-    "color": ["updateRequestedIcon"],
-    "autoDismissDuration": ["updateDuration"]
-  }; }
-  static get style() { return alertCss; }
-}, [1, "calcite-alert", {
-    "active": [1540],
-    "open": [1540],
-    "autoDismiss": [516, "auto-dismiss"],
-    "autoDismissDuration": [513, "auto-dismiss-duration"],
-    "color": [513],
-    "icon": [520],
-    "intlClose": [1, "intl-close"],
-    "label": [1],
-    "numberingSystem": [513, "numbering-system"],
-    "placement": [513],
-    "scale": [513],
-    "effectiveLocale": [32],
-    "queue": [32],
-    "queueLength": [32],
-    "queued": [32],
-    "requestedIcon": [32],
-    "setFocus": [64]
-  }, [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-alert", "calcite-chip", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-alert":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Alert);
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteAlert = Alert;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteAlert, defineCustomElement };
-
-//# sourceMappingURL=calcite-alert.js.map