@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/calcite-stepper-item.js

@@ -1,273 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getElementProp, t as toAriaBoolean } from './dom.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
-import { d as defineCustomElement$2 } from './icon.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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 this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "selected": ["selectedHandler"],
-    "disabled": ["disabledWatcher"],
-    "effectiveLocale": ["effectiveLocaleWatcher"]
-  }; }
-  static get style() { return stepperItemCss; }
-}, [1, "calcite-stepper-item", {
-    "active": [1540],
-    "selected": [1540],
-    "complete": [516],
-    "error": [516],
-    "disabled": [516],
-    "itemTitle": [1, "item-title"],
-    "heading": [1],
-    "itemSubtitle": [1, "item-subtitle"],
-    "description": [1],
-    "layout": [1537],
-    "icon": [1028],
-    "numbered": [1028],
-    "scale": [1537],
-    "effectiveLocale": [32],
-    "setFocus": [64]
-  }, [[16, "calciteInternalStepperItemChange", "updateActiveItemOnChange"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-stepper-item", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-stepper-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, StepperItem);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteStepperItem = StepperItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteStepperItem, defineCustomElement };
-
-//# sourceMappingURL=calcite-stepper-item.js.map

package/dist/components/calcite-stepper-item.js.map

@@ -1 +0,0 @@
-{"file":"calcite-stepper-item.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}

package/dist/components/calcite-stepper.js

@@ -1,258 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { f as focusElement } from './dom.js';
-
-const stepperCss = "@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{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]){flex:1 1 auto;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}";
-
-const Stepper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteStepperItemChange = createEvent(this, "calciteStepperItemChange", 6);
-    this.calciteInternalStepperItemChange = createEvent(this, "calciteInternalStepperItemChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */
-    this.icon = false;
-    /** Defines the layout of the component. */
-    this.layout = "horizontal";
-    /** When `true`, displays the step number in the `calcite-stepper-item` heading. */
-    this.numbered = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.itemMap = new Map();
-    /** list of sorted Stepper items */
-    this.items = [];
-    /** list of enabled Stepper items */
-    this.enabledItems = [];
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidLoad() {
-    // if no stepper items are set as active, default to the first one
-    if (typeof this.currentPosition !== "number") {
-      this.calciteInternalStepperItemChange.emit({
-        position: 0
-      });
-    }
-  }
-  render() {
-    return (h("slot", { onSlotchange: (event) => {
-        const items = event.currentTarget
-          .assignedElements()
-          .filter((el) => (el === null || el === void 0 ? void 0 : el.tagName) === "CALCITE-STEPPER-ITEM");
-        const spacing = Array(items.length).fill("1fr").join(" ");
-        this.el.style.gridTemplateAreas = spacing;
-        this.el.style.gridTemplateColumns = spacing;
-      } }));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  calciteInternalStepperItemKeyEvent(event) {
-    const item = event.detail.item;
-    const itemToFocus = event.target;
-    const isFirstItem = this.itemIndex(itemToFocus) === 0;
-    const isLastItem = this.itemIndex(itemToFocus) === this.enabledItems.length - 1;
-    switch (item.key) {
-      case "ArrowDown":
-      case "ArrowRight":
-        if (isLastItem) {
-          this.focusFirstItem();
-        }
-        else {
-          this.focusNextItem(itemToFocus);
-        }
-        break;
-      case "ArrowUp":
-      case "ArrowLeft":
-        if (isFirstItem) {
-          this.focusLastItem();
-        }
-        else {
-          this.focusPrevItem(itemToFocus);
-        }
-        break;
-      case "Home":
-        this.focusFirstItem();
-        break;
-      case "End":
-        this.focusLastItem();
-        break;
-    }
-    event.stopPropagation();
-  }
-  registerItem(event) {
-    const item = event.target;
-    const { content, position } = event.detail;
-    this.itemMap.set(item, { position, content });
-    this.items = this.sortItems();
-    this.enabledItems = this.filterItems();
-    event.stopPropagation();
-  }
-  updateItem(event) {
-    const { position } = event.detail;
-    if (typeof position === "number") {
-      this.currentPosition = position;
-    }
-    this.calciteInternalStepperItemChange.emit({
-      position
-    });
-  }
-  handleUserRequestedStepperItemSelect(event) {
-    const { position } = event.detail;
-    this.calciteStepperItemChange.emit({
-      position
-    });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Set the next `calcite-stepper-item` as active. */
-  async nextStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition + 1, "next");
-    if (typeof enabledStepIndex !== "number") {
-      return;
-    }
-    this.updateStep(enabledStepIndex);
-  }
-  /** Set the previous `calcite-stepper-item` as active. */
-  async prevStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition - 1, "previous");
-    if (typeof enabledStepIndex !== "number") {
-      return;
-    }
-    this.updateStep(enabledStepIndex);
-  }
-  /**
-   * Set a specified `calcite-stepper-item` as active.
-   *
-   * @param step
-   */
-  async goToStep(step) {
-    const position = step - 1;
-    if (this.currentPosition !== position) {
-      this.updateStep(position);
-    }
-  }
-  /** Set the first `calcite-stepper-item` as active. */
-  async startStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(0, "next");
-    if (typeof enabledStepIndex !== "number") {
-      return;
-    }
-    this.updateStep(enabledStepIndex);
-  }
-  /** Set the last `calcite-stepper-item` as active. */
-  async endStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, "previous");
-    if (typeof enabledStepIndex !== "number") {
-      return;
-    }
-    this.updateStep(enabledStepIndex);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  getEnabledStepIndex(startIndex, direction = "next") {
-    var _a;
-    const { items, currentPosition } = this;
-    let newIndex = startIndex;
-    while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
-      newIndex = newIndex + (direction === "previous" ? -1 : 1);
-    }
-    return newIndex !== currentPosition && newIndex < items.length && newIndex >= 0
-      ? newIndex
-      : null;
-  }
-  updateStep(position) {
-    this.currentPosition = position;
-    this.calciteInternalStepperItemChange.emit({
-      position
-    });
-  }
-  focusFirstItem() {
-    const firstItem = this.enabledItems[0];
-    focusElement(firstItem);
-  }
-  focusLastItem() {
-    const lastItem = this.enabledItems[this.enabledItems.length - 1];
-    focusElement(lastItem);
-  }
-  focusNextItem(el) {
-    const index = this.itemIndex(el);
-    const nextItem = this.enabledItems[index + 1] || this.enabledItems[0];
-    focusElement(nextItem);
-  }
-  focusPrevItem(el) {
-    const index = this.itemIndex(el);
-    const prevItem = this.enabledItems[index - 1] || this.enabledItems[this.enabledItems.length - 1];
-    focusElement(prevItem);
-  }
-  itemIndex(el) {
-    return this.enabledItems.indexOf(el);
-  }
-  sortItems() {
-    const { itemMap } = this;
-    return Array.from(itemMap.keys()).sort((a, b) => itemMap.get(a).position - itemMap.get(b).position);
-  }
-  filterItems() {
-    return this.items.filter((item) => !item.disabled);
-  }
-  get el() { return this; }
-  static get style() { return stepperCss; }
-}, [1, "calcite-stepper", {
-    "icon": [516],
-    "layout": [513],
-    "numbered": [516],
-    "numberingSystem": [513, "numbering-system"],
-    "scale": [513],
-    "nextStep": [64],
-    "prevStep": [64],
-    "goToStep": [64],
-    "startStep": [64],
-    "endStep": [64]
-  }, [[0, "calciteInternalStepperItemKeyEvent", "calciteInternalStepperItemKeyEvent"], [0, "calciteInternalStepperItemRegister", "registerItem"], [0, "calciteInternalStepperItemSelect", "updateItem"], [0, "calciteInternalUserRequestedStepperItemSelect", "handleUserRequestedStepperItemSelect"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-stepper"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-stepper":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Stepper);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteStepper = Stepper;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteStepper, defineCustomElement };
-
-//# sourceMappingURL=calcite-stepper.js.map