@esri/calcite-components 1.5.0-next.16 → 1.5.0-next.18

package/dist/cjs/{vi-94041b9a.js → vi-60879fc2.js}

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 'use strict';
 
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-7891f074.js');
-require('./index-21f749fd.js');
-require('./form-236d547c.js');
-require('./dom-96a33fce.js');
-require('./guid-7af76d45.js');
-require('./resources-1030c451.js');
-require('./interactive-dcddc42e.js');
-require('./key-3276aa98.js');
-require('./label-753605a6.js');
-require('./loadable-b717110c.js');
-require('./locale-6a6a5c76.js');
-require('./observers-c2258496.js');
-require('./focusTrapComponent-52303c00.js');
-require('./t9n-687b8999.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-44dd825c.js');
+require('./index-f4505c49.js');
+require('./form-5ed6d92c.js');
+require('./dom-7216da90.js');
+require('./guid-02b4511d.js');
+require('./resources-0b25451d.js');
+require('./interactive-30333125.js');
+require('./key-05a9fe38.js');
+require('./label-c763494b.js');
+require('./loadable-74b395b6.js');
+require('./locale-7cfe296f.js');
+require('./observers-77a8fb64.js');
+require('./focusTrapComponent-7a7b5b94.js');
+require('./t9n-40b36a7a.js');
 
 // Vietnamese [vi]
 var locale = {

package/dist/cjs/{zh-cn-9ee5f5be.js → zh-cn-57049177.js}

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 'use strict';
 
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-7891f074.js');
-require('./index-21f749fd.js');
-require('./form-236d547c.js');
-require('./dom-96a33fce.js');
-require('./guid-7af76d45.js');
-require('./resources-1030c451.js');
-require('./interactive-dcddc42e.js');
-require('./key-3276aa98.js');
-require('./label-753605a6.js');
-require('./loadable-b717110c.js');
-require('./locale-6a6a5c76.js');
-require('./observers-c2258496.js');
-require('./focusTrapComponent-52303c00.js');
-require('./t9n-687b8999.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-44dd825c.js');
+require('./index-f4505c49.js');
+require('./form-5ed6d92c.js');
+require('./dom-7216da90.js');
+require('./guid-02b4511d.js');
+require('./resources-0b25451d.js');
+require('./interactive-30333125.js');
+require('./key-05a9fe38.js');
+require('./label-c763494b.js');
+require('./loadable-74b395b6.js');
+require('./locale-7cfe296f.js');
+require('./observers-77a8fb64.js');
+require('./focusTrapComponent-7a7b5b94.js');
+require('./t9n-40b36a7a.js');
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/cjs/{zh-hk-4c06eaa5.js → zh-hk-8e136b7f.js}

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 'use strict';
 
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-7891f074.js');
-require('./index-21f749fd.js');
-require('./form-236d547c.js');
-require('./dom-96a33fce.js');
-require('./guid-7af76d45.js');
-require('./resources-1030c451.js');
-require('./interactive-dcddc42e.js');
-require('./key-3276aa98.js');
-require('./label-753605a6.js');
-require('./loadable-b717110c.js');
-require('./locale-6a6a5c76.js');
-require('./observers-c2258496.js');
-require('./focusTrapComponent-52303c00.js');
-require('./t9n-687b8999.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-44dd825c.js');
+require('./index-f4505c49.js');
+require('./form-5ed6d92c.js');
+require('./dom-7216da90.js');
+require('./guid-02b4511d.js');
+require('./resources-0b25451d.js');
+require('./interactive-30333125.js');
+require('./key-05a9fe38.js');
+require('./label-c763494b.js');
+require('./loadable-74b395b6.js');
+require('./locale-7cfe296f.js');
+require('./observers-77a8fb64.js');
+require('./focusTrapComponent-7a7b5b94.js');
+require('./t9n-40b36a7a.js');
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/cjs/{zh-tw-96487529.js → zh-tw-1b05d4cd.js}

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 'use strict';
 
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-7891f074.js');
-require('./index-21f749fd.js');
-require('./form-236d547c.js');
-require('./dom-96a33fce.js');
-require('./guid-7af76d45.js');
-require('./resources-1030c451.js');
-require('./interactive-dcddc42e.js');
-require('./key-3276aa98.js');
-require('./label-753605a6.js');
-require('./loadable-b717110c.js');
-require('./locale-6a6a5c76.js');
-require('./observers-c2258496.js');
-require('./focusTrapComponent-52303c00.js');
-require('./t9n-687b8999.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-44dd825c.js');
+require('./index-f4505c49.js');
+require('./form-5ed6d92c.js');
+require('./dom-7216da90.js');
+require('./guid-02b4511d.js');
+require('./resources-0b25451d.js');
+require('./interactive-30333125.js');
+require('./key-05a9fe38.js');
+require('./label-c763494b.js');
+require('./loadable-74b395b6.js');
+require('./locale-7cfe296f.js');
+require('./observers-77a8fb64.js');
+require('./focusTrapComponent-7a7b5b94.js');
+require('./t9n-40b36a7a.js');
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/collection/components/accordion/accordion.js

@@ -1,9 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { h } from "@stencil/core";
+import { createObserver } from "../../utils/observers";
 /**
  * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
  */
@@ -14,32 +15,28 @@ export class Accordion {
     //  Private State/Props
     //
     //--------------------------------------------------------------------------
-    /** created list of Accordion items */
-    this.items = [];
-    /** keep track of whether the items have been sorted so we don't re-sort */
-    this.sorted = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.sortItems = (items) => items.sort((a, b) => a.position - b.position).map((a) => a.item);
+    this.mutationObserver = createObserver("mutation", () => this.updateAccordionItems());
+    this.accordionParent = undefined;
     this.appearance = "solid";
     this.iconPosition = "end";
     this.iconType = "chevron";
     this.scale = "m";
     this.selectionMode = "multiple";
   }
+  handlePropsChange() {
+    this.updateAccordionItems();
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentDidLoad() {
-    if (!this.sorted) {
-      this.items = this.sortItems(this.items);
-      this.sorted = true;
-    }
+  connectedCallback() {
+    this.mutationObserver?.observe(this.el, { childList: true });
+    this.updateAccordionItems();
+  }
+  disconnectedCallback() {
+    this.mutationObserver?.disconnect();
   }
   render() {
     const transparent = this.appearance === "transparent";
@@ -53,17 +50,6 @@ export class Accordion {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  registerCalciteAccordionItem(event) {
-    const item = {
-      item: event.target,
-      parent: event.detail.parent,
-      position: event.detail.position
-    };
-    if (this.el === item.parent) {
-      this.items.push(item);
-    }
-    event.stopPropagation();
-  }
   updateActiveItemOnChange(event) {
     this.requestedAccordionItem = event.detail.requestedAccordionItem;
     this.calciteInternalAccordionChange.emit({
@@ -71,6 +57,20 @@ export class Accordion {
     });
     event.stopPropagation();
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  updateAccordionItems() {
+    this.el.querySelectorAll("calcite-accordion-item").forEach((item) => {
+      item.iconPosition = this.iconPosition;
+      item.iconType = this.iconType;
+      item.selectionMode = this.selectionMode;
+      item.scale = this.scale;
+      item.accordionParent = this.el;
+    });
+  }
   static get is() { return "calcite-accordion"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
@@ -85,6 +85,25 @@ export class Accordion {
   }
   static get properties() {
     return {
+      "accordionParent": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLCalciteAccordionElement",
+          "resolved": "HTMLCalciteAccordionElement",
+          "references": {
+            "HTMLCalciteAccordionElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the parent of the component."
+        }
+      },
       "appearance": {
         "type": "string",
         "mutable": false,
@@ -230,14 +249,23 @@ export class Accordion {
       }];
   }
   static get elementRef() { return "el"; }
-  static get listeners() {
+  static get watchers() {
     return [{
-        "name": "calciteInternalAccordionItemRegister",
-        "method": "registerCalciteAccordionItem",
-        "target": undefined,
-        "capture": false,
-        "passive": false
+        "propName": "iconPosition",
+        "methodName": "handlePropsChange"
+      }, {
+        "propName": "iconType",
+        "methodName": "handlePropsChange"
+      }, {
+        "propName": "scale",
+        "methodName": "handlePropsChange"
       }, {
+        "propName": "selectionMode",
+        "methodName": "handlePropsChange"
+      }];
+  }
+  static get listeners() {
+    return [{
         "name": "calciteInternalAccordionItemSelect",
         "method": "updateActiveItemOnChange",
         "target": undefined,

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { closestElementCrossShadowBoundary, getElementDir, getElementProp, getSlotted, toAriaBoolean } from "../../utils/dom";
+import { getElementDir, getSlotted, toAriaBoolean } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 import { SLOTS, CSS } from "./resources";
 /**
@@ -15,18 +15,19 @@ import { SLOTS, CSS } from "./resources";
  */
 export class AccordionItem {
   constructor() {
-    /** what icon position does the parent accordion specify */
-    this.iconPosition = "end";
     /** handle clicks on item header */
     this.itemHeaderClickHandler = () => this.emitRequestedItem();
-    /** Specifies the scale of the `accordion-item` controlled by the parent, defaults to m */
-    this.scale = "m";
     this.expanded = false;
     this.heading = undefined;
     this.description = undefined;
     this.iconStart = undefined;
     this.iconEnd = undefined;
     this.iconFlipRtl = undefined;
+    this.iconPosition = undefined;
+    this.iconType = undefined;
+    this.accordionParent = undefined;
+    this.selectionMode = undefined;
+    this.scale = undefined;
   }
   //--------------------------------------------------------------------------
   //
@@ -34,19 +35,8 @@ export class AccordionItem {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    this.parent = this.el.parentElement;
-    this.iconType = getElementProp(this.el, "icon-type", "chevron");
-    this.iconPosition = getElementProp(this.el, "icon-position", this.iconPosition);
-    this.scale = getElementProp(this.el, "scale", this.scale);
     connectConditionalSlotComponent(this);
   }
-  componentDidLoad() {
-    this.itemPosition = this.getItemPosition();
-    this.calciteInternalAccordionItemRegister.emit({
-      parent: this.parent,
-      position: this.itemPosition
-    });
-  }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
   }
@@ -111,7 +101,6 @@ export class AccordionItem {
   //
   //--------------------------------------------------------------------------
   determineActiveItem() {
-    this.selectionMode = getElementProp(this.el, "selection-mode", "multiple");
     switch (this.selectionMode) {
       case "multiple":
         if (this.el === this.requestedAccordionItem) {
@@ -131,11 +120,6 @@ export class AccordionItem {
       requestedAccordionItem: this.el
     });
   }
-  getItemPosition() {
-    const { el } = this;
-    const items = closestElementCrossShadowBoundary(el, "calcite-accordion")?.querySelectorAll("calcite-accordion-item");
-    return items ? Array.from(items).indexOf(el) : -1;
-  }
   static get is() { return "calcite-accordion-item"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
@@ -257,6 +241,126 @@ export class AccordionItem {
         },
         "attribute": "icon-flip-rtl",
         "reflect": true
+      },
+      "iconPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Position",
+          "resolved": "\"end\" | \"start\"",
+          "references": {
+            "Position": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the placement of the icon in the header inherited from the `calcite-accordion`."
+        },
+        "attribute": "icon-position",
+        "reflect": false
+      },
+      "iconType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"chevron\" | \"caret\" | \"plus-minus\"",
+          "resolved": "\"caret\" | \"chevron\" | \"plus-minus\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the type of the icon in the header inherited from the `calcite-accordion`."
+        },
+        "attribute": "icon-type",
+        "reflect": false
+      },
+      "accordionParent": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLCalciteAccordionElement",
+          "resolved": "HTMLCalciteAccordionElement",
+          "references": {
+            "HTMLCalciteAccordionElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "The containing `accordion` element."
+        }
+      },
+      "selectionMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Extract<\"single\" | \"single-persist\" | \"multiple\", SelectionMode>",
+          "resolved": "\"multiple\" | \"single\" | \"single-persist\"",
+          "references": {
+            "Extract": {
+              "location": "global"
+            },
+            "SelectionMode": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the `selectionMode` of the component inherited from the `calcite-accordion`."
+        },
+        "attribute": "selection-mode",
+        "reflect": false
+      },
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the size of the component inherited from the `calcite-accordion`."
+        },
+        "attribute": "scale",
+        "reflect": false
       }
     };
   }
@@ -302,29 +406,6 @@ export class AccordionItem {
           "resolved": "void",
           "references": {}
         }
-      }, {
-        "method": "calciteInternalAccordionItemRegister",
-        "name": "calciteInternalAccordionItemRegister",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }],
-          "text": ""
-        },
-        "complexType": {
-          "original": "RegistryEntry",
-          "resolved": "RegistryEntry",
-          "references": {
-            "RegistryEntry": {
-              "location": "import",
-              "path": "./interfaces"
-            }
-          }
-        }
       }];
   }
   static get elementRef() { return "el"; }

package/dist/collection/components/accordion-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 export const SLOTS = {
   actionsStart: "actions-start",

package/dist/collection/components/action/action.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { Build, forceUpdate, h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/action/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/action-bar/action-bar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { h, Host } from "@stencil/core";
 import { debounce } from "lodash-es";

package/dist/collection/components/action-bar/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/collection/components/action-bar/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { forceUpdate } from "@stencil/core";
 import { SLOTS as ACTION_GROUP_SLOTS } from "../action-group/resources";

package/dist/collection/components/action-group/action-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/action-group/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 export const SLOTS = {
   menuActions: "menu-actions",

package/dist/collection/components/action-menu/action-menu.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { h } from "@stencil/core";
 import { Fragment } from "@stencil/core/internal";
@@ -248,7 +248,7 @@ export class ActionMenu {
   /** Sets focus on the component. */
   async setFocus() {
     await componentFocusable(this);
-    focusElement(this.menuButtonEl);
+    return focusElement(this.menuButtonEl);
   }
   renderMenuButton() {
     const { label, scale, expanded } = this;

package/dist/collection/components/action-menu/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 export const CSS = {
   menu: "menu",

package/dist/collection/components/action-pad/action-pad.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.16
+ * v1.5.0-next.18
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";