@orangelogic/design-system 2.141.0 → 2.143.0

package/library/chunks/{color-swatch.DimFgBSf.js → color-swatch.DCePblYs.js}

@@ -1,15 +1,15 @@
-import v from "../components/copy-button.js";
-import f from "../components/line-clamp.js";
-import w from "../components/resize-observer.js";
+import w from "../components/copy-button.js";
+import v from "../components/line-clamp.js";
+import f from "../components/resize-observer.js";
 import b from "../components/space.js";
-import { C as _ } from "./typography.DJC_UXgs.js";
-import { n as a, C as k } from "./lib-cortex-element.CVMmyPMC.js";
+import { C as _ } from "./typography.IqHbnd3C.js";
+import { n as r, C as k } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as F } from "./component.styles.CRO4Odto.js";
 import { c as n, C as h, H as $, l as z } from "./color.LzSGBy7o.js";
 import { c as O } from "./custom-element.L4WJXn1j.js";
 import { d as W } from "./debounce.DaHuiSGU.js";
-import { L as A } from "./i18n.DeUAP8n2.js";
-import { w as i } from "./watch.CThbualB.js";
+import { L as A } from "./i18n.C4wPyPTR.js";
+import { w as i } from "./watch.CkGTlwIo.js";
 import { i as G, x as u } from "./lit-element.jLBm65_O.js";
 import { r as c } from "./state.CSDxrqLd.js";
 import { e as R } from "./query.BBf1UFkC.js";
@@ -19,11 +19,11 @@ import { c as U } from "./repeat.CFjcER6_.js";
 import { o as l } from "./style-map.llVFPd__.js";
 import { n as E } from "./when.Dr1es41R.js";
 var p = /* @__PURE__ */ ((o) => (o.Circle = "circle", o.GridItem = "grid-item", o.Oval = "oval", o))(p || {});
-const S = G`:host{display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-size,350px);min-width:var(--swatch-size,230px);border-radius:var(--cx-border-radius-circle);max-width:100%}.color-swatch--oval{height:var(--swatch-size,350px);border-radius:calc(var(--swatch-size,350px) / 2);width:100%}.color-swatch--grid{width:100%;height:var(--swatch-size,300px);min-width:var(--swatch-grid-min-width,165px);border-radius:var(--cx-border-radius-x-large)}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--grid>.color-swatch__content{width:100%;height:100%;padding:var(--cx-spacing-large) var(--cx-spacing-medium)}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}`;
-var V = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (o, r, y, d) => {
-  for (var s = d > 1 ? void 0 : d ? B(r, y) : r, C = o.length - 1, m; C >= 0; C--)
-    (m = o[C]) && (s = (d ? m(r, y, s) : m(s)) || s);
-  return d && s && V(r, y, s), s;
+const S = G`:host{display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-size,350px);min-width:var(--swatch-size,230px);border-radius:var(--cx-border-radius-circle);max-width:100%}.color-swatch--oval{height:var(--swatch-size,350px);border-radius:calc(var(--swatch-size,350px) / 2);width:100%}.color-swatch--grid{width:100%;height:var(--swatch-size,300px);min-width:var(--swatch-grid-min-width,165px);min-height:var(--swatch-min-height,50px);border:var(--swatch-border,1px solid var(--cx-color-neutral-200));box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large))}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--grid>.color-swatch__content{width:100%;height:100%;padding:var(--cx-spacing-large) var(--cx-spacing-medium)}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family,var(--cx-font-sans));--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size)}`;
+var V = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (o, a, y, d) => {
+  for (var s = d > 1 ? void 0 : d ? B(a, y) : a, m = o.length - 1, C; m >= 0; m--)
+    (C = o[m]) && (s = (d ? C(a, y, s) : C(s)) || s);
+  return d && s && V(a, y, s), s;
 };
 let t = class extends k {
   constructor() {
@@ -90,7 +90,7 @@ let t = class extends k {
       { key: "RGB", value: this.rgb },
       { key: "CMYK", value: this.cmyk },
       { key: "PMS", value: this.pms }
-    ].filter((r) => this.showCodes.includes(r.key));
+    ].filter((a) => this.showCodes.includes(a.key));
     return u`<cx-resize-observer @cx-resize=${this.handleResize}><div part="base" tabindex=${x(this.canFocusContainer ? "0" : void 0)} class=${g({
       "color-swatch": !0,
       "color-swatch--circle": this.variant === p.Circle,
@@ -98,36 +98,36 @@ let t = class extends k {
       "color-swatch--oval": this.variant === p.Oval
     })} style=${l({
       backgroundColor: this.backgroundColor
-    })} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}><cx-space part="content" direction="vertical" class="color-swatch__content"><cx-typography variant="h5" part="name" style=${l({
+    })} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}><cx-space part="content" direction="vertical" class="color-swatch__content"><cx-typography variant="h5" part="name" class="color-swatch__name" style=${l({
       "--color": this.textColor
     })}>${this.name}</cx-typography><cx-space direction="vertical" spacing=${this.rowGap} part="content">${U(
       o,
-      (r) => r.key,
-      (r) => u`<cx-space direction="horizontal" align-items="center" spacing="small" part="item" wrap="nowrap"><cx-typography variant=${this.textVariant} class="color-swatch__key" part="key" style=${l({
+      (a) => a.key,
+      (a) => u`<cx-space direction="horizontal" align-items="center" spacing="small" part="item" wrap="nowrap"><cx-typography variant=${this.textVariant} class="color-swatch__key" part="key" style=${l({
         "--color": this.textColor
-      })}>${r.key}</cx-typography>${E(
-        this.canCopy && r.value !== "",
+      })}>${a.key}</cx-typography>${E(
+        this.canCopy && a.value !== "",
         () => u`<cx-copy-button part="copy-button" tabindex=${x(
           this.canFocusCodeOnly ? void 0 : "-1"
         )} class="color-swatch__copy-button" copy-label=${this.localize.term("clickToCopy")} focus-copy-label=${this.localize.term(
           "pressEnterOrCtrlCToCopy"
-        )} label=${`${r.key} ${r.value}`} no-icon value=${r.value}><cx-line-clamp lines=${this.lineClamp} disabled-tooltip class=${g({
+        )} label=${`${a.key} ${a.value}`} no-icon value=${a.value}><cx-line-clamp lines=${this.lineClamp} disabled-tooltip class=${g({
           "color-swatch__value-wrapper": !0
         })}><cx-typography variant=${this.textVariant} style=${l({
           "--color": this.textColor
-        })} class="color-swatch__value" part="value">${r.value}</cx-typography></cx-line-clamp></cx-copy-button>`,
+        })} class="color-swatch__value" part="value">${a.value}</cx-typography></cx-line-clamp></cx-copy-button>`,
         () => u`<cx-line-clamp lines=${this.lineClamp} disabled-tooltip class="color-swatch__value-wrapper"><cx-typography variant=${this.textVariant} style=${l({
           "--color": this.textColor
-        })} class="color-swatch__value" part="value">${r.value}</cx-typography></cx-line-clamp>`
+        })} class="color-swatch__value" part="value">${a.value}</cx-typography></cx-line-clamp>`
       )}</cx-space>`
     )}</cx-space></cx-space></div></cx-resize-observer>`;
   }
 };
 t.styles = [F, S];
 t.dependencies = {
-  "cx-copy-button": v,
-  "cx-line-clamp": f,
-  "cx-resize-observer": w,
+  "cx-copy-button": w,
+  "cx-line-clamp": v,
+  "cx-resize-observer": f,
   "cx-space": b,
   "cx-typography": _
 };
@@ -135,28 +135,28 @@ e([
   R(".color-swatch")
 ], t.prototype, "containerEl", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "variant", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "name", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "hex", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "rgb", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "cmyk", 2);
 e([
-  a({ reflect: !0, type: String })
+  r({ reflect: !0, type: String })
 ], t.prototype, "pms", 2);
 e([
-  a({ attribute: "can-copy", reflect: !0, type: Boolean })
+  r({ attribute: "can-copy", reflect: !0, type: Boolean })
 ], t.prototype, "canCopy", 2);
 e([
-  a({
+  r({
     attribute: "show-codes",
     converter: {
       fromAttribute: (o) => o?.split(" ") ?? [],
@@ -165,10 +165,10 @@ e([
   })
 ], t.prototype, "showCodes", 2);
 e([
-  a({ attribute: "can-focus-code-only", reflect: !0, type: Boolean })
+  r({ attribute: "can-focus-code-only", reflect: !0, type: Boolean })
 ], t.prototype, "canFocusCodeOnly", 2);
 e([
-  a({ attribute: "no-auto-convert", reflect: !0, type: Boolean })
+  r({ attribute: "no-auto-convert", reflect: !0, type: Boolean })
 ], t.prototype, "noAutoConvert", 2);
 e([
   c()

package/library/chunks/{colorPicker.r8zsh6Oj.js → colorPicker.B1c_VK97.js}

@@ -1,8 +1,8 @@
-import { D as L, q as i, R as m, d as s, x as c, H as A, C as h, w as g, L as R, T, B as y, G as _, b, s as G, c as S, a as x, f as p, bx as D, by as P } from "./am-chart.sBfZlJdc.js";
-import { L as k } from "./LinearGradient.BM0pPmvI.js";
-import { C as M } from "./Circle.BaJWdg6Z.js";
-import { E as H } from "./EditableLabel.gd9mjKfA.js";
-import { S as B } from "./Slider.BZNFS2HS.js";
+import { D as L, q as i, R as m, d as s, x as c, H as A, C as h, w as g, L as R, T, B as y, G as _, b, s as G, c as S, a as x, f as p, bx as D, by as P } from "./am-chart.DaqbO8CU.js";
+import { L as k } from "./LinearGradient.DryVGwkQ.js";
+import { C as M } from "./Circle.CSPkPGZR.js";
+import { E as H } from "./EditableLabel.BVdITrjV.js";
+import { S as B } from "./Slider.BkWEJjkG.js";
 class O extends L {
   setupDefaultRules() {
     super.setupDefaultRules();

package/library/chunks/{confirm-popover.CTdjw4Mi.js → confirm-popover.CQm_rVIt.js}

@@ -1,11 +1,11 @@
-import { C as _ } from "./button.C6-GrLyD.js";
-import { C as u, D as h } from "./dialog.C79Kd2S4.js";
+import { C as _ } from "./button.Bja8HrmJ.js";
+import { C as u, D as h } from "./dialog.0TzzxNXE.js";
 import g from "../components/dropdown.js";
-import { C as x } from "./typography.DJC_UXgs.js";
+import { C as x } from "./typography.IqHbnd3C.js";
 import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "./component.styles.CRO4Odto.js";
 import { c as w } from "./custom-element.L4WJXn1j.js";
-import { L as $ } from "./i18n.DeUAP8n2.js";
+import { L as $ } from "./i18n.C4wPyPTR.js";
 import { i as z, x as d } from "./lit-element.jLBm65_O.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as a } from "./class-map.BiVq-cVR.js";

package/library/chunks/{content-builder.BGzxZUgi.js → content-builder.D-_Ou8sw.js}

@@ -1,6 +1,6 @@
-import { c as l } from "./capitalize.i-sHIcnm.js";
+import { c as l } from "./capitalize.WZm6pIpy.js";
 const d = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
-function B(a, o, e, i = d) {
+function L(a, o, e, i = d) {
   const n = new URL(i + "/" + a);
   return Array.isArray(e) ? e.forEach((t) => {
     t[1] && n.searchParams.append(t[0], t[1]);
@@ -8,6 +8,7 @@ function B(a, o, e, i = d) {
     e[t] && n.searchParams.append(t, e[t]);
   }), fetch(n, o);
 }
+const E = "space-default";
 var c = /* @__PURE__ */ ((a) => (a.Desktop = "desktop", a.Mobile = "mobile", a.Tablet = "tablet", a))(c || {});
 const C = {
   canvasWidth: "",
@@ -36,23 +37,24 @@ const C = {
     "mobile"
     /* Mobile */
   )
-}, L = [C, u, h];
-var A = /* @__PURE__ */ ((a) => (a.All = "ALL", a.CanDelete = "CanDelete", a.CanDownload = "CanDownload", a.CanFind = "CanFind", a.CanManageRights = "CanManageRights", a.CanMove = "CanMove", a.CanRead = "CanRead", a.CanReadAll = "CanReadAll", a.CanReadAndWrite = "CanReadAndWrite", a.CanReadLarge = "CanReadLarge", a.CanReadMedium = "CanReadMedium", a.CanReadOriginal = "CanReadOriginal", a.CanShare = "CanShare", a.CanUpload = "CanUpload", a.CanWrite = "CanWrite", a.None = "NONE", a))(A || {}), g = /* @__PURE__ */ ((a) => (a.All = "all", a.Audio = "audio", a.Image = "image", a.Other = "other", a.Video = "video", a))(g || {}), R = /* @__PURE__ */ ((a) => (a.Content = "content", a.Template = "template", a))(R || {}), b = /* @__PURE__ */ ((a) => (a.Administrator = "Administrator", a.Designer = "Designer", a.Editor = "Editor", a))(b || {}), r = /* @__PURE__ */ ((a) => (a.Accordion = "BlockAccordion", a.Analytics = "BlockAnalytics", a.Audio = "BlockAudio", a.Button = "BlockButton", a.Carousel = "BlockCarousel", a.ColorSwatches = "BlockColorSwatches", a.Column = "BlockCell", a.ColumnGroup = "BlockColumns", a.DamView = "BlockDamView", a.Divider = "BlockDivider", a.DocumentViewer = "BlockDocumentViewer", a.FontKit = "BlockFontKit", a.Gallery = "BlockGallery", a.Header = "BlockHeader", a.Image = "BlockImage", a.RichText = "BlockRichText", a.SearchBox = "BlockSearchBox", a.TabGroup = "BlockTabs", a.Text = "BlockText", a.Timeline = "BlockTimeline", a.Video = "BlockVideo", a))(r || {});
-const f = Object.values(r).filter(
+}, f = [C, u, h];
+var A = /* @__PURE__ */ ((a) => (a.All = "ALL", a.CanDelete = "CanDelete", a.CanDownload = "CanDownload", a.CanFind = "CanFind", a.CanManageRights = "CanManageRights", a.CanMove = "CanMove", a.CanRead = "CanRead", a.CanReadAll = "CanReadAll", a.CanReadAndWrite = "CanReadAndWrite", a.CanReadLarge = "CanReadLarge", a.CanReadMedium = "CanReadMedium", a.CanReadOriginal = "CanReadOriginal", a.CanShare = "CanShare", a.CanUpload = "CanUpload", a.CanWrite = "CanWrite", a.None = "NONE", a))(A || {}), g = /* @__PURE__ */ ((a) => (a.All = "all", a.Audio = "audio", a.Image = "image", a.Other = "other", a.Video = "video", a))(g || {}), s = /* @__PURE__ */ ((a) => (a.Content = "content", a.Template = "template", a))(s || {}), R = /* @__PURE__ */ ((a) => (a.Administrator = "Administrator", a.Designer = "Designer", a.Editor = "Editor", a))(R || {}), r = /* @__PURE__ */ ((a) => (a.Accordion = "BlockAccordion", a.Analytics = "BlockAnalytics", a.Audio = "BlockAudio", a.Button = "BlockButton", a.Carousel = "BlockCarousel", a.ColorSwatches = "BlockColorSwatches", a.Column = "BlockCell", a.ColumnGroup = "BlockColumns", a.DamView = "BlockDamView", a.Divider = "BlockDivider", a.DocumentViewer = "BlockDocumentViewer", a.FontKit = "BlockFontKit", a.Gallery = "BlockGallery", a.Header = "BlockHeader", a.Image = "BlockImage", a.RichText = "BlockRichText", a.SearchBox = "BlockSearchBox", a.TabGroup = "BlockTabs", a.Text = "BlockText", a.Timeline = "BlockTimeline", a.Video = "BlockVideo", a))(r || {});
+const B = Object.values(r).filter(
   (a) => a !== "BlockCell"
   /* Column */
 );
-var s = /* @__PURE__ */ ((a) => (a.Carousel = "carousel", a.Gallery = "gallery", a))(s || {}), v = /* @__PURE__ */ ((a) => (a.Templates = "TEMPLATES", a.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", a.TranslatableTexts = "TRANSLATABLE_TEXTS", a))(v || {});
+var b = /* @__PURE__ */ ((a) => (a.Carousel = "carousel", a.Gallery = "gallery", a))(b || {}), v = /* @__PURE__ */ ((a) => (a.Templates = "TEMPLATES", a.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", a.TranslatableTexts = "TRANSLATABLE_TEXTS", a))(v || {});
 export {
   g as A,
   r as B,
   c as D,
-  R as E,
+  s as E,
   A as P,
-  b as T,
-  s as a,
+  E as S,
+  R as T,
+  b as a,
   v as b,
-  f as c,
-  L as d,
-  B as f
+  B as c,
+  f as d,
+  L as f
 };