@esri/calcite-components 2.0.0-next.0 → 2.0.0-next.1

package/dist/collection/components/combobox/combobox.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { debounce } from "lodash-es";
 import { filter } from "../../utils/filter";
-import { isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";
+import { getElementWidth, getTextWidth, isPrimaryPointerButton, toAriaBoolean, } from "../../utils/dom";
 import { connectFloatingUI, defaultMenuPlacement, disconnectFloatingUI, filterComputedPlacements, FloatingCSS, reposition, } from "../../utils/floating-ui";
 import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot, submitForm, } from "../../utils/form";
 import { guid } from "../../utils/guid";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { componentFocusable, componentLoaded, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
 import { onToggleOpenCloseComponent } from "../../utils/openCloseComponent";
@@ -21,6 +21,7 @@ import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from "./r
 import { getItemAncestors, getItemChildren, hasActiveChildren, isSingleLike } from "./utils";
 import { XButton, CSS as XButtonCSS } from "../functional/XButton";
 import { getIconScale } from "../../utils/component";
+import { CoreSizing15 } from "@esri/calcite-design-tokens/dist/es6/calcite-headless";
 const isGroup = (el) => el.tagName === ComboboxItemGroup;
 const itemUidPrefix = "combobox-item-";
 const chipUidPrefix = "combobox-chip-";
@@ -36,7 +37,10 @@ export class Combobox {
     this.internalValueChangeFlag = false;
     this.textInput = null;
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
-    this.resizeObserver = createObserver("resize", () => this.setMaxScrollerHeight());
+    this.resizeObserver = createObserver("resize", () => {
+      this.setMaxScrollerHeight();
+      this.refreshSelectionDisplay();
+    });
     this.guid = guid();
     this.inputHeight = 0;
     this.ignoreSelectedEventsFlag = false;
@@ -216,6 +220,40 @@ export class Combobox {
       this.open = !this.open;
       this.ensureRecentSelectedItemIsActive();
     };
+    this.refreshSelectionDisplay = async () => {
+      await componentLoaded(this);
+      if (isSingleLike(this.selectionMode)) {
+        return;
+      }
+      if (!this.textInput) {
+        return;
+      }
+      const { allSelectedIndicatorChipEl, chipContainerEl, selectionDisplay, placeholder, selectedIndicatorChipEl, textInput, } = this;
+      const chipContainerElGap = parseInt(getComputedStyle(chipContainerEl).gap.replace("px", ""));
+      const chipContainerElWidth = getElementWidth(chipContainerEl);
+      const { fontSize, fontFamily } = getComputedStyle(textInput);
+      const inputTextWidth = getTextWidth(placeholder, `${fontSize} ${fontFamily}`);
+      const inputWidth = (inputTextWidth || parseInt(CoreSizing15)) + chipContainerElGap;
+      const allSelectedIndicatorChipElWidth = getElementWidth(allSelectedIndicatorChipEl);
+      const selectedIndicatorChipElWidth = getElementWidth(selectedIndicatorChipEl);
+      const largestSelectedIndicatorChipWidth = Math.max(allSelectedIndicatorChipElWidth, selectedIndicatorChipElWidth);
+      this.setCompactSelectionDisplay({
+        chipContainerElGap,
+        chipContainerElWidth,
+        inputWidth,
+        largestSelectedIndicatorChipWidth,
+      });
+      if (selectionDisplay === "fit") {
+        const chipEls = Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter((chipEl) => chipEl.closable);
+        let availableHorizontalChipElSpace = Math.round(chipContainerElWidth -
+          ((this.selectedHiddenChipsCount > 0 ? selectedIndicatorChipElWidth : 0) +
+            chipContainerElGap +
+            inputWidth +
+            chipContainerElGap));
+        this.refreshChipDisplay({ availableHorizontalChipElSpace, chipContainerElGap, chipEls });
+        this.setVisibleAndHiddenChips(chipEls);
+      }
+    };
     this.setFloatingEl = (el) => {
       this.floatingEl = el;
       connectFloatingUI(this, this.referenceEl, this.floatingEl);
@@ -225,10 +263,20 @@ export class Combobox {
       this.listContainerEl = el;
       this.transitionEl = el;
     };
+    this.setChipContainerEl = (el) => {
+      this.resizeObserver.observe(el);
+      this.chipContainerEl = el;
+    };
     this.setReferenceEl = (el) => {
       this.referenceEl = el;
       connectFloatingUI(this, this.referenceEl, this.floatingEl);
     };
+    this.setAllSelectedIndicatorChipEl = (el) => {
+      this.allSelectedIndicatorChipEl = el;
+    };
+    this.setSelectedIndicatorChipEl = (el) => {
+      this.selectedIndicatorChipEl = el;
+    };
     this.inputHandler = (event) => {
       const value = event.target.value;
       this.text = value;
@@ -262,6 +310,23 @@ export class Combobox {
       this.calciteComboboxChange.emit();
     };
     this.emitComboboxChange = debounce(this.internalComboboxChangeEvent, 0);
+    this.getSelectedItems = () => {
+      if (!this.isMulti()) {
+        const match = this.items.find(({ selected }) => selected);
+        return match ? [match] : [];
+      }
+      return (this.items
+        .filter((item) => item.selected && (this.selectionMode !== "ancestors" || !hasActiveChildren(item)))
+        /** Preserve order of entered tags */
+        .sort((a, b) => {
+        const aIdx = this.selectedItems.indexOf(a);
+        const bIdx = this.selectedItems.indexOf(b);
+        if (aIdx > -1 && bIdx > -1) {
+          return aIdx - bIdx;
+        }
+        return bIdx - aIdx;
+      }));
+    };
     this.updateItems = () => {
       this.items = this.getItems();
       this.groupItems = this.getGroupItems();
@@ -307,6 +372,7 @@ export class Combobox {
       this.textInput?.focus();
     };
     this.clearDisabled = false;
+    this.selectionDisplay = "all";
     this.open = false;
     this.disabled = false;
     this.form = undefined;
@@ -333,6 +399,9 @@ export class Combobox {
     this.activeItemIndex = -1;
     this.activeChipIndex = -1;
     this.activeDescendant = "";
+    this.compactSelectionDisplay = false;
+    this.selectedHiddenChipsCount = 0;
+    this.selectedVisibleChipsCount = 0;
     this.text = "";
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
@@ -426,7 +495,8 @@ export class Combobox {
   /**
    * Updates the position of the component.
    *
-   * @param delayed
+   * @param delayed Reposition the component after a delay
+   * @returns Promise
    */
   async reposition(delayed = false) {
     const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;
@@ -486,6 +556,9 @@ export class Combobox {
     }
     updateHostInteraction(this);
   }
+  componentDidUpdate() {
+    this.refreshSelectionDisplay();
+  }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();
     this.resizeObserver?.disconnect();
@@ -549,6 +622,50 @@ export class Combobox {
     const targetIndex = selectedItems.length === 0 ? 0 : this.items.indexOf(selectedItems[selectedItems.length - 1]);
     this.updateActiveItemIndex(targetIndex);
   }
+  hideChip(chipEl) {
+    chipEl.classList.add(CSS.chipInvisible);
+  }
+  showChip(chipEl) {
+    chipEl.classList.remove(CSS.chipInvisible);
+  }
+  refreshChipDisplay({ chipEls, availableHorizontalChipElSpace, chipContainerElGap, }) {
+    chipEls.forEach((chipEl) => {
+      if (!chipEl.selected) {
+        this.hideChip(chipEl);
+      }
+      else {
+        const chipElWidth = getElementWidth(chipEl);
+        if (chipElWidth && chipElWidth < availableHorizontalChipElSpace) {
+          availableHorizontalChipElSpace -= chipElWidth + chipContainerElGap;
+          this.showChip(chipEl);
+          return;
+        }
+      }
+      this.hideChip(chipEl);
+    });
+  }
+  setCompactSelectionDisplay({ chipContainerElGap, chipContainerElWidth, inputWidth, largestSelectedIndicatorChipWidth, }) {
+    const newCompactBreakpoint = Math.round(largestSelectedIndicatorChipWidth + chipContainerElGap + inputWidth);
+    if (!this.maxCompactBreakpoint || this.maxCompactBreakpoint < newCompactBreakpoint) {
+      this.maxCompactBreakpoint = newCompactBreakpoint;
+    }
+    this.compactSelectionDisplay = chipContainerElWidth < this.maxCompactBreakpoint;
+  }
+  setVisibleAndHiddenChips(chipEls) {
+    let newSelectedVisibleChipsCount = 0;
+    chipEls.forEach((chipEl) => {
+      if (chipEl.selected && !chipEl.classList.contains(CSS.chipInvisible)) {
+        newSelectedVisibleChipsCount++;
+      }
+    });
+    if (newSelectedVisibleChipsCount !== this.selectedVisibleChipsCount) {
+      this.selectedVisibleChipsCount = newSelectedVisibleChipsCount;
+    }
+    const newSelectedHiddenChipsCount = this.getSelectedItems().length - newSelectedVisibleChipsCount;
+    if (newSelectedHiddenChipsCount !== this.selectedHiddenChipsCount) {
+      this.selectedHiddenChipsCount = newSelectedHiddenChipsCount;
+    }
+  }
   getMaxScrollerHeight() {
     const items = this.getItemsAndGroups().filter((item) => !item.hidden);
     const { maxItems } = this;
@@ -635,23 +752,6 @@ export class Combobox {
   getFilteredItems() {
     return this.items.filter((item) => !item.hidden);
   }
-  getSelectedItems() {
-    if (!this.isMulti()) {
-      const match = this.items.find(({ selected }) => selected);
-      return match ? [match] : [];
-    }
-    return (this.items
-      .filter((item) => item.selected && (this.selectionMode !== "ancestors" || !hasActiveChildren(item)))
-      /** Preserve order of entered tags */
-      .sort((a, b) => {
-      const aIdx = this.selectedItems.indexOf(a);
-      const bIdx = this.selectedItems.indexOf(b);
-      if (aIdx > -1 && bIdx > -1) {
-        return aIdx - bIdx;
-      }
-      return bIdx - aIdx;
-    }));
-  }
   getData() {
     return this.items.map((item) => ({
       filterDisabled: item.filterDisabled,
@@ -762,6 +862,9 @@ export class Combobox {
       this.activeChipIndex = -1;
     }
   }
+  isAllSelected() {
+    return this.getItems().length === this.getSelectedItems().length;
+  }
   isMulti() {
     return !isSingleLike(this.selectionMode);
   }
@@ -780,9 +883,93 @@ export class Combobox {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (h("calcite-chip", { class: chipClasses, closable: true, icon: item.icon, iconFlipRtl: item.iconFlipRtl, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, messageOverrides: { dismissLabel: messages.removeTag }, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, title: label, value: item.value }, label));
+      return (h("calcite-chip", { class: chipClasses, closable: true, icon: item.icon, iconFlipRtl: item.iconFlipRtl, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, messageOverrides: { dismissLabel: messages.removeTag }, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, selected: item.selected, title: label, value: item.value }, label));
     });
   }
+  renderAllSelectedIndicatorChip() {
+    const { compactSelectionDisplay, scale, selectedVisibleChipsCount, setAllSelectedIndicatorChipEl, } = this;
+    const label = this.messages.allSelected;
+    return (h("calcite-chip", { class: {
+        chip: true,
+        [CSS.chipInvisible]: !(this.isAllSelected() &&
+          !selectedVisibleChipsCount &&
+          !compactSelectionDisplay),
+      }, scale: scale, title: label, value: "", ref: setAllSelectedIndicatorChipEl }, label));
+  }
+  renderAllSelectedIndicatorChipCompact() {
+    const { compactSelectionDisplay, scale, selectedVisibleChipsCount } = this;
+    const label = this.messages.all || "All";
+    return (h("calcite-chip", { class: {
+        chip: true,
+        [CSS.chipInvisible]: !(this.isAllSelected() &&
+          !selectedVisibleChipsCount &&
+          compactSelectionDisplay),
+      }, scale: scale, title: label, value: "" }, label));
+  }
+  renderSelectedIndicatorChip() {
+    const { compactSelectionDisplay, selectionDisplay, getSelectedItems, scale, selectedHiddenChipsCount, selectedVisibleChipsCount, setSelectedIndicatorChipEl, } = this;
+    let chipInvisible, label;
+    if (compactSelectionDisplay) {
+      chipInvisible = true;
+    }
+    else {
+      if (selectionDisplay === "single") {
+        const selectedItemsCount = getSelectedItems().length;
+        if (this.isAllSelected()) {
+          chipInvisible = true;
+        }
+        else if (selectedItemsCount > 0) {
+          chipInvisible = false;
+        }
+        else {
+          chipInvisible = true;
+        }
+        label = `${selectedItemsCount} ${this.messages.selected}`;
+      }
+      else if (selectionDisplay === "fit") {
+        if ((this.isAllSelected() && selectedVisibleChipsCount === 0) ||
+          selectedHiddenChipsCount === 0) {
+          chipInvisible = true;
+        }
+        else {
+          chipInvisible = false;
+        }
+        label =
+          selectedVisibleChipsCount > 0
+            ? `+${selectedHiddenChipsCount}`
+            : `${selectedHiddenChipsCount} ${this.messages.selected}`;
+      }
+    }
+    return (h("calcite-chip", { class: {
+        chip: true,
+        [CSS.chipInvisible]: chipInvisible,
+      }, ref: setSelectedIndicatorChipEl, scale: scale, title: label, value: "" }, label));
+  }
+  renderSelectedIndicatorChipCompact() {
+    const { compactSelectionDisplay, selectionDisplay, getSelectedItems, scale, selectedHiddenChipsCount, } = this;
+    let chipInvisible, label;
+    if (compactSelectionDisplay) {
+      const selectedItemsCount = getSelectedItems().length;
+      if (this.isAllSelected()) {
+        chipInvisible = true;
+      }
+      else if (selectionDisplay === "fit") {
+        chipInvisible = selectedHiddenChipsCount > 0 ? false : true;
+        label = `${selectedHiddenChipsCount || 0}`;
+      }
+      else if (selectionDisplay === "single") {
+        chipInvisible = selectedItemsCount > 0 ? false : true;
+        label = `${selectedItemsCount}`;
+      }
+    }
+    else {
+      chipInvisible = true;
+    }
+    return (h("calcite-chip", { class: {
+        chip: true,
+        [CSS.chipInvisible]: chipInvisible,
+      }, scale: scale, title: label, value: "" }, label));
+  }
   renderInput() {
     const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;
     const single = isSingleLike(selectionMode);
@@ -838,16 +1025,29 @@ export class Combobox {
     return (h("span", { class: "icon-end" }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
   }
   render() {
-    const { guid, label, open } = this;
-    const single = isSingleLike(this.selectionMode);
+    const { selectionDisplay, guid, label, open } = this;
+    const singleSelectionMode = isSingleLike(this.selectionMode);
+    const allSelectionDisplay = selectionDisplay === "all";
+    const singleSelectionDisplay = selectionDisplay === "single";
+    const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
     const isClearable = !this.clearDisabled && this.value?.length > 0;
     return (h(Host, { onClick: this.comboboxFocusHandler }, h("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "listbox", "aria-label": getLabelText(this), "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
         wrapper: true,
-        "wrapper--single": single || !this.selectedItems.length,
+        "wrapper--single": singleSelectionMode || !this.selectedItems.length,
         "wrapper--active": open,
       }, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, role: "combobox",
       // 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: this.setReferenceEl }, h("div", { class: "grid-input" }, this.renderIconStart(), !single && this.renderChips(), h("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), isClearable ? (h(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, this.renderIconEnd()), h("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), h(HiddenFormInputSlot, { component: this })));
+      ref: this.setReferenceEl }, h("div", { class: {
+        "grid-input": true,
+        [CSS.selectionDisplayFit]: fitSelectionDisplay,
+        [CSS.selectionDisplaySingle]: singleSelectionDisplay,
+      }, ref: this.setChipContainerEl }, this.renderIconStart(), !singleSelectionMode && !singleSelectionDisplay && this.renderChips(), !singleSelectionMode &&
+      !allSelectionDisplay && [
+      this.renderSelectedIndicatorChip(),
+      this.renderSelectedIndicatorChipCompact(),
+      this.renderAllSelectedIndicatorChip(),
+      this.renderAllSelectedIndicatorChipCompact(),
+    ], h("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), isClearable ? (h(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, this.renderIconEnd()), h("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), h(HiddenFormInputSlot, { component: this })));
   }
   static get is() { return "calcite-combobox"; }
   static get encapsulation() { return "shadow"; }
@@ -882,6 +1082,29 @@ export class Combobox {
         "reflect": true,
         "defaultValue": "false"
       },
+      "selectionDisplay": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SelectionDisplay",
+          "resolved": "\"all\" | \"fit\" | \"single\"",
+          "references": {
+            "SelectionDisplay": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `selectionMode` is `\"ancestors\"` or `\"multiple\"`, specifies the display of multiple `calcite-combobox-item` selections\n- `\"all\"` (displays all selections with individual `calcite-chip`s), `\"fit\"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `\"single\"` (display one `calcite-chip` with the total number of selections)."
+        },
+        "attribute": "selection-display",
+        "reflect": true,
+        "defaultValue": "\"all\""
+      },
       "open": {
         "type": "boolean",
         "mutable": true,
@@ -1192,7 +1415,7 @@ export class Combobox {
         "mutable": true,
         "complexType": {
           "original": "ComboboxMessages",
-          "resolved": "{ clear: string; removeTag: string; }",
+          "resolved": "{ all: string; allSelected: string; clear: string; removeTag: string; selected: string; }",
           "references": {
             "ComboboxMessages": {
               "location": "import",
@@ -1215,7 +1438,7 @@ export class Combobox {
         "mutable": true,
         "complexType": {
           "original": "Partial<ComboboxMessages>",
-          "resolved": "{ clear?: string; removeTag?: string; }",
+          "resolved": "{ all?: string; allSelected?: string; clear?: string; removeTag?: string; selected?: string; }",
           "references": {
             "Partial": {
               "location": "global"
@@ -1289,6 +1512,9 @@ export class Combobox {
       "activeItemIndex": {},
       "activeChipIndex": {},
       "activeDescendant": {},
+      "compactSelectionDisplay": {},
+      "selectedHiddenChipsCount": {},
+      "selectedVisibleChipsCount": {},
       "text": {},
       "effectiveLocale": {},
       "defaultMessages": {}
@@ -1410,9 +1636,9 @@ export class Combobox {
           "parameters": [{
               "tags": [{
                   "name": "param",
-                  "text": "delayed"
+                  "text": "delayed Reposition the component after a delay"
                 }],
-              "text": ""
+              "text": "Reposition the component after a delay"
             }],
           "references": {
             "Promise": {
@@ -1425,7 +1651,10 @@ export class Combobox {
           "text": "Updates the position of the component.",
           "tags": [{
               "name": "param",
-              "text": "delayed"
+              "text": "delayed Reposition the component after a delay"
+            }, {
+              "name": "returns",
+              "text": "Promise"
             }]
         }
       },

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

@@ -1,11 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 export const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 export const CSS = {
+  chipInvisible: "chip--invisible",
+  selectionDisplayFit: "selection-display-fit",
+  selectionDisplaySingle: "selection-display-single",
   listContainer: "list-container",
 };

package/dist/collection/components/combobox/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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { nodeListToArray } from "../../utils/dom";
 import { ComboboxChildSelector } from "./resources";

package/dist/collection/components/combobox-item/combobox-item.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/combobox-item/combobox-item.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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/combobox-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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/combobox-item-group/combobox-item-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/combobox-item-group/combobox-item-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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { h } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/combobox-item-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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 export const CSS = {
   list: "list",

package/dist/collection/components/date-picker/date-picker.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/date-picker/date-picker.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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { Build, h, Host, } from "@stencil/core";
 import { dateFromISO, dateFromRange, dateToISO, getDaysDiff, setEndOfDay, } from "../../utils/date";

package/dist/collection/components/date-picker/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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 export const HEADING_LEVEL = 2;
 export const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };

package/dist/collection/components/date-picker/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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { getAssetPath } from "@stencil/core";
 import { dateFromISO } from "../../utils/date";

package/dist/collection/components/date-picker-day/date-picker-day.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/date-picker-day/date-picker-day.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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { dateToISO } from "../../utils/date";

package/dist/collection/components/date-picker-month/date-picker-month.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/date-picker-month/date-picker-month.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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { dateFromRange, inRange, sameDate } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/date-picker-month-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/date-picker-month-header/date-picker-month-header.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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 import { Fragment, h, } from "@stencil/core";
 import { dateFromRange, parseCalendarYear, getOrder, nextMonth, prevMonth, formatCalendarYear, } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/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.
- * v2.0.0-next.0
+ * v2.0.0-next.1
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/dropdown/dropdown.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 18 Nov 2023 06:38:09 GMT
+ * Generated on Tue, 21 Nov 2023 20:21:59 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */