@esri/solutions-components 0.2.2 → 0.2.3

package/dist/solutions-components/p-36ce64e4.entry.js

@@ -1,215 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
-import { n as normalizeHex, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './p-991ee695.js';
-import { c as color } from './p-93d3119d.js';
-import { f as focusElement } from './p-32a67cb2.js';
-import { T as TEXT } from './p-374a5031.js';
-import './p-3b010ce1.js';
-import './p-729708a3.js';
-import './p-a80b3880.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  container: "container",
-  preview: "preview",
-  input: "input"
-};
-
-const colorPickerHexInputCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{display:inline-grid;inline-size:100%;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;pointer-events:none;margin-block:0px;margin-inline:0.25rem;display:flex;align-items:center}.preview,.input{grid-row:1}.input{grid-column:1/3;inline-size:100%;text-transform:uppercase}";
-
-const DEFAULT_COLOR = color();
-const ColorPickerHexInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calciteColorPickerHexInputChange = createEvent(this, "calciteColorPickerHexInputChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.
-     *
-     * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
-     */
-    this.allowEmpty = false;
-    /**
-     * Accessible name for the Hex input.
-     *
-     * @default "Hex"
-     */
-    this.intlHex = TEXT.hex;
-    /**
-     * Accessible name for the Hex input when there is no color selected.
-     *
-     * @default "No color"
-     */
-    this.intlNoColor = TEXT.noColor;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * The Hex value.
-     */
-    this.value = normalizeHex(DEFAULT_COLOR.hex());
-    this.onCalciteInternalInputBlur = () => {
-      const node = this.inputNode;
-      const inputValue = node.value;
-      const hex = `#${inputValue}`;
-      const willClearValue = this.allowEmpty && !inputValue;
-      if (willClearValue || (isValidHex(hex) && isLonghandHex(hex))) {
-        return;
-      }
-      // manipulating DOM directly since rerender doesn't update input value
-      node.value =
-        this.allowEmpty && !this.internalColor
-          ? ""
-          : this.formatForInternalInput(rgbToHex(this.internalColor.object()));
-    };
-    this.onInputChange = () => {
-      this.internalSetValue(this.inputNode.value, this.value);
-    };
-    /**
-     * The last valid/selected color. Used as a fallback if an invalid hex code is entered.
-     */
-    this.internalColor = DEFAULT_COLOR;
-    this.previousNonNullValue = this.value;
-    this.storeInputRef = (node) => {
-      this.inputNode = node;
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    const { allowEmpty, value } = this;
-    if (value) {
-      const normalized = normalizeHex(value);
-      if (isValidHex(normalized)) {
-        this.internalSetValue(normalized, normalized, false);
-      }
-      return;
-    }
-    if (allowEmpty) {
-      this.internalSetValue(null, null, false);
-    }
-  }
-  handleValueChange(value, oldValue) {
-    this.internalSetValue(value, oldValue, false);
-  }
-  // using @Listen as a workaround for VDOM listener not firing
-  onInputKeyDown(event) {
-    const { altKey, ctrlKey, metaKey, shiftKey } = event;
-    const { internalColor, value } = this;
-    const { key } = event;
-    if (key === "Tab" || key === "Enter") {
-      this.onInputChange();
-      return;
-    }
-    const isNudgeKey = key === "ArrowDown" || key === "ArrowUp";
-    const oldValue = this.value;
-    if (isNudgeKey) {
-      if (!value) {
-        this.internalSetValue(this.previousNonNullValue, oldValue);
-        event.preventDefault();
-        return;
-      }
-      const direction = key === "ArrowUp" ? 1 : -1;
-      const bump = shiftKey ? 10 : 1;
-      this.internalSetValue(normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);
-      event.preventDefault();
-      return;
-    }
-    const withModifiers = altKey || ctrlKey || metaKey;
-    const singleChar = key.length === 1;
-    const validHexChar = hexChar.test(key);
-    if (singleChar && !withModifiers && !validHexChar) {
-      event.preventDefault();
-    }
-  }
-  onPaste(event) {
-    const hex = event.clipboardData.getData("text");
-    if (isValidHex(hex)) {
-      event.preventDefault();
-      this.inputNode.value = hex.slice(1);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  render() {
-    const { intlHex, value } = this;
-    const hexInputValue = this.formatForInternalInput(value);
-    return (h("div", { class: CSS.container }, h("calcite-input", { class: CSS.input, label: intlHex, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, onPaste: this.onPaste, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (h("calcite-color-picker-swatch", { active: true, class: CSS.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    focusElement(this.inputNode);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  internalSetValue(value, oldValue, emit = true) {
-    if (value) {
-      const normalized = normalizeHex(value);
-      if (isValidHex(normalized)) {
-        const { internalColor } = this;
-        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());
-        this.internalColor = color(normalized);
-        this.previousNonNullValue = normalized;
-        this.value = normalized;
-        if (changed && emit) {
-          this.calciteColorPickerHexInputChange.emit();
-        }
-        return;
-      }
-    }
-    else if (this.allowEmpty) {
-      this.internalColor = null;
-      this.value = null;
-      if (emit) {
-        this.calciteColorPickerHexInputChange.emit();
-      }
-      return;
-    }
-    this.value = oldValue;
-  }
-  formatForInternalInput(hex) {
-    return hex ? hex.replace("#", "") : "";
-  }
-  nudgeRGBChannels(color$1, amount) {
-    return color.rgb(color$1.array().map((channel) => channel + amount));
-  }
-  handleKeyDown(event) {
-    if (event.key === "Enter") {
-      event.preventDefault();
-    }
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["handleValueChange"]
-  }; }
-};
-ColorPickerHexInput.style = colorPickerHexInputCss;
-
-export { ColorPickerHexInput as calcite_color_picker_hex_input };
-
-//# sourceMappingURL=p-36ce64e4.entry.js.map

package/dist/solutions-components/p-36ce64e4.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-color-picker-hex-input.entry.esm.js","mappings":"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","names":["Color","color"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/color-picker-hex-input.css?tag=calcite-color-picker-hex-input&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/color-picker-hex-input.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  preview: \"preview\",\n  input: \"input\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: block;\n}\n\n.container {\n  display: inline-grid;\n  inline-size: 100%;\n  align-items: center;\n  grid-template-columns: 1fr auto;\n}\n\n.preview {\n  grid-column: 2/3;\n  pointer-events: none;\n  margin-block: 0px;\n  margin-inline: 0.25rem;\n  display: flex;\n  align-items: center;\n}\n\n.preview,\n.input {\n  grid-row: 1;\n}\n\n.input {\n  grid-column: 1/3;\n  inline-size: 100%;\n  text-transform: uppercase;\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 { hexChar, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from \"../color-picker/utils\";\nimport Color from \"color\";\nimport { CSS } from \"./resources\";\nimport { focusElement } from \"../../utils/dom\";\nimport { TEXT } from \"../color-picker/resources\";\nconst DEFAULT_COLOR = Color();\nexport class ColorPickerHexInput {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.\n     *\n     * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.\n     */\n    this.allowEmpty = false;\n    /**\n     * Accessible name for the Hex input.\n     *\n     * @default \"Hex\"\n     */\n    this.intlHex = TEXT.hex;\n    /**\n     * Accessible name for the Hex input when there is no color selected.\n     *\n     * @default \"No color\"\n     */\n    this.intlNoColor = TEXT.noColor;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /**\n     * The Hex value.\n     */\n    this.value = normalizeHex(DEFAULT_COLOR.hex());\n    this.onCalciteInternalInputBlur = () => {\n      const node = this.inputNode;\n      const inputValue = node.value;\n      const hex = `#${inputValue}`;\n      const willClearValue = this.allowEmpty && !inputValue;\n      if (willClearValue || (isValidHex(hex) && isLonghandHex(hex))) {\n        return;\n      }\n      // manipulating DOM directly since rerender doesn't update input value\n      node.value =\n        this.allowEmpty && !this.internalColor\n          ? \"\"\n          : this.formatForInternalInput(rgbToHex(this.internalColor.object()));\n    };\n    this.onInputChange = () => {\n      this.internalSetValue(this.inputNode.value, this.value);\n    };\n    /**\n     * The last valid/selected color. Used as a fallback if an invalid hex code is entered.\n     */\n    this.internalColor = DEFAULT_COLOR;\n    this.previousNonNullValue = this.value;\n    this.storeInputRef = (node) => {\n      this.inputNode = node;\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    const { allowEmpty, value } = this;\n    if (value) {\n      const normalized = normalizeHex(value);\n      if (isValidHex(normalized)) {\n        this.internalSetValue(normalized, normalized, false);\n      }\n      return;\n    }\n    if (allowEmpty) {\n      this.internalSetValue(null, null, false);\n    }\n  }\n  handleValueChange(value, oldValue) {\n    this.internalSetValue(value, oldValue, false);\n  }\n  // using @Listen as a workaround for VDOM listener not firing\n  onInputKeyDown(event) {\n    const { altKey, ctrlKey, metaKey, shiftKey } = event;\n    const { internalColor, value } = this;\n    const { key } = event;\n    if (key === \"Tab\" || key === \"Enter\") {\n      this.onInputChange();\n      return;\n    }\n    const isNudgeKey = key === \"ArrowDown\" || key === \"ArrowUp\";\n    const oldValue = this.value;\n    if (isNudgeKey) {\n      if (!value) {\n        this.internalSetValue(this.previousNonNullValue, oldValue);\n        event.preventDefault();\n        return;\n      }\n      const direction = key === \"ArrowUp\" ? 1 : -1;\n      const bump = shiftKey ? 10 : 1;\n      this.internalSetValue(normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);\n      event.preventDefault();\n      return;\n    }\n    const withModifiers = altKey || ctrlKey || metaKey;\n    const singleChar = key.length === 1;\n    const validHexChar = hexChar.test(key);\n    if (singleChar && !withModifiers && !validHexChar) {\n      event.preventDefault();\n    }\n  }\n  onPaste(event) {\n    const hex = event.clipboardData.getData(\"text\");\n    if (isValidHex(hex)) {\n      event.preventDefault();\n      this.inputNode.value = hex.slice(1);\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { intlHex, value } = this;\n    const hexInputValue = this.formatForInternalInput(value);\n    return (h(\"div\", { class: CSS.container }, h(\"calcite-input\", { class: CSS.input, label: intlHex, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, onPaste: this.onPaste, prefixText: \"#\", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (h(\"calcite-color-picker-swatch\", { active: true, class: CSS.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.inputNode);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  internalSetValue(value, oldValue, emit = true) {\n    if (value) {\n      const normalized = normalizeHex(value);\n      if (isValidHex(normalized)) {\n        const { internalColor } = this;\n        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());\n        this.internalColor = Color(normalized);\n        this.previousNonNullValue = normalized;\n        this.value = normalized;\n        if (changed && emit) {\n          this.calciteColorPickerHexInputChange.emit();\n        }\n        return;\n      }\n    }\n    else if (this.allowEmpty) {\n      this.internalColor = null;\n      this.value = null;\n      if (emit) {\n        this.calciteColorPickerHexInputChange.emit();\n      }\n      return;\n    }\n    this.value = oldValue;\n  }\n  formatForInternalInput(hex) {\n    return hex ? hex.replace(\"#\", \"\") : \"\";\n  }\n  nudgeRGBChannels(color, amount) {\n    return Color.rgb(color.array().map((channel) => channel + amount));\n  }\n  handleKeyDown(event) {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n    }\n  }\n  static get is() { return \"calcite-color-picker-hex-input\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"color-picker-hex-input.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"color-picker-hex-input.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"allowEmpty\": {\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 `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.\\n\\nWhen `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.\"\n        },\n        \"attribute\": \"allow-empty\",\n        \"reflect\": false,\n        \"defaultValue\": \"false\"\n      },\n      \"intlHex\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Hex\\\"\"\n            }],\n          \"text\": \"Accessible name for the Hex input.\"\n        },\n        \"attribute\": \"intl-hex\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.hex\"\n      },\n      \"intlNoColor\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"No color\\\"\"\n            }],\n          \"text\": \"Accessible name for the Hex input when there is no color selected.\"\n        },\n        \"attribute\": \"intl-no-color\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.noColor\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"value\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The Hex value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": true,\n        \"defaultValue\": \"normalizeHex(DEFAULT_COLOR.hex())\"\n      },\n      \"numberingSystem\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"NumberingSystem\",\n          \"resolved\": \"\\\"arab\\\" | \\\"arabext\\\" | \\\"bali\\\" | \\\"beng\\\" | \\\"deva\\\" | \\\"fullwide\\\" | \\\"gujr\\\" | \\\"guru\\\" | \\\"hanidec\\\" | \\\"khmr\\\" | \\\"knda\\\" | \\\"laoo\\\" | \\\"latn\\\" | \\\"limb\\\" | \\\"mlym\\\" | \\\"mong\\\" | \\\"mymr\\\" | \\\"orya\\\" | \\\"tamldec\\\" | \\\"telu\\\" | \\\"thai\\\" | \\\"tibt\\\"\",\n          \"references\": {\n            \"NumberingSystem\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/locale\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the Unicode numeral system used by the component for localization.\"\n        },\n        \"attribute\": \"numbering-system\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"internalColor\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteColorPickerHexInputChange\",\n        \"name\": \"calciteColorPickerHexInputChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emitted when the hex value changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"value\",\n        \"methodName\": \"handleValueChange\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"keydown\",\n        \"method\": \"onInputKeyDown\",\n        \"target\": undefined,\n        \"capture\": true,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-374a5031.js.map

@@ -1 +0,0 @@
-{"file":"p-374a5031.js","mappings":"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","names":["Color"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/color-picker/resources.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 */\nimport Color from \"color\";\nexport const CSS = {\n  container: \"container\",\n  controlSection: \"control-section\",\n  hexOptions: \"color-hex-options\",\n  section: \"section\",\n  header: \"header\",\n  control: \"control\",\n  splitSection: \"section--split\",\n  colorModeContainer: \"color-mode-container\",\n  colorMode: \"color-mode\",\n  channels: \"channels\",\n  channel: \"channel\",\n  savedColors: \"saved-colors\",\n  savedColorsSection: \"saved-colors-section\",\n  saveColor: \"save-color\",\n  deleteColor: \"delete-color\",\n  savedColorsButtons: \"saved-colors-buttons\",\n  headerHex: \"header--hex\",\n  colorFieldAndSlider: \"color-field-and-slider\",\n  colorFieldAndSliderInteractive: \"color-field-and-slider--interactive\",\n  colorFieldAndSliderWrap: \"color-field-and-slider-wrap\",\n  scope: \"scope\",\n  hueScope: \"scope--hue\",\n  colorFieldScope: \"scope--color-field\",\n  savedColor: \"saved-color\"\n};\nexport const DEFAULT_COLOR = Color(\"#007AC2\");\nexport const DEFAULT_STORAGE_KEY_PREFIX = \"calcite-color-\";\nexport const RGB_LIMITS = {\n  r: 255,\n  g: 255,\n  b: 255\n};\nexport const HSV_LIMITS = {\n  h: 360,\n  s: 100,\n  v: 100\n};\nexport const TEXT = {\n  b: \"B\",\n  blue: \"Blue\",\n  deleteColor: \"Delete color\",\n  g: \"G\",\n  green: \"Green\",\n  h: \"H\",\n  hsv: \"HSV\",\n  hex: \"Hex\",\n  hue: \"Hue\",\n  noColor: \"No color\",\n  r: \"R\",\n  red: \"Red\",\n  rgb: \"RGB\",\n  s: \"S\",\n  saturation: \"Saturation\",\n  saveColor: \"Save color\",\n  saved: \"Saved\",\n  v: \"V\",\n  value: \"Value\"\n};\nexport const DIMENSIONS = {\n  s: {\n    slider: {\n      height: 10,\n      width: 160\n    },\n    colorField: {\n      height: 80,\n      width: 160\n    },\n    thumb: {\n      radius: 8\n    }\n  },\n  m: {\n    slider: {\n      height: 14,\n      width: 272\n    },\n    colorField: {\n      height: 150,\n      width: 272\n    },\n    thumb: {\n      radius: 10\n    }\n  },\n  l: {\n    slider: {\n      height: 16,\n      width: 464\n    },\n    colorField: {\n      height: 200,\n      width: 464\n    },\n    thumb: {\n      radius: 12\n    }\n  }\n};\n"],"version":3}

package/dist/solutions-components/p-3b010ce1.js.map

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

package/dist/solutions-components/p-3f6b0af4.js.map

@@ -1 +0,0 @@
-{"file":"p-3f6b0af4.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/form.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 */\nimport { closestElementCrossShadowBoundary } from \"./dom\";\nimport { h } from \"@stencil/core\";\n/**\n * Exported for testing purposes.\n */\nexport const hiddenFormInputSlotName = \"hidden-form-input\";\nfunction isCheckable(component) {\n  return \"checked\" in component;\n}\nconst onFormResetMap = new WeakMap();\nconst formComponentSet = new WeakSet();\nfunction hasRegisteredFormComponentParent(form, formComponentEl) {\n  // we use events as a way to test for nested form-associated components across shadow bounds\n  const formComponentRegisterEventName = \"calciteInternalFormComponentRegister\";\n  let hasRegisteredFormComponentParent = false;\n  form.addEventListener(formComponentRegisterEventName, (event) => {\n    hasRegisteredFormComponentParent = event\n      .composedPath()\n      .some((element) => formComponentSet.has(element));\n    event.stopPropagation();\n  }, { once: true });\n  formComponentEl.dispatchEvent(new CustomEvent(formComponentRegisterEventName, {\n    bubbles: true,\n    composed: true\n  }));\n  return hasRegisteredFormComponentParent;\n}\n/**\n * Helper to submit a form.\n *\n * @param component\n * @returns true if its associated form was submitted, false otherwise.\n */\nexport function submitForm(component) {\n  const { formEl } = component;\n  if (!formEl) {\n    return false;\n  }\n  \"requestSubmit\" in formEl ? formEl.requestSubmit() : formEl.submit();\n  return true;\n}\n/**\n * Helper to reset a form.\n *\n * @param component\n */\nexport function resetForm(component) {\n  var _a;\n  (_a = component.formEl) === null || _a === void 0 ? void 0 : _a.reset();\n}\n/**\n * Helper to set up form interactions on connectedCallback.\n *\n * @param component\n */\nexport function connectForm(component) {\n  const { el, value } = component;\n  const form = closestElementCrossShadowBoundary(el, \"form\");\n  if (!form || hasRegisteredFormComponentParent(form, el)) {\n    return;\n  }\n  component.formEl = form;\n  component.defaultValue = value;\n  if (isCheckable(component)) {\n    component.defaultChecked = component.checked;\n  }\n  const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);\n  form.addEventListener(\"reset\", boundOnFormReset);\n  onFormResetMap.set(component.el, boundOnFormReset);\n  formComponentSet.add(el);\n}\nfunction onFormReset() {\n  if (isCheckable(this)) {\n    this.checked = this.defaultChecked;\n    return;\n  }\n  this.value = this.defaultValue;\n}\n/**\n * Helper to tear down form interactions on disconnectedCallback.\n *\n * @param component\n */\nexport function disconnectForm(component) {\n  const { el, formEl } = component;\n  if (!formEl) {\n    return;\n  }\n  const boundOnFormReset = onFormResetMap.get(el);\n  formEl.removeEventListener(\"reset\", boundOnFormReset);\n  onFormResetMap.delete(el);\n  component.formEl = null;\n  formComponentSet.delete(el);\n}\n/**\n * Helper for setting the default value on initialization after connectedCallback.\n *\n * Note that this is only needed if the default value cannot be determined on connectedCallback.\n *\n * @param component\n * @param value\n */\nexport function afterConnectDefaultValueSet(component, value) {\n  component.defaultValue = value;\n}\nconst hiddenInputChangeHandler = (event) => {\n  event.target.dispatchEvent(new CustomEvent(\"calciteInternalHiddenInputChange\", { bubbles: true }));\n};\nconst removeHiddenInputChangeEventListener = (input) => input.removeEventListener(\"change\", hiddenInputChangeHandler);\n/**\n * Helper for maintaining a form-associated's hidden input in sync with the component.\n *\n * Based on Ionic's approach: https://github.com/ionic-team/ionic-framework/blob/e4bf052794af9aac07f887013b9250d2a045eba3/core/src/utils/helpers.ts#L198\n *\n * @param component\n */\nfunction syncHiddenFormInput(component) {\n  const { el, formEl, name, value } = component;\n  const { ownerDocument } = el;\n  const inputs = el.querySelectorAll(`input[slot=\"${hiddenFormInputSlotName}\"]`);\n  if (!formEl || !name) {\n    inputs.forEach((input) => {\n      removeHiddenInputChangeEventListener(input);\n      input.remove();\n    });\n    return;\n  }\n  const values = Array.isArray(value) ? value : [value];\n  const extra = [];\n  const seen = new Set();\n  inputs.forEach((input) => {\n    const valueMatch = values.find((val) => \n    /* intentional non-strict equality check */\n    val == input.value);\n    if (valueMatch != null) {\n      seen.add(valueMatch);\n      defaultSyncHiddenFormInput(component, input, valueMatch);\n    }\n    else {\n      extra.push(input);\n    }\n  });\n  let docFrag;\n  values.forEach((value) => {\n    if (seen.has(value)) {\n      return;\n    }\n    let input = extra.pop();\n    if (!input) {\n      input = ownerDocument.createElement(\"input\");\n      input.slot = hiddenFormInputSlotName;\n    }\n    if (!docFrag) {\n      docFrag = ownerDocument.createDocumentFragment();\n    }\n    docFrag.append(input);\n    // emits when hidden input is autofilled\n    input.addEventListener(\"change\", hiddenInputChangeHandler);\n    defaultSyncHiddenFormInput(component, input, value);\n  });\n  if (docFrag) {\n    el.append(docFrag);\n  }\n  extra.forEach((input) => {\n    removeHiddenInputChangeEventListener(input);\n    input.remove();\n  });\n}\nfunction defaultSyncHiddenFormInput(component, input, value) {\n  var _a;\n  const { defaultValue, disabled, name, required } = component;\n  // keep in sync to prevent losing reset value\n  input.defaultValue = defaultValue;\n  input.disabled = disabled;\n  input.name = name;\n  input.required = required;\n  input.tabIndex = -1;\n  if (isCheckable(component)) {\n    // keep in sync to prevent losing reset value\n    input.defaultChecked = component.defaultChecked;\n    // heuristic to support default/on mode from https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on\n    input.value = component.checked ? value || \"on\" : \"\";\n    // we disable the component when not checked to avoid having its value submitted\n    if (!disabled && !component.checked) {\n      input.disabled = true;\n    }\n  }\n  else {\n    input.value = value || \"\";\n  }\n  (_a = component.syncHiddenFormInput) === null || _a === void 0 ? void 0 : _a.call(component, input);\n}\n/**\n * Helper to render the slot for form-associated component's hidden input.\n *\n * If the component has a default slot, this must be placed at the bottom of the component's root container to ensure it is the last child.\n *\n * render(): VNode {\n *   <Host>\n *     <div class={CSS.container}>\n *     // ...\n *     <HiddenFormInputSlot component={this} />\n *     </div>\n *   </Host>\n * }\n *\n * Note that the hidden-form-input Sass mixin must be added to the component's style to apply specific styles.\n *\n * @param root0\n * @param root0.component\n */\nexport const HiddenFormInputSlot = ({ component }) => {\n  syncHiddenFormInput(component);\n  return h(\"slot\", { name: hiddenFormInputSlotName });\n};\n"],"version":3}

package/dist/solutions-components/p-400e1427.entry.js

@@ -1,236 +0,0 @@
-/*!
- * 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 getElementProp, t as toAriaBoolean } from './p-32a67cb2.js';
-import { u as updateHostInteraction } from './p-7daea1df.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './p-23904a3d.js';
-import './p-729708a3.js';
-import './p-a80b3880.js';
-import './p-73e23995.js';
-import './p-9a9955db.js';
-
-const stepperItemCss = "@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([layout=horizontal][disabled]) .stepper-item-header,: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([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);-webkit-margin-before:1px;margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-description{color:var(--calcite-ui-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-ui-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-ui-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-ui-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-ui-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][selected]) .container .stepper-item-content ::slotted(:last-child){-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-l);margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-ui-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);outline-color:transparent;grid-row:items;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][scale=s]) .stepper-item-header{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .stepper-item-header{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-ui-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-ui-danger)}:host([layout=horizontal][selected]) .stepper-item-header{border-color:var(--calcite-ui-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}";
-
-const StepperItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calciteInternalStepperItemKeyEvent = createEvent(this, "calciteInternalStepperItemKeyEvent", 6);
-    this.calciteInternalStepperItemSelect = createEvent(this, "calciteInternalStepperItemSelect", 6);
-    this.calciteInternalUserRequestedStepperItemSelect = createEvent(this, "calciteInternalUserRequestedStepperItemSelect", 6);
-    this.calciteInternalStepperItemRegister = createEvent(this, "calciteInternalStepperItemRegister", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     *  When `true`, the component is selected.
-     *
-     * @deprecated Use `selected` instead.
-     */
-    this.active = false;
-    /**
-     * When `true`, the component is selected.
-     */
-    this.selected = false;
-    /** When `true`, the step has been completed. */
-    this.complete = false;
-    /** When `true`, the component contains an error that requires resolution from the user. */
-    this.error = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    // internal props inherited from wrapping calcite-stepper
-    /** Defines the layout of the component. */
-    /** @internal */
-    this.layout = "horizontal";
-    /** When `true`, displays a status icon in the component's heading. */
-    /** @internal */
-    this.icon = false;
-    /** When `true`, displays the step number in the component's heading. */
-    /** @internal */
-    this.numbered = false;
-    /** Specifies the size of the component. */
-    /** @internal */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Internal State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.keyDownHandler = (event) => {
-      if (!this.disabled && event.target === this.el) {
-        switch (event.key) {
-          case " ":
-          case "Enter":
-            this.emitUserRequestedItem();
-            event.preventDefault();
-            break;
-          case "ArrowUp":
-          case "ArrowDown":
-          case "ArrowLeft":
-          case "ArrowRight":
-          case "Home":
-          case "End":
-            this.calciteInternalStepperItemKeyEvent.emit({ item: event });
-            event.preventDefault();
-            break;
-        }
-      }
-    };
-    this.handleItemClick = (event) => {
-      if (this.layout === "horizontal" &&
-        event
-          .composedPath()
-          .some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("stepper-item-content"); })) {
-        return;
-      }
-      this.emitUserRequestedItem();
-    };
-    this.emitUserRequestedItem = () => {
-      this.emitRequestedItem();
-      if (!this.disabled) {
-        const position = this.itemPosition;
-        this.calciteInternalUserRequestedStepperItemSelect.emit({
-          position
-        });
-      }
-    };
-    this.emitRequestedItem = () => {
-      if (!this.disabled) {
-        const position = this.itemPosition;
-        this.calciteInternalStepperItemSelect.emit({
-          position
-        });
-      }
-    };
-  }
-  activeHandler(value) {
-    this.selected = value;
-  }
-  selectedHandler(value) {
-    this.active = value;
-    if (this.selected) {
-      this.emitRequestedItem();
-    }
-  }
-  // watch for removal of disabled to register step
-  disabledWatcher() {
-    this.registerStepperItem();
-  }
-  effectiveLocaleWatcher(locale) {
-    var _a;
-    numberStringFormatter.numberFormatOptions = {
-      locale,
-      numberingSystem: (_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.numberingSystem,
-      useGrouping: false
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    connectLocalized(this);
-    const { selected, active } = this;
-    if (selected) {
-      this.active = selected;
-    }
-    else if (active) {
-      this.selected = active;
-    }
-  }
-  componentWillLoad() {
-    var _a;
-    this.icon = getElementProp(this.el, "icon", false);
-    this.numbered = getElementProp(this.el, "numbered", false);
-    this.layout = getElementProp(this.el, "layout", false);
-    this.scale = getElementProp(this.el, "scale", "m");
-    this.parentStepperEl = this.el.parentElement;
-    this.itemPosition = this.getItemPosition();
-    this.registerStepperItem();
-    if (this.selected) {
-      this.emitRequestedItem();
-    }
-    numberStringFormatter.numberFormatOptions = {
-      locale: this.effectiveLocale,
-      numberingSystem: (_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.numberingSystem,
-      useGrouping: false
-    };
-  }
-  componentDidRender() {
-    updateHostInteraction(this, true);
-  }
-  disconnectedCallback() {
-    disconnectLocalized(this);
-  }
-  render() {
-    return (h(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.handleItemClick, onKeyDown: this.keyDownHandler }, h("div", { class: "container" }, h("div", { class: "stepper-item-header", ref: (el) => (this.headerEl = el), tabIndex: 
-      /* additional tab index logic needed because of display: contents */
-      this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: "stepper-item-number" }, numberStringFormatter.numberFormatter.format(this.itemPosition + 1), ".")) : null, h("div", { class: "stepper-item-header-text" }, h("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle), h("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))), h("div", { class: "stepper-item-content" }, h("slot", null)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  updateActiveItemOnChange(event) {
-    if (event.target === this.parentStepperEl ||
-      event.composedPath().includes(this.parentStepperEl)) {
-      this.selectedPosition = event.detail.position;
-      this.determineSelectedItem();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  async setFocus() {
-    var _a;
-    (_a = (this.layout === "vertical" ? this.el : this.headerEl)) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  renderIcon() {
-    const path = this.selected
-      ? "circleF"
-      : this.error
-        ? "exclamationMarkCircleF"
-        : this.complete
-          ? "checkCircleF"
-          : "circle";
-    return h("calcite-icon", { class: "stepper-item-icon", icon: path, scale: "s" });
-  }
-  determineSelectedItem() {
-    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;
-  }
-  registerStepperItem() {
-    this.calciteInternalStepperItemRegister.emit({
-      position: this.itemPosition
-    });
-  }
-  getItemPosition() {
-    var _a;
-    return Array.from((_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.querySelectorAll("calcite-stepper-item")).indexOf(this.el);
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "selected": ["selectedHandler"],
-    "disabled": ["disabledWatcher"],
-    "effectiveLocale": ["effectiveLocaleWatcher"]
-  }; }
-};
-StepperItem.style = stepperItemCss;
-
-export { StepperItem as calcite_stepper_item };
-
-//# sourceMappingURL=p-400e1427.entry.js.map