@esri/solutions-components 0.2.3 → 0.2.5

package/dist/solutions-components/p-29bdbd3e.entry.js

@@ -0,0 +1,280 @@
+/*!
+ * 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, H as Host, g as getElement } from './p-58c69df2.js';
+import { g as guid } from './p-a80b3880.js';
+import { b as getElementDir, f as focusElement, t as toAriaBoolean } from './p-32a67cb2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './p-dbad98e8.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './p-3f6b0af4.js';
+import { g as getRoundRobinIndex } from './p-e947d3b0.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import './p-729708a3.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"
+};
+
+const radioButtonCss = "@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:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:\"\";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+
+const RadioButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteInternalRadioButtonBlur = createEvent(this, "calciteInternalRadioButtonBlur", 6);
+    this.calciteRadioButtonChange = createEvent(this, "calciteRadioButtonChange", 6);
+    this.calciteInternalRadioButtonCheckedChange = createEvent(this, "calciteInternalRadioButtonCheckedChange", 6);
+    this.calciteInternalRadioButtonFocus = createEvent(this, "calciteInternalRadioButtonFocus", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, the component is checked. */
+    this.checked = false;
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /**
+     * The focused state of the component.
+     *
+     * @internal
+     */
+    this.focused = false;
+    /** When `true`, the component is not displayed and is not focusable or checkable. */
+    this.hidden = false;
+    /**
+     * The hovered state of the component.
+     *
+     * @internal
+     */
+    this.hovered = false;
+    /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */
+    this.required = false;
+    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
+    this.scale = "m";
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.selectItem = (items, selectedIndex) => {
+      items[selectedIndex].click();
+    };
+    this.queryButtons = () => {
+      return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((radioButton) => radioButton.name === this.name);
+    };
+    this.isDefaultSelectable = () => {
+      const radioButtons = this.queryButtons();
+      return !radioButtons.some((radioButton) => radioButton.checked) && radioButtons[0] === this.el;
+    };
+    this.check = () => {
+      if (this.disabled) {
+        return;
+      }
+      this.uncheckAllRadioButtonsInGroup();
+      this.checked = true;
+      this.focused = true;
+      this.calciteRadioButtonChange.emit();
+      this.setFocus();
+    };
+    this.clickHandler = () => {
+      this.check();
+    };
+    this.setContainerEl = (el) => {
+      this.containerEl = el;
+    };
+    this.handleKeyDown = (event) => {
+      const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
+      const { key } = event;
+      const { el } = this;
+      if (keys.indexOf(key) === -1) {
+        return;
+      }
+      if (key === " ") {
+        this.check();
+        event.preventDefault();
+        return;
+      }
+      let adjustedKey = key;
+      if (getElementDir(el) === "rtl") {
+        if (key === "ArrowRight") {
+          adjustedKey = "ArrowLeft";
+        }
+        if (key === "ArrowLeft") {
+          adjustedKey = "ArrowRight";
+        }
+      }
+      const radioButtons = Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((radioButton) => radioButton.name === this.name);
+      let currentIndex = 0;
+      const radioButtonsLength = radioButtons.length;
+      radioButtons.some((item, index) => {
+        if (item.checked) {
+          currentIndex = index;
+          return true;
+        }
+      });
+      switch (adjustedKey) {
+        case "ArrowLeft":
+        case "ArrowUp":
+          event.preventDefault();
+          this.selectItem(radioButtons, getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength));
+          return;
+        case "ArrowRight":
+        case "ArrowDown":
+          event.preventDefault();
+          this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));
+          return;
+        default:
+          return;
+      }
+    };
+    this.onContainerBlur = () => {
+      this.focused = false;
+      this.calciteInternalRadioButtonBlur.emit();
+    };
+    this.onContainerFocus = () => {
+      if (!this.disabled) {
+        this.focused = true;
+        this.calciteInternalRadioButtonFocus.emit();
+      }
+    };
+  }
+  checkedChanged(newChecked) {
+    if (newChecked) {
+      this.uncheckOtherRadioButtonsInGroup();
+    }
+    this.calciteInternalRadioButtonCheckedChange.emit();
+  }
+  nameChanged() {
+    this.checkLastRadioButton();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    if (!this.disabled) {
+      focusElement(this.containerEl);
+    }
+  }
+  onLabelClick(event) {
+    if (!this.disabled && !this.hidden) {
+      this.uncheckOtherRadioButtonsInGroup();
+      const label = event.currentTarget;
+      const radioButton = label.for
+        ? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
+        : label.querySelector(`calcite-radio-button[name="${this.name}"]`);
+      if (radioButton) {
+        radioButton.checked = true;
+        radioButton.focused = true;
+      }
+      this.calciteRadioButtonChange.emit();
+      this.setFocus();
+    }
+  }
+  checkLastRadioButton() {
+    const radioButtons = this.queryButtons();
+    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);
+    if ((checkedRadioButtons === null || checkedRadioButtons === void 0 ? void 0 : checkedRadioButtons.length) > 1) {
+      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];
+      checkedRadioButtons
+        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)
+        .forEach((checkedRadioButton) => {
+        checkedRadioButton.checked = false;
+        checkedRadioButton.emitCheckedChange();
+      });
+    }
+  }
+  /** @internal */
+  async emitCheckedChange() {
+    this.calciteInternalRadioButtonCheckedChange.emit();
+  }
+  uncheckAllRadioButtonsInGroup() {
+    const radioButtons = this.queryButtons();
+    radioButtons.forEach((radioButton) => {
+      if (radioButton.checked) {
+        radioButton.checked = false;
+        radioButton.focused = false;
+      }
+    });
+  }
+  uncheckOtherRadioButtonsInGroup() {
+    const radioButtons = this.queryButtons();
+    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);
+    otherRadioButtons.forEach((otherRadioButton) => {
+      if (otherRadioButton.checked) {
+        otherRadioButton.checked = false;
+        otherRadioButton.focused = false;
+      }
+    });
+  }
+  getTabIndex() {
+    if (this.disabled) {
+      return undefined;
+    }
+    return this.checked || this.isDefaultSelectable() ? 0 : -1;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  mouseenter() {
+    this.hovered = true;
+  }
+  mouseleave() {
+    this.hovered = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.rootNode = this.el.getRootNode();
+    this.guid = this.el.id || `calcite-radio-button-${guid()}`;
+    if (this.name) {
+      this.checkLastRadioButton();
+    }
+    connectLabel(this);
+    connectForm(this);
+  }
+  componentDidLoad() {
+    if (this.focused && !this.disabled) {
+      this.setFocus();
+    }
+  }
+  disconnectedCallback() {
+    disconnectLabel(this);
+    disconnectForm(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const tabIndex = this.getTabIndex();
+    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { class: "radio" })), h(HiddenFormInputSlot, { component: this })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "checked": ["checkedChanged"],
+    "name": ["nameChanged"]
+  }; }
+};
+RadioButton.style = radioButtonCss;
+
+export { RadioButton as calcite_radio_button };
+
+//# sourceMappingURL=p-29bdbd3e.entry.js.map

package/dist/solutions-components/p-29bdbd3e.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-radio-button.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/radio-button/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/radio-button/radio-button.css?tag=calcite-radio-button&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/radio-button/radio-button.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};\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: block;\n  cursor: pointer;\n}\n:host .container {\n  position: relative;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n:host .radio {\n  cursor: pointer;\n  border-radius: 9999px;\n  background-color: var(--calcite-ui-foreground-1);\n  outline-color: transparent;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);\n}\n\n:host([hovered]) .radio,\n:host(:not([checked])[focused]:not([disabled])) .radio {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);\n}\n\n:host([focused]) .radio {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n:host([disabled]) .radio {\n  cursor: default;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n:host([hovered][disabled]) .radio {\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);\n}\n\n:host([scale=s]) {\n  --calcite-radio-size: var(--calcite-font-size--2);\n}\n\n:host([scale=m]) {\n  --calcite-radio-size: var(--calcite-font-size--1);\n}\n\n:host([scale=l]) {\n  --calcite-radio-size: var(--calcite-font-size-0);\n}\n\n.radio {\n  block-size: var(--calcite-radio-size);\n  max-inline-size: var(--calcite-radio-size);\n  min-inline-size: var(--calcite-radio-size);\n}\n\n:host([scale=s][checked]) .radio,\n:host([hovered][scale=s][checked][disabled]) .radio {\n  box-shadow: inset 0 0 0 4px var(--calcite-ui-brand);\n}\n\n:host([scale=s][focused][checked]:not([disabled])) .radio {\n  box-shadow: inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host([scale=m][checked]) .radio,\n:host([hovered][scale=m][checked][disabled]) .radio {\n  box-shadow: inset 0 0 0 5px var(--calcite-ui-brand);\n}\n\n:host([scale=m][focused][checked]:not([disabled])) .radio {\n  box-shadow: inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host([scale=l][checked]) .radio,\n:host([hovered][scale=l][checked][disabled]) .radio {\n  box-shadow: inset 0 0 0 6px var(--calcite-ui-brand);\n}\n\n:host([scale=l][focused][checked]:not([disabled])) .radio {\n  box-shadow: inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n@media (forced-colors: active) {\n  :host([checked]) .radio::after,\n:host([checked][disabled]) .radio::after {\n    content: \"\";\n    inline-size: var(--calcite-radio-size);\n    block-size: var(--calcite-radio-size);\n    background-color: windowText;\n    display: block;\n  }\n}\n::slotted(input[slot=hidden-form-input]) {\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  inset: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { HiddenFormInputSlot, connectForm, disconnectForm } from \"../../utils/form\";\nimport { CSS } from \"./resources\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nexport class RadioButton {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, the component is checked. */\n    this.checked = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * The focused state of the component.\n     *\n     * @internal\n     */\n    this.focused = false;\n    /** When `true`, the component is not displayed and is not focusable or checkable. */\n    this.hidden = false;\n    /**\n     * The hovered state of the component.\n     *\n     * @internal\n     */\n    this.hovered = false;\n    /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n    this.required = false;\n    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.selectItem = (items, selectedIndex) => {\n      items[selectedIndex].click();\n    };\n    this.queryButtons = () => {\n      return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter((radioButton) => radioButton.name === this.name);\n    };\n    this.isDefaultSelectable = () => {\n      const radioButtons = this.queryButtons();\n      return !radioButtons.some((radioButton) => radioButton.checked) && radioButtons[0] === this.el;\n    };\n    this.check = () => {\n      if (this.disabled) {\n        return;\n      }\n      this.uncheckAllRadioButtonsInGroup();\n      this.checked = true;\n      this.focused = true;\n      this.calciteRadioButtonChange.emit();\n      this.setFocus();\n    };\n    this.clickHandler = () => {\n      this.check();\n    };\n    this.setContainerEl = (el) => {\n      this.containerEl = el;\n    };\n    this.handleKeyDown = (event) => {\n      const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n      const { key } = event;\n      const { el } = this;\n      if (keys.indexOf(key) === -1) {\n        return;\n      }\n      if (key === \" \") {\n        this.check();\n        event.preventDefault();\n        return;\n      }\n      let adjustedKey = key;\n      if (getElementDir(el) === \"rtl\") {\n        if (key === \"ArrowRight\") {\n          adjustedKey = \"ArrowLeft\";\n        }\n        if (key === \"ArrowLeft\") {\n          adjustedKey = \"ArrowRight\";\n        }\n      }\n      const radioButtons = Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden]\")).filter((radioButton) => radioButton.name === this.name);\n      let currentIndex = 0;\n      const radioButtonsLength = radioButtons.length;\n      radioButtons.some((item, index) => {\n        if (item.checked) {\n          currentIndex = index;\n          return true;\n        }\n      });\n      switch (adjustedKey) {\n        case \"ArrowLeft\":\n        case \"ArrowUp\":\n          event.preventDefault();\n          this.selectItem(radioButtons, getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength));\n          return;\n        case \"ArrowRight\":\n        case \"ArrowDown\":\n          event.preventDefault();\n          this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n          return;\n        default:\n          return;\n      }\n    };\n    this.onContainerBlur = () => {\n      this.focused = false;\n      this.calciteInternalRadioButtonBlur.emit();\n    };\n    this.onContainerFocus = () => {\n      if (!this.disabled) {\n        this.focused = true;\n        this.calciteInternalRadioButtonFocus.emit();\n      }\n    };\n  }\n  checkedChanged(newChecked) {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n  nameChanged() {\n    this.checkLastRadioButton();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n  onLabelClick(event) {\n    if (!this.disabled && !this.hidden) {\n      this.uncheckOtherRadioButtonsInGroup();\n      const label = event.currentTarget;\n      const radioButton = label.for\n        ? this.rootNode.querySelector(`calcite-radio-button[id=\"${label.for}\"]`)\n        : label.querySelector(`calcite-radio-button[name=\"${this.name}\"]`);\n      if (radioButton) {\n        radioButton.checked = true;\n        radioButton.focused = true;\n      }\n      this.calciteRadioButtonChange.emit();\n      this.setFocus();\n    }\n  }\n  checkLastRadioButton() {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n    if ((checkedRadioButtons === null || checkedRadioButtons === void 0 ? void 0 : checkedRadioButtons.length) > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton) => {\n        checkedRadioButton.checked = false;\n        checkedRadioButton.emitCheckedChange();\n      });\n    }\n  }\n  /** @internal */\n  async emitCheckedChange() {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n  uncheckAllRadioButtonsInGroup() {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n  uncheckOtherRadioButtonsInGroup() {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n  getTabIndex() {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isDefaultSelectable() ? 0 : -1;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  mouseenter() {\n    this.hovered = true;\n  }\n  mouseleave() {\n    this.hovered = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    this.rootNode = this.el.getRootNode();\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectLabel(this);\n    connectForm(this);\n  }\n  componentDidLoad() {\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const tabIndex = this.getTabIndex();\n    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(\"div\", { \"aria-checked\": toAriaBoolean(this.checked), \"aria-label\": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: \"radio\", tabIndex: tabIndex }, h(\"div\", { class: \"radio\" })), h(HiddenFormInputSlot, { component: this })));\n  }\n  static get is() { return \"calcite-radio-button\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"radio-button.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"radio-button.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"checked\": {\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 checked.\"\n        },\n        \"attribute\": \"checked\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"focused\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"The focused state of the component.\"\n        },\n        \"attribute\": \"focused\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"guid\": {\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\": \"The `id` of the component. When omitted, a globally unique identifier is used.\"\n        },\n        \"attribute\": \"guid\",\n        \"reflect\": true\n      },\n      \"hidden\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is not displayed and is not focusable or checkable.\"\n        },\n        \"attribute\": \"hidden\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"hovered\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"The hovered state of the component.\"\n        },\n        \"attribute\": \"hovered\",\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\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"name\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the name of the component, passed from the `calcite-radio-button-group` on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"required\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.\"\n        },\n        \"attribute\": \"required\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component inherited from the `calcite-radio-button-group`.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"value\": {\n        \"type\": \"any\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalRadioButtonBlur\",\n        \"name\": \"calciteInternalRadioButtonBlur\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when the radio button is blurred.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteRadioButtonChange\",\n        \"name\": \"calciteRadioButtonChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalRadioButtonCheckedChange\",\n        \"name\": \"calciteInternalRadioButtonCheckedChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when the checked property changes.  This is an internal event used for styling purposes only.\\nUse calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalRadioButtonFocus\",\n        \"name\": \"calciteInternalRadioButtonFocus\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when the radio button is focused.\"\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      \"emitCheckedChange\": {\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\": \"\",\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"checked\",\n        \"methodName\": \"checkedChanged\"\n      }, {\n        \"propName\": \"name\",\n        \"methodName\": \"nameChanged\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"pointerenter\",\n        \"method\": \"mouseenter\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": true\n      }, {\n        \"name\": \"pointerleave\",\n        \"method\": \"mouseleave\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": true\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-2ac06389.js

@@ -3,19 +3,28 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{e as a}from"./p-20bdf42f.js";
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */const s=async(s,o)=>(await a.loadModules(s,o)).map((a=>a.__esModule&&a.default?a.default:a));export{s as l}
+import { e as esriLoader } from './p-20bdf42f.js';
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const loadModules = async (moduleNames, options) => {
+  const mods = await esriLoader.loadModules(moduleNames, options);
+  return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
+};
+
+export { loadModules as l };
+
+//# sourceMappingURL=p-2ac06389.js.map

package/dist/solutions-components/p-2ac06389.js.map

@@ -0,0 +1 @@
+{"file":"p-2ac06389.js","mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;MAkBa,WAAW,GAAG,OAAO,WAAqB,EAAE,OAA4B;EACnF,MAAM,IAAI,GAAG,MAAMA,sBAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;EACtD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;AAChF;;;;","names":["_loadModules"],"sources":["./src/utils/loadModules.ts"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { ILoadScriptOptions, loadModules as _loadModules } from \"esri-loader\";\r\n\r\nexport const loadModules = async (moduleNames: string[], options?: ILoadScriptOptions): Promise<any> => {\r\n  const mods = await _loadModules(moduleNames, options);\r\n  return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));\r\n};\r\n"],"version":3}

package/dist/solutions-components/p-2bce7fa2.entry.js

@@ -0,0 +1,45 @@
+/*!
+ * 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 { u as updateHostInteraction } from './p-7daea1df.js';
+
+const tileSelectGroupCss = "@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;flex-wrap:wrap}:host ::slotted(calcite-tile-select){-webkit-margin-after:1px;margin-block-end:1px;-webkit-margin-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
+
+const TileSelectGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /**
+     * Defines the layout of the component.
+     *
+     * Use `"horizontal"` for rows, and `"vertical"` for a single column.
+     */
+    this.layout = "horizontal";
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  render() {
+    return h("slot", null);
+  }
+  get el() { return getElement(this); }
+};
+TileSelectGroup.style = tileSelectGroupCss;
+
+export { TileSelectGroup as calcite_tile_select_group };
+
+//# sourceMappingURL=p-2bce7fa2.entry.js.map

package/dist/solutions-components/p-2bce7fa2.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-tile-select-group.entry.esm.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,kvDAAkvD;;MCUhwD,eAAe;EAC1B;;;;;;;;IAOE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC;GAC5B;;;;;;EAMD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;EACD,MAAM;IACJ,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GACxB;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tile-select-group/tile-select-group.css?tag=calcite-tile-select-group&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/tile-select-group/tile-select-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([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  flex-wrap: wrap;\n}\n:host ::slotted(calcite-tile-select) {\n  margin-block-end: 1px;\n  margin-inline-end: 1px;\n}\n\n:host([layout=vertical]) {\n  flex-direction: column;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 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 { h } from \"@stencil/core\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding `calcite-tile-select`s.\n */\nexport class TileSelectGroup {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * Defines the layout of the component.\n     *\n     * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n     */\n    this.layout = \"horizontal\";\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  render() {\n    return h(\"slot\", null);\n  }\n  static get is() { return \"calcite-tile-select-group\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"tile-select-group.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"tile-select-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      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"TileSelectGroupLayout\",\n          \"resolved\": \"\\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"TileSelectGroupLayout\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Defines the layout of the component.\\n\\nUse `\\\"horizontal\\\"` for rows, and `\\\"vertical\\\"` for a single column.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"horizontal\\\"\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/solutions-components/p-2e9ed892.js

@@ -8,4 +8,51 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-const t=new WeakMap;function i(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onBeforeOpen():this.onBeforeClose())}function n(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onOpen():this.onClose())}function s(s){if(o(s),s.transitionEl){const o=i.bind(s),a=n.bind(s);t.set(s,[s.transitionEl,o,a]),s.transitionEl.addEventListener("transitionstart",o),s.transitionEl.addEventListener("transitionend",a)}}function o(i){if(!t.has(i))return;const[n,s,o]=t.get(i);n.removeEventListener("transitionstart",s),n.removeEventListener("transitionend",o),t.delete(i)}export{s as c,o as d}
+const componentToTransitionListeners = new WeakMap();
+function transitionStart(event) {
+  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+    this.open ? this.onBeforeOpen() : this.onBeforeClose();
+  }
+}
+function transitionEnd(event) {
+  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+    this.open ? this.onOpen() : this.onClose();
+  }
+}
+/**
+ * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ */
+function connectOpenCloseComponent(component) {
+  disconnectOpenCloseComponent(component);
+  if (component.transitionEl) {
+    const boundOnTransitionStart = transitionStart.bind(component);
+    const boundOnTransitionEnd = transitionEnd.bind(component);
+    componentToTransitionListeners.set(component, [
+      component.transitionEl,
+      boundOnTransitionStart,
+      boundOnTransitionEnd
+    ]);
+    component.transitionEl.addEventListener("transitionstart", boundOnTransitionStart);
+    component.transitionEl.addEventListener("transitionend", boundOnTransitionEnd);
+  }
+}
+/**
+ * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ */
+function disconnectOpenCloseComponent(component) {
+  if (!componentToTransitionListeners.has(component)) {
+    return;
+  }
+  const [transitionEl, start, end] = componentToTransitionListeners.get(component);
+  transitionEl.removeEventListener("transitionstart", start);
+  transitionEl.removeEventListener("transitionend", end);
+  componentToTransitionListeners.delete(component);
+}
+
+export { connectOpenCloseComponent as c, disconnectOpenCloseComponent as d };
+
+//# sourceMappingURL=p-2e9ed892.js.map

package/dist/solutions-components/p-2e9ed892.js.map

@@ -0,0 +1 @@
+{"file":"p-2e9ed892.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA,MAAM,8BAA8B,GAAG,IAAI,OAAO,EAAE,CAAC;AACrD,SAAS,eAAe,CAAC,KAAK,EAAE;AAChC,EAAE,IAAI,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,kBAAkB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,YAAY,EAAE;AAC5F,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AAC3D,GAAG;AACH,CAAC;AACD,SAAS,aAAa,CAAC,KAAK,EAAE;AAC9B,EAAE,IAAI,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,kBAAkB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,YAAY,EAAE;AAC5F,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;AAC/C,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACO,SAAS,yBAAyB,CAAC,SAAS,EAAE;AACrD,EAAE,4BAA4B,CAAC,SAAS,CAAC,CAAC;AAC1C,EAAE,IAAI,SAAS,CAAC,YAAY,EAAE;AAC9B,IAAI,MAAM,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACnE,IAAI,MAAM,oBAAoB,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC/D,IAAI,8BAA8B,CAAC,GAAG,CAAC,SAAS,EAAE;AAClD,MAAM,SAAS,CAAC,YAAY;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,oBAAoB;AAC1B,KAAK,CAAC,CAAC;AACP,IAAI,SAAS,CAAC,YAAY,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC;AACvF,IAAI,SAAS,CAAC,YAAY,CAAC,gBAAgB,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AACnF,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACO,SAAS,4BAA4B,CAAC,SAAS,EAAE;AACxD,EAAE,IAAI,CAAC,8BAA8B,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACtD,IAAI,OAAO;AACX,GAAG;AACH,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,8BAA8B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACnF,EAAE,YAAY,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAC7D,EAAE,YAAY,CAAC,mBAAmB,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;AACzD,EAAE,8BAA8B,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/openCloseComponent.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 */\nconst componentToTransitionListeners = new WeakMap();\nfunction transitionStart(event) {\n  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {\n    this.open ? this.onBeforeOpen() : this.onBeforeClose();\n  }\n}\nfunction transitionEnd(event) {\n  if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {\n    this.open ? this.onOpen() : this.onClose();\n  }\n}\n/**\n * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.\n *\n * @param component\n */\nexport function connectOpenCloseComponent(component) {\n  disconnectOpenCloseComponent(component);\n  if (component.transitionEl) {\n    const boundOnTransitionStart = transitionStart.bind(component);\n    const boundOnTransitionEnd = transitionEnd.bind(component);\n    componentToTransitionListeners.set(component, [\n      component.transitionEl,\n      boundOnTransitionStart,\n      boundOnTransitionEnd\n    ]);\n    component.transitionEl.addEventListener(\"transitionstart\", boundOnTransitionStart);\n    component.transitionEl.addEventListener(\"transitionend\", boundOnTransitionEnd);\n  }\n}\n/**\n * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.\n *\n * @param component\n */\nexport function disconnectOpenCloseComponent(component) {\n  if (!componentToTransitionListeners.has(component)) {\n    return;\n  }\n  const [transitionEl, start, end] = componentToTransitionListeners.get(component);\n  transitionEl.removeEventListener(\"transitionstart\", start);\n  transitionEl.removeEventListener(\"transitionend\", end);\n  componentToTransitionListeners.delete(component);\n}\n"],"version":3}