npm - @esri/calcite-components - Versions diffs - 1.11.0-next.3 → 1.11.0 - Mend

@esri/calcite-components 1.11.0-next.3 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1225) hide show

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

@@ -1,30 +1,56 @@
 /*!
  * 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.11.0-next.3
+ * v1.11.0
  */
-import { h, Host, } from "@stencil/core";
+import { h, Host, readTask, } from "@stencil/core";
 import { focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";
-import { connectLocalized, disconnectLocalized, } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
+import { StepBar } from "./functional/step-bar";
+import { ITEM_MIN_WIDTH, CSS } from "./resources";
+import { guid } from "../../utils/guid";
+import { connectLocalized, disconnectLocalized, } from "../../utils/locale";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 /**
  * @slot - A slot for adding `calcite-stepper-item` elements.
  */
 export class Stepper {
   constructor() {
+    this.enabledItems = [];
     this.itemMap = new Map();
-    /** list of sorted Stepper items */
     this.items = [];
-    /** list of enabled Stepper items */
-    this.enabledItems = [];
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
+    /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */
+    this.multipleViewMode = false;
+    this.guid = `calcite-stepper-action-${guid()}`;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.resizeObserver = createObserver("resize", (entries) => (this.elWidth = entries[0].contentRect.width));
+    this.handleActionClick = (event) => {
+      const currentActivePosition = this.currentActivePosition;
+      const target = event.target;
+      if (target.getAttribute("data-position") === "start") {
+        this.prevStep();
+      }
+      else {
+        this.nextStep();
+      }
+      if (this.currentActivePosition &&
+        currentActivePosition !== this.currentActivePosition &&
+        !this.items[this.currentActivePosition].disabled) {
+        this.calciteStepperItemChange.emit();
+      }
+    };
+    this.setContainerEl = (el) => {
+      this.containerEl = el;
+    };
     this.handleDefaultSlotChange = (event) => {
-      const slottedItems = slotChangeGetAssignedElements(event);
-      const items = slottedItems.filter((el) => el?.tagName === "CALCITE-STEPPER-ITEM");
-      const spacing = Array(items.length).fill("1fr").join(" ");
-      this.el.style.gridTemplateAreas = spacing;
-      this.el.style.gridTemplateColumns = spacing;
+      const items = slotChangeGetAssignedElements(event).filter((el) => el?.tagName === "CALCITE-STEPPER-ITEM");
+      this.items = items;
+      this.setGridTemplateColumns(items);
       this.setStepperItemNumberingSystem();
     };
     this.icon = false;
@@ -37,6 +63,8 @@ export class Stepper {
     this.messageOverrides = undefined;
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
+    this.currentActivePosition = undefined;
+    this.elWidth = undefined;
   }
   handleItemPropChange() {
     this.updateItems();
@@ -62,20 +90,26 @@ export class Stepper {
     await setUpMessages(this);
   }
   componentDidLoad() {
+    this.resizeObserver?.observe(this.containerEl);
     // if no stepper items are set as active, default to the first one
-    if (typeof this.currentPosition !== "number") {
+    if (typeof this.currentActivePosition !== "number") {
+      const enabledStepIndex = this.getFirstEnabledStepperPosition();
+      if (enabledStepIndex === 0) {
+        this.currentActivePosition = enabledStepIndex;
+      }
       this.calciteInternalStepperItemChange.emit({
-        position: this.getFirstEnabledStepperPosition(),
+        position: enabledStepIndex,
       });
     }
   }
   disconnectedCallback() {
+    this.resizeObserver?.disconnect();
     disconnectMessages(this);
     disconnectLocalized(this);
     this.mutationObserver?.disconnect();
   }
   render() {
-    return (h(Host, { "aria-label": this.messages.label, role: "region" }, h("slot", { onSlotchange: this.handleDefaultSlotChange })));
+    return (h(Host, { "aria-label": this.messages.label, role: "region" }, h("div", { class: { container: true, [CSS.singleView]: !this.multipleViewMode }, ref: this.setContainerEl }, !this.multipleViewMode && this.layout === "horizontal" && (h("div", { class: { [CSS.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), h("div", { class: { [CSS.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end")), h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   //--------------------------------------------------------------------------
   //
@@ -107,14 +141,13 @@ export class Stepper {
     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.currentActivePosition = position;
       this.selectedItem = event.target;
     }
     this.calciteInternalStepperItemChange.emit({
@@ -131,7 +164,7 @@ export class Stepper {
   //--------------------------------------------------------------------------
   /** Set the next `calcite-stepper-item` as active. */
   async nextStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition + 1, "next");
+    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, "next");
     if (typeof enabledStepIndex !== "number") {
       return;
     }
@@ -139,7 +172,7 @@ export class Stepper {
   }
   /** Set the previous `calcite-stepper-item` as active. */
   async prevStep() {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition - 1, "previous");
+    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, "previous");
     if (typeof enabledStepIndex !== "number") {
       return;
     }
@@ -152,7 +185,7 @@ export class Stepper {
    */
   async goToStep(step) {
     const position = step - 1;
-    if (this.currentPosition !== position) {
+    if (this.currentActivePosition !== position) {
       this.updateStep(position);
     }
   }
@@ -175,11 +208,16 @@ export class Stepper {
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
+  handlePositionChange() {
+    readTask(() => {
+      this.determineActiveStepper(true);
+    });
+  }
+  handleElWidthChange() {
+    readTask(() => {
+      this.determineActiveStepper();
+    });
+  }
   updateItems() {
     this.el.querySelectorAll("calcite-stepper-item").forEach((item) => {
       item.icon = this.icon;
@@ -188,26 +226,54 @@ export class Stepper {
       item.scale = this.scale;
     });
   }
+  determineActiveStepper(currentActivePositionChanged = false) {
+    const totalItems = this.items.length;
+    if (!this.elWidth || !totalItems || this.layout !== "horizontal" || totalItems === 1) {
+      return;
+    }
+    const activePosition = this.currentActivePosition || 0;
+    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();
+    const totalRowGap = (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);
+    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {
+      this.multipleViewMode = false;
+      this.items.forEach((item, index) => {
+        if (index !== activePosition) {
+          item.hidden = true;
+        }
+        else {
+          item.hidden = false;
+          item.multipleViewMode = false;
+        }
+      });
+    }
+    else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {
+      if (this.multipleViewMode && !currentActivePositionChanged) {
+        return;
+      }
+      this.multipleViewMode = true;
+      this.setGridTemplateColumns(this.items);
+      this.items.forEach((item) => {
+        item.hidden = false;
+        item.multipleViewMode = true;
+      });
+    }
+  }
   getEnabledStepIndex(startIndex, direction = "next") {
-    const { items, currentPosition } = this;
+    const { items, currentActivePosition } = this;
     let newIndex = startIndex;
-    while (items[newIndex]?.disabled) {
+    while (items[newIndex]?.disabled && this.multipleViewMode) {
       newIndex = newIndex + (direction === "previous" ? -1 : 1);
     }
-    return newIndex !== currentPosition && newIndex < items.length && newIndex >= 0
+    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0
       ? newIndex
       : null;
   }
   updateStep(position) {
-    this.currentPosition = position;
+    this.currentActivePosition = position;
     this.calciteInternalStepperItemChange.emit({
       position,
     });
   }
-  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);
   }
@@ -216,9 +282,32 @@ export class Stepper {
       item.numberingSystem = this.numberingSystem;
     });
   }
+  renderAction(position) {
+    const isPositionStart = position === "start";
+    const path = isPositionStart ? "chevron-left" : "chevron-right";
+    const { currentActivePosition, multipleViewMode, layout } = this;
+    const totalItems = this.items.length;
+    const id = `${this.guid}-${isPositionStart ? "start" : "end"}`;
+    return layout === "horizontal" && !multipleViewMode ? (h("calcite-action", { alignment: "center", appearance: "transparent", class: {
+        [CSS.actionIcon]: true,
+      }, compact: true, "data-position": position, disabled: (currentActivePosition === 0 && isPositionStart) ||
+        (currentActivePosition === totalItems - 1 && !isPositionStart), icon: path, iconFlipRtl: true, id: id, onClick: this.handleActionClick, scale: this.scale, text: isPositionStart ? this.messages.previousStep : this.messages.nextStep })) : null;
+  }
   getFirstEnabledStepperPosition() {
     const enabledStepIndex = this.items.findIndex((item) => !item.disabled);
-    return enabledStepIndex > -1 ? enabledStepIndex : 0;
+    if (enabledStepIndex > -1) {
+      return enabledStepIndex;
+    }
+    return 0;
+  }
+  setGridTemplateColumns(items) {
+    const minWidth = this.getMinWidthOfStepperItem();
+    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(" ");
+    this.containerEl.style.gridTemplateAreas = spacing;
+    this.containerEl.style.gridTemplateColumns = spacing;
+  }
+  getMinWidthOfStepperItem() {
+    return ITEM_MIN_WIDTH[this.scale];
   }
   static get is() { return "calcite-stepper"; }
   static get encapsulation() { return "shadow"; }
@@ -325,7 +414,7 @@ export class Stepper {
         "mutable": true,
         "complexType": {
           "original": "StepperMessages",
-          "resolved": "{ label: string; }",
+          "resolved": "{ label: string; previousStep: string; nextStep: string; }",
           "references": {
             "StepperMessages": {
               "location": "import",
@@ -393,7 +482,7 @@ export class Stepper {
         "mutable": true,
         "complexType": {
           "original": "Partial<StepperMessages>",
-          "resolved": "{ label?: string; }",
+          "resolved": "{ label?: string; previousStep?: string; nextStep?: string; }",
           "references": {
             "Partial": {
               "location": "global"
@@ -416,7 +505,9 @@ export class Stepper {
   static get states() {
     return {
       "defaultMessages": {},
-      "effectiveLocale": {}
+      "effectiveLocale": {},
+      "currentActivePosition": {},
+      "elWidth": {}
     };
   }
   static get events() {
@@ -576,6 +667,12 @@ export class Stepper {
       }, {
         "propName": "effectiveLocale",
         "methodName": "effectiveLocaleChange"
+      }, {
+        "propName": "currentActivePosition",
+        "methodName": "handlePositionChange"
+      }, {
+        "propName": "elWidth",
+        "methodName": "handleElWidthChange"
       }];
   }
   static get listeners() {

package/dist/collection/components/stepper-item/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/stepper-item/stepper-item.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -24,6 +24,7 @@
   --calcite-stepper-item-spacing-unit-s: 0.25rem;
   --calcite-stepper-item-spacing-unit-m: 0.75rem;
   --calcite-stepper-item-spacing-unit-l: 1rem;
+  --calcite-internal-stepper-action-inline-size: 2rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
   margin-inline-end: 0.25rem;
@@ -37,6 +38,7 @@
   --calcite-stepper-item-spacing-unit-s: 0.5rem;
   --calcite-stepper-item-spacing-unit-m: 1rem;
   --calcite-stepper-item-spacing-unit-l: 1.25rem;
+  --calcite-internal-stepper-action-inline-size: 2.5rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
   margin-inline-end: 0.5rem;
@@ -50,6 +52,7 @@
   --calcite-stepper-item-spacing-unit-s: 0.75rem;
   --calcite-stepper-item-spacing-unit-m: 1.25rem;
   --calcite-stepper-item-spacing-unit-l: 1.5rem;
+  --calcite-internal-stepper-action-inline-size: 3rem;
   font-size: var(--calcite-font-size-1);
   line-height: 1.5rem;
   margin-inline-end: 0.75rem;
@@ -308,8 +311,6 @@
   border-color: var(--calcite-ui-border-3);
   outline-color: transparent;
   grid-row: items;
-  margin-inline-end: 0.5rem;
-  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
 }
 :host([layout=horizontal]) .stepper-item-header:focus {
   outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));
@@ -338,16 +339,6 @@
   grid-area: 2/1/2/-1;
 }
-:host([layout=horizontal][scale=s]) .stepper-item-header {
-  margin-inline-end: 0.25rem;
-  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
-}
-:host([layout=horizontal][scale=l]) .stepper-item-header {
-  margin-inline-end: 0.75rem;
-  margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
-}
 :host([layout=horizontal][complete]) .stepper-item-header {
   border-color: rgba(0, 122, 194, 0.5);
 }
@@ -361,7 +352,7 @@
   border-color: var(--calcite-ui-danger);
 }
-:host([layout=horizontal][selected]) .stepper-item-header {
+:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header {
   border-color: var(--calcite-ui-brand);
 }
@@ -397,6 +388,37 @@
     border-color: highlight;
   }
 }
+:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header {
+  margin-inline-end: 0px;
+  border-style: none;
+  inline-size: 100%;
+  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);
+}
+:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number {
+  color: var(--calcite-ui-danger);
+}
+:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon {
+  opacity: 1;
+  color: var(--calcite-ui-danger);
+}
+:host([layout=horizontal][error][selected]:not([multiple-view-mode])),
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container {
+  color: var(--calcite-ui-text-3);
+}
+:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading {
+  color: var(--calcite-ui-text-2);
+}
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon {
+  opacity: var(--calcite-ui-opacity-disabled);
+}
+:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number {
+  color: var(--calcite-ui-text-3);
+}
 .visually-hidden {
   position: absolute;
   inline-size: 1px;

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

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host, } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
@@ -79,6 +79,7 @@ export class StepperItem {
     this.messages = undefined;
     this.numbered = false;
     this.scale = "m";
+    this.multipleViewMode = false;
     this.messageOverrides = undefined;
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
@@ -137,7 +138,7 @@ export class StepperItem {
   render() {
     return (h(Host, { "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler }, h("div", { class: CSS.container }, this.complete && (h("span", { "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { class: CSS.stepperItemHeader, tabIndex:
       /* additional tab index logic needed because of display: contents */
-      this.layout === "horizontal" && !this.disabled ? 0 : null,
+      this.layout === "horizontal" && !this.disabled && this.multipleViewMode ? 0 : null,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.headerEl = el) }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { class: CSS.stepperItemHeaderText }, h("span", { class: CSS.stepperItemHeading }, this.heading), h("span", { class: CSS.stepperItemDescription }, this.description))), h("div", { class: CSS.stepperItemContent }, h("slot", null)))));
   }
@@ -164,13 +165,16 @@ export class StepperItem {
     (this.layout === "vertical" ? this.el : this.headerEl)?.focus();
   }
   renderIcon() {
-    const path = this.selected
-      ? "circleF"
-      : this.error
-        ? "exclamationMarkCircleF"
-        : this.complete
-          ? "checkCircleF"
-          : "circle";
+    let path = "circle";
+    if (this.selected && (this.multipleViewMode || (!this.error && !this.complete))) {
+      path = "circleF";
+    }
+    else if (this.error) {
+      path = "exclamationMarkCircleF";
+    }
+    else if (this.complete) {
+      path = "checkCircleF";
+    }
     return (h("calcite-icon", { class: "stepper-item-icon", flipRtl: this.iconFlipRtl, icon: path, scale: "s" }));
   }
   determineSelectedItem() {
@@ -475,6 +479,27 @@ export class StepperItem {
         "reflect": true,
         "defaultValue": "\"m\""
       },
+      "multipleViewMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies if the user is viewing one `stepper-item` at a time.\nHelps in determining if header region is tabbable."
+        },
+        "attribute": "multiple-view-mode",
+        "reflect": true,
+        "defaultValue": "false"
+      },
       "messageOverrides": {
         "type": "unknown",
         "mutable": true,

package/dist/collection/components/switch/switch.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/switch/switch.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tab/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tab/tab.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tab/tab.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host, } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/tab-nav/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   container: "tab-nav",

package/dist/collection/components/tab-nav/tab-nav.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tab-nav/tab-nav.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host, } from "@stencil/core";
 import { filterDirectChildren, focusElementInGroup, getElementDir, } from "../../utils/dom";

package/dist/collection/components/tab-title/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   closeButton: "close-button",

package/dist/collection/components/tab-title/tab-title.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tab-title/tab-title.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { Build, h, Host, } from "@stencil/core";
 import { getElementDir, toAriaBoolean, nodeListToArray } from "../../utils/dom";

package/dist/collection/components/table/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   bordered: "bordered",

package/dist/collection/components/table/table.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table/table.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host, } from "@stencil/core";
 import { setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";

package/dist/collection/components/table-cell/resources.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 export const CSS = {
   numberCell: "number-cell",

package/dist/collection/components/table-cell/table-cell.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 Nov 2023 00:32:36 GMT
+ * Generated on Tue, 21 Nov 2023 22:52:14 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/table-cell/table-cell.js CHANGED Viewed

@@ -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.11.0-next.3
+ * v1.11.0
  */
 import { h, Host } from "@stencil/core";
 import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";