@orangelogic/design-system 3.20.0 → 3.22.0

package/library/chunks/{input.D1FFprPl.js → input.7pumTpdu.js}

@@ -1,10 +1,10 @@
 import { n as d, C as rt } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as ut } from "./component.styles.CAS3c9pM.js";
-import { f as ot } from "./form-control.styles.CaGWmeAS.js";
+import { f as ot } from "./form-control.styles.CHC7Q08Q.js";
 import { c as lt } from "./custom-element.L4WJXn1j.js";
 import { d as ht } from "./default-value.COZopaet.js";
-import { F as pt } from "./form.DN2v7-DH.js";
-import { L as ct } from "./i18n.rtxrs1c1.js";
+import { F as pt } from "./form.LpappO1d.js";
+import { L as ct } from "./i18n.BSPmBQ73.js";
 import { H as dt } from "./slot.j5oheLJC.js";
 import { w as V } from "./watch.DJF5K-8U.js";
 import { i as ft, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{markdown.Dd_GFJK8.js → markdown.LHSzm035.js}

@@ -1,9 +1,9 @@
-import { C as jn, I as Yn } from "./icon-button.CbUddcgI.js";
+import { C as jn, I as Yn } from "./icon-button.DV5Fks8j.js";
 import { C as Un, n as me } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Gn } from "./custom-element.L4WJXn1j.js";
-import { L as Hn } from "./i18n.rtxrs1c1.js";
+import { L as Hn } from "./i18n.BSPmBQ73.js";
 import { w as Ne } from "./watch.DJF5K-8U.js";
-import { s as Kn } from "./string.Demn8Xmk.js";
+import { s as Kn } from "./string.CfI2ejyR.js";
 import { i as mt, x as Wn } from "./lit-element.jLBm65_O.js";
 import { r as Zn } from "./state.CSDxrqLd.js";
 import { o as Vn } from "./unsafe-html.Dff7-rCx.js";

package/library/chunks/{menu-item.0TbnDEDp.js → menu-item.DsJZ7i0J.js}

@@ -1,7 +1,7 @@
 import { n as r, C as L } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as M } from "./component.styles.CAS3c9pM.js";
 import { c as E } from "./custom-element.L4WJXn1j.js";
-import { d as k, L as P } from "./i18n.rtxrs1c1.js";
+import { d as k, L as P } from "./i18n.BSPmBQ73.js";
 import { H as z, g as R } from "./slot.j5oheLJC.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as D, x as h, E as S } from "./lit-element.jLBm65_O.js";

package/library/chunks/{option.CyorNG0S.js → option.C5f7yDqN.js}

@@ -1,7 +1,7 @@
 import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "./component.styles.CAS3c9pM.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as g } from "./i18n.rtxrs1c1.js";
+import { L as g } from "./i18n.BSPmBQ73.js";
 import { w as d } from "./watch.DJF5K-8U.js";
 import { i as b, x as h } from "./lit-element.jLBm65_O.js";
 import { r as f } from "./state.CSDxrqLd.js";

package/library/chunks/{pagination.D0BeaEIi.js → pagination.CMwpX60h.js}

@@ -1,21 +1,21 @@
-import b from "../components/space.js";
+import d from "../components/space.js";
 import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as P, I as y } from "./icon-button.CbUddcgI.js";
-import { c as f } from "./custom-element.L4WJXn1j.js";
-import { L as z } from "./i18n.rtxrs1c1.js";
+import { C as P, I as z } from "./icon-button.DV5Fks8j.js";
+import { c as y } from "./custom-element.L4WJXn1j.js";
+import { L as f } from "./i18n.BSPmBQ73.js";
 import { c as m } from "./math.DuKzLacZ.js";
-import { w as d } from "./watch.DJF5K-8U.js";
+import { w as b } from "./watch.DJF5K-8U.js";
 import { i as C, x as s } from "./lit-element.jLBm65_O.js";
 import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.CFjcER6_.js";
-import { n as g } from "./when.Dr1es41R.js";
-import { C as w } from "./button.D1YIxtv-.js";
-import { C as v } from "./input.D1FFprPl.js";
-import { C as I } from "./option.CyorNG0S.js";
+import { n as c } from "./when.Dr1es41R.js";
+import { C as w } from "./button.cbDkxJHn.js";
+import { C as v } from "./input.7pumTpdu.js";
+import { C as I } from "./option.C5f7yDqN.js";
 import B from "../components/select.js";
 import N from "../components/tooltip.js";
-import { C as k } from "./typography.T72DuoCa.js";
+import { C as k } from "./typography.BLYdTF0n.js";
 import { c as F } from "./component.styles.CAS3c9pM.js";
 var u = /* @__PURE__ */ ((t) => (t.Both = "both", t.Pages = "pages", t.Rows = "rows", t))(u || {});
 const p = 1, M = C`
@@ -89,14 +89,14 @@ const p = 1, M = C`
     color: var(--cx-color-primary);
   }
 `;
-var O = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (t, i, n, c) => {
-  for (var r = c > 1 ? void 0 : c ? D(i, n) : i, l = t.length - 1, h; l >= 0; l--)
-    (h = t[l]) && (r = (c ? h(i, n, r) : h(r)) || r);
-  return c && r && O(i, n, r), r;
+var O = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (t, i, n, g) => {
+  for (var r = g > 1 ? void 0 : g ? D(i, n) : i, l = t.length - 1, h; l >= 0; l--)
+    (h = t[l]) && (r = (g ? h(i, n, r) : h(r)) || r);
+  return g && r && O(i, n, r), r;
 };
 let e = class extends _ {
   constructor() {
-    super(...arguments), this.localize = new z(this), this.count = 0, this.pageSizeOptions = [10, 20, 50, 100], this.pageSize = this.pageSizeOptions[0], this.label = this.localize.term("rowsPerPage"), this.showFirst = !1, this.showLast = !1, this.showPaginationButtons = !1, this.paginationButtonCount = 5, this.paginationCounter = u.Rows, this.showPaginationInput = !1, this.backIconName = "chevron_left", this.nextIconName = "chevron_right", this.iconButtonSize = y.Medium, this.currentPage = p, this._pageInputValue = p.toString();
+    super(...arguments), this.localize = new f(this), this.count = 0, this.pageSizeOptions = [10, 20, 50, 100], this.pageSize = this.pageSizeOptions[0], this.label = this.localize.term("rowsPerPage"), this.showFirst = !1, this.showLast = !1, this.showPaginationButtons = !1, this.paginationButtonCount = 5, this.paginationCounter = u.Rows, this.showPaginationInput = !1, this.backIconName = "chevron_left", this.nextIconName = "chevron_right", this.iconButtonSize = z.Medium, this.currentPage = p, this._pageInputValue = p.toString();
   }
   get _pageCount() {
     const t = Number.isFinite(this.pageSize) && this.pageSize > 0 ? this.pageSize : 1;
@@ -185,35 +185,39 @@ let e = class extends _ {
     return s`<cx-button data-page=${t} variant="text" size="small" class=${$({
       pagination__page: !0,
       "pagination__page--active": t === this.currentPage
-    })}>${t}</cx-button>`;
+    })}>${this.localize.number(t)}</cx-button>`;
   }
   renderPageButtons() {
     const t = Math.floor((this.paginationButtonCount - 1) / 2), i = Math.ceil((this.paginationButtonCount - 1) / 2), n = Math.max(
       p,
       this._pageCount - this.currentPage + t + 1 < this.paginationButtonCount ? this._pageCount - this.paginationButtonCount + 1 : this.currentPage - t
-    ), c = Math.min(
+    ), g = Math.min(
       this._pageCount,
       this.currentPage <= i ? this.paginationButtonCount : this.currentPage + i
     );
     return s`<div class="pagination__pages" @click=${this.handlePageClick}>${x(
-      Array.from({ length: c - n + 1 }, (r, l) => l + n),
+      Array.from({ length: g - n + 1 }, (r, l) => l + n),
       (r) => r,
       (r) => this.renderPageButton(r)
     )}</div>`;
   }
   renderPageCount() {
-    return !this.showPaginationInput || !this.hasMultiplePages ? s`<cx-typography variant="body3" class="pagination_count">${this.localize.term("itemOfTotal", this.currentPage, this._pageCount)}</cx-typography>` : s`<cx-space class="pagination_count">${this.renderCounterInput()}<cx-typography variant="body3">${this.localize.term("itemOfTotal", "", this._pageCount)}</cx-typography></cx-space>`;
+    return !this.showPaginationInput || !this.hasMultiplePages ? s`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
+      "itemOfTotal",
+      this.localize.number(this.currentPage),
+      this.localize.number(this._pageCount)
+    )}</cx-typography>` : s`<cx-space class="pagination_count">${this.renderCounterInput()}<cx-typography variant="body3">${this.localize.term("itemOfTotal", "", this.localize.number(this._pageCount))}</cx-typography></cx-space>`;
   }
   renderRowCount() {
     return s`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
       "itemRangeOfTotal",
-      this.pageStart,
-      this.pageEnd,
-      this.count
+      this.localize.number(this.pageStart),
+      this.localize.number(this.pageEnd),
+      this.localize.number(this.count)
     )}</cx-typography>`;
   }
   render() {
-    return s`<div class="pagination">${g(
+    return s`<div class="pagination">${c(
       this.pageSizeOptions.length > 1,
       () => s`<label class="pagination__label__container"><cx-typography variant="body3" class="pagination__label">${this.label}</cx-typography><cx-select class="pagination__select" size="small" hoist value=${this.pageSize.toString()} @cx-change=${this.handlePageSizeSelectChange}>${x(
         this.pageSizeOptions,
@@ -221,21 +225,21 @@ let e = class extends _ {
         (t) => s`<cx-option value=${t}>${t}</cx-option>`
       )}</cx-select></label>`
     )}
-        ${g(
+        ${c(
       this.paginationCounter === u.Both || this.paginationCounter === u.Rows,
       () => this.renderRowCount(),
       () => this.renderPageCount()
     )}
-        ${g(
+        ${c(
       this.hasMultiplePages,
-      () => s`<div class="pagination__navigation-buttons">${g(
+      () => s`<div class="pagination__navigation-buttons">${c(
         this.showFirst,
         () => s`<cx-tooltip hoist content=${this.localize.term("first")}><cx-icon-button class="pagination__first" label=${this.localize.term("first")} name="first_page" size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleFirst}></cx-icon-button></cx-tooltip>`
-      )}<cx-tooltip hoist content=${this.localize.term("previous")}><cx-icon-button part="back-icon" class="pagination__back" label=${this.localize.term("previous")} name=${this.backIconName} size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleBack}></cx-icon-button></cx-tooltip>${g(
+      )}<cx-tooltip hoist content=${this.localize.term("previous")}><cx-icon-button part="back-icon" class="pagination__back" label=${this.localize.term("previous")} name=${this.backIconName} size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleBack}></cx-icon-button></cx-tooltip>${c(
         this.paginationCounter === u.Both,
         () => this.renderPageCount()
       )}
-              ${g(this.showPaginationButtons, () => this.renderPageButtons())}<cx-tooltip hoist content=${this.localize.term("next")}><cx-icon-button part="next-icon" class="pagination__forward" label=${this.localize.term("next")} name=${this.nextIconName} size=${this.iconButtonSize} ?disabled=${this.nextDisabled} @click=${this.handleForward}></cx-icon-button></cx-tooltip>${g(
+              ${c(this.showPaginationButtons, () => this.renderPageButtons())}<cx-tooltip hoist content=${this.localize.term("next")}><cx-icon-button part="next-icon" class="pagination__forward" label=${this.localize.term("next")} name=${this.nextIconName} size=${this.iconButtonSize} ?disabled=${this.nextDisabled} @click=${this.handleForward}></cx-icon-button></cx-tooltip>${c(
         this.showLast,
         () => s`<cx-tooltip hoist content=${this.localize.term("last")}><cx-icon-button class="pagination__last" label=${this.localize.term("last")} name="last_page" size=${this.iconButtonSize} ?disabled=${this.nextDisabled} @click=${this.handleLast}></cx-icon-button></cx-tooltip>`
       )}</div>`
@@ -249,7 +253,7 @@ e.dependencies = {
   "cx-input": v,
   "cx-option": I,
   "cx-select": B,
-  "cx-space": b,
+  "cx-space": d,
   "cx-tooltip": N,
   "cx-typography": k
 };
@@ -309,13 +313,13 @@ a([
   S()
 ], e.prototype, "_pageInputValue", 2);
 a([
-  d("currentPage", { waitUntilFirstUpdate: !0 })
+  b("currentPage", { waitUntilFirstUpdate: !0 })
 ], e.prototype, "handlePageChange", 1);
 a([
-  d("pageSize", { waitUntilFirstUpdate: !0 })
+  b("pageSize", { waitUntilFirstUpdate: !0 })
 ], e.prototype, "handlePageSizeChange", 1);
 e = a([
-  f("cx-pagination")
+  y("cx-pagination")
 ], e);
 export {
   e as C,

package/library/chunks/{position-picker.DjnhxIKF.js → position-picker.qkbJlboF.js}

@@ -1,4 +1,16 @@
 var e = /* @__PURE__ */ ((t) => (t.BottomCenter = "bottom-center", t.BottomLeft = "bottom-left", t.BottomRight = "bottom-right", t.CenterCenter = "center-center", t.CenterLeft = "center-left", t.CenterRight = "center-right", t.TopCenter = "top-center", t.TopLeft = "top-left", t.TopRight = "top-right", t))(e || {});
+const r = {
+  "top-left": "left top",
+  "top-center": "center top",
+  "top-right": "right top",
+  "center-left": "left center",
+  "center-center": "center center",
+  "center-right": "right center",
+  "bottom-left": "left bottom",
+  "bottom-center": "center bottom",
+  "bottom-right": "right bottom"
+};
 export {
+  r as O,
   e as P
 };

package/library/chunks/{resizable-component.styles.CAfXABBc.js → resizable-component.styles.kMFDlGgv.js}

@@ -274,8 +274,8 @@ const E = L`.resizer{background-color:var(--cx-color-primary);z-index:100;width:
 export {
   B as H,
   u as R,
-  p as a,
-  b,
+  b as a,
+  p as b,
   k as c,
   n as d,
   H as e,

package/library/chunks/responsive.BmBJSzC4.js

@@ -0,0 +1,17 @@
+import { D as i } from "./content-builder.CBBdfVOl.js";
+function s(r, t = [350, 696, 1024]) {
+  const o = getComputedStyle(r), e = [
+    Number.parseFloat(o.getPropertyValue("--breakpoint-mobile").trim()),
+    Number.parseFloat(o.getPropertyValue("--breakpoint-tablet").trim()),
+    1 / 0
+  ];
+  return Number.isNaN(e[0]) ? e[0] = t[0] : e[0]++, Number.isNaN(e[1]) ? e[1] = t[1] : e[1]++, e;
+}
+function a(r) {
+  const t = window.innerWidth;
+  return t > r[1] ? i.Desktop : t > r[0] && t <= r[1] ? i.Tablet : i.Mobile;
+}
+export {
+  a,
+  s as g
+};

package/library/chunks/{string.Demn8Xmk.js → string.CfI2ejyR.js}

@@ -207,7 +207,7 @@ function Q(t) {
   return r.length === 0 ? "" : ` ${r.join(" ")}`;
 }
 export {
-  m as G,
+  S as G,
   u as T,
   B as a,
   H as b,
@@ -218,8 +218,8 @@ export {
   v as g,
   y as h,
   L as i,
-  S as j,
-  h as k,
+  h as j,
+  m as k,
   U as l,
   K as m,
   X as n,