@esri/solutions-components 0.2.3 → 0.2.4

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,236 @@
+/*!
+ * 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

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

@@ -0,0 +1 @@
+{"file":"calcite-stepper-item.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/stepper-item/stepper-item.css?tag=calcite-stepper-item&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/stepper-item/stepper-item.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([layout=horizontal][disabled]) .stepper-item-header,  :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([scale=s]) {\n  --calcite-stepper-item-spacing-unit-s: 0.25rem;\n  --calcite-stepper-item-spacing-unit-m: 0.75rem;\n  --calcite-stepper-item-spacing-unit-l: 1rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  margin-inline-end: 0.25rem;\n}\n:host([scale=s]) .stepper-item-description {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=m]) {\n  --calcite-stepper-item-spacing-unit-s: 0.5rem;\n  --calcite-stepper-item-spacing-unit-m: 1rem;\n  --calcite-stepper-item-spacing-unit-l: 1.25rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  margin-inline-end: 0.5rem;\n}\n:host([scale=m]) .stepper-item-description {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-stepper-item-spacing-unit-s: 0.75rem;\n  --calcite-stepper-item-spacing-unit-m: 1.25rem;\n  --calcite-stepper-item-spacing-unit-l: 1.5rem;\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.5rem;\n  margin-inline-end: 0.75rem;\n}\n:host([scale=l]) .stepper-item-description {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  align-self: flex-start;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  cursor: pointer;\n  flex-direction: column;\n  border-width: 0px;\n  border-block-start-width: 2px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  color: var(--calcite-ui-text-3);\n  text-decoration-line: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host {\n  outline-color: transparent;\n}\n\n:host(:focus) {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n:host .stepper-item-header {\n  display: flex;\n  cursor: pointer;\n  align-items: flex-start;\n}\n\n:host .stepper-item-content, \n:host .stepper-item-header {\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  padding-block: var(--calcite-stepper-item-spacing-unit-l);\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host .stepper-item-header * {\n  display: inline-flex;\n  align-items: center;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host .stepper-item-content {\n  display: none;\n  inline-size: 100%;\n  flex-direction: column;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host .stepper-item-icon {\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  margin-block-start: 1px;\n  display: inline-flex;\n  block-size: 0.75rem;\n  flex-shrink: 0;\n  align-self: flex-start;\n  color: var(--calcite-ui-text-3);\n  opacity: var(--calcite-ui-opacity-disabled);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host .stepper-item-header-text {\n  flex-direction: column;\n  text-align: initial;\n  margin-inline-end: auto;\n}\n\n:host .stepper-item-heading, \n:host .stepper-item-description {\n  display: flex;\n  inline-size: 100%;\n}\n\n:host .stepper-item-heading {\n  margin-block-end: 0.25rem;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n}\n\n:host .stepper-item-description {\n  color: var(--calcite-ui-text-3);\n}\n\n:host .stepper-item-number {\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-3);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n:host([complete]) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n:host([complete]) .container .stepper-item-icon {\n  color: var(--calcite-ui-brand);\n}\n\n:host([error]) .container {\n  border-block-start-color: var(--calcite-ui-danger);\n}\n:host([error]) .container .stepper-item-number {\n  color: var(--calcite-ui-danger);\n}\n:host([error]) .container .stepper-item-icon {\n  opacity: 1;\n  color: var(--calcite-ui-danger);\n}\n\n:host(:hover:not([disabled]):not([selected])) .container, \n:host(:focus:not([disabled]):not([selected])) .container {\n  border-block-start-color: var(--calcite-ui-brand);\n}\n:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading, \n:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading {\n  color: var(--calcite-ui-text-1);\n}\n:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description, \n:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description {\n  color: var(--calcite-ui-text-2);\n}\n\n:host([error]:hover:not([disabled]):not([selected])) .container, \n:host([error]:focus:not([disabled]):not([selected])) .container {\n  border-block-start-color: var(--calcite-ui-danger-hover);\n}\n\n:host([selected]) .container {\n  border-block-start-color: var(--calcite-ui-brand);\n}\n:host([selected]) .container .stepper-item-heading {\n  color: var(--calcite-ui-text-1);\n}\n:host([selected]) .container .stepper-item-description {\n  color: var(--calcite-ui-text-2);\n}\n:host([selected]) .container .stepper-item-number {\n  color: var(--calcite-ui-brand);\n}\n:host([selected]) .container .stepper-item-icon {\n  color: var(--calcite-ui-brand);\n  opacity: 1;\n}\n\n:host([selected]) .container .stepper-item-content {\n  display: flex;\n}\n\n:host([layout=vertical]) .container {\n  margin-inline: 0px;\n  margin-block-start: 0px;\n  flex: 1 1 auto;\n  border-block-start-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  padding-block: 0px;\n  border-inline-start-width: 2px;\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-l);\n}\n:host([layout=vertical]) .container .stepper-item-icon {\n  order: 3;\n  margin-block: 1px 0px;\n  padding-inline-start: var(--calcite-stepper-item-spacing-unit-s);\n  margin-inline-start: auto;\n}\n:host([layout=vertical]) .container .stepper-item-header {\n  padding-inline-end: 0px;\n}\n:host([layout=vertical]) .container .stepper-item-content {\n  padding: 0px;\n}\n\n:host([layout=vertical][complete]) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container, \n:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container {\n  border-color: var(--calcite-ui-brand);\n}\n\n:host([layout=vertical][error]) .container {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([layout=vertical][selected]) .container {\n  border-color: var(--calcite-ui-brand);\n}\n:host([layout=vertical][selected]) .container .stepper-item-content ::slotted(:last-child) {\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-l);\n}\n\n:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,\n:host([layout=vertical]:focus:not([disabled]):not([selected])) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container, \n:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container {\n  border-color: var(--calcite-ui-danger-hover);\n}\n\n:host([layout=horizontal]) {\n  display: contents;\n}\n:host([layout=horizontal]) .container {\n  display: contents;\n}\n:host([layout=horizontal]) .stepper-item-header {\n  border-width: 0px;\n  border-block-start-width: 2px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  outline-color: transparent;\n  grid-row: items;\n  margin-inline-end: 0.5rem;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n:host([layout=horizontal]) .stepper-item-header:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n:host([layout=horizontal]) .stepper-item-content {\n  cursor: auto;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  padding-block: 0;\n  padding-inline-end: var(--calcite-stepper-item-spacing-unit-m);\n  text-align: start;\n}\n\n:host([layout=horizontal][selected]) .stepper-item-content {\n  grid-area: 2/1/2/-1;\n}\n\n:host([layout=horizontal][scale=s]) .stepper-item-header {\n  margin-inline-end: 0.25rem;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host([layout=horizontal][scale=l]) .stepper-item-header {\n  margin-inline-end: 0.75rem;\n  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host([layout=horizontal][complete]) .stepper-item-header {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header, \n:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  border-color: var(--calcite-ui-brand);\n}\n\n:host([layout=horizontal][error]) .stepper-item-header {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([layout=horizontal][selected]) .stepper-item-header {\n  border-color: var(--calcite-ui-brand);\n}\n\n:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,\n:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header, \n:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header {\n  border-color: var(--calcite-ui-danger-hover);\n}\n\n@media (forced-colors: active) {\n  :host .container {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus),\n:host(:focus-visible) {\n    outline-color: canvasText;\n  }\n\n  :host([selected]) .container {\n    border-block-start-color: highlight;\n  }\n  :host([selected]) .container .stepper-item-number {\n    color: highlight;\n  }\n  :host([selected]) .container .stepper-item-icon {\n    color: highlight;\n  }\n\n  :host([layout=vertical][selected]) .container {\n    border-color: highlight;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { getElementProp, toAriaBoolean } from \"../../utils/dom\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { numberStringFormatter, disconnectLocalized, connectLocalized } from \"../../utils/locale\";\n/**\n * @slot - A slot for adding custom content.\n */\nexport class StepperItem {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     *  When `true`, the component is selected.\n     *\n     * @deprecated Use `selected` instead.\n     */\n    this.active = false;\n    /**\n     * When `true`, the component is selected.\n     */\n    this.selected = false;\n    /** When `true`, the step has been completed. */\n    this.complete = false;\n    /** When `true`, the component contains an error that requires resolution from the user. */\n    this.error = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    // internal props inherited from wrapping calcite-stepper\n    /** Defines the layout of the component. */\n    /** @internal */\n    this.layout = \"horizontal\";\n    /** When `true`, displays a status icon in the component's heading. */\n    /** @internal */\n    this.icon = false;\n    /** When `true`, displays the step number in the component's heading. */\n    /** @internal */\n    this.numbered = false;\n    /** Specifies the size of the component. */\n    /** @internal */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Internal State/Props\n    //\n    //--------------------------------------------------------------------------\n    this.effectiveLocale = \"\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.keyDownHandler = (event) => {\n      if (!this.disabled && event.target === this.el) {\n        switch (event.key) {\n          case \" \":\n          case \"Enter\":\n            this.emitUserRequestedItem();\n            event.preventDefault();\n            break;\n          case \"ArrowUp\":\n          case \"ArrowDown\":\n          case \"ArrowLeft\":\n          case \"ArrowRight\":\n          case \"Home\":\n          case \"End\":\n            this.calciteInternalStepperItemKeyEvent.emit({ item: event });\n            event.preventDefault();\n            break;\n        }\n      }\n    };\n    this.handleItemClick = (event) => {\n      if (this.layout === \"horizontal\" &&\n        event\n          .composedPath()\n          .some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains(\"stepper-item-content\"); })) {\n        return;\n      }\n      this.emitUserRequestedItem();\n    };\n    this.emitUserRequestedItem = () => {\n      this.emitRequestedItem();\n      if (!this.disabled) {\n        const position = this.itemPosition;\n        this.calciteInternalUserRequestedStepperItemSelect.emit({\n          position\n        });\n      }\n    };\n    this.emitRequestedItem = () => {\n      if (!this.disabled) {\n        const position = this.itemPosition;\n        this.calciteInternalStepperItemSelect.emit({\n          position\n        });\n      }\n    };\n  }\n  activeHandler(value) {\n    this.selected = value;\n  }\n  selectedHandler(value) {\n    this.active = value;\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n  }\n  // watch for removal of disabled to register step\n  disabledWatcher() {\n    this.registerStepperItem();\n  }\n  effectiveLocaleWatcher(locale) {\n    var _a;\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: (_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.numberingSystem,\n      useGrouping: false\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    connectLocalized(this);\n    const { selected, active } = this;\n    if (selected) {\n      this.active = selected;\n    }\n    else if (active) {\n      this.selected = active;\n    }\n  }\n  componentWillLoad() {\n    var _a;\n    this.icon = getElementProp(this.el, \"icon\", false);\n    this.numbered = getElementProp(this.el, \"numbered\", false);\n    this.layout = getElementProp(this.el, \"layout\", false);\n    this.scale = getElementProp(this.el, \"scale\", \"m\");\n    this.parentStepperEl = this.el.parentElement;\n    this.itemPosition = this.getItemPosition();\n    this.registerStepperItem();\n    if (this.selected) {\n      this.emitRequestedItem();\n    }\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: (_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.numberingSystem,\n      useGrouping: false\n    };\n  }\n  componentDidRender() {\n    updateHostInteraction(this, true);\n  }\n  disconnectedCallback() {\n    disconnectLocalized(this);\n  }\n  render() {\n    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: \n      /* additional tab index logic needed because of display: contents */\n      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)))));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  updateActiveItemOnChange(event) {\n    if (event.target === this.parentStepperEl ||\n      event.composedPath().includes(this.parentStepperEl)) {\n      this.selectedPosition = event.detail.position;\n      this.determineSelectedItem();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  async setFocus() {\n    var _a;\n    (_a = (this.layout === \"vertical\" ? this.el : this.headerEl)) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  renderIcon() {\n    const path = this.selected\n      ? \"circleF\"\n      : this.error\n        ? \"exclamationMarkCircleF\"\n        : this.complete\n          ? \"checkCircleF\"\n          : \"circle\";\n    return h(\"calcite-icon\", { class: \"stepper-item-icon\", icon: path, scale: \"s\" });\n  }\n  determineSelectedItem() {\n    this.selected = !this.disabled && this.itemPosition === this.selectedPosition;\n  }\n  registerStepperItem() {\n    this.calciteInternalStepperItemRegister.emit({\n      position: this.itemPosition\n    });\n  }\n  getItemPosition() {\n    var _a;\n    return Array.from((_a = this.parentStepperEl) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"calcite-stepper-item\")).indexOf(this.el);\n  }\n  static get is() { return \"calcite-stepper-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"stepper-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"stepper-item.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `selected` instead.\"\n            }],\n          \"text\": \"When `true`, the component is selected.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\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 selected.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"complete\": {\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 step has been completed.\"\n        },\n        \"attribute\": \"complete\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"error\": {\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 contains an error that requires resolution from the user.\"\n        },\n        \"attribute\": \"error\",\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      \"itemTitle\": {\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\": \"deprecated\",\n              \"text\": \"use `heading` instead.\"\n            }],\n          \"text\": \"The component header text.\"\n        },\n        \"attribute\": \"item-title\",\n        \"reflect\": false\n      },\n      \"heading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component header text.\"\n        },\n        \"attribute\": \"heading\",\n        \"reflect\": false\n      },\n      \"itemSubtitle\": {\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\": \"deprecated\",\n              \"text\": \"use `description` instead.\"\n            }],\n          \"text\": \"A description for the component. Displays below the header text.\"\n        },\n        \"attribute\": \"item-subtitle\",\n        \"reflect\": false\n      },\n      \"description\": {\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\": \"A description for the component. Displays below the header text.\"\n        },\n        \"attribute\": \"description\",\n        \"reflect\": false\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"horizontal\\\" | \\\"vertical\\\", Layout>\",\n          \"resolved\": \"\\\"horizontal\\\" | \\\"vertical\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Layout\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"horizontal\\\"\"\n      },\n      \"icon\": {\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\": \"\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": false,\n        \"defaultValue\": \"false\"\n      },\n      \"numbered\": {\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\": \"\"\n        },\n        \"attribute\": \"numbered\",\n        \"reflect\": false,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": true,\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              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"effectiveLocale\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalStepperItemKeyEvent\",\n        \"name\": \"calciteInternalStepperItemKeyEvent\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemKeyEventDetail\",\n          \"resolved\": \"StepperItemKeyEventDetail\",\n          \"references\": {\n            \"StepperItemKeyEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../stepper/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalStepperItemSelect\",\n        \"name\": \"calciteInternalStepperItemSelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemEventDetail\",\n          \"resolved\": \"StepperItemEventDetail\",\n          \"references\": {\n            \"StepperItemEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../stepper/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalUserRequestedStepperItemSelect\",\n        \"name\": \"calciteInternalUserRequestedStepperItemSelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemChangeEventDetail\",\n          \"resolved\": \"StepperItemChangeEventDetail\",\n          \"references\": {\n            \"StepperItemChangeEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../stepper/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalStepperItemRegister\",\n        \"name\": \"calciteInternalStepperItemRegister\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemEventDetail\",\n          \"resolved\": \"StepperItemEventDetail\",\n          \"references\": {\n            \"StepperItemEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"../stepper/interfaces\"\n            }\n          }\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\": \"\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"selected\",\n        \"methodName\": \"selectedHandler\"\n      }, {\n        \"propName\": \"disabled\",\n        \"methodName\": \"disabledWatcher\"\n      }, {\n        \"propName\": \"effectiveLocale\",\n        \"methodName\": \"effectiveLocaleWatcher\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalStepperItemChange\",\n        \"method\": \"updateActiveItemOnChange\",\n        \"target\": \"body\",\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}