@esri/calcite-components 1.7.0-next.17 → 1.7.0-next.19

package/hydrate/index.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.17
+ * v1.7.0-next.19
  */
 'use strict';
 
@@ -6716,39 +6716,6 @@ function closestElementCrossShadowBoundary(element, selector) {
   }
   return closestFrom(element);
 }
-/**
- * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.
- *
- * Returning early or undefined in `onVisit` will continue traversing up the DOM tree. Otherwise, traversal will halt with the returned value as the result of the function
- *
- * @param {Element} element An element.
- * @param {(node: Node) => Element} onVisit The callback.
- * @returns {Element} The result.
- */
-function walkUpAncestry(element, onVisit) {
-  return visit(element, onVisit);
-}
-function visit(node, onVisit) {
-  if (!node) {
-    return;
-  }
-  const result = onVisit(node);
-  if (result !== undefined) {
-    return result;
-  }
-  const { parentNode } = node;
-  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);
-}
-/**
- * This helper returns true when an element has the descendant in question.
- *
- * @param {Element} element The starting element.
- * @param {Element} maybeDescendant The descendant.
- * @returns {boolean} The result.
- */
-function containsCrossShadowBoundary(element, maybeDescendant) {
-  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
-}
 /**
  * This helper returns true when an element has a setFocus method.
  *
@@ -7037,6 +7004,10 @@ const CSS$1b = {
   iconEnd: "icon--end",
   headerContainer: "header-container",
 };
+const IDS = {
+  section: "section",
+  sectionToggle: "section-toggle",
+};
 
 const accordionItemCss = "/*!@.icon-position--end, .icon-position--start*/.icon-position--end.sc-calcite-accordion-item,.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}/*!@.icon-position--start*/.icon-position--start.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}/*!@.icon-position--end*/.icon-position--end.sc-calcite-accordion-item{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}/*!@.icon-position--end:not(.icon-type--plus-minus)*/.icon-position--end.sc-calcite-accordion-item:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}/*!@:host*/.sc-calcite-accordion-item-h{position:relative;display:flex;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}/*!@:host .header-content*/.sc-calcite-accordion-item-h .header-content.sc-calcite-accordion-item{outline-color:transparent}/*!@:host(:focus) .header-content*/.sc-calcite-accordion-item-h:focus .header-content.sc-calcite-accordion-item{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@:host([expanded])*/[expanded].sc-calcite-accordion-item-h{color:var(--calcite-ui-text-1)}/*!@:host([expanded]) .content*/[expanded].sc-calcite-accordion-item-h .content.sc-calcite-accordion-item{display:block;color:var(--calcite-ui-text-1)}/*!@:host([expanded]) .header*/[expanded].sc-calcite-accordion-item-h .header.sc-calcite-accordion-item{border-block-end-color:transparent}/*!@:host .header*/.sc-calcite-accordion-item-h .header.sc-calcite-accordion-item{display:flex;align-items:stretch}/*!@:host .icon*/.sc-calcite-accordion-item-h .icon.sc-calcite-accordion-item{position:relative;margin:0px;display:inline-flex;color:var(--calcite-ui-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}/*!@.icon--start*/.icon--start.sc-calcite-accordion-item{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}/*!@.icon--end*/.icon--end.sc-calcite-accordion-item{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}/*!@.header-container*/.header-container.sc-calcite-accordion-item{inline-size:100%}/*!@.content*/.content.sc-calcite-accordion-item{padding:var(--calcite-accordion-item-padding)}/*!@:host .content,\n:host .header*/.sc-calcite-accordion-item-h .content.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .header.sc-calcite-accordion-item{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}/*!@:host .header **/.sc-calcite-accordion-item-h .header.sc-calcite-accordion-item *.sc-calcite-accordion-item{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}/*!@:host .content*/.sc-calcite-accordion-item-h .content.sc-calcite-accordion-item{display:none;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}/*!@:host .expand-icon*/.sc-calcite-accordion-item-h .expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}/*!@.calcite--rtl .expand-icon*/.calcite--rtl.sc-calcite-accordion-item .expand-icon.sc-calcite-accordion-item{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}/*!@:host([expanded]) .expand-icon*/[expanded].sc-calcite-accordion-item-h .expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}/*!@:host([expanded]) .calcite--rtl .expand-icon*/[expanded].sc-calcite-accordion-item-h .calcite--rtl.sc-calcite-accordion-item .expand-icon.sc-calcite-accordion-item{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}/*!@:host .header-text*/.sc-calcite-accordion-item-h .header-text.sc-calcite-accordion-item{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}/*!@:host .heading,\n:host .description*/.sc-calcite-accordion-item-h .heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h .description.sc-calcite-accordion-item{display:flex;inline-size:100%}/*!@:host .heading*/.sc-calcite-accordion-item-h .heading.sc-calcite-accordion-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .description*/.sc-calcite-accordion-item-h .description.sc-calcite-accordion-item{margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}/*!@:host(:focus) .heading,\n:host(:hover) .heading*/.sc-calcite-accordion-item-h:focus .heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .icon,\n:host(:hover) .icon*/.sc-calcite-accordion-item-h:focus .icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .expand-icon,\n:host(:hover) .expand-icon*/.sc-calcite-accordion-item-h:focus .expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .description,\n:host(:hover) .description*/.sc-calcite-accordion-item-h:focus .description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:hover .description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}/*!@:host(:focus) .heading,\n:host(:active) .heading,\n:host([expanded]) .heading*/.sc-calcite-accordion-item-h:focus .heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .heading.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .heading.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .icon,\n:host(:active) .icon,\n:host([expanded]) .icon*/.sc-calcite-accordion-item-h:focus .icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .expand-icon,\n:host(:active) .expand-icon,\n:host([expanded]) .expand-icon*/.sc-calcite-accordion-item-h:focus .expand-icon.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .expand-icon.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .expand-icon.sc-calcite-accordion-item{color:var(--calcite-ui-text-1)}/*!@:host(:focus) .description,\n:host(:active) .description,\n:host([expanded]) .description*/.sc-calcite-accordion-item-h:focus .description.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:active .description.sc-calcite-accordion-item,[expanded].sc-calcite-accordion-item-h .description.sc-calcite-accordion-item{color:var(--calcite-ui-text-2)}/*!@.header-content*/.header-content.sc-calcite-accordion-item{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-accordion-item,.actions-end.sc-calcite-accordion-item{display:flex;align-items:center}@media (forced-colors: active){/*!@:host([expanded]) .header*/[expanded].sc-calcite-accordion-item-h .header.sc-calcite-accordion-item{border-block-end:none}/*!@:host([expanded]) .heading*/[expanded].sc-calcite-accordion-item-h .heading.sc-calcite-accordion-item{font-weight:bolder}/*!@:host(:hover) .heading,\n  :host(:focus) .heading*/.sc-calcite-accordion-item-h:hover .heading.sc-calcite-accordion-item,.sc-calcite-accordion-item-h:focus .heading.sc-calcite-accordion-item{text-decoration:underline}}/*!@:host([hidden])*/[hidden].sc-calcite-accordion-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-accordion-item{display:none}";
 
@@ -7101,13 +7072,13 @@ class AccordionItem {
     return (hAsync(Host, null, hAsync("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,
         [`icon-type--${this.iconType}`]: true,
-      } }, hAsync("div", { class: { [CSS$1b.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1b.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, hAsync("div", { class: CSS$1b.headerContainer }, iconStartEl, hAsync("div", { class: CSS$1b.headerText }, hAsync("span", { class: CSS$1b.heading }, this.heading), description ? hAsync("span", { class: CSS$1b.description }, description) : null), iconEndEl), hAsync("calcite-icon", { class: CSS$1b.expandIcon, icon: this.iconType === "chevron"
+      } }, hAsync("div", { class: { [CSS$1b.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), hAsync("div", { "aria-controls": IDS.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS$1b.headerContent, id: IDS.sectionToggle, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, hAsync("div", { class: CSS$1b.headerContainer }, iconStartEl, hAsync("div", { class: CSS$1b.headerText }, hAsync("span", { class: CSS$1b.heading }, this.heading), description ? hAsync("span", { class: CSS$1b.description }, description) : null), iconEndEl), hAsync("calcite-icon", { class: CSS$1b.expandIcon, icon: this.iconType === "chevron"
         ? "chevronDown"
         : this.iconType === "caret"
           ? "caretDown"
           : this.expanded
             ? "minus"
-            : "plus", scale: this.scale === "l" ? "m" : "s" })), this.renderActionsEnd()), hAsync("div", { class: CSS$1b.content }, hAsync("slot", null)))));
+            : "plus", scale: this.scale === "l" ? "m" : "s" })), this.renderActionsEnd()), hAsync("section", { "aria-labelledby": IDS.sectionToggle, class: CSS$1b.content, id: IDS.section }, hAsync("slot", null)))));
   }
   //--------------------------------------------------------------------------
   //
@@ -25985,7 +25956,8 @@ class InputNumber {
       };
       const delocalizedValue = numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
-        if (!isValidNumber(delocalizedValue)) {
+        if (!isValidNumber(delocalizedValue) ||
+          (this.integer && (delocalizedValue.includes("e") || delocalizedValue.includes(".")))) {
           nativeEvent.preventDefault();
         }
         this.setNumberValue({
@@ -26042,7 +26014,7 @@ class InputNumber {
         numberingSystem: this.numberingSystem,
         useGrouping: this.groupSeparator,
       };
-      if (event.key === numberStringFormatter.decimal) {
+      if (event.key === numberStringFormatter.decimal && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -26050,7 +26022,7 @@ class InputNumber {
           return;
         }
       }
-      if (/[eE]/.test(event.key)) {
+      if (/[eE]/.test(event.key) && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -26135,8 +26107,11 @@ class InputNumber {
         useGrouping: this.groupSeparator,
       };
       const isValueDeleted = this.previousValue?.length > value.length || this.value?.length > value.length;
-      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
-      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);
+      const valueHandleInteger = this.integer ? value.replace(/[e.]/g, "") : value;
+      const hasTrailingDecimalSeparator = valueHandleInteger.charAt(valueHandleInteger.length - 1) === ".";
+      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted
+        ? valueHandleInteger
+        : sanitizeNumberString(valueHandleInteger);
       const newValue = value && !sanitizedValue
         ? isValidNumber(this.previousValue)
           ? this.previousValue
@@ -26184,6 +26159,7 @@ class InputNumber {
     this.hidden = false;
     this.icon = undefined;
     this.iconFlipRtl = false;
+    this.integer = false;
     this.label = undefined;
     this.loading = false;
     this.numberingSystem = undefined;
@@ -26335,7 +26311,8 @@ class InputNumber {
   incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
     const { value } = this;
     const adjustment = direction === "up" ? 1 : -1;
-    const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
+    const stepHandleInteger = this.integer && this.step !== "any" ? Math.round(this.step) : this.step;
+    const inputStep = stepHandleInteger === "any" ? 1 : Math.abs(stepHandleInteger || 1);
     const inputVal = new BigDecimal(value !== "" ? value : "0");
     const nudgedValue = inputVal.add(`${inputStep * adjustment}`);
     const nudgedValueBelowInputMin = () => typeof inputMin === "number" &&
@@ -26447,6 +26424,7 @@ class InputNumber {
       "hidden": [516],
       "icon": [520],
       "iconFlipRtl": [516, "icon-flip-rtl"],
+      "integer": [4],
       "label": [1],
       "loading": [516],
       "numberingSystem": [513, "numbering-system"],
@@ -32407,7 +32385,6 @@ Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
 const sortableComponentSet = new Set();
-const inactiveSortableComponentSet = new WeakSet();
 /**
  * Helper to keep track of a SortableComponent. This should be called in the `connectedCallback` lifecycle method as well as any other method necessary to rebuild the sortable instance.
  *
@@ -32416,9 +32393,6 @@ const inactiveSortableComponentSet = new WeakSet();
 function connectSortableComponent(component) {
   disconnectSortableComponent(component);
   sortableComponentSet.add(component);
-  if (inactiveSortableComponentSet.has(component)) {
-    return;
-  }
   const dataIdAttr = "id";
   const { group, handleSelector: handle, dragSelector: draggable } = component;
   component.sortable = Sortable.create(component.el, {
@@ -32436,16 +32410,16 @@ function connectSortableComponent(component) {
       },
     }),
     handle,
-    onStart: (event) => {
-      onSortingStart(component);
-      component.onDragStart(event);
+    onStart: () => {
+      dragState.active = true;
+      onDragStart();
     },
-    onEnd: (event) => {
-      onSortingEnd(component);
-      component.onDragEnd(event);
+    onEnd: () => {
+      dragState.active = false;
+      onDragEnd();
     },
-    onSort: (event) => {
-      component.onDragSort(event);
+    onSort: ({ from: fromEl, item: dragEl, to: toEl }) => {
+      component.onDragSort({ fromEl, dragEl, toEl });
     },
   });
 }
@@ -32456,30 +32430,24 @@ function connectSortableComponent(component) {
  */
 function disconnectSortableComponent(component) {
   sortableComponentSet.delete(component);
-  if (inactiveSortableComponentSet.has(component)) {
-    return;
-  }
   component.sortable?.destroy();
   component.sortable = null;
 }
-function getNestedSortableComponents(activeComponent) {
-  return Array.from(sortableComponentSet).filter((component) => component !== activeComponent && containsCrossShadowBoundary(activeComponent.el, component.el));
-}
+const dragState = { active: false };
 /**
- * Helper to handle nested SortableComponents on `Sortable.onStart`.
+ * Helper to determine if dragging is currently active.
  *
- * @param {SortableComponent} activeComponent - The active sortable component.
+ * @param component The sortable component.
+ * @returns {boolean} a boolean value.
  */
-function onSortingStart(activeComponent) {
-  getNestedSortableComponents(activeComponent).forEach((component) => inactiveSortableComponentSet.add(component));
+function dragActive(component) {
+  return component.dragEnabled && dragState.active;
 }
-/**
- * Helper to handle nested SortableComponents on `Sortable.onEnd`.
- *
- * @param {SortableComponent} activeComponent - The active sortable component.
- */
-function onSortingEnd(activeComponent) {
-  getNestedSortableComponents(activeComponent).forEach((component) => inactiveSortableComponentSet.delete(component));
+function onDragStart() {
+  Array.from(sortableComponentSet).forEach((component) => component.onDragStart());
+}
+function onDragEnd() {
+  Array.from(sortableComponentSet).forEach((component) => component.onDragEnd());
 }
 
 const CSS$y = {
@@ -32761,13 +32729,19 @@ class List$1 {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.connectObserver();
     this.updateListItems();
     this.setUpSorting();
     connectInteractive(this);
-    this.parentListEl = this.el.parentElement.closest("calcite-list");
+    this.setParentList();
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.disconnectObserver();
     disconnectSortableComponent(this);
     disconnectInteractive(this);
@@ -32833,14 +32807,13 @@ class List$1 {
   onDragEnd() {
     this.connectObserver();
   }
-  onDragSort(event) {
+  onDragSort(detail) {
+    this.setParentList();
     this.updateListItems();
-    const { from, item, to } = event;
-    this.calciteListOrderChange.emit({
-      dragEl: item,
-      fromEl: from,
-      toEl: to,
-    });
+    this.calciteListOrderChange.emit(detail);
+  }
+  setParentList() {
+    this.parentListEl = this.el.parentElement?.closest("calcite-list");
   }
   filterElements({ el, filteredItems, visibleParents, }) {
     const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
@@ -39452,11 +39425,17 @@ class SortableList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.setUpSorting();
     this.beginObserving();
     connectInteractive(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     this.endObserving();
@@ -39796,12 +39775,16 @@ class Stepper {
     this.items = [];
     /** list of enabled Stepper items */
     this.enabledItems = [];
+    this.mutationObserver = createObserver();
     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();
@@ -39811,6 +39794,10 @@ 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") {
@@ -39925,6 +39912,14 @@ 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
@@ -39960,6 +39955,10 @@ class Stepper {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "icon": ["handleItemPropChange"],
+    "layout": ["handleItemPropChange"],
+    "numbered": ["handleItemPropChange"],
+    "scale": ["handleItemPropChange"],
     "numberingSystem": ["numberingSystemChange"]
   }; }
   static get style() { return stepperCss; }
@@ -39970,9 +39969,9 @@ class Stepper {
       "icon": [516],
       "layout": [513],
       "numbered": [516],
+      "scale": [513],
       "numberingSystem": [513, "numbering-system"],
       "selectedItem": [1040],
-      "scale": [513],
       "nextStep": [64],
       "prevStep": [64],
       "goToStep": [64],
@@ -39981,7 +39980,7 @@ class Stepper {
     },
     "$listeners$": [[0, "calciteInternalStepperItemKeyEvent", "calciteInternalStepperItemKeyEvent"], [0, "calciteInternalStepperItemRegister", "registerItem"], [0, "calciteInternalStepperItemSelect", "updateItem"], [0, "calciteInternalUserRequestedStepperItemSelect", "handleUserRequestedStepperItemSelect"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["icon", "icon"], ["layout", "layout"], ["numbered", "numbered"], ["numberingSystem", "numbering-system"], ["scale", "scale"]]
+    "$attrsToReflect$": [["icon", "icon"], ["layout", "layout"], ["numbered", "numbered"], ["scale", "scale"], ["numberingSystem", "numbering-system"]]
   }; }
 }
 
@@ -40055,12 +40054,12 @@ 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() {
@@ -40090,10 +40089,6 @@ 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();
@@ -40186,18 +40181,18 @@ class StepperItem {
       "disabled": [516],
       "heading": [1],
       "description": [1],
-      "layout": [1537],
-      "icon": [1028],
       "iconFlipRtl": [516, "icon-flip-rtl"],
-      "numbered": [1028],
-      "scale": [1537],
       "numberingSystem": [1, "numbering-system"],
+      "icon": [4],
+      "layout": [513],
+      "numbered": [4],
+      "scale": [513],
       "effectiveLocale": [32],
       "setFocus": [64]
     },
     "$listeners$": [[16, "calciteInternalStepperItemChange", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["selected", "selected"], ["complete", "complete"], ["error", "error"], ["disabled", "disabled"], ["layout", "layout"], ["iconFlipRtl", "icon-flip-rtl"], ["scale", "scale"]]
+    "$attrsToReflect$": [["selected", "selected"], ["complete", "complete"], ["error", "error"], ["disabled", "disabled"], ["iconFlipRtl", "icon-flip-rtl"], ["layout", "layout"], ["scale", "scale"]]
   }; }
 }
 
@@ -44956,6 +44951,9 @@ class ValueList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
@@ -44975,6 +44973,9 @@ class ValueList {
     updateHostInteraction(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     disconnectLocalized(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.7.0-next.17",
+  "version": "1.7.0-next.19",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -88,5 +88,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "b120fa9ac3b9195131d0bf66c7aadf7062d011b9"
+  "gitHead": "38be8f88f5768571941f00767ada42d1f8f6a520"
 }

package/dist/calcite/p-2372be2e.entry.js

@@ -1,6 +0,0 @@
-/*!
- * 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.17
- */
-import{r as t,c as e,h as i,H as s,a}from"./p-097135c4.js";import{s as l,a as n}from"./p-6dd676a4.js";import{u as o,s as r,c,d as h}from"./p-1811fd36.js";import{n as d,c as b,d as p}from"./p-f598d949.js";import{g as u}from"./p-361b0e6e.js";import"./p-a023f677.js";import"./p-1fc90548.js";import"./p-22363d44.js";import"./p-61438d6f.js";import"./p-1707e155.js";const f=class{constructor(i){t(this,i),this.calciteTableSelect=e(this,"calciteTableSelect",6),this.calciteTablePageChange=e(this,"calciteTablePageChange",6),this.calciteInternalTableRowFocusChange=e(this,"calciteInternalTableRowFocusChange",6),this.getSlottedRows=t=>t?.assignedElements({flatten:!0})?.filter((t=>t?.matches("calcite-table-row"))),this.updateRows=()=>{const t=this.getSlottedRows(this.tableHeadSlotEl)||[],e=this.getSlottedRows(this.tableBodySlotEl)||[],i=this.getSlottedRows(this.tableFootSlotEl)||[],s=[...t,...e,...i];t?.forEach((e=>{const i=t?.indexOf(e);e.rowType="head",e.positionSection=i,e.positionSectionLocalized=this.localizeNumber((i+1).toString())})),e?.forEach((t=>{const i=e?.indexOf(t);t.rowType="body",t.positionSection=i,t.positionSectionLocalized=this.localizeNumber((i+1).toString())})),i?.forEach((t=>{const e=i?.indexOf(t);t.rowType="foot",t.positionSection=e,t.positionSectionLocalized=this.localizeNumber((e+1).toString())})),s?.forEach((t=>{t.selectionMode=this.selectionMode,t.bodyRowCount=e?.length,t.positionAll=s?.indexOf(t),t.numbered=this.numbered,t.scale=this.scale,t.readCellContentsToAT=this.readCellContentsToAT}));const a=t[0]?.cellCount||t[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=a,this.headRows=t,this.bodyRows=e,this.footRows=i,this.allRows=s,this.updateSelectedItems(),this.paginateRows()},this.handlePaginationChange=()=>{const t=this.paginationEl?.startItem;this.pageStartRow=t||1,this.calciteTablePageChange.emit(),this.updateRows()},this.paginateRows=()=>{this.bodyRows?.forEach((t=>{const e=t.positionSection+1;t.hidden=this.pageSize>0&&!(e>=this.pageStartRow&&e<this.pageStartRow+this.pageSize)&&!this.footRows.includes(t)}))},this.updateSelectedItems=t=>{const e=this.bodyRows?.filter((t=>t.selected));this.selectedItems=e,this.selectedCount=e?.length,this.allRows?.forEach((t=>{t.selectedRowCount=this.selectedCount,t.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)})),t&&this.calciteTableSelect.emit()},this.handleDeselectAllRows=()=>{this.bodyRows?.forEach((t=>{t.selected=!1})),this.updateSelectedItems(!0)},this.setSelectedItems=t=>{this.bodyRows?.forEach((e=>{e.selected="head"===t?.rowType?this.selectedCount!==this.bodyRows?.length:t===e?!e.selected:"multiple"===this.selectionMode&&e.selected})),this.updateSelectedItems(!0)},this.localizeNumber=t=>(d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},d.localize(t.toString())),this.bordered=!1,this.caption=void 0,this.groupSeparator=!1,this.layout="auto",this.numbered=!1,this.numberingSystem=void 0,this.pageSize=0,this.scale="m",this.selectionMode="none",this.zebra=!1,this.selectedItems=[],this.messages=void 0,this.messageOverrides=void 0,this.colCount=0,this.pageStartRow=1,this.selectedCount=0,this.readCellContentsToAT=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}handleNumberedChange(){this.updateRows()}onMessagesChange(){}effectiveLocaleChange(){o(this,this.effectiveLocale)}async componentWillLoad(){l(this),await r(this),this.readCellContentsToAT=/safari/i.test(u()),this.updateRows()}componentDidLoad(){n(this)}connectedCallback(){b(this),c(this)}disconnectedCallback(){p(this),h(this)}calciteChipSelectListener(t){t.composedPath().includes(this.el)&&this.setSelectedItems(t.target)}calciteInternalTableRowFocusEvent(t){const e=t.detail.cellPosition,i=t.detail.rowPosition,s=t.detail.destination,a=t.detail.lastCell,l=this.bodyRows?.filter((t=>!t.hidden)),n=this.allRows?.filter((t=>!t.hidden)),o=this.headRows[this.headRows.length-1]?.positionAll,r=l[0]?.positionAll,c=l[l.length-1]?.positionAll,h=this.footRows[0]?.positionAll,d=n[n.length-1]?.positionAll,b="next"===s&&i===o,p="previous"===s&&i===h,u="previous"===s&&i===r,f="next"===s&&i===c;let m;switch(s){case"first":m=0;break;case"last":m=d;break;case"next":m=b?r:f?h:i+1;break;case"previous":m=p?c:u?o:i-1}const g=this.allRows?.find((t=>t.positionAll===m))?.cellCount;void 0!==m&&this.calciteInternalTableRowFocusChange.emit({cellPosition:e>g?g:e,rowPosition:m,destination:s,lastCell:a})}renderSelectionArea(){const t=this.selectedItems?.filter((t=>t.hidden))?.length,e=this.localizeNumber(t?.toString()),s=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,a=`${e} ${this.messages.hiddenSelected}`;return i("div",{class:"selection-area"},i("calcite-chip",{kind:this.selectedCount>0?"brand":"neutral",scale:this.scale,value:s},s),t>0&&i("calcite-chip",{icon:"hide-empty",scale:this.scale,title:a,value:a},e),this.selectedCount>0&&i("calcite-button",{"icon-start":"x",kind:"neutral",onClick:this.handleDeselectAllRows,round:!0,scale:this.scale,title:`${this.messages.clear} ${s} ${this.messages.row}`},this.messages.clear),i("div",{class:"selection-actions"},i("slot",{name:"selection-actions"})))}renderPaginationArea(){return i("div",{class:"pagination-area"},i("calcite-pagination",{groupSeparator:this.groupSeparator,numberingSystem:this.numberingSystem,onCalcitePaginationChange:this.handlePaginationChange,pageSize:this.pageSize,scale:this.scale,startItem:1,totalItems:this.bodyRows?.length,ref:t=>this.paginationEl=t}))}renderTHead(){return i("thead",null,i("slot",{name:"table-header",onSlotchange:this.updateRows,ref:t=>this.tableHeadSlotEl=t}))}renderTBody(){return i("tbody",null,i("slot",{onSlotchange:this.updateRows,ref:t=>this.tableBodySlotEl=t}))}renderTFoot(){return i("tfoot",null,i("slot",{name:"table-footer",onSlotchange:this.updateRows,ref:t=>this.tableFootSlotEl=t}))}render(){return i(s,null,i("div",{class:"container"},"none"!==this.selectionMode&&this.renderSelectionArea(),i("div",{class:{bordered:this.bordered,zebra:this.zebra,"table-container":!0}},i("table",{"aria-colcount":this.colCount,"aria-multiselectable":"multiple"===this.selectionMode,"aria-readonly":!0,"aria-rowcount":this.allRows?.length,class:{"table--fixed":"fixed"===this.layout},role:"grid"},i("caption",{class:"assistive-text"},this.caption),this.renderTHead(),this.renderTBody(),this.renderTFoot())),this.pageSize>0&&this.renderPaginationArea()))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{groupSeparator:["handleNumberedChange"],numbered:["handleNumberedChange"],numberingSystem:["handleNumberedChange"],pageSize:["handleNumberedChange"],scale:["handleNumberedChange"],selectionMode:["handleNumberedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};f.style=":host([scale=s]){--calcite-internal-table-cell-padding:0.25rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding:0.5rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding:1rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--1)}:host{display:table}.container{max-inline-size:100vw;inline-size:100%}.table-container{overflow-x:scroll;white-space:nowrap}.table-container:not(.bordered){border-block-end:1px solid var(--calcite-ui-border-3)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll;border-block-start:1px solid var(--calcite-ui-border-3);border-inline-start:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3)}tbody{border-block-end:1px solid var(--calcite-ui-border-3)}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color:var(--calcite-ui-border-3)}.zebra ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background:var(--calcite-ui-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:0.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:0.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}:host([hidden]){display:none}[hidden]{display:none}";export{f as calcite_table}

package/dist/calcite/p-27cbf1a4.entry.js

@@ -1,6 +0,0 @@
-/*!
- * 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.17
- */
-import{r as i,c as t,h as e,F as s,a}from"./p-097135c4.js";import{f as n}from"./p-17ede011.js";import{c as o,u as r,d as c}from"./p-fe2af1ec.js";import{s as l,a as d,c as h}from"./p-6dd676a4.js";import{c as p,d as m}from"./p-f598d949.js";import{u,s as f,c as b,d as g}from"./p-1811fd36.js";import{d as v}from"./p-0671d350.js";import"./p-361b0e6e.js";import"./p-a023f677.js";import"./p-1fc90548.js";import"./p-22363d44.js";import"./p-61438d6f.js";import"./p-1707e155.js";const y=class{constructor(e){i(this,e),this.calciteFilterChange=t(this,"calciteFilterChange",6),this.filterDebounced=v(((i,t=!1,e)=>this.updateFiltered(n(this.items,i),t,e)),250),this.inputHandler=i=>{const t=i.target;this.value=t.value,this.filterDebounced(t.value,!0)},this.keyDownHandler=i=>{"Escape"===i.key&&(this.clear(),i.preventDefault()),"Enter"===i.key&&i.preventDefault()},this.clear=()=>{this.value="",this.filterDebounced("",!0),this.setFocus()},this.items=[],this.disabled=!1,this.filteredItems=[],this.placeholder=void 0,this.scale="m",this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}watchItemsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(i){this.filterDebounced(i)}effectiveLocaleChange(){u(this,this.effectiveLocale)}async componentWillLoad(){l(this),this.updateFiltered(n(this.items,this.value)),await f(this)}connectedCallback(){o(this),p(this),b(this)}componentDidRender(){r(this)}disconnectedCallback(){c(this),m(this),g(this),this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(i=this.value){return new Promise((t=>{this.value=i,this.filterDebounced(i,!1,t)}))}async setFocus(){await h(this),this.el?.focus()}updateFiltered(i,t=!1,e){this.filteredItems=i,t&&this.calciteFilterChange.emit(),e?.()}render(){const{disabled:i,scale:t}=this;return e(s,null,e("div",{class:"container"},e("label",null,e("calcite-input",{"aria-label":this.messages.label,clearable:!0,disabled:i,icon:"search",messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:t,type:"text",value:this.value,ref:i=>{this.textInput=i}}))))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}:host([hidden]){display:none}[hidden]{display:none}";export{y as calcite_filter}

package/dist/calcite/p-2a48d634.entry.js

@@ -1,6 +0,0 @@
-/*!
- * 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.17
- */
-import{r as t,h as s,a as o}from"./p-097135c4.js";import{c as i,d as a}from"./p-bd807a06.js";import{c as e,s as c,a as n}from"./p-6dd676a4.js";import{c as l,d as r}from"./p-f598d949.js";import{u as d,c as h,d as p,s as u}from"./p-1811fd36.js";import{S as m}from"./p-ec90ebf3.js";import{S as g,I as f,C as x}from"./p-9391cf60.js";import{b}from"./p-a023f677.js";import"./p-1707e155.js";import"./p-61438d6f.js";import"./p-1fc90548.js";import"./p-22363d44.js";const v=class{constructor(s){t(this,s),this.setMenuOpen=t=>{this.menuOpen=!!t.target.open},this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=b(t)},this.expanded=!1,this.label=void 0,this.layout="vertical",this.columns=void 0,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.hasMenuActions=!1}expandedHandler(){this.menuOpen=!1}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await e(this),this.el.focus()}connectedCallback(){l(this),h(this),i(this)}disconnectedCallback(){r(this),p(this),a(this)}async componentWillLoad(){c(this),await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:o,scale:i,layout:a,messages:e,overlayPositioning:c,hasMenuActions:n}=this;return s("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:e.more,onCalciteActionMenuOpen:this.setMenuOpen,open:o,overlayPositioning:c,placement:"horizontal"===a?"bottom-start":"leading-start",scale:i},s("calcite-action",{icon:f.menu,scale:i,slot:m.trigger,text:e.more,textEnabled:t}),s("slot",{name:g.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),s("slot",{name:g.menuTooltip,slot:m.tooltip}))}render(){return s("div",{"aria-label":this.label,class:x.container,role:"group"},s("slot",null),this.renderMenu())}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};v.style=':host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}.container{display:flex;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';export{v as calcite_action_group}

package/dist/calcite/p-34c5c4fe.entry.js

@@ -1,6 +0,0 @@
-/*!
- * 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.17
- */
-import{r as t,c as e,h as i,a as s,H as n}from"./p-097135c4.js";import{b as a,t as l,g as o}from"./p-a023f677.js";import{c,d as r,u as h}from"./p-fe2af1ec.js";import{c as d}from"./p-1707e155.js";import{d as p,c as u}from"./p-3c76739d.js";import{S as f}from"./p-37403e16.js";import{s as m,a as b,c as g}from"./p-6dd676a4.js";import{d as v}from"./p-0671d350.js";import{c as w,d as y}from"./p-f598d949.js";import{u as x,c as C,s as k,d as I}from"./p-1811fd36.js";import"./p-1fc90548.js";import"./p-22363d44.js";import"./p-361b0e6e.js";import"./p-61438d6f.js";const E="open-container",L="calcite-list-item";function S(t){const e=t.assignedElements({flatten:!0}),i=e.filter((t=>t?.matches("calcite-list-item-group"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),s=e.filter((t=>t?.matches(L)));return[...e.filter((t=>t?.matches("calcite-list"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),...i,...s]}function z(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1,e.setSize=t.length}))}function A(t,e=!1){return document.evaluate(e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const D="calcite-list-item",j=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6),this.dragSelector="calcite-list-item",this.enabledListItems=[],this.handleSelector="calcite-handle",this.listItems=[],this.mutationObserver=d("mutation",(()=>this.updateListItems())),this.handleDefaultSlotChange=t=>{z(S(t.target)),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()},this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)},this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)},this.setActiveListItem=()=>{const{enabledListItems:t}=this;t.some((t=>t.active))||t[0]&&(t[0].active=!0)},this.updateSelectedItems=(t=!1)=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected)),t&&this.calciteListChange.emit()},this.updateFilteredItems=(t=!1)=>{const{listItems:e,filteredData:i,filterText:s}=this,n=i.map((t=>t.value)),a=e?.filter((t=>e.every((e=>e===t||!t.contains(e))))),l=e.filter((t=>!s||n.includes(t.value)))||[],o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o}))),this.filteredItems=l,t&&this.calciteListFilter.emit()},this.setFilterEl=t=>{this.filterEl=t,this.performFilter()},this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e,this.updateFilteredData(!0)},this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value}))),this.updateListItems=v(((t=!1)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(this.parentListEl)return this.queryListItems(!0).forEach((t=>{t.dragHandle=s})),void this.setUpSorting();const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e,t.selectionMode=i})),this.queryListItems(!0).forEach((t=>{t.dragHandle=s})),this.listItems=n,this.filterEnabled&&(this.dataForFilter=this.getItemData(),this.filterEl&&(this.filterEl.items=this.dataForFilter)),this.updateFilteredItems(t),this.enabledListItems=this.filteredItems.filter((t=>!t.disabled&&!t.closed)),this.setActiveListItem(),this.updateSelectedItems(t),this.setUpSorting()}),0),this.queryListItems=(t=!1)=>Array.from(this.el.querySelectorAll(t?":scope > calcite-list-item":D)),this.focusRow=t=>{const{enabledListItems:e}=this;t&&(e.forEach((e=>e.active=e===t)),t.setFocus())},this.isNavigable=t=>{const e=t.parentElement?.closest(D);return!e||e.open&&this.isNavigable(e)},this.handleListKeydown=t=>{if(t.defaultPrevented||this.parentListEl)return;const{key:e}=t,i=this.enabledListItems.filter((t=>this.isNavigable(t))),s=i.findIndex((t=>t.active));if("ArrowDown"===e){t.preventDefault();const e=t.target===this.filterEl?0:s+1;i[e]&&this.focusRow(i[e])}else if("ArrowUp"===e){if(t.preventDefault(),0===s&&this.filterEnabled)return void this.filterEl?.setFocus();const e=s-1;i[e]&&this.focusRow(i[e])}else if("Home"===e){t.preventDefault();const e=i[0];e&&this.focusRow(e)}else if("End"===e){t.preventDefault();const e=i[i.length-1];e&&this.focusRow(e)}},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.group=void 0,this.filterEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterPlaceholder=void 0,this.filterText=void 0,this.label=void 0,this.loading=!1,this.openable=!1,this.selectedItems=[],this.selectionMode="none",this.selectionAppearance="icon",this.assistiveText=void 0,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1}async handleFilterTextChange(){this.performFilter()}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();const{enabledListItems:e}=this,i=e.findIndex((t=>t.active))-1;e[i]&&this.focusRow(e[i])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalHandleChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleCalciteHandleNudge(t){this.parentListEl||this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i,selectionMode:s}=this;!e.selected||"single"!==s&&"single-persist"!==s||i.forEach((t=>t.selected=t===e)),this.updateSelectedItems()}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.updateListItems())}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){this.connectObserver(),this.updateListItems(),this.setUpSorting(),c(this),this.parentListEl=this.el.parentElement.closest("calcite-list")}disconnectedCallback(){this.disconnectObserver(),p(this),r(this)}componentWillLoad(){m(this)}componentDidRender(){h(this)}componentDidLoad(){b(this)}async setFocus(){return await g(this),this.filterEnabled?this.filterEl?.setFocus():this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i("div",{class:"container"},this.dragEnabled?i("span",{"aria-live":"assertive",class:"assistive-text"},this.assistiveText):null,t?i("calcite-scrim",{class:"scrim",loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:"table",onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{"sticky-pos":!0}},i("th",{colSpan:0},i("calcite-stack",{class:"stack"},i("slot",{name:"filter-actions-start",onSlotchange:this.handleFilterActionsStartSlotChange,slot:f.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:t||s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:"filter-actions-end",onSlotchange:this.handleFilterActionsEndSlotChange,slot:f.actionsEnd}))))):null,i("tbody",{class:"table-container"},i("slot",{onSlotchange:this.handleDefaultSlotChange}))))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;t&&u(this)}onDragStart(){this.disconnectObserver()}onDragEnd(){this.connectObserver()}onDragSort(t){this.updateListItems();const{from:e,item:i,to:s}=t;this.calciteListOrderChange.emit({dragEl:i,fromEl:e,toEl:s})}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.hidden=s;const n=t.parentElement.closest("calcite-list-item-group, calcite-list-item");n&&(s||i.add(n),this.filterElements({el:n,filteredItems:e,visibleParents:i}))}updateFilteredData(t=!1){const{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems(t))}async performFilter(){const{filterEl:t,filterText:e}=this;t&&(t.value=e,await t.filter(e),this.updateFilteredData())}handleNudgeEvent(t){const{direction:e}=t.detail,i=t.composedPath(),s=i.find((t=>"CALCITE-HANDLE"===t.tagName)),n=i.find((t=>"CALCITE-LIST-ITEM"===t.tagName)),a=n?.parentElement;if(!a)return;const{enabledListItems:l}=this,o=l.filter((t=>t.parentElement===a)),c=o.length-1,r=o.indexOf(n);let h,d=!1;"up"===e?0===r?d=!0:h=r-1:r===c?h=0:r===c-1?d=!0:h=r+2,this.disconnectObserver(),d?a.appendChild(n):a.insertBefore(n,o[h]),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:n,fromEl:null,toEl:null}),s.setFocus().then((()=>{s.activated=!0}))}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"]}}};j.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{position:relative}.table-container{position:relative;z-index:var(--calcite-app-z-index);box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky);background-color:var(--calcite-ui-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const F=new Map,M=class{constructor(i){t(this,i),this.calciteListItemSelect=e(this,"calciteListItemSelect",6),this.calciteListItemClose=e(this,"calciteListItemClose",6),this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6),this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6),this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6),this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6),this.closeClickHandler=()=>{this.closed=!0,this.calciteListItemClose.emit()},this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)},this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)},this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)},this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)},this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)},this.toggleOpen=()=>{this.open=!this.open},this.itemClicked=t=>{t.defaultPrevented||(this.toggleSelected(),this.calciteInternalListItemActive.emit())},this.toggleSelected=()=>{const{selectionMode:t,selected:e}=this;this.disabled||("multiple"===t||"single"===t?this.selected=!e:"single-persist"===t&&(this.selected=!0),this.calciteListItemSelect.emit())},this.handleItemKeyDown=t=>{if(t.defaultPrevented)return;const{key:e}=t,i=t.composedPath(),{containerEl:s,contentEl:n,actionsStartEl:a,actionsEndEl:l,open:o,openable:c}=this,r=[a,n,l].filter(Boolean),h=r.findIndex((t=>i.includes(t)));if("Enter"===e)t.preventDefault(),this.toggleSelected();else if("ArrowRight"===e){t.preventDefault();const e=h+1;-1===h?!o&&c?(this.open=!0,this.focusCell(null)):r[0]&&this.focusCell(r[0]):r[h]&&r[e]&&this.focusCell(r[e])}else if("ArrowLeft"===e){t.preventDefault();const e=h-1;-1===h?(this.focusCell(null),o&&c?this.open=!1:this.calciteInternalFocusPreviousItem.emit()):0===h?(this.focusCell(null),s.focus()):r[h]&&r[e]&&this.focusCell(r[e])}},this.focusCellNull=()=>{this.focusCell(null)},this.focusCell=(t,e=!0)=>{const{contentEl:i,actionsStartEl:s,actionsEndEl:n,parentListEl:a}=this;e&&F.set(a,null),[s,i,n].filter(Boolean).forEach(((i,s)=>{const n="tabindex";i===t?(i.setAttribute(n,"0"),e&&F.set(a,s)):i.removeAttribute(n)})),t?.focus()},this.active=!1,this.closable=!1,this.closed=!1,this.description=void 0,this.disabled=!1,this.dragHandle=!1,this.label=void 0,this.metadata=void 0,this.open=!1,this.setSize=null,this.setPosition=null,this.selected=!1,this.value=void 0,this.selectionMode=null,this.selectionAppearance=null,this.messageOverrides=void 0,this.messages=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.level=null,this.visualLevel=null,this.parentListEl=void 0,this.openable=!1,this.hasActionsStart=!1,this.hasActionsEnd=!1,this.hasCustomContent=!1,this.hasContentStart=!1,this.hasContentEnd=!1}activeHandler(t){t||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){x(this,this.effectiveLocale)}connectedCallback(){c(this),w(this),C(this);const{el:t}=this;this.parentListEl=t.closest("calcite-list"),this.level=A(t)+1,this.visualLevel=A(t,!0),this.setSelectionDefaults()}async componentWillLoad(){m(this),await k(this)}componentDidLoad(){b(this)}componentDidRender(){h(this,"managed")}disconnectedCallback(){r(this),y(this),I(this)}async setFocus(){await g(this);const{containerEl:t,contentEl:e,actionsStartEl:i,actionsEndEl:s,parentListEl:n}=this,a=F.get(n);if("number"!=typeof a)t?.focus();else{const n=[i,e,s].filter(Boolean);n[a]?this.focusCell(n[a]):t?.focus()}}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;return"none"===e||"border"===s?null:i("td",{class:"selection-container",key:"selection-container",onClick:this.itemClicked},i("calcite-icon",{icon:t?"multiple"===e?"check-circle-f":"circle-f":"blank",scale:"s"}))}renderDragHandle(){return this.dragHandle?i("td",{class:"drag-container",key:"drag-handle-container"},i("calcite-handle",{label:this.label,setPosition:this.setPosition,setSize:this.setSize})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this,a=o(t);return s?i("td",{class:E,key:"open-container",onClick:this.toggleOpen},i("calcite-icon",{icon:e?"caret-down":"rtl"===a?"caret-left":"caret-right",scale:"s"})):n?.openable?i("td",{class:E,key:"open-container",onClick:this.itemClicked},i("calcite-icon",{icon:"blank",scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:"actions-start",hidden:!e,key:"actions-start-container",role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:"actions-start",onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:"actions-end",hidden:!(e||s),key:"actions-end-container",role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:"actions-end",onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:"x",key:"close-action",label:n.close,onClick:this.closeClickHandler,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:"content-start",hidden:!t},i("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:"custom-content",hidden:!t},i("slot",{name:"content",onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:"content-end",hidden:!t},i("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return s||!t&&!e?null:i("div",{class:"content",key:"content"},t?i("div",{class:"label",key:"label"},t):null,e?i("div",{class:"description",key:"description"},e):null)}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this,a=n||!!e||!!t,l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{"content-container":!0,"content-container--selectable":"none"!==s,"content-container--has-center-content":a},key:"content-container",onClick:this.itemClicked,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:p,closed:u}=this,f="none"!==p&&"border"===d,m=f&&h,b=f&&!h;return i(n,null,i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{container:!0,"container--border-selected":m,"container--border-unselected":b},hidden:u,onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${this.visualLevel}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),i("div",{class:{"nested-container":!0,"nested-container--hidden":t&&!e}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t})))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;t&&(e||(this.selectionMode=t.selectionMode),i||(this.selectionAppearance=t.selectionAppearance))}handleOpenableChange(t){if(!t)return;const{parentListEl:e}=this,i=S(t);z(i);const s=!!i.length;s&&e&&!e.openable&&(e.openable=!0),this.openable=s,s||(this.open=!1)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};M.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{z-index:var(--calcite-app-z-index-sticky);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i),this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6),this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()},this.disabled=!1,this.heading=void 0,this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=A(t,!0),c(this)}componentDidRender(){h(this)}disconnectedCallback(){r(this)}render(){const{heading:t,visualLevel:e}=this;return i(n,null,i("tr",{class:"container",style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("td",{class:"heading",colSpan:0},t)),i("slot",{onSlotchange:this.handleDefaultSlotChange}))}get el(){return s(this)}};P.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";export{j as calcite_list,M as calcite_list_item,P as calcite_list_item_group}