@orangelogic/design-system 4.6.0 → 4.8.0

package/library/chunks/{color-swatch-group.Dt2vLFCn.js → color-swatch-group.CecCeVOC.js}

@@ -23231,7 +23231,7 @@ g = v([
 ], g);
 const xf = g;
 var Ve = /* @__PURE__ */ ((r) => (r.Circles = "circles", r.Grid = "grid", r.Table = "table", r))(Ve || {}), Qt = /* @__PURE__ */ ((r) => (r.FillContainer = "fill-container", r.HugContents = "hug-contents", r))(Qt || {}), Ef = /* @__PURE__ */ ((r) => (r.Center = "center", r.Left = "left", r.Right = "right", r))(Ef || {}), kt = /* @__PURE__ */ ((r) => (r.ColumnTitles = "column-titles", r.PaletteName = "palette-name", r.SeparatorLine = "separator-line", r))(kt || {});
-const Gm = {
+const Um = {
   alignment: "left",
   color: "",
   constraints: !1,
@@ -23380,13 +23380,13 @@ function Mf(r) {
 function go(r) {
   return `custom-${r}`;
 }
-const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,-50px)}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
+const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
 var Ff = Object.defineProperty, Lf = Object.getOwnPropertyDescriptor, j = (r, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Lf(e, t) : e, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
   return i && s && Ff(e, t, s), s;
 };
-const en = "unnamed", ai = {
+const en = "unnamed", zf = 5, ai = {
   fromAttribute: (r) => {
     const e = Number.parseFloat(r ?? "");
     return Number.isFinite(e) ? e : void 0;
@@ -23536,7 +23536,7 @@ let V = class extends Ie {
    * render measures again.
    */
   recordHugWidth(r, e, t) {
-    t > 0 && (r[e] = Math.ceil(t) + 2);
+    t > 0 && (r[e] = Math.ceil(t) + zf);
   }
   /**
    * The card at `index`'s slice of one ramp spanning the whole row.
@@ -23923,17 +23923,18 @@ V = j([
 ], V);
 export {
   V as C,
-  Gm as D,
+  Um as D,
   at as F,
   jt as H,
   Ct as a,
   xf as b,
-  Ve as c,
+  go as c,
   er as d,
-  kt as e,
-  Qt as f,
-  Ef as g,
-  ae as h,
-  le as i,
+  Ve as e,
+  kt as f,
+  Qt as g,
+  Ef as h,
+  ae as i,
+  le as j,
   tr as o
 };

package/library/chunks/{document-viewer.BmO1igBN.js → document-viewer.ZqrNpAA_.js}

@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
 import { r as r$1 } from "./state.CSDxrqLd.js";
 import { e } from "./class-map.BiVq-cVR.js";
 import { n as n$1 } from "./when.Dr1es41R.js";
-import { C as CxImage } from "./image.CjdSn_IT.js";
+import { C as CxImage } from "./image.2ZXc5UiB.js";
 var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
 function commonjsRequire(l) {
   throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');

package/library/chunks/{image.CjdSn_IT.js → image.2ZXc5UiB.js}

@@ -866,7 +866,7 @@ let a = class extends je {
       })} src=${this.applyRetryCacheBust(this.currentSrc) || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${S(this.crossorigin)}>`
     )}</div>${A(this.showPlaceholderSkeleton, () => R`<slot name="skeleton" part="skeleton"><div class=${L({
       skeleton: !0
-    })}><cx-skeleton effect="none" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
+    })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
           ${A(this.isError, () => R`<slot name="fallback" part="fallback"><cx-space class=${L({ fallback: !0 })} direction="column" align-items="center" justify-content="center"><cx-icon name="hide_image" part="fallback-icon"> </cx-icon></cx-space></slot>`)}</div></cx-resize-observer>${A(this.resizable && this.isResizeActive, () => this.renderResizer())}</div>`;
   }
 };

package/library/chunks/{index.l7_9Gos7.js → index.DnPrVvYk.js}

@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
 import { a as J } from "./toString.B1zKIiZc.js";
 import { b as X } from "./cloneDeep.tKGbEwzn.js";
 import { c as Y } from "./_baseClone.ipmFlCAx.js";
-import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.Cvu2P3Ny.js";
+import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.D6xffHzq.js";
 import { C as wt } from "./button.CUeXJXcO.js";
 import vt from "../components/button-group.js";
 import kt from "../components/card.js";
@@ -36,7 +36,7 @@ import Nt from "../components/select.js";
 import Ot from "../components/space.js";
 import Mt from "../components/switch.js";
 import Vt from "../components/tab.js";
-import { C as jt } from "./tab-group.JWpZbQVm.js";
+import { C as jt } from "./tab-group.Dy2fEfC-.js";
 import Gt from "../components/tab-panel.js";
 import Wt from "../components/textarea.js";
 import Kt from "../components/tooltip.js";

package/library/chunks/{tab-group.JWpZbQVm.js → tab-group.Dy2fEfC-.js}

@@ -2337,7 +2337,10 @@ let S = class extends Bn {
       customElements.whenDefined("cx-tab-panel")
     ]);
     super.connectedCallback(), this.resizeObserver = new ResizeObserver(() => {
-      this.repositionIndicator(), this.updateScrollControls(), this.updatePagination();
+      if (this.repositionIndicator(), this.updateScrollControls(), this.updatePagination(), this.allowDropdownOverflow) {
+        const t = Number.parseFloat(getComputedStyle(this.tabButtons).columnGap || "0") || 0;
+        t !== this.lastTabGap && (this.lastTabGap = t, this.syncTabsAndPanels());
+      }
     }), this.mutationObserver = new MutationObserver((t) => {
       t.some(
         (e) => !["aria-labelledby", "aria-controls"].includes(e.attributeName)
@@ -2347,7 +2350,7 @@ let S = class extends Bn {
         attributes: !0,
         childList: !0,
         subtree: !0
-      }), this.resizeObserver.observe(this.nav), this.hidePanelVariant === Ut.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight()), o.then(() => {
+      }), this.resizeObserver.observe(this.nav), this.resizeObserver.observe(this.tabButtons), this.hidePanelVariant === Ut.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight()), o.then(() => {
         new IntersectionObserver(
           (e, i) => {
             e[0].intersectionRatio > 0 && (this.setAriaLabels(), this.setActiveTab(this.getActiveTab() ?? this.tabs[0], {
@@ -2359,7 +2362,7 @@ let S = class extends Bn {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.overflowObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.nav && this.resizeObserver?.unobserve(this.nav);
+    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.overflowObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.resizeObserver?.disconnect();
   }
   /**
    * Navigate to the next tab
@@ -2599,7 +2602,9 @@ let S = class extends Bn {
       const o = new IntersectionObserver(
         (t) => {
           o.disconnect();
-          const e = getComputedStyle(this.tabButtons), i = parseFloat(e.paddingLeft || "0") + parseFloat(e.paddingRight || "0"), r = Number.parseFloat(e.columnGap || "0") || 0, n = this.container.clientWidth - i, s = this.dropdownTrigger?.clientWidth ?? 0, a = t.length;
+          const e = getComputedStyle(this.tabButtons), i = parseFloat(e.paddingLeft || "0") + parseFloat(e.paddingRight || "0"), r = Number.parseFloat(e.columnGap || "0") || 0;
+          this.lastTabGap = r;
+          const n = this.container.clientWidth - i, s = this.dropdownTrigger?.clientWidth ?? 0, a = t.length;
           this.dropdownOffset = 0, this.isActiveTabHidden = !1, this.shouldShowDropdown = !1, this.tabs.forEach((l) => {
             l.style.setProperty("--tab-max-width", "unset"), l.offsetWidth;
           });