@orangelogic/design-system 2.48.0 → 2.49.0

package/library/chunks/{repeat.B1pVpmRx.js → repeat.CauKaXyy.js}

@@ -1,6 +1,6 @@
-import { T as A } from "./custom-element.fmLrnDZr.js";
+import { T as A } from "./custom-element.vnXBMQxc.js";
 import { e as M, i as b, t as j } from "./directive.oAbCiebi.js";
-import { p as C, v as h, s as v, M as x, m as D } from "./directive-helpers.D78ZFDYN.js";
+import { p as C, v as h, s as v, M as x, m as D } from "./directive-helpers.DBHob-_L.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/library/chunks/{select.Bc4UXmFy.js → select.kCK7Ljie.js}

@@ -1,24 +1,24 @@
 import O from "../components/line-clamp.js";
-import { C } from "./typography.trna8y2b.js";
-import { i as S, n as o, C as k, x as p, E as z, c as D } from "./custom-element.fmLrnDZr.js";
-import { c as I } from "./component.styles.DtouHn2g.js";
-import { f as L } from "./form-control.styles.j0hNjZTU.js";
+import { C } from "./typography.BFpl0WMA.js";
+import { i as S, n as o, C as k, x as p, E as z, c as D } from "./custom-element.vnXBMQxc.js";
+import { c as I } from "./component.styles.CI-v8BZa.js";
+import { f as L } from "./form-control.styles.NE2Q-quE.js";
 import { s as w, a as x, g as y, b as v } from "./animation-registry.DavRkTTr.js";
-import { d as $ } from "./default-value.BrNrMtnz.js";
+import { d as $ } from "./default-value.CIKAvD5l.js";
 import { w as _ } from "./event.mFzZi4sr.js";
-import { F as E } from "./form.BY8-x3IU.js";
+import { F as E } from "./form.DycFDdkp.js";
 import { L as T } from "./i18n.CXUGdxzx.js";
 import { s as A } from "./scroll.DwPiX2Ox.js";
 import { H as B } from "./slot.DJLm4Dig.js";
 import { w as h } from "./watch.BCJD77bD.js";
-import { r as f } from "./state.Dt9F_SuS.js";
+import { r as f } from "./state.Cw55xXlb.js";
 import { e as u } from "./query.BBf1UFkC.js";
-import { e as b } from "./class-map.DqNfBvJI.js";
-import { o as F } from "./unsafe-html.BpqikVtf.js";
+import { e as b } from "./class-map.CoZTSvbM.js";
+import { o as F } from "./unsafe-html.DyO9_Rsq.js";
 import { n as m } from "./when.Dr1es41R.js";
 import V from "../components/icon.js";
-import { C as d } from "./option.DrGgLWa5.js";
-import { C as P } from "./popup.dmeEbJcf.js";
+import { C as d } from "./option.Bx0TQ3Aw.js";
+import { C as P } from "./popup.DjWAljHx.js";
 import M from "../components/spinner.js";
 import U from "../components/tag.js";
 const N = () => navigator.userAgent.includes("Cortex") || navigator.userAgent.includes("Photoshop") || navigator.userAgent.includes("AfterEffect") || navigator.userAgent.includes("Illustrator"), R = (e) => !(document.createElement(e.tagName).constructor === HTMLElement || customElements.get(e.tagName.toLowerCase())), W = S`

package/library/chunks/{state.Dt9F_SuS.js → state.Cw55xXlb.js}

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

package/library/chunks/{static.kLXgh3Gq.js → static.BjNkqt7_.js}

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

package/library/chunks/{style-map.lEJHEwk3.js → style-map.CZovMmo_.js}

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

package/library/chunks/{tab-group.BHNXl1XO.js → tab-group.D5JZyPZM.js}

@@ -1,21 +1,21 @@
 import In from "../components/resize-observer.js";
-import { i as Fn, n as wt, C as Ln, x as $t, c as $n } from "./custom-element.fmLrnDZr.js";
-import { c as Nn } from "./component.styles.DtouHn2g.js";
+import { i as Fn, n as wt, C as Ln, x as $t, c as $n } from "./custom-element.vnXBMQxc.js";
+import { c as Nn } from "./component.styles.CI-v8BZa.js";
 import { L as Bn } from "./i18n.CXUGdxzx.js";
 import { s as Zi } from "./scroll.DwPiX2Ox.js";
 import { w as ft } from "./watch.BCJD77bD.js";
-import { i as Wn } from "./dom.DDszM5Cy.js";
+import { i as Wn } from "./dom.CaZCTJCL.js";
 import { s as Vn } from "./parse.Cu5nBDTb.js";
-import { r as at } from "./state.Dt9F_SuS.js";
+import { r as at } from "./state.Cw55xXlb.js";
 import { t as Un } from "./event-options.CYHYGOd8.js";
 import { e as It } from "./query.BBf1UFkC.js";
 import { r as Hn } from "./query-all.i3PyvTUQ.js";
-import { e as Nt } from "./class-map.DqNfBvJI.js";
-import { i as Ji } from "./guard.L-Ctqt3S.js";
+import { e as Nt } from "./class-map.CoZTSvbM.js";
+import { i as Ji } from "./guard.BDP4A85K.js";
 import { o as tr } from "./map.D8heArFD.js";
-import { o as Ue } from "./style-map.lEJHEwk3.js";
+import { o as Ue } from "./style-map.CZovMmo_.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.DQ1SyxmK.js";
+import { C as Yn } from "./button.DCaz7tVb.js";
 import Xn from "../components/dropdown.js";
 import qn from "../components/icon-button.js";
 import Gn from "../components/menu.js";

package/library/chunks/{table.CNDxXSQ-.js → table.D_DSVLyS.js}

@@ -4,30 +4,30 @@ import fs from "../components/line-clamp.js";
 import Yt from "../components/space.js";
 import ms from "../components/spinner.js";
 import gs from "../components/tag.js";
-import { i as Qt, n as y, C as Ue, x as T, E as bs, c as $e } from "./custom-element.fmLrnDZr.js";
-import { c as Zt } from "./component.styles.DtouHn2g.js";
-import { o as ws, O as vs } from "./overlayscrollbars.BhATcEys.js";
+import { i as Qt, n as y, C as Ue, x as T, E as bs, c as $e } from "./custom-element.vnXBMQxc.js";
+import { c as Zt } from "./component.styles.CI-v8BZa.js";
+import { o as ws, O as vs } from "./overlayscrollbars.aFuRG5Rs.js";
 import { P as ys } from "./pagination.y5oqoPVr.js";
 import { L as ei } from "./i18n.CXUGdxzx.js";
 import { w as X } from "./watch.BCJD77bD.js";
-import { r as Ae } from "./state.Dt9F_SuS.js";
+import { r as Ae } from "./state.Cw55xXlb.js";
 import { e as Te } from "./query.BBf1UFkC.js";
-import { e as Cs } from "./class-map.DqNfBvJI.js";
+import { e as Cs } from "./class-map.CoZTSvbM.js";
 import { n as q } from "./when.Dr1es41R.js";
-import { C as ti } from "./button.DQ1SyxmK.js";
+import { C as ti } from "./button.DCaz7tVb.js";
 import ii from "../components/icon.js";
 import si from "../components/tooltip.js";
 import { r as Es } from "./choose.BTbF6BAn.js";
-import { o as xs } from "./if-defined.CKupVaWs.js";
-import { c as et } from "./repeat.B1pVpmRx.js";
-import { o as tt } from "./style-map.lEJHEwk3.js";
+import { o as xs } from "./if-defined.MfEgpxEN.js";
+import { c as et } from "./repeat.CauKaXyy.js";
+import { o as tt } from "./style-map.CZovMmo_.js";
 import ts from "../components/dropdown.js";
 import is from "../components/menu.js";
 import ss from "../components/menu-item.js";
 import Rs from "../components/menu-section.js";
 import Ts from "../components/input.js";
-import { C as ks } from "./typography.trna8y2b.js";
-import { g as W } from "./dom.DDszM5Cy.js";
+import { C as ks } from "./typography.BFpl0WMA.js";
+import { g as W } from "./dom.CaZCTJCL.js";
 import { s as R } from "./string.D6poLUEC.js";
 import { a as Ms } from "./index.Cpamj0jB.js";
 var Z = /* @__PURE__ */ ((l) => (l.Bottom = "bottom", l.Center = "center", l.Nearest = "nearest", l.Top = "top", l))(Z || {}), U = /* @__PURE__ */ ((l) => (l.All = "all", l.Cell = "cell", l.Column = "column", l.Row = "row", l))(U || {}), os = /* @__PURE__ */ ((l) => (l.Left = "left", l.Right = "right", l))(os || {}), ie = /* @__PURE__ */ ((l) => (l.Local = "local", l.Remote = "remote", l))(ie || {}), A = /* @__PURE__ */ ((l) => (l.Asc = "asc", l.Desc = "desc", l.None = "none", l))(A || {}), ge = /* @__PURE__ */ ((l) => (l.Ends = "ends", l.Equal = "=", l.GreaterOrEqual = ">=", l.GreaterThan = ">", l.In = "in", l.Keywords = "keywords", l.LessOrEqual = "<=", l.LessThan = "<", l.Like = "like", l.NotEqual = "!=", l.Regex = "regex", l.Starts = "starts", l))(ge || {});

package/library/chunks/{timecode.DYwU2oVN.js → timecode.D4_FNCCI.js}

@@ -1,9 +1,9 @@
-import { C as l, T as d } from "./typography.trna8y2b.js";
-import { i as y, n as s, C as f, E as g, x as u, c as x } from "./custom-element.fmLrnDZr.js";
-import { c as v } from "./component.styles.DtouHn2g.js";
+import { C as l, T as d } from "./typography.BFpl0WMA.js";
+import { i as y, n as s, C as f, E as g, x as u, c as x } from "./custom-element.vnXBMQxc.js";
+import { c as v } from "./component.styles.CI-v8BZa.js";
 import { T as b, f as c } from "./string.D6poLUEC.js";
 import { w as h } from "./watch.BCJD77bD.js";
-import { r as S } from "./state.Dt9F_SuS.js";
+import { r as S } from "./state.Cw55xXlb.js";
 const C = {
   fromAttribute: (r) => r?.split(" ").map((e) => {
     const o = Number.parseFloat(e);

package/library/chunks/{tree.CwqbM4ad.js → tree.DmH2Ckn-.js}

@@ -1,14 +1,14 @@
-import { i as R, C as N, x as g, E as L, n as l, c as G } from "./custom-element.fmLrnDZr.js";
-import { c as M } from "./component.styles.DtouHn2g.js";
+import { i as R, C as N, x as g, E as L, n as l, c as G } from "./custom-element.vnXBMQxc.js";
+import { c as M } from "./component.styles.CI-v8BZa.js";
 import { L as Z } from "./i18n.CXUGdxzx.js";
 import { c as K } from "./math.DqTA6ya4.js";
 import { w as b } from "./watch.BCJD77bD.js";
-import { r as y } from "./state.Dt9F_SuS.js";
+import { r as y } from "./state.Cw55xXlb.js";
 import { e as f } from "./query.BBf1UFkC.js";
 import { a as z, g as P, b as U, c as $, s as H } from "./animation-registry.DavRkTTr.js";
-import { e as w } from "./class-map.DqNfBvJI.js";
-import { o as _ } from "./if-defined.CKupVaWs.js";
-import { l as W } from "./live.DCdtYl87.js";
+import { e as C } from "./class-map.CoZTSvbM.js";
+import { o as _ } from "./if-defined.MfEgpxEN.js";
+import { l as W } from "./live.LdB9xEhp.js";
 import { n as E } from "./when.Dr1es41R.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
@@ -30,15 +30,15 @@ for (let e = 0; e < 256; ++e)
 function ne(e, t = 0) {
   return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
 }
-let I;
+let w;
 const oe = new Uint8Array(16);
 function ae() {
-  if (!I) {
+  if (!w) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    I = crypto.getRandomValues.bind(crypto);
+    w = crypto.getRandomValues.bind(crypto);
   }
-  return I(oe);
+  return w(oe);
 }
 const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
 function se(e, t, i) {
@@ -303,7 +303,7 @@ const le = R`
     width: 100%;
     border-bottom: var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);
   }
-`, k = "tree-sortable", C = 0.2, O = (e) => e == null;
+`, k = "tree-sortable", I = 0.2, O = (e) => e == null;
 function de() {
   function e() {
   }
@@ -405,8 +405,8 @@ const j = (e) => ({
   fallbackOnBody: !0,
   forceFallback: ee(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
-  insertAfterZonePercentage: 1 - C,
-  insertBeforeZonePercentage: C,
+  insertAfterZonePercentage: 1 - I,
+  insertBeforeZonePercentage: I,
   invertSwap: !0,
   onStart(t) {
     if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
@@ -415,7 +415,7 @@ const j = (e) => ({
     }
   },
   [k]: !0,
-  swapThreshold: C
+  swapThreshold: I
 });
 var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
   for (var r = n > 1 ? void 0 : n ? he(t, i) : t, o = e.length - 1, d; o >= 0; o--)
@@ -515,7 +515,7 @@ let a = class extends N {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
     return g` <div
       part="expand-button"
-      class=${w({
+      class=${C({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
     })}
@@ -583,7 +583,7 @@ let a = class extends N {
         <a
           id="anchor"
           part="base"
-          class=${w({
+          class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -603,7 +603,7 @@ let a = class extends N {
       ` : g`
       <div
         part="base"
-        class=${w({
+        class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -887,10 +887,10 @@ function A(e, t = !1, i = "single") {
 }
 let c = class extends N {
   constructor() {
-    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.noIndeterminatePreviouslySelected = !1, this.focusable = !1, this.clickTarget = null, this.localize = new Z(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this), this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("cx-lazy-change", this.handleSlotChange);
+    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.noIndeterminatePreviouslySelected = !1, this.focusable = !1, this.clickTarget = null, this.localize = new Z(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
   }
-  runFirstUpdated() {
-    if (this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
+  runConnectedCallback() {
+    if (this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("cx-lazy-change", this.handleSlotChange), this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
       const e = ie(() => {
         customElements.whenDefined("cx-tree-item").then(() => {
           this.selectedItems.forEach((t) => {
@@ -905,9 +905,10 @@ let c = class extends N {
         subtree: !0
       });
     }
+    this.hasUpdated && this.sortable && this.initSortable();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.autoExpandObserver?.disconnect(), this.destroySortable();
+    super.disconnectedCallback(), this.removeEventListener("focusin", this.handleFocusIn), this.removeEventListener("focusout", this.handleFocusOut), this.removeEventListener("cx-lazy-change", this.handleSlotChange), this.mutationObserver?.disconnect(), this.autoExpandObserver?.disconnect(), this.destroySortable();
   }
   /**
    * Generates a clone of the expand icon element to use for each tree item

package/library/chunks/{typography.trna8y2b.js → typography.BFpl0WMA.js}

@@ -1,5 +1,5 @@
-import { i as f, n as v, C as c, x as i, c as d } from "./custom-element.fmLrnDZr.js";
-import { c as x } from "./component.styles.DtouHn2g.js";
+import { i as f, n as v, C as c, x as i, c as d } from "./custom-element.vnXBMQxc.js";
+import { c as x } from "./component.styles.CI-v8BZa.js";
 var t = /* @__PURE__ */ ((e) => (e.Body1 = "body1", e.Body2 = "body2", e.Body3 = "body3", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Small = "small", e))(t || {});
 const m = f`
   :host {

package/library/chunks/{unsafe-html.BpqikVtf.js → unsafe-html.DyO9_Rsq.js}

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

package/library/components/alert.js

@@ -1,13 +1,13 @@
-import { i as b, n as s, C as x, x as h, c as y } from "../chunks/custom-element.fmLrnDZr.js";
-import { c as C } from "../chunks/component.styles.DtouHn2g.js";
+import { i as b, n as s, C as x, x as h, c as y } from "../chunks/custom-element.vnXBMQxc.js";
+import { c as C } from "../chunks/component.styles.CI-v8BZa.js";
 import { s as f, a as u, g as p, b as m } from "../chunks/animation-registry.DavRkTTr.js";
 import { w as v } from "../chunks/event.mFzZi4sr.js";
 import { L as T } from "../chunks/i18n.CXUGdxzx.js";
 import { H as I } from "../chunks/slot.DJLm4Dig.js";
 import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { r as A } from "../chunks/state.Dt9F_SuS.js";
+import { r as A } from "../chunks/state.Cw55xXlb.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
-import { e as w } from "../chunks/class-map.DqNfBvJI.js";
+import { e as w } from "../chunks/class-map.CoZTSvbM.js";
 import H from "./icon-button.js";
 const k = b`
   :host {

package/library/components/animated-image.js

@@ -1,7 +1,7 @@
-import { i as p, n as c, C as g, x as d, c as y } from "../chunks/custom-element.fmLrnDZr.js";
-import { c as x } from "../chunks/component.styles.DtouHn2g.js";
+import { i as p, n as c, C as g, x as d, c as y } from "../chunks/custom-element.vnXBMQxc.js";
+import { c as x } from "../chunks/component.styles.CI-v8BZa.js";
 import { w as m } from "../chunks/watch.BCJD77bD.js";
-import { r as h } from "../chunks/state.Dt9F_SuS.js";
+import { r as h } from "../chunks/state.Cw55xXlb.js";
 import { e as f } from "../chunks/query.BBf1UFkC.js";
 import u from "./icon.js";
 const v = p`

package/library/components/animation.js

@@ -1,8 +1,8 @@
-import "../chunks/custom-element.fmLrnDZr.js";
-import "../chunks/component.styles.DtouHn2g.js";
+import "../chunks/custom-element.vnXBMQxc.js";
+import "../chunks/component.styles.CI-v8BZa.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/query-async.CTgXGyQ5.js";
-import { C as a } from "../chunks/animation.DPqSuC7g.js";
+import { C as a } from "../chunks/animation.B7d72NVK.js";
 export {
   a as default
 };