@esri/calcite-components 1.7.0-next.2 → 1.7.0-next.21

package/dist/collection/components/shell-panel/shell-panel.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { forceUpdate, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/slider/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.7.0-next.2
+ * v1.7.0-next.21
  */
 export const CSS = {
   handleLabel: "handle__label",

package/dist/collection/components/slider/slider.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host, } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/sortable-list/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.7.0-next.2
+ * v1.7.0-next.21
  */
 export const CSS = {
   sortItem: "sort-item",

package/dist/collection/components/sortable-list/sortable-list.js

@@ -1,13 +1,13 @@
 /*!
  * 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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 import { CSS } from "./resources";
-import { connectSortableComponent, disconnectSortableComponent, } from "../../utils/sortableComponent";
+import { connectSortableComponent, disconnectSortableComponent, dragActive, } from "../../utils/sortableComponent";
 import { focusElement } from "../../utils/dom";
 /**
  * @slot - A slot for adding sortable items.
@@ -34,11 +34,17 @@ export class SortableList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.setUpSorting();
     this.beginObserving();
     connectInteractive(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     this.endObserving();
@@ -151,10 +157,10 @@ export class SortableList {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(event: DragEvent) => boolean",
-          "resolved": "(event: DragEvent) => boolean",
+          "original": "(detail: DragDetail) => boolean",
+          "resolved": "(detail: DragDetail) => boolean",
           "references": {
-            "DragEvent": {
+            "DragDetail": {
               "location": "import",
               "path": "../../utils/sortableComponent"
             }
@@ -171,10 +177,10 @@ export class SortableList {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(event: DragEvent) => boolean",
-          "resolved": "(event: DragEvent) => boolean",
+          "original": "(detail: DragDetail) => boolean",
+          "resolved": "(detail: DragDetail) => boolean",
           "references": {
-            "DragEvent": {
+            "DragDetail": {
               "location": "import",
               "path": "../../utils/sortableComponent"
             }

package/dist/collection/components/split-button/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.7.0-next.2
+ * v1.7.0-next.21
  */
 export const CSS = {
   container: "split-button__container",

package/dist/collection/components/split-button/split-button.css

@@ -47,20 +47,22 @@
 
 :host([appearance=transparent]):host([kind=brand]) {
   --calcite-split-button-divider: var(--calcite-ui-brand);
+  --calcite-split-button-background: transparent;
 }
 :host([appearance=transparent]):host([kind=danger]) {
   --calcite-split-button-divider: var(--calcite-ui-danger);
+  --calcite-split-button-background: transparent;
 }
 :host([appearance=transparent]):host([kind=neutral]) {
   --calcite-split-button-divider: var(--calcite-ui-text-1);
+  --calcite-split-button-background: transparent;
 }
 :host([appearance=transparent]):host([kind=inverse]) {
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
   --calcite-split-button-background: transparent;
 }
 
-:host([appearance=outline]),
-:host([appearance=transparent]) {
+:host([appearance=outline]) {
   --calcite-split-button-background: transparent;
 }
 
@@ -78,7 +80,8 @@
 }
 :host([appearance=outline]):host([kind=neutral]),
 :host([appearance=outline-fill]):host([kind=neutral]) {
-  --calcite-split-button-divider: var(--calcite-ui-foreground-3);
+  --calcite-split-button-divider: var(--calcite-ui-border-1);
+  --calcite-split-button-background: var(--calcite-ui-border-1);
 }
 :host([appearance=outline]):host([kind=inverse]),
 :host([appearance=outline-fill]):host([kind=inverse]) {

package/dist/collection/components/split-button/split-button.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";

package/dist/collection/components/stack/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.7.0-next.2
+ * v1.7.0-next.21
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/stack/stack.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";

package/dist/collection/components/stepper/stepper.js

@@ -1,10 +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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, } from "@stencil/core";
 import { focusElementInGroup } from "../../utils/dom";
+import { createObserver } from "../../utils/observers";
 /**
  * @slot - A slot for adding `calcite-stepper-item` elements.
  */
@@ -15,12 +16,16 @@ export class Stepper {
     this.items = [];
     /** list of enabled Stepper items */
     this.enabledItems = [];
+    this.mutationObserver = createObserver("mutation", () => this.updateItems());
     this.icon = false;
     this.layout = "horizontal";
     this.numbered = false;
+    this.scale = "m";
     this.numberingSystem = undefined;
     this.selectedItem = null;
-    this.scale = "m";
+  }
+  handleItemPropChange() {
+    this.updateItems();
   }
   numberingSystemChange() {
     this.setStepperItemNumberingSystem();
@@ -30,6 +35,10 @@ export class Stepper {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.mutationObserver?.observe(this.el, { childList: true });
+    this.updateItems();
+  }
   componentDidLoad() {
     // if no stepper items are set as active, default to the first one
     if (typeof this.currentPosition !== "number") {
@@ -144,6 +153,14 @@ export class Stepper {
     }
     this.updateStep(enabledStepIndex);
   }
+  updateItems() {
+    this.el.querySelectorAll("calcite-stepper-item").forEach((item) => {
+      item.icon = this.icon;
+      item.numbered = this.numbered;
+      item.layout = this.layout;
+      item.scale = this.scale;
+    });
+  }
   //--------------------------------------------------------------------------
   //
   //  Private Methods
@@ -253,6 +270,29 @@ export class Stepper {
         "reflect": true,
         "defaultValue": "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": [],
+          "text": "Specifies the size of the component."
+        },
+        "attribute": "scale",
+        "reflect": true,
+        "defaultValue": "\"m\""
+      },
       "numberingSystem": {
         "type": "string",
         "mutable": false,
@@ -297,29 +337,6 @@ export class Stepper {
           "text": "Specifies the component's selected item."
         },
         "defaultValue": "null"
-      },
-      "scale": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Scale",
-          "resolved": "\"l\" | \"m\" | \"s\"",
-          "references": {
-            "Scale": {
-              "location": "import",
-              "path": "../interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies the size of the component."
-        },
-        "attribute": "scale",
-        "reflect": true,
-        "defaultValue": "\"m\""
       }
     };
   }
@@ -460,6 +477,18 @@ export class Stepper {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
+        "propName": "icon",
+        "methodName": "handleItemPropChange"
+      }, {
+        "propName": "layout",
+        "methodName": "handleItemPropChange"
+      }, {
+        "propName": "numbered",
+        "methodName": "handleItemPropChange"
+      }, {
+        "propName": "scale",
+        "methodName": "handleItemPropChange"
+      }, {
         "propName": "numberingSystem",
         "methodName": "numberingSystemChange"
       }];

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

@@ -1,10 +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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host, } from "@stencil/core";
-import { getElementProp, toAriaBoolean } from "../../utils/dom";
+import { toAriaBoolean } from "../../utils/dom";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { numberStringFormatter, disconnectLocalized, connectLocalized, } from "../../utils/locale";
 import { setUpLoadableComponent, setComponentLoaded, componentFocusable, } from "../../utils/loadable";
@@ -71,12 +71,12 @@ export class StepperItem {
     this.disabled = false;
     this.heading = undefined;
     this.description = undefined;
-    this.layout = "horizontal";
-    this.icon = false;
     this.iconFlipRtl = false;
+    this.numberingSystem = undefined;
+    this.icon = false;
+    this.layout = undefined;
     this.numbered = false;
     this.scale = "m";
-    this.numberingSystem = undefined;
     this.effectiveLocale = "";
   }
   selectedHandler() {
@@ -106,10 +106,6 @@ export class StepperItem {
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
-    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();
@@ -305,19 +301,34 @@ export class StepperItem {
         "attribute": "description",
         "reflect": false
       },
-      "layout": {
+      "iconFlipRtl": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
+        },
+        "attribute": "icon-flip-rtl",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "numberingSystem": {
         "type": "string",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
-          "original": "Extract<\"horizontal\" | \"vertical\", Layout>",
-          "resolved": "\"horizontal\" | \"vertical\"",
+          "original": "NumberingSystem",
+          "resolved": "\"arab\" | \"arabext\" | \"bali\" | \"beng\" | \"deva\" | \"fullwide\" | \"gujr\" | \"guru\" | \"hanidec\" | \"khmr\" | \"knda\" | \"laoo\" | \"latn\" | \"limb\" | \"mlym\" | \"mong\" | \"mymr\" | \"orya\" | \"tamldec\" | \"telu\" | \"thai\" | \"tibt\"",
           "references": {
-            "Extract": {
-              "location": "global"
-            },
-            "Layout": {
+            "NumberingSystem": {
               "location": "import",
-              "path": "../interfaces"
+              "path": "../../utils/locale"
             }
           }
         },
@@ -330,13 +341,12 @@ export class StepperItem {
             }],
           "text": ""
         },
-        "attribute": "layout",
-        "reflect": true,
-        "defaultValue": "\"horizontal\""
+        "attribute": "numbering-system",
+        "reflect": false
       },
       "icon": {
         "type": "boolean",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -349,33 +359,43 @@ export class StepperItem {
               "name": "internal",
               "text": undefined
             }],
-          "text": ""
+          "text": "When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`."
         },
         "attribute": "icon",
         "reflect": false,
         "defaultValue": "false"
       },
-      "iconFlipRtl": {
-        "type": "boolean",
+      "layout": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
+          "original": "Extract<\"horizontal\" | \"vertical\", Layout>",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "Extract": {
+              "location": "global"
+            },
+            "Layout": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
         },
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`."
         },
-        "attribute": "icon-flip-rtl",
-        "reflect": true,
-        "defaultValue": "false"
+        "attribute": "layout",
+        "reflect": true
       },
       "numbered": {
         "type": "boolean",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -388,7 +408,7 @@ export class StepperItem {
               "name": "internal",
               "text": undefined
             }],
-          "text": ""
+          "text": "When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`."
         },
         "attribute": "numbered",
         "reflect": false,
@@ -396,7 +416,7 @@ export class StepperItem {
       },
       "scale": {
         "type": "string",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "Scale",
           "resolved": "\"l\" | \"m\" | \"s\"",
@@ -414,36 +434,11 @@ export class StepperItem {
               "name": "internal",
               "text": undefined
             }],
-          "text": ""
+          "text": "Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`."
         },
         "attribute": "scale",
         "reflect": true,
         "defaultValue": "\"m\""
-      },
-      "numberingSystem": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "NumberingSystem",
-          "resolved": "\"arab\" | \"arabext\" | \"bali\" | \"beng\" | \"deva\" | \"fullwide\" | \"gujr\" | \"guru\" | \"hanidec\" | \"khmr\" | \"knda\" | \"laoo\" | \"latn\" | \"limb\" | \"mlym\" | \"mong\" | \"mymr\" | \"orya\" | \"tamldec\" | \"telu\" | \"thai\" | \"tibt\"",
-          "references": {
-            "NumberingSystem": {
-              "location": "import",
-              "path": "../../utils/locale"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }],
-          "text": ""
-        },
-        "attribute": "numbering-system",
-        "reflect": false
       }
     };
   }

package/dist/collection/components/switch/switch.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tab/tab.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host, } from "@stencil/core";
 import { nodeListToArray } from "../../utils/dom";

package/dist/collection/components/tab-nav/tab-nav.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { h, Host, } from "@stencil/core";
 import { filterDirectChildren, focusElementInGroup, getElementDir, } from "../../utils/dom";

package/dist/collection/components/tab-title/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.7.0-next.2
+ * v1.7.0-next.21
  */
 export const CSS = {
   closeButton: "close-button",

package/dist/collection/components/tab-title/tab-title.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.7.0-next.2
+ * v1.7.0-next.21
  */
 import { Build, h, Host, } from "@stencil/core";
 import { getElementDir, getElementProp, toAriaBoolean, nodeListToArray } from "../../utils/dom";

package/dist/collection/components/table/assets/table/t9n/index.d.ts

@@ -0,0 +1,7 @@
+export type TableMessages = {
+  clear: string;
+  hiddenSelected: string;
+  page: string;
+  row: string;
+  selected: string;
+};

package/dist/collection/components/table/assets/table/t9n/messages.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_ar.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_bg.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_bs.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_ca.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_cs.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_da.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}

package/dist/collection/components/table/assets/table/t9n/messages_de.json

@@ -0,0 +1,7 @@
+{
+  "clear": "Clear",
+  "hiddenSelected": "Rows selected but out of view",
+  "page": "Page",
+  "row": "Row",
+  "selected": "Selected"
+}