@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/components/calcite-dropdown/customElement.js

@@ -1,34 +1,33 @@
-import { c as b } from "../../chunks/runtime.js";
-import { ref as c } from "lit-html/directives/ref.js";
-import { html as v } from "lit";
-import { LitElement as D, createEvent as a, safeClassMap as p } from "@arcgis/lumina";
-import { h as E, d as r, b as h } from "../../chunks/dom.js";
-import { b as m, r as I, c as n, a as y, f as O, h as x, F as f } from "../../chunks/floating-ui.js";
-import { g as C } from "../../chunks/guid.js";
-import { u as k, I as S } from "../../chunks/interactive.js";
-import { i as P } from "../../chunks/key.js";
-import { c as H, s as $, a as T } from "../../chunks/loadable.js";
-import { c as u } from "../../chunks/observers.js";
-import { o as w } from "../../chunks/openCloseComponent.js";
-import { g as z } from "../../chunks/dynamicClasses.js";
+import { c as w } from "../../chunks/runtime.js";
+import { ref as r } from "lit-html/directives/ref.js";
+import { html as g } from "lit";
+import { LitElement as b, createEvent as o, safeClassMap as l } from "@arcgis/lumina";
+import { h as v, d as a, b as c } from "../../chunks/dom.js";
+import { b as d, r as D, c as n, a as E, f as I, h as y, F as p } from "../../chunks/floating-ui.js";
+import { g as O } from "../../chunks/guid.js";
+import { u as C, I as x } from "../../chunks/interactive.js";
+import { i as S } from "../../chunks/key.js";
+import { c as k } from "../../chunks/loadable.js";
+import { c as h } from "../../chunks/observers.js";
+import { o as P } from "../../chunks/openCloseComponent.js";
+import { g as $ } from "../../chunks/dynamicClasses.js";
 import { css as F } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const A = {
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const H = {
   dropdownTrigger: "trigger"
-}, L = {
+}, m = {
+  content: "calcite-dropdown-content",
   wrapper: "calcite-dropdown-wrapper"
-}, U = F`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.calcite-dropdown-wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}.width-s{--calcite-dropdown-width: 12rem}.width-m{--calcite-dropdown-width: 14rem}.width-l{--calcite-dropdown-width: 16rem}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
-class M extends D {
+}, T = F`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.calcite-dropdown-wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-dropdown-content{max-height:45vh;width:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;height:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}.width-s{--calcite-dropdown-width: 12rem}.width-m{--calcite-dropdown-width: 14rem}.width-l{--calcite-dropdown-width: 16rem}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+class z extends b {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.focusLastDropdownItem = !1, this.groups = [], this.guid = `calcite-dropdown-${C()}`, this.items = [], this.mutationObserver = u("mutation", () => this.updateItems()), this.onOpenEnd = () => {
+    super(), this.focusLastDropdownItem = !1, this.groups = [], this.guid = `calcite-dropdown-${O()}`, this.items = [], this.mutationObserver = h("mutation", () => this.updateItems()), this.onOpenEnd = () => {
       this.focusOnFirstActiveOrDefaultItem(), this.el.removeEventListener("calciteDropdownOpen", this.onOpenEnd);
-    }, this.openTransitionProp = "opacity", this.resizeObserver = u("resize", (e) => this.resizeObserverCallback(e)), this.closeOnSelectDisabled = !1, this.disabled = !1, this.maxItems = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = m, this.scale = "m", this.selectedItems = [], this.type = "click", this.calciteDropdownBeforeClose = a({ cancelable: !1 }), this.calciteDropdownBeforeOpen = a({ cancelable: !1 }), this.calciteDropdownClose = a({ cancelable: !1 }), this.calciteDropdownOpen = a({ cancelable: !1 }), this.calciteDropdownSelect = a({ cancelable: !1 }), this.listenOn(window, "click", this.closeCalciteDropdownOnClick), this.listen("calciteInternalDropdownCloseRequest", this.closeCalciteDropdownOnEvent), this.listenOn(window, "calciteDropdownOpen", this.closeCalciteDropdownOnOpenEvent), this.listen("pointerenter", this.pointerEnterHandler), this.listen("pointerleave", this.pointerLeaveHandler), this.listen("calciteInternalDropdownItemKeyEvent", this.calciteInternalDropdownItemKeyEvent), this.listen("calciteInternalDropdownItemSelect", this.handleItemSelect);
+    }, this.transitionProp = "opacity", this.resizeObserver = h("resize", (e) => this.resizeObserverCallback(e)), this.closeOnSelectDisabled = !1, this.disabled = !1, this.maxItems = 0, this.open = !1, this.overlayPositioning = "absolute", this.placement = d, this.scale = "m", this.selectedItems = [], this.type = "click", this.calciteDropdownBeforeClose = o({ cancelable: !1 }), this.calciteDropdownBeforeOpen = o({ cancelable: !1 }), this.calciteDropdownClose = o({ cancelable: !1 }), this.calciteDropdownOpen = o({ cancelable: !1 }), this.calciteDropdownSelect = o({ cancelable: !1 }), this.listenOn(window, "click", this.closeCalciteDropdownOnClick), this.listen("calciteInternalDropdownCloseRequest", this.closeCalciteDropdownOnEvent), this.listenOn(window, "calciteDropdownOpen", this.closeCalciteDropdownOnOpenEvent), this.listen("pointerenter", this.pointerEnterHandler), this.listen("pointerleave", this.pointerLeaveHandler), this.listen("calciteInternalDropdownItemKeyEvent", this.calciteInternalDropdownItemKeyEvent), this.listen("calciteInternalDropdownItemSelect", this.handleItemSelect);
   }
   static {
     this.properties = { closeOnSelectDisabled: 7, disabled: 7, flipPlacements: 0, maxItems: 11, open: 7, overlayPositioning: 3, placement: 3, scale: 3, selectedItems: 0, type: 3, widthScale: 3, width: 3 };
@@ -37,7 +36,7 @@ class M extends D {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = U;
+    this.styles = T;
   }
   // #endregion
   // #region Public Methods
@@ -47,42 +46,41 @@ class M extends D {
    * @param delayed
    */
   async reposition(e = !1) {
-    const { floatingEl: t, referenceEl: i, placement: s, overlayPositioning: o, filteredFlipPlacements: l } = this;
-    return I(this, {
+    const { floatingEl: t, referenceEl: i, placement: s, overlayPositioning: u, filteredFlipPlacements: f } = this;
+    return D(this, {
       floatingEl: t,
       referenceEl: i,
-      overlayPositioning: o,
+      overlayPositioning: u,
       placement: s,
-      flipPlacements: l,
+      flipPlacements: f,
       type: "menu"
     }, e);
   }
   /** Sets focus on the component's first focusable element. */
   async setFocus() {
-    await H(this), E(this.referenceEl);
+    await k(this), v(this.referenceEl);
   }
   connectedCallback() {
-    super.connectedCallback(), this.mutationObserver?.observe(this.el, { childList: !0, subtree: !0 }), this.setFilteredPlacements(), this.open && (this.openHandler(), w(this)), this.updateItems(), n(this);
+    super.connectedCallback(), this.mutationObserver?.observe(this.el, { childList: !0, subtree: !0 }), this.setFilteredPlacements(), this.updateItems(), n(this);
   }
   load() {
-    $(this);
   }
   willUpdate(e) {
-    e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), e.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.handleDisabledChange(this.disabled), e.has("flipPlacements") && this.flipPlacementsHandler(), e.has("maxItems") && (this.hasUpdated || this.maxItems !== 0) && this.setMaxScrollerHeight(), (e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== m)) && this.reposition(!0), e.has("scale") && (this.hasUpdated || this.scale !== "m") && this.handlePropsChange();
+    e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler(), e.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.handleDisabledChange(this.disabled), e.has("flipPlacements") && this.flipPlacementsHandler(), e.has("maxItems") && this.hasUpdated && this.setMaxScrollerHeight(), (e.has("overlayPositioning") && (this.hasUpdated || this.overlayPositioning !== "absolute") || e.has("placement") && (this.hasUpdated || this.placement !== d)) && this.reposition(!0), e.has("scale") && (this.hasUpdated || this.scale !== "m") && this.handlePropsChange();
   }
   updated() {
-    k(this);
+    C(this);
   }
   loaded() {
-    this.updateSelectedItems(), T(this), n(this);
+    this.updateSelectedItems(), n(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.resizeObserver?.disconnect(), y(this);
+    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.resizeObserver?.disconnect(), E(this);
   }
   // #endregion
   // #region Private Methods
   openHandler() {
-    w(this), !this.disabled && this.reposition(!0);
+    P(this), !this.disabled && this.reposition(!0);
   }
   handleDisabledChange(e) {
     e || (this.open = !1);
@@ -118,16 +116,16 @@ class M extends D {
         this.open = !1, this.updateTabIndexOfItems(i);
         break;
       case "ArrowDown":
-        r(s, i, "next");
+        a(s, i, "next");
         break;
       case "ArrowUp":
-        r(s, i, "previous");
+        a(s, i, "previous");
         break;
       case "Home":
-        r(s, i, "first");
+        a(s, i, "first");
         break;
       case "End":
-        r(s, i, "last");
+        a(s, i, "last");
         break;
     }
     e.stopPropagation();
@@ -137,7 +135,7 @@ class M extends D {
   }
   setFilteredPlacements() {
     const { el: e, flipPlacements: t } = this;
-    this.filteredFlipPlacements = t ? O(t, e) : null;
+    this.filteredFlipPlacements = t ? I(t, e) : null;
   }
   updateTriggers(e) {
     this.triggers = e.target.assignedElements({
@@ -157,20 +155,16 @@ class M extends D {
   resizeObserverCallback(e) {
     e.forEach((t) => {
       const { target: i } = t;
-      i === this.referenceEl ? this.setDropdownWidth() : i === this.scrollerEl && this.setMaxScrollerHeight();
+      this.hasUpdated && (i === this.referenceEl ? this.setDropdownWidth() : i === this.scrollerEl && this.setMaxScrollerHeight());
     });
   }
   setDropdownWidth() {
     const { referenceEl: e, scrollerEl: t } = this, i = e?.clientWidth;
-    !i || !t || (t.style.minWidth = `${i}px`);
+    t.style.minWidth = `${i}px`;
   }
   setMaxScrollerHeight() {
-    const { scrollerEl: e } = this;
-    if (!e)
-      return;
-    this.reposition(!0);
-    const t = this.getMaxScrollerHeight();
-    e.style.maxBlockSize = t > 0 ? `${t}px` : "", this.reposition(!0);
+    const e = this.getMaxScrollerHeight();
+    this.scrollerEl.style.maxBlockSize = e > 0 ? `${e}px` : "", this.reposition(!0);
   }
   setScrollerAndTransitionEl(e) {
     e && this.resizeObserver?.observe(e), this.scrollerEl = e, this.transitionEl = e;
@@ -185,7 +179,7 @@ class M extends D {
     this.calciteDropdownBeforeClose.emit();
   }
   onClose() {
-    this.calciteDropdownClose.emit(), x(this);
+    this.calciteDropdownClose.emit(), y(this);
   }
   setReferenceEl(e) {
     this.referenceEl = e, n(this), e && this.resizeObserver?.observe(e);
@@ -206,7 +200,7 @@ class M extends D {
         this.closeCalciteDropdown(), e.preventDefault();
         return;
       }
-      P(i) ? (this.toggleDropdown(), e.preventDefault()) : (i === "ArrowDown" || i === "ArrowUp") && (e.preventDefault(), this.focusLastDropdownItem = i === "ArrowUp", this.open = !0, this.el.addEventListener("calciteDropdownOpen", this.onOpenEnd));
+      S(i) ? (this.toggleDropdown(), e.preventDefault()) : (i === "ArrowDown" || i === "ArrowUp") && (e.preventDefault(), this.focusLastDropdownItem = i === "ArrowUp", this.open = !0, this.el.addEventListener("calciteDropdownOpen", this.onOpenEnd));
     }
   }
   updateSelectedItems() {
@@ -214,19 +208,18 @@ class M extends D {
   }
   getMaxScrollerHeight() {
     const { maxItems: e, items: t } = this;
-    let i = 0, s = 0, o;
-    return this.groups.forEach((l) => {
-      e > 0 && i < e && Array.from(l.children).forEach((d, g) => {
-        g === 0 && (isNaN(o) && (o = d.offsetTop), s += o), i < e && (s += d.offsetHeight, i += 1);
-      });
-    }), t.length >= e ? s : 0;
+    return t.length >= e && e > 0 ? this.getYDistance(this.scrollerEl, t[e - 1]) : 0;
+  }
+  getYDistance(e, t) {
+    const i = e.getBoundingClientRect();
+    return t.getBoundingClientRect().bottom - i.top;
   }
   closeCalciteDropdown(e = !0) {
-    this.open = !1, e && h(this.triggers[0]);
+    this.open = !1, e && c(this.triggers[0]);
   }
   focusOnFirstActiveOrDefaultItem() {
     const t = this.getTraversableItems().find((i) => i.selected) || (this.focusLastDropdownItem ? this.items[this.items.length - 1] : this.items[0]);
-    this.focusLastDropdownItem = !1, t && h(t);
+    this.focusLastDropdownItem = !1, t && c(t);
   }
   toggleDropdown() {
     this.open = !this.open, this.open && this.el.addEventListener("calciteDropdownOpen", this.onOpenEnd);
@@ -240,17 +233,17 @@ class M extends D {
   // #region Rendering
   render() {
     const { open: e, guid: t } = this;
-    return S({ disabled: this.disabled, children: v`<div class="calcite-trigger-container" .id=${`${t}-menubutton`} @click=${this.toggleDropdown} @keydown=${this.keyDownHandler} ${c(this.setReferenceEl)}><slot aria-controls=${`${t}-menu`} .ariaExpanded=${e} aria-haspopup=menu name=${A.dropdownTrigger} @slotchange=${this.updateTriggers}></slot></div><div .ariaHidden=${!e} class=${p({
-      [L.wrapper]: !0,
-      [z("width", this.width, this.widthScale)]: !!(this.width || this.widthScale)
-    })} ${c(this.setFloatingEl)}><div aria-labelledby=${`${t}-menubutton`} class=${p({
-      "calcite-dropdown-content": !0,
-      [f.animation]: !0,
-      [f.animationActive]: e
-    })} .id=${`${t}-menu`} role=menu ${c(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>` });
+    return x({ disabled: this.disabled, children: g`<div class="calcite-trigger-container" .id=${`${t}-menubutton`} @click=${this.toggleDropdown} @keydown=${this.keyDownHandler} ${r(this.setReferenceEl)}><slot aria-controls=${`${t}-menu`} .ariaExpanded=${e} aria-haspopup=menu name=${H.dropdownTrigger} @slotchange=${this.updateTriggers}></slot></div><div .ariaHidden=${!e} class=${l({
+      [m.wrapper]: !0,
+      [$("width", this.width, this.widthScale)]: !!(this.width || this.widthScale)
+    })} ${r(this.setFloatingEl)}><div aria-labelledby=${`${t}-menubutton`} class=${l({
+      [m.content]: !0,
+      [p.animation]: !0,
+      [p.animationActive]: e
+    })} .id=${`${t}-menu`} role=menu ${r(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>` });
   }
 }
-b("calcite-dropdown", M);
+w("calcite-dropdown", z);
 export {
-  M as Dropdown
+  z as Dropdown
 };

package/dist/components/calcite-dropdown/resources.d.ts

@@ -2,5 +2,6 @@ export declare const SLOTS: {
     dropdownTrigger: string;
 };
 export declare const CSS: {
+    content: string;
     wrapper: string;
 };

package/dist/components/calcite-dropdown-group/customElement.js

@@ -4,12 +4,10 @@ import { LitElement as s, createEvent as i, safeClassMap as l } from "@arcgis/lu
 import { c as a } from "../../chunks/observers.js";
 import { C as n } from "../../chunks/resources6.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const c = d`:host{position:relative;display:block}.container{text-align:start}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-title{padding:.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-title{padding:.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-title{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}`;
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const c = d`:host{display:block}.container{text-align:start}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-title{padding:.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-title{padding:.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-title{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}`;
 class p extends s {
   // #endregion
   // #region Lifecycle

package/dist/components/calcite-dropdown-item/customElement.js

@@ -1,20 +1,18 @@
 import { c as g } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
+import { html as o } from "lit-html";
 import { createRef as v, ref as k } from "lit-html/directives/ref.js";
 import { LitElement as I, createEvent as s, safeClassMap as n, nothing as l, setAttribute as D } from "@arcgis/lumina";
 import { t as y } from "../../chunks/dom.js";
-import { c as E, s as x, a as $ } from "../../chunks/loadable.js";
+import { c as E } from "../../chunks/loadable.js";
 import { g as r } from "../../chunks/component.js";
-import { u as C, I as q } from "../../chunks/interactive.js";
-import { C as o } from "../../chunks/resources6.js";
-import { css as S } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const R = S`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;text-align:start;outline-color:transparent}.container a{outline:none;position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none}.dropdown-item-content{flex:1 1 auto;padding-block:.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.9)}:host([scale=s]) .container{padding-block:.25rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:.5rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-lg)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
-class z extends I {
+import { u as x, I as $ } from "../../chunks/interactive.js";
+import { C as i } from "../../chunks/resources6.js";
+import { css as C } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const q = C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;text-align:start;outline-color:transparent}.container a{outline:none;position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none}.dropdown-item-content{flex:1 1 auto;padding-block:.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.9)}:host([scale=s]) .container{padding-block:.25rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:.5rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-lg)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+class S extends I {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -24,7 +22,7 @@ class z extends I {
     this.properties = { disabled: 7, href: 3, iconEnd: 3, iconFlipRtl: 3, iconStart: 3, label: 1, rel: 3, scale: 3, selected: 7, selectionMode: 1, target: 3 };
   }
   static {
-    this.styles = R;
+    this.styles = q;
   }
   // #endregion
   // #region Public Methods
@@ -36,13 +34,12 @@ class z extends I {
     super.connectedCallback(), this.initialize();
   }
   load() {
-    x(this), this.initialize();
+    this.initialize();
   }
   updated() {
-    C(this);
+    x(this);
   }
   loaded() {
-    $(this);
   }
   // #endregion
   // #region Private Methods
@@ -97,14 +94,14 @@ class z extends I {
   // #endregion
   // #region Rendering
   render() {
-    const { href: e, selectionMode: t, label: d, iconFlipRtl: c } = this, h = i`<calcite-icon class=${n(o.iconStart)} .flipRtl=${c === "start" || c === "both"} .icon=${this.iconStart} .scale=${r(this.scale)}></calcite-icon>`, a = i`<span class=${n(o.itemContent)}><slot></slot></span>`, p = i`<calcite-icon class=${n(o.iconEnd)} .flipRtl=${c === "end" || c === "both"} .icon=${this.iconEnd} .scale=${r(this.scale)}></calcite-icon>`, m = this.iconStart && this.iconEnd ? [h, a, p] : this.iconStart ? [h, a] : this.iconEnd ? [a, p] : a, f = e ? i`<a .ariaLabel=${d} class=${n(o.link)} href=${e ?? l} rel=${this.rel ?? l} tabindex=-1 target=${this.target ?? l} ${k(this.childLink)}>${m}</a>` : m, b = e ? null : t === "single" ? "menuitemradio" : t === "multiple" ? "menuitemcheckbox" : "menuitem", w = t !== "none" ? y(this.selected) : null, { disabled: u } = this;
-    return this.el.ariaChecked = w, this.el.ariaLabel = e ? "" : d, this.el.role = b, D(this.el, "tabIndex", u ? -1 : 0), q({ disabled: u, children: i`<div class=${n({
-      [o.container]: !0,
-      [o.containerNone]: t === "none"
-    })}>${t !== "none" ? i`<calcite-icon class=${n(o.icon)} .icon=${t === "multiple" ? "check" : "bullet-point"} .scale=${r(this.scale)}></calcite-icon>` : null}${f}</div>` });
+    const { href: e, selectionMode: t, label: d, iconFlipRtl: c } = this, h = o`<calcite-icon class=${n(i.iconStart)} .flipRtl=${c === "start" || c === "both"} .icon=${this.iconStart} .scale=${r(this.scale)}></calcite-icon>`, a = o`<span class=${n(i.itemContent)}><slot></slot></span>`, p = o`<calcite-icon class=${n(i.iconEnd)} .flipRtl=${c === "end" || c === "both"} .icon=${this.iconEnd} .scale=${r(this.scale)}></calcite-icon>`, m = this.iconStart && this.iconEnd ? [h, a, p] : this.iconStart ? [h, a] : this.iconEnd ? [a, p] : a, f = e ? o`<a .ariaLabel=${d} class=${n(i.link)} href=${e ?? l} rel=${this.rel ?? l} tabindex=-1 target=${this.target ?? l} ${k(this.childLink)}>${m}</a>` : m, b = e ? null : t === "single" ? "menuitemradio" : t === "multiple" ? "menuitemcheckbox" : "menuitem", w = t !== "none" ? y(this.selected) : null, { disabled: u } = this;
+    return this.el.ariaChecked = w, this.el.ariaLabel = e ? "" : d, this.el.role = b, D(this.el, "tabIndex", u ? -1 : 0), $({ disabled: u, children: o`<div class=${n({
+      [i.container]: !0,
+      [i.containerNone]: t === "none"
+    })}>${t !== "none" ? o`<calcite-icon class=${n(i.icon)} .icon=${t === "multiple" ? "check" : "bullet-point"} .scale=${r(this.scale)}></calcite-icon>` : null}${f}</div>` });
   }
 }
-g("calcite-dropdown-item", z);
+g("calcite-dropdown-item", S);
 export {
-  z as DropdownItem
+  S as DropdownItem
 };

package/dist/components/calcite-fab/customElement.js

@@ -1,56 +1,52 @@
 import { c as p } from "../../chunks/runtime.js";
 import { html as h } from "lit-html";
-import { createRef as b, ref as w } from "lit-html/directives/ref.js";
-import { LitElement as u, safeClassMap as x, nothing as m } from "@arcgis/lumina";
-import { b as f } from "../../chunks/dom.js";
+import { createRef as w, ref as b } from "lit-html/directives/ref.js";
+import { LitElement as u, safeClassMap as x, nothing as f } from "@arcgis/lumina";
+import { b as m } from "../../chunks/dom.js";
 import { u as v, I as g } from "../../chunks/interactive.js";
-import { c as y, s as $, a as E } from "../../chunks/loadable.js";
-import { css as F } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const k = {
+import { c as y } from "../../chunks/loadable.js";
+import { css as $ } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const E = {
   button: "button"
-}, C = {
+}, F = {
   plus: "plus"
-}, R = F`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:hover{--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:active{--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);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}`;
-class I extends u {
+}, k = $`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:hover{--tw-shadow: var(--calcite-shadow-md);--tw-shadow-colored: var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}calcite-button:active{--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);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}`;
+class R extends u {
   constructor() {
-    super(...arguments), this.buttonEl = b(), this.appearance = "solid", this.disabled = !1, this.icon = C.plus, this.iconFlipRtl = !1, this.kind = "brand", this.loading = !1, this.scale = "m", this.textEnabled = !1;
+    super(...arguments), this.buttonEl = w(), this.appearance = "solid", this.disabled = !1, this.icon = F.plus, this.iconFlipRtl = !1, this.kind = "brand", this.loading = !1, this.scale = "m", this.textEnabled = !1;
   }
   static {
     this.properties = { appearance: 3, disabled: 7, icon: 3, iconFlipRtl: 7, kind: 3, label: 1, loading: 7, scale: 3, text: 1, textEnabled: 7 };
   }
   static {
-    this.styles = R;
+    this.styles = k;
   }
   // #endregion
   // #region Public Methods
   /** Sets focus on the component. */
   async setFocus() {
-    await y(this), f(this.buttonEl.value);
+    await y(this), m(this.buttonEl.value);
   }
   // #endregion
   // #region Lifecycle
   load() {
-    $(this);
   }
   updated() {
     v(this);
   }
   loaded() {
-    E(this);
   }
   // #endregion
   // #region Rendering
   render() {
-    const { appearance: o, kind: s, disabled: t, loading: e, scale: i, textEnabled: l, icon: n, label: a, text: d, iconFlipRtl: r } = this, c = l ? null : a || d || null;
-    return g({ disabled: t, children: h`<calcite-button .appearance=${o === "solid" ? "solid" : "outline-fill"} class=${x(k.button)} .disabled=${t} .iconFlipRtl=${r ? "start" : null} .iconStart=${n} .kind=${s} .label=${a} .loading=${e} round .scale=${i} title=${c ?? m} type=button width=auto ${w(this.buttonEl)}>${this.textEnabled ? this.text : null}</calcite-button>` });
+    const { appearance: o, kind: s, disabled: t, loading: e, scale: i, textEnabled: l, icon: d, label: a, text: n, iconFlipRtl: r } = this, c = l ? null : a || n || null;
+    return g({ disabled: t, children: h`<calcite-button .appearance=${o === "solid" ? "solid" : "outline-fill"} class=${x(E.button)} .disabled=${t} .iconFlipRtl=${r ? "start" : null} .iconStart=${d} .kind=${s} .label=${a} .loading=${e} round .scale=${i} title=${c ?? f} type=button width=auto ${b(this.buttonEl)}>${this.textEnabled ? this.text : null}</calcite-button>` });
   }
 }
-p("calcite-fab", I);
+p("calcite-fab", R);
 export {
-  I as Fab
+  R as Fab
 };

package/dist/components/calcite-filter/customElement.js

@@ -1,28 +1,24 @@
 import { D as s, c as l } from "../../chunks/runtime.js";
-import { debounce as n } from "lodash-es";
-import { html as r } from "lit";
+import { debounce as r } from "lodash-es";
+import { html as n } from "lit";
 import { createRef as o, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as h, safeClassMap as p } from "@arcgis/lumina";
 import { f as a } from "../../chunks/filter.js";
 import { u, I as m } from "../../chunks/interactive.js";
-import { c as f, s as b, a as v } from "../../chunks/loadable.js";
-import { u as g } from "../../chunks/useT9n.js";
-import { css as y } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-const x = {
-  container: "container",
-  searchIcon: "search-icon"
-}, k = {
-  search: "search",
-  close: "x"
-}, I = y`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-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-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}.interaction-container{display:contents}.container{display:flex;inline-size:100%}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=l]) .container{padding:var(--calcite-spacing-lg)}label{position:relative;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:.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-color-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-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:.25rem}input[type=text]:focus~.search-icon{inset-inline-start:-1rem;opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}`;
-class D extends d {
+import { c as f } from "../../chunks/loadable.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { css as v } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const g = {
+  container: "container"
+}, y = {
+  search: "search"
+}, x = v`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-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-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}.interaction-container{display:contents}.container{display:flex;inline-size:100%}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=l]) .container{padding:var(--calcite-spacing-lg)}label{position:relative;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:.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-color-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-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:.25rem}input[type=text]:focus~.search-icon{inset-inline-start:-1rem;opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}`;
+class k extends d {
   constructor() {
-    super(...arguments), this.filterDebounced = n((e, t = !1, i) => this.updateFiltered(a(this.items ?? [], e, this.filterProps), t, i), s.filter), this.textInput = o(), this._value = "", this.disabled = !1, this.filteredItems = [], this.items = [], this.messages = g(), this.scale = "m", this.calciteFilterChange = h({ cancelable: !1 });
+    super(...arguments), this.filterDebounced = r((e, t = !1, i) => this.updateFiltered(a(this.items ?? [], e, this.filterProps), t, i), s.filter), this.textInput = o(), this._value = "", this.disabled = !1, this.filteredItems = [], this.items = [], this.messages = b(), this.scale = "m", this.calciteFilterChange = h({ cancelable: !1 });
   }
   static {
     this.properties = { disabled: 7, filterProps: 0, filteredItems: 0, items: 0, label: 1, messageOverrides: 0, placeholder: 1, scale: 3, value: 1 };
@@ -31,7 +27,7 @@ class D extends d {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = I;
+    this.styles = x;
   }
   /** The component's value. */
   get value() {
@@ -63,7 +59,7 @@ class D extends d {
   // #endregion
   // #region Lifecycle
   async load() {
-    b(this), this.updateFiltered(a(this.items ?? [], this.value, this.filterProps));
+    this.updateFiltered(a(this.items ?? [], this.value, this.filterProps));
   }
   willUpdate(e) {
     (e.has("items") && (this.hasUpdated || this.items?.length > 0) || e.has("filterProps")) && this.filterDebounced(this.value);
@@ -72,7 +68,6 @@ class D extends d {
     u(this);
   }
   loaded() {
-    v(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.filterDebounced.cancel();
@@ -99,10 +94,10 @@ class D extends d {
   // #region Rendering
   render() {
     const { disabled: e, scale: t } = this;
-    return m({ disabled: e, children: r`<div class=${p(x.container)}><label><calcite-input clearable .disabled=${e} .icon=${k.search} .label=${this.label ?? this.messages.label} .messageOverrides=${{ clear: this.messages.clear }} @keydown=${this.keyDownHandler} @calciteInputInput=${this.inputHandler} .placeholder=${this.placeholder} .scale=${t} type=text .value=${this.value} ${c(this.textInput)}></calcite-input></label></div>` });
+    return m({ disabled: e, children: n`<div class=${p(g.container)}><label><calcite-input clearable .disabled=${e} .icon=${y.search} .label=${this.label ?? this.messages.label} .messageOverrides=${{ clear: this.messages.clear }} @keydown=${this.keyDownHandler} @calciteInputInput=${this.inputHandler} .placeholder=${this.placeholder} .scale=${t} type=text .value=${this.value} ${c(this.textInput)}></calcite-input></label></div>` });
   }
 }
-l("calcite-filter", D);
+l("calcite-filter", k);
 export {
-  D as Filter
+  k as Filter
 };