@orangelogic/design-system 2.48.0 → 2.49.0

package/library/chunks/{amazon_s3.BB3xCgkt.js → amazon_s3.DeaMdPPn.js}

@@ -1,4 +1,4 @@
-import { x as A } from "./custom-element.fmLrnDZr.js";
+import { x as A } from "./custom-element.vnXBMQxc.js";
 const B = {
   svg: A`<svg
     width="16"

package/library/chunks/{animation.DPqSuC7g.js → animation.B7d72NVK.js}

@@ -1,5 +1,5 @@
-import { i as p, n as a, C as m, x as y, c as b } from "./custom-element.fmLrnDZr.js";
-import { c as u } from "./component.styles.DtouHn2g.js";
+import { i as p, n as a, C as m, x as y, c as b } from "./custom-element.vnXBMQxc.js";
+import { c as u } from "./component.styles.CI-v8BZa.js";
 import { w as d } from "./watch.BCJD77bD.js";
 import { r as g } from "./query-async.CTgXGyQ5.js";
 const h = p`

package/library/chunks/{button.DQ1SyxmK.js → button.DCaz7tVb.js}

@@ -1,33 +1,33 @@
-import { n as o, C as v, c as g } from "./custom-element.fmLrnDZr.js";
-import { c as C } from "./component.styles.DtouHn2g.js";
-import { F as x, v as w } from "./form.BY8-x3IU.js";
+import { n as o, C as v, c as g } from "./custom-element.vnXBMQxc.js";
+import { c as C } from "./component.styles.CI-v8BZa.js";
+import { F as x, v as w } from "./form.DycFDdkp.js";
 import { L as $ } from "./i18n.CXUGdxzx.js";
-import { H as S, g as B } from "./slot.DJLm4Dig.js";
+import { H as O, g as S } from "./slot.DJLm4Dig.js";
 import { w as m } from "./watch.BCJD77bD.js";
-import { r as h } from "./state.Dt9F_SuS.js";
-import { e as F } from "./query.BBf1UFkC.js";
-import { e as L } from "./class-map.DqNfBvJI.js";
-import { o as r } from "./if-defined.CKupVaWs.js";
-import { n as c } from "./when.Dr1es41R.js";
-import { i as b, u as f } from "./static.kLXgh3Gq.js";
-import _ from "../components/icon.js";
-import k from "../components/spinner.js";
-import { b as D } from "./button.styles.CRh5_Ev4.js";
-var y = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(y || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), V = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (t, s, u, n) => {
-  for (var a = n > 1 ? void 0 : n ? z(s, u) : s, p = t.length - 1, d; p >= 0; p--)
-    (d = t[p]) && (a = (n ? d(s, u, a) : d(a)) || a);
-  return n && a && V(s, u, a), a;
+import { r as h } from "./state.Cw55xXlb.js";
+import { e as D } from "./query.BBf1UFkC.js";
+import { e as B } from "./class-map.CoZTSvbM.js";
+import { o as r } from "./if-defined.MfEgpxEN.js";
+import { n as f } from "./when.Dr1es41R.js";
+import { i as b, u as c } from "./static.BjNkqt7_.js";
+import F from "../components/icon.js";
+import L from "../components/spinner.js";
+import { b as _ } from "./button.styles.C8AIO8fd.js";
+var y = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(y || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, i = (t, s, p, n) => {
+  for (var a = n > 1 ? void 0 : n ? V(s, p) : s, u = t.length - 1, d; u >= 0; u--)
+    (d = t[u]) && (a = (n ? d(s, p, a) : d(a)) || a);
+  return n && a && k(s, p, a), a;
 };
 let e = class extends v {
   constructor() {
     super(...arguments), this.formControlController = new x(this, {
       assumeInteractionOn: ["click"]
-    }), this.hasSlotController = new S(
+    }), this.hasSlotController = new O(
       this,
       "[default]",
       "prefix",
       "suffix"
-    ), this.localize = new $(this), this.forceButtonNavigation = !1, this.hasFocus = !1, this.invalid = !1, this.isParentDropdownOpened = !1, this.title = "", this.variant = "default", this.size = l.Medium, this.caret = !1, this.caretDirection = "down", this.disabled = !1, this.loading = !1, this.outline = !1, this.pill = !1, this.circle = !1, this.type = "button", this.name = "", this.value = "", this.href = "", this.link = "", this.rel = "noreferrer noopener", this.form = void 0, this.widthType = y.Hug, this.label = "", this.mappedLabel = "";
+    ), this.localize = new $(this), this.forceButtonNavigation = !1, this.hasFocus = !1, this.invalid = !1, this.isParentDropdownOpened = !1, this.title = "", this.variant = "default", this.size = l.Medium, this.caret = !1, this.caretDirection = "down", this.disabled = !1, this.loading = !1, this.outline = !1, this.pill = !1, this.circle = !1, this.type = "button", this.name = "", this.value = "", this.href = "", this.link = "", this.rel = "noreferrer noopener", this.form = void 0, this.widthType = y.Hug, this.label = "", this.mappedLabel = "", this.styleObserver = null, this.parentDropdownObserver = null;
   }
   /** Gets the validity state object */
   get validity() {
@@ -38,17 +38,23 @@ let e = class extends v {
     return this.isButton() ? this.button.validationMessage : "";
   }
   runFirstUpdated() {
-    this.isButton() && this.formControlController.updateValidity(), this.syncStyles(), new MutationObserver(() => this.syncStyles()).observe(this, {
+    this.isButton() && this.formControlController.updateValidity();
+  }
+  connectedUpdatedCallback() {
+    this.syncStyles(), this.styleObserver = new MutationObserver(() => this.syncStyles()), this.styleObserver.observe(this, {
       attributeFilter: ["class", "style"],
       attributes: !0
     });
     const t = this.closest("cx-dropdown");
-    t && new MutationObserver(() => {
+    t && (this.parentDropdownObserver = new MutationObserver(() => {
       this.slot === "trigger" && (this.isParentDropdownOpened = t.open);
-    }).observe(t, {
+    }), this.parentDropdownObserver.observe(t, {
       attributeFilter: ["open"],
       attributes: !0
-    });
+    }));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.styleObserver && this.styleObserver.disconnect(), this.parentDropdownObserver && this.parentDropdownObserver.disconnect();
   }
   syncStyles() {
     const t = this.style.fontSize;
@@ -74,7 +80,7 @@ let e = class extends v {
     return this.link || this.href;
   }
   handleLabelSlotChange() {
-    this.mappedLabel = B(
+    this.mappedLabel = S(
       this.shadowRoot?.querySelector('slot[part="label"]')
     ).trim() || this.label || "";
   }
@@ -111,10 +117,10 @@ let e = class extends v {
   }
   render() {
     const t = this.isLink() && !this.forceButtonNavigation, s = t ? b`a` : b`button`;
-    return f`
+    return c`
       <${s}
         part="base"
-        class=${L({
+        class=${B({
       button: !0,
       "button--caret": this.caret,
       "button--circle": this.circle,
@@ -163,9 +169,9 @@ let e = class extends v {
         <slot name="prefix" part="prefix" class="button__prefix"></slot>
         <slot part="label" class="button__label" @slotchange=${this.handleLabelSlotChange}></slot>
         <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        ${c(
+        ${f(
       this.caret,
-      () => f`
+      () => c`
             <cx-icon
               part="caret"
               class="button__caret"
@@ -173,18 +179,18 @@ let e = class extends v {
             ></cx-icon>
           `
     )}
-        ${c(this.loading, () => f`<cx-spinner part="spinner"></cx-spinner>`)}
+        ${f(this.loading, () => c`<cx-spinner part="spinner"></cx-spinner>`)}
       </${s}>
     `;
   }
 };
-e.styles = [C, D];
+e.styles = [C, _];
 e.dependencies = {
-  "cx-icon": _,
-  "cx-spinner": k
+  "cx-icon": F,
+  "cx-spinner": L
 };
 i([
-  F(".button")
+  D(".button")
 ], e.prototype, "button", 2);
 i([
   h()

package/library/chunks/{button.styles.CRh5_Ev4.js → button.styles.C8AIO8fd.js}

@@ -1,4 +1,4 @@
-import { i as t } from "./custom-element.fmLrnDZr.js";
+import { i as t } from "./custom-element.vnXBMQxc.js";
 const r = t`
   :host {
     --background-color: var(--cx-color-primary);

package/library/chunks/{chatbot.D37AAQvv.js → chatbot.sm4Rph1v.js}

@@ -1,5 +1,5 @@
-import { x as t } from "./custom-element.fmLrnDZr.js";
-import { o as e } from "./style-map.lEJHEwk3.js";
+import { x as t } from "./custom-element.vnXBMQxc.js";
+import { o as e } from "./style-map.CZovMmo_.js";
 const r = {
   svg: t`<svg
   xmlns="http://www.w3.org/2000/svg"

package/library/chunks/{class-map.DqNfBvJI.js → class-map.CoZTSvbM.js}

@@ -1,4 +1,4 @@
-import { T as i } from "./custom-element.fmLrnDZr.js";
+import { T as i } from "./custom-element.vnXBMQxc.js";
 import { e as o, i as a, t as h } from "./directive.oAbCiebi.js";
 /**
  * @license

package/library/chunks/{color-swatch-group.DN7t4a6b.js → color-swatch-group.18TICCVX.js}

@@ -1,21 +1,21 @@
 import _ from "../components/space.js";
-import { C as z } from "./table.CNDxXSQ-.js";
-import { C as $ } from "./typography.trna8y2b.js";
-import { x as h, B as F, i as k, n as p, C as A, c as S } from "./custom-element.fmLrnDZr.js";
-import { C as v, a as m } from "./color-swatch.CyN0Rfwc.js";
-import { c as T } from "./component.styles.DtouHn2g.js";
+import { C as z } from "./table.D_DSVLyS.js";
+import { C as $ } from "./typography.BFpl0WMA.js";
+import { x as h, B as F, i as k, n as p, C as A, c as S } from "./custom-element.vnXBMQxc.js";
+import { C as v, a as m } from "./color-swatch.BVFmLzfK.js";
+import { c as T } from "./component.styles.CI-v8BZa.js";
 import { D as n } from "./content-builder.UlVFSATk.js";
-import { d as E } from "./popup.dmeEbJcf.js";
+import { d as E } from "./popup.DjWAljHx.js";
 import { L as D } from "./i18n.CXUGdxzx.js";
 import { w as C } from "./watch.BCJD77bD.js";
-import { r as d } from "./state.Dt9F_SuS.js";
+import { r as d } from "./state.Cw55xXlb.js";
 import { e as R } from "./query.BBf1UFkC.js";
 import { r as H } from "./query-all.i3PyvTUQ.js";
-import { e as w } from "./class-map.DqNfBvJI.js";
-import { i as b } from "./guard.L-Ctqt3S.js";
-import { o as N } from "./if-defined.CKupVaWs.js";
-import { c as P } from "./repeat.B1pVpmRx.js";
-import { o as f } from "./style-map.lEJHEwk3.js";
+import { e as w } from "./class-map.CoZTSvbM.js";
+import { i as b } from "./guard.BDP4A85K.js";
+import { o as N } from "./if-defined.MfEgpxEN.js";
+import { c as P } from "./repeat.CauKaXyy.js";
+import { o as f } from "./style-map.CZovMmo_.js";
 import { n as W } from "./when.Dr1es41R.js";
 var s = /* @__PURE__ */ ((e) => (e.Circles = "circles", e.Grid = "grid", e.Table = "table", e))(s || {});
 function O(e, t = [350, 696, 1024]) {
@@ -264,10 +264,13 @@ let o = class extends A {
     super(), this.localize = new D(this), this.variant = s.Table, this.data = [], this.maxCol = 4, this.canCopy = !1, this.showCodes = ["HEX", "RGB", "CMYK", "PMS"], this.breakpoints = [350, 696, 1024], this.deviceType = n.Desktop, this.currentCol = 0, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
   }
   runFirstUpdated() {
+    this.breakpoints = O(this, this.breakpoints), this.handleResize();
+  }
+  runConnectedCallback() {
     this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute(
       "aria-roledescription",
       this.localize.term("colorSwatches")
-    ), this.breakpoints = O(this, this.breakpoints), window.addEventListener("resize", this.handleWindowResize), this.handleResize();
+    ), window.addEventListener("resize", this.handleWindowResize);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), window.removeEventListener("resize", this.handleWindowResize);

package/library/chunks/{color-swatch.CyN0Rfwc.js → color-swatch.BVFmLzfK.js}

@@ -2,19 +2,19 @@ import z from "../components/copy-button.js";
 import R from "../components/line-clamp.js";
 import E from "../components/resize-observer.js";
 import V from "../components/space.js";
-import { C as G } from "./typography.trna8y2b.js";
-import { i as M, n as l, C as S, x as C, c as U } from "./custom-element.fmLrnDZr.js";
-import { c as W } from "./component.styles.DtouHn2g.js";
+import { C as G } from "./typography.BFpl0WMA.js";
+import { i as M, n as l, C as S, x as C, c as U } from "./custom-element.vnXBMQxc.js";
+import { c as W } from "./component.styles.CI-v8BZa.js";
 import { T as v } from "./index.C1chwzNp.js";
-import { d as H } from "./popup.dmeEbJcf.js";
+import { d as H } from "./popup.DjWAljHx.js";
 import { L as D } from "./i18n.CXUGdxzx.js";
 import { w as h } from "./watch.BCJD77bD.js";
-import { r as d } from "./state.Dt9F_SuS.js";
+import { r as d } from "./state.Cw55xXlb.js";
 import { e as L } from "./query.BBf1UFkC.js";
-import { e as k } from "./class-map.DqNfBvJI.js";
-import { o as $ } from "./if-defined.CKupVaWs.js";
-import { c as T } from "./repeat.B1pVpmRx.js";
-import { o as m } from "./style-map.lEJHEwk3.js";
+import { e as k } from "./class-map.CoZTSvbM.js";
+import { o as $ } from "./if-defined.MfEgpxEN.js";
+import { c as T } from "./repeat.CauKaXyy.js";
+import { o as m } from "./style-map.CZovMmo_.js";
 import { n as B } from "./when.Dr1es41R.js";
 var y = /* @__PURE__ */ ((t) => (t.Circle = "circle", t.GridItem = "grid-item", t.Oval = "oval", t))(y || {}), p = /* @__PURE__ */ ((t) => (t.Cmyk = "cmyk", t.Hex = "hex", t.Rgb = "rgb", t.Unknown = "unknown", t))(p || {});
 const O = /^#([0-9A-Fa-f]{3}){1,2}$/, j = /^(\s*(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\s*,){2}\s*(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\s*$/, X = /^(\s*(100|[1-9]?\d)\s*,){3}\s*(100|[1-9]?\d)\s*$/, P = /^#(?:[0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;

package/library/chunks/{component.styles.DtouHn2g.js → component.styles.CI-v8BZa.js}

@@ -1,4 +1,4 @@
-import { i as t } from "./custom-element.fmLrnDZr.js";
+import { i as t } from "./custom-element.vnXBMQxc.js";
 const o = t`
   :host {
     box-sizing: border-box;

package/library/chunks/{confirm-popover.CFrckJqd.js → confirm-popover.BvRVjl2b.js}

@@ -1,12 +1,12 @@
-import { C as _ } from "./button.DQ1SyxmK.js";
-import { C as u, D as h } from "./dialog.B1-k8d10.js";
+import { C as _ } from "./button.DCaz7tVb.js";
+import { C as u, D as h } from "./dialog.Cj9XqgFc.js";
 import g from "../components/dropdown.js";
-import { C as x } from "./typography.trna8y2b.js";
-import { i as b, n as e, C as y, x as d, c as w } from "./custom-element.fmLrnDZr.js";
-import { c as $ } from "./component.styles.DtouHn2g.js";
+import { C as x } from "./typography.BFpl0WMA.js";
+import { i as b, n as e, C as y, x as d, c as w } from "./custom-element.vnXBMQxc.js";
+import { c as $ } from "./component.styles.CI-v8BZa.js";
 import { L as z } from "./i18n.CXUGdxzx.js";
 import { e as m } from "./query.BBf1UFkC.js";
-import { e as a } from "./class-map.DqNfBvJI.js";
+import { e as a } from "./class-map.CoZTSvbM.js";
 var v = /* @__PURE__ */ ((t) => (t.Horizontal = "horizontal", t.HorizontalReverse = "horizontal-reverse", t.Vertical = "vertical", t.VerticalReverse = "vertical-reverse", t))(v || {}), f = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Start = "start", t))(f || {});
 const S = b`
   .confirm-popover--dropdown .confirm-popover__dropdown-content {

package/library/chunks/{cropper.CfSeVI5y.js → cropper.aA0v16xS.js}

@@ -1,7 +1,7 @@
-import { i as CT, n as is, C as zT, x as Zv, c as MT } from "./custom-element.fmLrnDZr.js";
-import { c as _T } from "./component.styles.DtouHn2g.js";
+import { i as CT, n as is, C as zT, x as Zv, c as MT } from "./custom-element.vnXBMQxc.js";
+import { c as _T } from "./component.styles.CI-v8BZa.js";
 import { U as Cp } from "./asset-link-format.BSRDqHg7.js";
-import { r as xT } from "./state.Dt9F_SuS.js";
+import { r as xT } from "./state.Cw55xXlb.js";
 import { e as UT } from "./query.BBf1UFkC.js";
 import { n as W1 } from "./when.Dr1es41R.js";
 import { g as vS } from "./_commonjsHelpers.ByX85dGu.js";

package/library/chunks/{custom-element.fmLrnDZr.js → custom-element.vnXBMQxc.js}

@@ -22,7 +22,7 @@ let it = class {
     return this.cssText;
   }
 };
-const lt = (r) => new it(typeof r == "string" ? r : r + "", void 0, I), kt = (r, ...t) => {
+const lt = (r) => new it(typeof r == "string" ? r : r + "", void 0, I), Nt = (r, ...t) => {
   const e = r.length === 1 ? r[0] : t.reduce((s, i, n) => s + ((o) => {
     if (o._$cssResult$ === !0) return o.cssText;
     if (typeof o == "number") return o;
@@ -45,7 +45,7 @@ const lt = (r) => new it(typeof r == "string" ? r : r + "", void 0, I), kt = (r,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: dt, defineProperty: pt, getOwnPropertyDescriptor: ut, getOwnPropertyNames: $t, getOwnPropertySymbols: ft, getPrototypeOf: _t } = Object, N = globalThis, J = N.trustedTypes, mt = J ? J.emptyScript : "", gt = N.reactiveElementPolyfillSupport, w = (r, t) => r, M = { toAttribute(r, t) {
+const { is: dt, defineProperty: pt, getOwnPropertyDescriptor: ut, getOwnPropertyNames: $t, getOwnPropertySymbols: ft, getPrototypeOf: _t } = Object, k = globalThis, J = k.trustedTypes, mt = J ? J.emptyScript : "", gt = k.reactiveElementPolyfillSupport, w = (r, t) => r, M = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
       r = r ? mt : null;
@@ -74,7 +74,7 @@ const { is: dt, defineProperty: pt, getOwnPropertyDescriptor: ut, getOwnProperty
   }
   return e;
 } }, z = (r, t) => !dt(r, t), K = { attribute: !0, type: String, converter: M, reflect: !1, useDefault: !1, hasChanged: z };
-Symbol.metadata ??= Symbol("metadata"), N.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+Symbol.metadata ??= Symbol("metadata"), k.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let A = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -256,7 +256,7 @@ let A = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-A.elementStyles = [], A.shadowRootOptions = { mode: "open" }, A[w("elementProperties")] = /* @__PURE__ */ new Map(), A[w("finalized")] = /* @__PURE__ */ new Map(), gt?.({ ReactiveElement: A }), (N.reactiveElementVersions ??= []).push("2.1.1");
+A.elementStyles = [], A.shadowRootOptions = { mode: "open" }, A[w("elementProperties")] = /* @__PURE__ */ new Map(), A[w("finalized")] = /* @__PURE__ */ new Map(), gt?.({ ReactiveElement: A }), (k.reactiveElementVersions ??= []).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -295,7 +295,7 @@ class O {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(rt)) {
           const u = p[o++], $ = i.getAttribute(l).split(f), T = /([.?@])?(.*)/.exec(u);
-          h.push({ type: 1, index: n, name: T[2], strings: $, ctor: T[1] === "." ? Et : T[1] === "?" ? St : T[1] === "@" ? wt : k }), i.removeAttribute(l);
+          h.push({ type: 1, index: n, name: T[2], strings: $, ctor: T[1] === "." ? Et : T[1] === "?" ? St : T[1] === "@" ? wt : N }), i.removeAttribute(l);
         } else l.startsWith(f) && (h.push({ type: 6, index: n }), i.removeAttribute(l));
         if (ot.test(i.tagName)) {
           const l = i.textContent.split(f), u = l.length - 1;
@@ -411,7 +411,7 @@ class E {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class k {
+class N {
   get tagName() {
     return this.element.tagName;
   }
@@ -436,7 +436,7 @@ class k {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Et extends k {
+class Et extends N {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -444,7 +444,7 @@ class Et extends k {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class St extends k {
+class St extends N {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -452,7 +452,7 @@ class St extends k {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class wt extends k {
+class wt extends N {
   constructor(t, e, s, i, n) {
     super(t, e, s, i, n), this.type = 5;
   }
@@ -613,11 +613,17 @@ const R = class R extends C {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   runFirstUpdated(t) {
   }
+  connectedUpdatedCallback() {
+  }
+  runConnectedCallback() {
+  }
   adoptedCallback() {
     st(this);
   }
   connectedCallback() {
-    super.connectedCallback(), "addEventListener" in globalThis && globalThis.addEventListener("cx-theme-change", this.handleThemeChange);
+    super.connectedCallback(), "addEventListener" in globalThis && globalThis.addEventListener("cx-theme-change", this.handleThemeChange), !this.preRender && (this.runConnectedCallback(), this.updateComplete.then(() => {
+      this.connectedUpdatedCallback();
+    }));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), "removeEventListener" in globalThis && globalThis.removeEventListener("cx-theme-change", this.handleThemeChange), st(this);
@@ -674,7 +680,7 @@ export {
   C as a,
   Dt as b,
   It as c,
-  kt as i,
+  Nt as i,
   j as n,
   lt as r,
   M as u,

package/library/chunks/{default-value.BrNrMtnz.js → default-value.CIKAvD5l.js}

@@ -1,4 +1,4 @@
-import { u as a } from "./custom-element.fmLrnDZr.js";
+import { u as a } from "./custom-element.vnXBMQxc.js";
 const C = (o = "value") => (u, s) => {
   const e = u.constructor, b = e.prototype.attributeChangedCallback;
   e.prototype.attributeChangedCallback = function(i, f, n) {

package/library/chunks/{dialog.B1-k8d10.js → dialog.Cj9XqgFc.js}

@@ -1,6 +1,6 @@
-import { i as z, n, C as S, x as u, E as D, c as B } from "./custom-element.fmLrnDZr.js";
-import { c as L } from "./component.styles.DtouHn2g.js";
-import { O, C as P, H as $, z as H, o as E } from "./overlayscrollbars.BhATcEys.js";
+import { i as z, n, C as S, x as u, E as D, c as B } from "./custom-element.vnXBMQxc.js";
+import { c as L } from "./component.styles.CI-v8BZa.js";
+import { O, C as P, H as $, z as H, o as E } from "./overlayscrollbars.aFuRG5Rs.js";
 import { s as p, g as h, b as c, a as y } from "./animation-registry.DavRkTTr.js";
 import { w as x } from "./event.mFzZi4sr.js";
 import { L as R } from "./i18n.CXUGdxzx.js";
@@ -8,17 +8,17 @@ import { M as W } from "./modal.BqNLxgs1.js";
 import { l as w, u as _ } from "./scroll.DwPiX2Ox.js";
 import { H as q } from "./slot.DJLm4Dig.js";
 import { w as k } from "./watch.BCJD77bD.js";
-import { r as m } from "./state.Dt9F_SuS.js";
-import { e as b } from "./query.BBf1UFkC.js";
-import { e as v } from "./class-map.DqNfBvJI.js";
-import { o as C } from "./if-defined.CKupVaWs.js";
-import { o as A } from "./style-map.lEJHEwk3.js";
+import { r as b } from "./state.Cw55xXlb.js";
+import { e as m } from "./query.BBf1UFkC.js";
+import { e as v } from "./class-map.CoZTSvbM.js";
+import { o as C } from "./if-defined.MfEgpxEN.js";
+import { o as A } from "./style-map.CZovMmo_.js";
 import { n as g } from "./when.Dr1es41R.js";
 import F from "../components/divider.js";
 import I from "../components/icon-button.js";
-import { C as T } from "./popup.dmeEbJcf.js";
+import { C as T } from "./popup.DjWAljHx.js";
 var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
-const j = z`
+const U = z`
   :host {
     --width: 31rem;
     --header-spacing: var(--cx-spacing-small) var(--cx-spacing-large);
@@ -167,10 +167,10 @@ const j = z`
     pointer-events: auto;
   }
 `;
-var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? U(o, i) : o, d = e.length - 1, f; d >= 0; d--)
+var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? M(o, i) : o, d = e.length - 1, f; d >= 0; d--)
     (f = e[d]) && (s = (r ? f(o, i, s) : f(s)) || s);
-  return r && s && M(o, i, s), s;
+  return r && s && j(o, i, s), s;
 };
 O.plugin({
   ClickScroll: H,
@@ -185,12 +185,15 @@ let t = class extends S {
     }, this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.preventBoundaryDialogClose = this.preventBoundaryDialogClose.bind(this), this.handleWindowResize = this.handleWindowResize.bind(this);
   }
   runFirstUpdated() {
-    this.popup.hidden = !this.open, this.overlay = this.shadowRoot?.querySelector(
+    this.overlay = this.shadowRoot?.querySelector(
       ".dialog__overlay"
-    ), this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && w(this)), this.updatePopupAnchor();
+    );
+  }
+  connectedUpdatedCallback() {
+    this.popup.hidden = !this.open, this.open && (this.addOpenListeners(), this.modal.activate(), (!this.boundary || this.boundary === document.body) && w(this)), this.updatePopupAnchor();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && _(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize);
+    super.disconnectedCallback(), this.modal.deactivate(), (!this.boundary || this.boundary === document.body) && _(this), this.removeOpenListeners(), window.removeEventListener("resize", this.handleWindowResize), this.boundaryObserver?.disconnect(), this.boundaryObserver = null;
   }
   shouldUpdate(e) {
     if (e.has("boundary")) {
@@ -459,7 +462,7 @@ let t = class extends S {
 t.styles = [
   L,
   E,
-  j
+  U
 ];
 t.dependencies = {
   "cx-divider": F,
@@ -467,13 +470,13 @@ t.dependencies = {
   "cx-popup": T
 };
 a([
-  b(".popup")
+  m(".popup")
 ], t.prototype, "popup", 2);
 a([
-  b(".dialog__panel")
+  m(".dialog__panel")
 ], t.prototype, "panel", 2);
 a([
-  b(".dialog__body")
+  m(".dialog__body")
 ], t.prototype, "body", 2);
 a([
   n({ reflect: !0, type: Boolean })
@@ -515,13 +518,13 @@ a([
   n({ reflect: !0 })
 ], t.prototype, "strategy", 2);
 a([
-  m()
+  b()
 ], t.prototype, "overlay", 2);
 a([
-  m()
+  b()
 ], t.prototype, "boundaryObserver", 2);
 a([
-  m()
+  b()
 ], t.prototype, "boundarySize", 2);
 a([
   k(["boundary"], { waitUntilFirstUpdate: !0 })

package/library/chunks/{directive-helpers.D78ZFDYN.js → directive-helpers.DBHob-_L.js}

@@ -1,4 +1,4 @@
-import { Z as d } from "./custom-element.fmLrnDZr.js";
+import { Z as d } from "./custom-element.vnXBMQxc.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/library/chunks/{dom.DDszM5Cy.js → dom.CaZCTJCL.js}

@@ -1,4 +1,4 @@
-import { B as d } from "./custom-element.fmLrnDZr.js";
+import { B as d } from "./custom-element.vnXBMQxc.js";
 const m = (e) => e.nodeType === Node.ELEMENT_NODE, p = (e, n) => {
   if (!e)
     return !1;

package/library/chunks/{dot-pagination.Ci2f-RDI.js → dot-pagination.Bl8K-G8Q.js}

@@ -1,13 +1,13 @@
-import { i as P, n as a, C as F, x as y, c as z } from "./custom-element.fmLrnDZr.js";
-import { c as S } from "./component.styles.DtouHn2g.js";
+import { i as P, n as a, C as F, x as y, c as z } from "./custom-element.vnXBMQxc.js";
+import { c as S } from "./component.styles.CI-v8BZa.js";
 import { O as C } from "./index.Cpamj0jB.js";
 import { L as O } from "./i18n.CXUGdxzx.js";
 import { w as h } from "./watch.BCJD77bD.js";
-import { r as j } from "./state.Dt9F_SuS.js";
+import { r as j } from "./state.Cw55xXlb.js";
 import { e as H } from "./query.BBf1UFkC.js";
 import { r as K } from "./query-all.i3PyvTUQ.js";
-import { e as L } from "./class-map.DqNfBvJI.js";
-import { o as E } from "./if-defined.CKupVaWs.js";
+import { e as L } from "./class-map.CoZTSvbM.js";
+import { o as E } from "./if-defined.MfEgpxEN.js";
 import { o as D } from "./map.D8heArFD.js";
 import { n as w } from "./when.Dr1es41R.js";
 import R from "../components/tooltip.js";

package/library/chunks/{file-on-demand.DKBPqNSf.js → file-on-demand.BQR4rKDc.js}

@@ -1,38 +1,38 @@
 import lt from "../components/icon.js";
 import dt from "../components/line-clamp.js";
-import { C as pt, s as ht, a as ut, b as Q } from "./tree.CwqbM4ad.js";
-import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.fmLrnDZr.js";
-import { c as xt } from "./component.styles.DtouHn2g.js";
+import { C as pt, s as ht, a as ut, b as Q } from "./tree.DmH2Ckn-.js";
+import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.vnXBMQxc.js";
+import { c as xt } from "./component.styles.CI-v8BZa.js";
 import { L as Z } from "./i18n.CXUGdxzx.js";
 import { k as $t, h as mt, i as ft, w as L, j as wt, l as St, f as It, g as Ct, d as At, m as Dt, n as Tt } from "./watch.BCJD77bD.js";
 import { p as P } from "./string.D6poLUEC.js";
-import { r as x } from "./state.Dt9F_SuS.js";
+import { r as x } from "./state.Cw55xXlb.js";
 import { e as R } from "./query.BBf1UFkC.js";
-import { e as A } from "./class-map.DqNfBvJI.js";
-import { c as F } from "./repeat.B1pVpmRx.js";
+import { e as A } from "./class-map.CoZTSvbM.js";
+import { c as F } from "./repeat.CauKaXyy.js";
 import { n as g } from "./when.Dr1es41R.js";
 import { a as zt, i as _t, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
 import Lt from "../components/avatar.js";
-import { C as Rt } from "./button.DQ1SyxmK.js";
-import { C as Pt } from "./dialog.B1-k8d10.js";
+import { C as Rt } from "./button.DCaz7tVb.js";
+import { C as Pt } from "./dialog.Cj9XqgFc.js";
 import Ft from "../components/divider.js";
 import Ut from "../components/format-bytes.js";
 import kt from "../components/icon-button.js";
 import Ot from "../components/input.js";
-import { C as Nt } from "./option.DrGgLWa5.js";
+import { C as Nt } from "./option.Bx0TQ3Aw.js";
 import jt from "../components/progress-bar.js";
 import Mt from "../components/relative-time.js";
-import { C as Bt } from "./select.Bc4UXmFy.js";
+import { C as Bt } from "./select.kCK7Ljie.js";
 import Vt from "../components/space.js";
 import Ht from "../components/tab.js";
-import { C as Wt } from "./tab-group.BHNXl1XO.js";
+import { C as Wt } from "./tab-group.D5JZyPZM.js";
 import Gt from "../components/tab-panel.js";
 import qt from "../components/tooltip.js";
-import { C as Yt } from "./typography.trna8y2b.js";
-import { C as Kt } from "./confirm-popover.CFrckJqd.js";
-import { d as Zt } from "./popup.dmeEbJcf.js";
+import { C as Yt } from "./typography.BFpl0WMA.js";
+import { C as Kt } from "./confirm-popover.BvRVjl2b.js";
+import { d as Zt } from "./popup.DjWAljHx.js";
 import { a as H } from "./number.CjNxU7Xs.js";
-import { o as Xt } from "./style-map.lEJHEwk3.js";
+import { o as Xt } from "./style-map.CZovMmo_.js";
 import { a as Jt } from "./toString.CL_lYXbK.js";
 import { S as et, i as Qt } from "./isObjectLike.z36Fu426.js";
 function te(t, e, i, o) {