@esri/solutions-components 0.2.3 → 0.2.5

package/dist/solutions-components/p-7a2c75a4.entry.js

@@ -0,0 +1,230 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
+import { f as focusElement } from './p-32a67cb2.js';
+import './p-729708a3.js';
+import './p-a80b3880.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+};
+Stepper.style = stepperCss;
+
+export { Stepper as calcite_stepper };
+
+//# sourceMappingURL=p-7a2c75a4.entry.js.map

package/dist/solutions-components/p-7a2c75a4.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-stepper.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/stepper/stepper.css?tag=calcite-stepper&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/stepper/stepper.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 {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  min-inline-size: -moz-fit-content;\n  min-inline-size: fit-content;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: stretch;\n  justify-content: space-between;\n}\n\n:host([layout=vertical]) {\n  flex: 1 1 auto;\n  flex-direction: column;\n}\n\n:host([layout=horizontal]) {\n  display: grid;\n  grid-template-areas: \"items\" \"content\";\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\n/**\n * @slot - A slot for adding `calcite-stepper-item`s.\n */\nexport class Stepper {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */\n    this.icon = false;\n    /** Defines the layout of the component. */\n    this.layout = \"horizontal\";\n    /** When `true`, displays the step number in the `calcite-stepper-item` heading. */\n    this.numbered = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    this.itemMap = new Map();\n    /** list of sorted Stepper items */\n    this.items = [];\n    /** list of enabled Stepper items */\n    this.enabledItems = [];\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidLoad() {\n    // if no stepper items are set as active, default to the first one\n    if (typeof this.currentPosition !== \"number\") {\n      this.calciteInternalStepperItemChange.emit({\n        position: 0\n      });\n    }\n  }\n  render() {\n    return (h(\"slot\", { onSlotchange: (event) => {\n        const items = event.currentTarget\n          .assignedElements()\n          .filter((el) => (el === null || el === void 0 ? void 0 : el.tagName) === \"CALCITE-STEPPER-ITEM\");\n        const spacing = Array(items.length).fill(\"1fr\").join(\" \");\n        this.el.style.gridTemplateAreas = spacing;\n        this.el.style.gridTemplateColumns = spacing;\n      } }));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  calciteInternalStepperItemKeyEvent(event) {\n    const item = event.detail.item;\n    const itemToFocus = event.target;\n    const isFirstItem = this.itemIndex(itemToFocus) === 0;\n    const isLastItem = this.itemIndex(itemToFocus) === this.enabledItems.length - 1;\n    switch (item.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        if (isLastItem) {\n          this.focusFirstItem();\n        }\n        else {\n          this.focusNextItem(itemToFocus);\n        }\n        break;\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        if (isFirstItem) {\n          this.focusLastItem();\n        }\n        else {\n          this.focusPrevItem(itemToFocus);\n        }\n        break;\n      case \"Home\":\n        this.focusFirstItem();\n        break;\n      case \"End\":\n        this.focusLastItem();\n        break;\n    }\n    event.stopPropagation();\n  }\n  registerItem(event) {\n    const item = event.target;\n    const { content, position } = event.detail;\n    this.itemMap.set(item, { position, content });\n    this.items = this.sortItems();\n    this.enabledItems = this.filterItems();\n    event.stopPropagation();\n  }\n  updateItem(event) {\n    const { position } = event.detail;\n    if (typeof position === \"number\") {\n      this.currentPosition = position;\n    }\n    this.calciteInternalStepperItemChange.emit({\n      position\n    });\n  }\n  handleUserRequestedStepperItemSelect(event) {\n    const { position } = event.detail;\n    this.calciteStepperItemChange.emit({\n      position\n    });\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Set the next `calcite-stepper-item` as active. */\n  async nextStep() {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition + 1, \"next\");\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n    this.updateStep(enabledStepIndex);\n  }\n  /** Set the previous `calcite-stepper-item` as active. */\n  async prevStep() {\n    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition - 1, \"previous\");\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n    this.updateStep(enabledStepIndex);\n  }\n  /**\n   * Set a specified `calcite-stepper-item` as active.\n   *\n   * @param step\n   */\n  async goToStep(step) {\n    const position = step - 1;\n    if (this.currentPosition !== position) {\n      this.updateStep(position);\n    }\n  }\n  /** Set the first `calcite-stepper-item` as active. */\n  async startStep() {\n    const enabledStepIndex = this.getEnabledStepIndex(0, \"next\");\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n    this.updateStep(enabledStepIndex);\n  }\n  /** Set the last `calcite-stepper-item` as active. */\n  async endStep() {\n    const enabledStepIndex = this.getEnabledStepIndex(this.items.length - 1, \"previous\");\n    if (typeof enabledStepIndex !== \"number\") {\n      return;\n    }\n    this.updateStep(enabledStepIndex);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  getEnabledStepIndex(startIndex, direction = \"next\") {\n    var _a;\n    const { items, currentPosition } = this;\n    let newIndex = startIndex;\n    while ((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {\n      newIndex = newIndex + (direction === \"previous\" ? -1 : 1);\n    }\n    return newIndex !== currentPosition && newIndex < items.length && newIndex >= 0\n      ? newIndex\n      : null;\n  }\n  updateStep(position) {\n    this.currentPosition = position;\n    this.calciteInternalStepperItemChange.emit({\n      position\n    });\n  }\n  focusFirstItem() {\n    const firstItem = this.enabledItems[0];\n    focusElement(firstItem);\n  }\n  focusLastItem() {\n    const lastItem = this.enabledItems[this.enabledItems.length - 1];\n    focusElement(lastItem);\n  }\n  focusNextItem(el) {\n    const index = this.itemIndex(el);\n    const nextItem = this.enabledItems[index + 1] || this.enabledItems[0];\n    focusElement(nextItem);\n  }\n  focusPrevItem(el) {\n    const index = this.itemIndex(el);\n    const prevItem = this.enabledItems[index - 1] || this.enabledItems[this.enabledItems.length - 1];\n    focusElement(prevItem);\n  }\n  itemIndex(el) {\n    return this.enabledItems.indexOf(el);\n  }\n  sortItems() {\n    const { itemMap } = this;\n    return Array.from(itemMap.keys()).sort((a, b) => itemMap.get(a).position - itemMap.get(b).position);\n  }\n  filterItems() {\n    return this.items.filter((item) => !item.disabled);\n  }\n  static get is() { return \"calcite-stepper\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"stepper.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"stepper.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"icon\": {\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`, displays a status icon in the `calcite-stepper-item` heading.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"layout\": {\n        \"type\": \"string\",\n        \"mutable\": false,\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\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Defines the layout of the component.\"\n        },\n        \"attribute\": \"layout\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"horizontal\\\"\"\n      },\n      \"numbered\": {\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`, displays the step number in the `calcite-stepper-item` heading.\"\n        },\n        \"attribute\": \"numbered\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"numberingSystem\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"NumberingSystem\",\n          \"resolved\": \"\\\"arab\\\" | \\\"arabext\\\" | \\\"bali\\\" | \\\"beng\\\" | \\\"deva\\\" | \\\"fullwide\\\" | \\\"gujr\\\" | \\\"guru\\\" | \\\"hanidec\\\" | \\\"khmr\\\" | \\\"knda\\\" | \\\"laoo\\\" | \\\"latn\\\" | \\\"limb\\\" | \\\"mlym\\\" | \\\"mong\\\" | \\\"mymr\\\" | \\\"orya\\\" | \\\"tamldec\\\" | \\\"telu\\\" | \\\"thai\\\" | \\\"tibt\\\"\",\n          \"references\": {\n            \"NumberingSystem\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/locale\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the Unicode numeral system used by the component for localization.\"\n        },\n        \"attribute\": \"numbering-system\",\n        \"reflect\": true\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteStepperItemChange\",\n        \"name\": \"calciteStepperItemChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the active `calcite-stepper-item` changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemChangeEventDetail\",\n          \"resolved\": \"StepperItemChangeEventDetail\",\n          \"references\": {\n            \"StepperItemChangeEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalStepperItemChange\",\n        \"name\": \"calciteInternalStepperItemChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Fires when the active `calcite-stepper-item` changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"StepperItemChangeEventDetail\",\n          \"resolved\": \"StepperItemChangeEventDetail\",\n          \"references\": {\n            \"StepperItemChangeEventDetail\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"nextStep\": {\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\": \"Set the next `calcite-stepper-item` as active.\",\n          \"tags\": []\n        }\n      },\n      \"prevStep\": {\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\": \"Set the previous `calcite-stepper-item` as active.\",\n          \"tags\": []\n        }\n      },\n      \"goToStep\": {\n        \"complexType\": {\n          \"signature\": \"(step: number) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"step\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Set a specified `calcite-stepper-item` as active.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"step\"\n            }]\n        }\n      },\n      \"startStep\": {\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\": \"Set the first `calcite-stepper-item` as active.\",\n          \"tags\": []\n        }\n      },\n      \"endStep\": {\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\": \"Set the last `calcite-stepper-item` as active.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteInternalStepperItemKeyEvent\",\n        \"method\": \"calciteInternalStepperItemKeyEvent\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalStepperItemRegister\",\n        \"method\": \"registerItem\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalStepperItemSelect\",\n        \"method\": \"updateItem\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalUserRequestedStepperItemSelect\",\n        \"method\": \"handleUserRequestedStepperItemSelect\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-7daea1df.js

@@ -8,4 +8,46 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-function e(){}function n(n,t=!1){if(n.disabled)return n.el.setAttribute("tabindex","-1"),n.el.setAttribute("aria-disabled","true"),n.el.contains(document.activeElement)&&document.activeElement.blur(),void(n.el.click=e);n.el.click=HTMLElement.prototype.click,"function"==typeof t?n.el.setAttribute("tabindex",t.call(n)?"0":"-1"):!0===t?n.el.setAttribute("tabindex","0"):!1===t&&n.el.removeAttribute("tabindex"),n.el.removeAttribute("aria-disabled")}export{n as u}
+function noopClick() {
+  /** noop */
+}
+/**
+ * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.
+ *
+ * This should be used in the `componentDidRender` lifecycle hook.
+ *
+ * **Notes**
+ *
+ * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.
+ * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error
+ *
+ * @param component
+ * @param hostIsTabbable
+ */
+function updateHostInteraction(component, hostIsTabbable = false) {
+  if (component.disabled) {
+    component.el.setAttribute("tabindex", "-1");
+    component.el.setAttribute("aria-disabled", "true");
+    if (component.el.contains(document.activeElement)) {
+      document.activeElement.blur();
+    }
+    component.el.click = noopClick;
+    return;
+  }
+  component.el.click = HTMLElement.prototype.click;
+  if (typeof hostIsTabbable === "function") {
+    component.el.setAttribute("tabindex", hostIsTabbable.call(component) ? "0" : "-1");
+  }
+  else if (hostIsTabbable === true) {
+    component.el.setAttribute("tabindex", "0");
+  }
+  else if (hostIsTabbable === false) {
+    component.el.removeAttribute("tabindex");
+  }
+  else ;
+  component.el.removeAttribute("aria-disabled");
+}
+
+export { updateHostInteraction as u };
+
+//# sourceMappingURL=p-7daea1df.js.map

package/dist/solutions-components/p-7daea1df.js.map

@@ -0,0 +1 @@
+{"file":"p-7daea1df.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA,SAAS,SAAS,GAAG;AACrB;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,qBAAqB,CAAC,SAAS,EAAE,cAAc,GAAG,KAAK,EAAE;AACzE,EAAE,IAAI,SAAS,CAAC,QAAQ,EAAE;AAC1B,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChD,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AACvD,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACvD,MAAM,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AACpC,KAAK;AACL,IAAI,SAAS,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CAAC;AACnC,IAAI,OAAO;AACX,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;AACnD,EAAE,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;AAC5C,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;AACvF,GAAG;AACH,OAAO,IAAI,cAAc,KAAK,IAAI,EAAE;AACpC,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC/C,GAAG;AACH,OAAO,IAAI,cAAc,KAAK,KAAK,EAAE;AACrC,IAAI,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;AAC7C,GAAG;AACH,OAAO,CAEJ;AACH,EAAE,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAChD;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/interactive.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 */\nfunction noopClick() {\n  /** noop */\n}\n/**\n * This helper updates the host element to prevent keyboard interaction on its subtree and sets the appropriate aria attribute for accessibility.\n *\n * This should be used in the `componentDidRender` lifecycle hook.\n *\n * **Notes**\n *\n * this util is not needed for simple components whose root element or elements are an interactive component (custom element or native control). For those cases, set the `disabled` props on the root components instead.\n * technically, users can override `tabindex` and restore keyboard navigation, but this will be considered user error\n *\n * @param component\n * @param hostIsTabbable\n */\nexport function updateHostInteraction(component, hostIsTabbable = false) {\n  if (component.disabled) {\n    component.el.setAttribute(\"tabindex\", \"-1\");\n    component.el.setAttribute(\"aria-disabled\", \"true\");\n    if (component.el.contains(document.activeElement)) {\n      document.activeElement.blur();\n    }\n    component.el.click = noopClick;\n    return;\n  }\n  component.el.click = HTMLElement.prototype.click;\n  if (typeof hostIsTabbable === \"function\") {\n    component.el.setAttribute(\"tabindex\", hostIsTabbable.call(component) ? \"0\" : \"-1\");\n  }\n  else if (hostIsTabbable === true) {\n    component.el.setAttribute(\"tabindex\", \"0\");\n  }\n  else if (hostIsTabbable === false) {\n    component.el.removeAttribute(\"tabindex\");\n  }\n  else {\n    // noop for \"managed\" as owning component will manage its tab index\n  }\n  component.el.removeAttribute(\"aria-disabled\");\n}\n"],"version":3}

package/dist/solutions-components/p-7de77097.entry.js

@@ -0,0 +1,162 @@
+/*!
+ * 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 { b as getElementDir } from './p-32a67cb2.js';
+import { S as SLOTS$1 } from './p-b359dc78.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  backButton: "back-button"
+};
+const ICONS = {
+  backLeft: "chevron-left",
+  backRight: "chevron-right"
+};
+const TEXT = {
+  back: "Back"
+};
+const SLOTS = {
+  headerActionsStart: "header-actions-start",
+  headerActionsEnd: "header-actions-end",
+  headerMenuActions: "header-menu-actions",
+  headerContent: "header-content",
+  fab: "fab",
+  footer: "footer",
+  footerActions: "footer-actions"
+};
+
+const flowItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}";
+
+const FlowItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteFlowItemBack = createEvent(this, "calciteFlowItemBack", 6);
+    this.calciteFlowItemBackClick = createEvent(this, "calciteFlowItemBackClick", 6);
+    this.calciteFlowItemScroll = createEvent(this, "calciteFlowItemScroll", 6);
+    this.calciteFlowItemClose = createEvent(this, "calciteFlowItemClose", 6);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /** When true, displays a close button in the trailing side of the header */
+    this.closable = false;
+    /** When true, flow-item will be hidden */
+    this.closed = false;
+    /**
+     *  When true, interaction is prevented and the component is displayed with lower opacity.
+     */
+    this.disabled = false;
+    /**
+     * When true, a busy indicator is displayed.
+     */
+    this.loading = false;
+    /**
+     * When true, the action menu items in the `header-menu-actions` slot are open.
+     */
+    this.menuOpen = false;
+    /**
+     * When true, displays a back button in the header.
+     */
+    this.showBackButton = false;
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.handlePanelScroll = (event) => {
+      event.stopPropagation();
+      this.calciteFlowItemScroll.emit();
+    };
+    this.handlePanelClose = (event) => {
+      event.stopPropagation();
+      this.calciteFlowItemClose.emit();
+    };
+    this.backButtonClick = () => {
+      this.calciteFlowItemBackClick.emit();
+      this.calciteFlowItemBack.emit();
+    };
+    this.setBackRef = (node) => {
+      this.backButtonEl = node;
+    };
+    this.setContainerRef = (node) => {
+      this.containerEl = node;
+    };
+    this.getBackLabel = () => {
+      return this.intlBack || TEXT.back;
+    };
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /**
+   * Sets focus on the component.
+   */
+  async setFocus() {
+    const { backButtonEl, containerEl } = this;
+    if (backButtonEl) {
+      backButtonEl.setFocus();
+      return;
+    }
+    containerEl === null || containerEl === void 0 ? void 0 : containerEl.setFocus();
+  }
+  /**
+   * Scrolls the component's content to a specified set of coordinates.
+   *
+   * @example
+   * myCalciteFlowItem.scrollContentTo({
+   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+   *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+   * });
+   * @param options
+   */
+  async scrollContentTo(options) {
+    var _a;
+    await ((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollContentTo(options));
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  renderBackButton() {
+    const { el } = this;
+    const rtl = getElementDir(el) === "rtl";
+    const { showBackButton, backButtonClick } = this;
+    const label = this.getBackLabel();
+    const icon = rtl ? ICONS.backRight : ICONS.backLeft;
+    return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "flow-back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: "header-actions-start", text: label })) : null;
+  }
+  render() {
+    const { closable, closed, description, disabled, heading, headingLevel, heightScale, intlBack, intlClose, intlOptions, loading, menuOpen, widthScale, backButtonEl } = this;
+    const label = this.getBackLabel();
+    return (h(Host, null, h("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, intlBack: intlBack, intlClose: intlClose, intlOptions: intlOptions, loading: loading, menuOpen: menuOpen, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), h("slot", { name: SLOTS.headerActionsStart, slot: SLOTS$1.headerActionsStart }), h("slot", { name: SLOTS.headerActionsEnd, slot: SLOTS$1.headerActionsEnd }), h("slot", { name: SLOTS.headerContent, slot: SLOTS$1.headerContent }), h("slot", { name: SLOTS.headerMenuActions, slot: SLOTS$1.headerMenuActions }), h("slot", { name: SLOTS.fab, slot: SLOTS$1.fab }), h("slot", { name: SLOTS.footerActions, slot: SLOTS$1.footerActions }), h("slot", { name: SLOTS.footer, slot: SLOTS$1.footer }), h("slot", null)), backButtonEl ? (h("calcite-tooltip", { label: label, placement: "auto", referenceElement: backButtonEl }, label)) : null));
+  }
+  get el() { return getElement(this); }
+};
+FlowItem.style = flowItemCss;
+
+export { FlowItem as calcite_flow_item };
+
+//# sourceMappingURL=p-7de77097.entry.js.map

package/dist/solutions-components/p-7de77097.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-flow-item.entry.esm.js","mappings":"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","names":["PANEL_SLOTS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/flow-item/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/flow-item/flow-item.css?tag=calcite-flow-item&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/flow-item/flow-item.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  backButton: \"back-button\"\n};\nexport const ICONS = {\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\"\n};\nexport const TEXT = {\n  back: \"Back\"\n};\nexport const SLOTS = {\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  overflow: hidden;\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.back-button {\n  border-width: 0px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  border-inline-end-width: 1px;\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 { getElementDir } from \"../../utils/dom\";\nimport { CSS, ICONS, TEXT, SLOTS } from \"./resources\";\nimport { SLOTS as PANEL_SLOTS } from \"../panel/resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding custom content.\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer-actions - A slot for adding buttons to the footer.\n * @slot footer - A slot for adding custom content to the footer.\n */\nexport class FlowItem {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /** When true, displays a close button in the trailing side of the header */\n    this.closable = false;\n    /** When true, flow-item will be hidden */\n    this.closed = false;\n    /**\n     *  When true, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When true, a busy indicator is displayed.\n     */\n    this.loading = false;\n    /**\n     * When true, the action menu items in the `header-menu-actions` slot are open.\n     */\n    this.menuOpen = false;\n    /**\n     * When true, displays a back button in the header.\n     */\n    this.showBackButton = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.handlePanelScroll = (event) => {\n      event.stopPropagation();\n      this.calciteFlowItemScroll.emit();\n    };\n    this.handlePanelClose = (event) => {\n      event.stopPropagation();\n      this.calciteFlowItemClose.emit();\n    };\n    this.backButtonClick = () => {\n      this.calciteFlowItemBackClick.emit();\n      this.calciteFlowItemBack.emit();\n    };\n    this.setBackRef = (node) => {\n      this.backButtonEl = node;\n    };\n    this.setContainerRef = (node) => {\n      this.containerEl = node;\n    };\n    this.getBackLabel = () => {\n      return this.intlBack || TEXT.back;\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Sets focus on the component.\n   */\n  async setFocus() {\n    const { backButtonEl, containerEl } = this;\n    if (backButtonEl) {\n      backButtonEl.setFocus();\n      return;\n    }\n    containerEl === null || containerEl === void 0 ? void 0 : containerEl.setFocus();\n  }\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options\n   */\n  async scrollContentTo(options) {\n    var _a;\n    await ((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollContentTo(options));\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderBackButton() {\n    const { el } = this;\n    const rtl = getElementDir(el) === \"rtl\";\n    const { showBackButton, backButtonClick } = this;\n    const label = this.getBackLabel();\n    const icon = rtl ? ICONS.backRight : ICONS.backLeft;\n    return showBackButton ? (h(\"calcite-action\", { \"aria-label\": label, class: CSS.backButton, icon: icon, key: \"flow-back-button\", onClick: backButtonClick, ref: this.setBackRef, scale: \"s\", slot: \"header-actions-start\", text: label })) : null;\n  }\n  render() {\n    const { closable, closed, description, disabled, heading, headingLevel, heightScale, intlBack, intlClose, intlOptions, loading, menuOpen, widthScale, backButtonEl } = this;\n    const label = this.getBackLabel();\n    return (h(Host, null, h(\"calcite-panel\", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, heightScale: heightScale, intlBack: intlBack, intlClose: intlClose, intlOptions: intlOptions, loading: loading, menuOpen: menuOpen, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, ref: this.setContainerRef, widthScale: widthScale }, this.renderBackButton(), h(\"slot\", { name: SLOTS.headerActionsStart, slot: PANEL_SLOTS.headerActionsStart }), h(\"slot\", { name: SLOTS.headerActionsEnd, slot: PANEL_SLOTS.headerActionsEnd }), h(\"slot\", { name: SLOTS.headerContent, slot: PANEL_SLOTS.headerContent }), h(\"slot\", { name: SLOTS.headerMenuActions, slot: PANEL_SLOTS.headerMenuActions }), h(\"slot\", { name: SLOTS.fab, slot: PANEL_SLOTS.fab }), h(\"slot\", { name: SLOTS.footerActions, slot: PANEL_SLOTS.footerActions }), h(\"slot\", { name: SLOTS.footer, slot: PANEL_SLOTS.footer }), h(\"slot\", null)), backButtonEl ? (h(\"calcite-tooltip\", { label: label, placement: \"auto\", referenceElement: backButtonEl }, label)) : null));\n  }\n  static get is() { return \"calcite-flow-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"flow-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"flow-item.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"closable\": {\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, displays a close button in the trailing side of the header\"\n        },\n        \"attribute\": \"closable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"closed\": {\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, flow-item will be hidden\"\n        },\n        \"attribute\": \"closed\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"beforeBack\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"() => Promise<void>\",\n          \"resolved\": \"() => Promise<void>\",\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When provided, this method will be called before it is removed from the parent flow.\"\n        }\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.\"\n        },\n        \"attribute\": \"description\",\n        \"reflect\": 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      \"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      \"headingLevel\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"HeadingLevel\",\n          \"resolved\": \"1 | 2 | 3 | 4 | 5 | 6\",\n          \"references\": {\n            \"HeadingLevel\": {\n              \"location\": \"import\",\n              \"path\": \"../functional/Heading\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the number at which section headings should start.\"\n        },\n        \"attribute\": \"heading-level\",\n        \"reflect\": true\n      },\n      \"heightScale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the maximum height of the component.\"\n        },\n        \"attribute\": \"height-scale\",\n        \"reflect\": true\n      },\n      \"intlBack\": {\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\": \"Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.\"\n        },\n        \"attribute\": \"intl-back\",\n        \"reflect\": false\n      },\n      \"intlClose\": {\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\": \"Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.\"\n        },\n        \"attribute\": \"intl-close\",\n        \"reflect\": false\n      },\n      \"intlOptions\": {\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\": \"Accessible name for the component's actions menu.\"\n        },\n        \"attribute\": \"intl-options\",\n        \"reflect\": false\n      },\n      \"loading\": {\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, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"menuOpen\": {\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 action menu items in the `header-menu-actions` slot are open.\"\n        },\n        \"attribute\": \"menu-open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"showBackButton\": {\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, displays a back button in the header.\"\n        },\n        \"attribute\": \"show-back-button\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"widthScale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component.\"\n        },\n        \"attribute\": \"width-scale\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"backButtonEl\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteFlowItemBack\",\n        \"name\": \"calciteFlowItemBack\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the back button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteFlowItemBackClick\",\n        \"name\": \"calciteFlowItemBackClick\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use calciteFlowItemBack instead.\"\n            }],\n          \"text\": \"Fires when the back button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteFlowItemScroll\",\n        \"name\": \"calciteFlowItemScroll\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the content is scrolled.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteFlowItemClose\",\n        \"name\": \"calciteFlowItemClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the close button is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      },\n      \"scrollContentTo\": {\n        \"complexType\": {\n          \"signature\": \"(options?: ScrollToOptions) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"options\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"ScrollToOptions\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Scrolls the component's content to a specified set of coordinates.\",\n          \"tags\": [{\n              \"name\": \"example\",\n              \"text\": \"myCalciteFlowItem.scrollContentTo({\\n  left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\\n  top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\\n  behavior: \\\"auto\\\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\\n});\"\n            }, {\n              \"name\": \"param\",\n              \"text\": \"options\"\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}