@orangelogic/design-system 2.78.0 → 2.79.0

package/library/chunks/{pagination.g4zErKN2.js → pagination.BiRyMwhM.js}

@@ -1,22 +1,22 @@
 import _ from "../components/space.js";
 import { n, C as b } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as y, I } from "./icon-button.C3eqeQl9.js";
+import { C as y, I } from "./icon-button.BuhCp--_.js";
 import { c as f } from "./custom-element.L4WJXn1j.js";
 import { L as C } from "./i18n.BUW7B9hr.js";
 import { c as l } from "./math.DqTA6ya4.js";
 import { w as x } from "./watch.BCJD77bD.js";
-import { i as z, x as s } from "./lit-element.jLBm65_O.js";
+import { i as z, x as p } from "./lit-element.jLBm65_O.js";
 import { r as d } from "./state.CSDxrqLd.js";
 import { e as S } from "./class-map.BiVq-cVR.js";
 import { c as m } from "./repeat.DbF2p5ae.js";
-import { n as g } from "./when.Dr1es41R.js";
-import { C as $ } from "./button.DS64Tr8Z.js";
+import { n as r } from "./when.Dr1es41R.js";
+import { C as $ } from "./button.B-ktz-w4.js";
 import v from "../components/input.js";
-import { C as w } from "./option.Csqefux_.js";
+import { C as w } from "./option.DljDoFx4.js";
 import P from "../components/select.js";
 import B from "../components/tooltip.js";
-import { C as N } from "./typography.oDzoLbZS.js";
-import { c as k } from "./component.styles.DMSLciL5.js";
+import { C as N } from "./typography.DJC_UXgs.js";
+import { c as k } from "./component.styles.CRO4Odto.js";
 var c = /* @__PURE__ */ ((t) => (t.Both = "both", t.Pages = "pages", t.Rows = "rows", t))(c || {});
 const O = z`
   ${k}
@@ -94,10 +94,10 @@ const O = z`
     color: var(--cx-color-primary);
   }
 `;
-var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, a = (t, i, p, r) => {
-  for (var o = r > 1 ? void 0 : r ? F(i, p) : i, h = t.length - 1, u; h >= 0; h--)
-    (u = t[h]) && (o = (r ? u(i, p, o) : u(o)) || o);
-  return r && o && D(i, p, o), o;
+var M = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (t, i, s, g) => {
+  for (var o = g > 1 ? void 0 : g ? D(i, s) : i, h = t.length - 1, u; h >= 0; h--)
+    (u = t[h]) && (o = (g ? u(i, s, o) : u(o)) || o);
+  return g && o && M(i, s, o), o;
 };
 let e = class extends b {
   constructor() {
@@ -121,6 +121,9 @@ let e = class extends b {
   get nextDisabled() {
     return this._pageIndex >= this._pageCount;
   }
+  get hasMultiplePages() {
+    return this._pageCount > 1;
+  }
   updatePageCount() {
     const t = Number.isFinite(this.pageSize) && this.pageSize > 0 ? this.pageSize : 1;
     this._pageCount = Math.max(1, Math.ceil(this.count / t)), this.pageIndex = l(this.pageIndex, 1, this._pageCount);
@@ -160,20 +163,7 @@ let e = class extends b {
     this._pageInputValue = this.pageIndex.toString();
   }
   renderCounterInput() {
-    return s`<cx-input
-      part="pagination-input"
-      class="pagination__page-input"
-      type="text"
-      size="small"
-      auto-grow
-      inputmode="numeric"
-      pattern="[0-9]*"
-      aria-label=${this.localize.term("jump")}
-      .value=${this._pageInputValue}
-      @cx-input=${this.handlePageInput}
-      @keydown=${this.handlePageInputKeyDown}
-      @cx-blur=${this.handlePageInputBlur}
-    ></cx-input>`;
+    return p`<cx-input part="pagination-input" class="pagination__page-input" type="text" size="small" auto-grow inputmode="numeric" pattern="[0-9]*" aria-label=${this.localize.term("jump")} .value=${this._pageInputValue} @cx-input=${this.handlePageInput} @keydown=${this.handlePageInputKeyDown} @cx-blur=${this.handlePageInputBlur}></cx-input>`;
   }
   async handleCountChange() {
     this.updatePageCount();
@@ -197,150 +187,64 @@ let e = class extends b {
     i && (this.pageIndex = Number(i.dataset.page));
   }
   renderPageButton(t) {
-    return s`
-      <cx-button
-        data-page=${t}
-        variant="text"
-        size="small"
-        class=${S({
+    return p`<cx-button data-page=${t} variant="text" size="small" class=${S({
       pagination__page: !0,
       "pagination__page--active": t === this.pageIndex
-    })}
-      >
-        ${t}
-      </cx-button>
-    `;
+    })}>${t}</cx-button>`;
   }
   renderPageButtons() {
-    const t = Math.floor((this.paginationButtonCount - 1) / 2), i = Math.ceil((this.paginationButtonCount - 1) / 2), p = Math.max(
+    const t = Math.floor((this.paginationButtonCount - 1) / 2), i = Math.ceil((this.paginationButtonCount - 1) / 2), s = Math.max(
       1,
       this._pageCount - this.pageIndex + t + 1 < this.paginationButtonCount ? this._pageCount - this.paginationButtonCount + 1 : this.pageIndex - t
-    ), r = Math.min(
+    ), g = Math.min(
       this._pageCount,
       this.pageIndex <= i ? this.paginationButtonCount : this.pageIndex + i
     );
-    return s`
-      <div class="pagination__pages" @click=${this.handlePageClick}>
-        ${m(
-      Array.from({ length: r - p + 1 }, (o, h) => h + p),
+    return p`<div class="pagination__pages" @click=${this.handlePageClick}>${m(
+      Array.from({ length: g - s + 1 }, (o, h) => h + s),
       (o) => o,
       (o) => this.renderPageButton(o)
-    )}
-      </div>
-    `;
+    )}</div>`;
   }
   renderPageCount() {
-    return this.showPaginationInput ? s`<cx-space class="pagination_count">
-      ${this.renderCounterInput()}
-      <cx-typography variant="body3">${this.localize.term("itemOfTotal", "", this._pageCount)}</cx-typography>
-    </cx-space>` : s`<cx-typography variant="body3" class="pagination_count">
-        ${this.localize.term("itemOfTotal", this.pageIndex, this._pageCount)}
-      </cx-typography>`;
+    return !this.showPaginationInput || !this.hasMultiplePages ? p`<cx-typography variant="body3" class="pagination_count">${this.localize.term("itemOfTotal", this.pageIndex, this._pageCount)}</cx-typography>` : p`<cx-space class="pagination_count">${this.renderCounterInput()}<cx-typography variant="body3">${this.localize.term("itemOfTotal", "", this._pageCount)}</cx-typography></cx-space>`;
   }
   renderRowCount() {
-    return s`<cx-typography variant="body3" class="pagination_count">
-      ${this.localize.term(
+    return p`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
       "itemRangeOfTotal",
       this.pageStart,
       this.pageEnd,
       this.count
-    )}
-    </cx-typography>`;
+    )}</cx-typography>`;
   }
   render() {
-    return s`
-      <div class="pagination">
-        ${g(
+    return p`<div class="pagination">${r(
       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}
-              >
-                ${m(
+      () => p`<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}>${m(
         this.pageSizeOptions,
         (t) => t,
-        (t) => s`
-                    <cx-option value=${t}>${t}</cx-option>
-                  `
-      )}
-              </cx-select>
-            </label>
-          `
+        (t) => p`<cx-option value=${t}>${t}</cx-option>`
+      )}</cx-select></label>`
     )}
-        ${g(
+        ${r(
       this.paginationCounter === c.Both || this.paginationCounter === c.Rows,
       () => this.renderRowCount(),
       () => this.renderPageCount()
     )}
-        <div class="pagination__navigation-buttons">
-          ${g(
-      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(
-      this.paginationCounter === c.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(
-      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>
-      </div>
-    `;
+        ${r(
+      this.hasMultiplePages,
+      () => p`<div class="pagination__navigation-buttons">${r(
+        this.showFirst,
+        () => p`<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>${r(
+        this.paginationCounter === c.Both,
+        () => this.renderPageCount()
+      )}
+              ${r(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>${r(
+        this.showLast,
+        () => p`<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>`
+    )}</div>`;
   }
 };
 e.styles = O;
@@ -362,7 +266,7 @@ a([
     attribute: "page-size-options",
     converter: {
       fromAttribute: (t) => {
-        const i = (t ?? "").trim().split(/\s+/).map((p) => Number.parseInt(p, 10)).filter((p) => Number.isFinite(p) && p > 0);
+        const i = (t ?? "").trim().split(/\s+/).map((s) => Number.parseInt(s, 10)).filter((s) => Number.isFinite(s) && s > 0);
         return i.length ? i : [];
       },
       toAttribute: (t) => t.join(" ")

package/library/chunks/{percent.DO4FjAdu.js → percent.DuQwbCCg.js}

@@ -1,6 +1,6 @@
-import { D as gt, x as P, al as dt, H as et, q as b, am as pt, aF as ot, J as ht, C as tt, e as v, _ as V, a as G, v as _t, b1 as rt, P as ft, b2 as mt, r as A, L as R, T as M, m as W, aG as ct, p as yt, j as w, h as T, G as $, aj as J, b3 as k, b as bt } from "./am-chart.oZVBmpnn.js";
-import { S as xt } from "./Slice.Dm56LTKj.js";
-import { R as kt } from "./RadialLabel.HfsGiN4x.js";
+import { D as gt, x as P, al as dt, H as et, q as b, am as pt, aF as ot, J as ht, C as tt, e as v, _ as V, a as G, v as _t, b1 as rt, P as ft, b2 as mt, r as A, L as R, T as M, m as W, aG as ct, p as yt, j as w, h as T, G as $, aj as J, b3 as k, b as bt } from "./am-chart.H2jnOzFc.js";
+import { S as xt } from "./Slice.DiEswWa6.js";
+import { R as kt } from "./RadialLabel.DyVOf2K8.js";
 class vt extends gt {
   setupDefaultRules() {
     super.setupDefaultRules();

package/library/chunks/{radar.Dd5fJVMg.js → radar.FpYl3UH5.js}

@@ -1,7 +1,7 @@
-import { S as X, a as S } from "./Slice.Dm56LTKj.js";
-import { aU as Y, L as M, T as b, m as p, r as m, x as z, o as A, h as u, j as f, a as _, C as W, G as L, H as v, P as Q, D as at, am as H, au as Z, q as O, b1 as K, b2 as nt, p as C, b5 as w, av as $, b6 as j, t as q, aW as tt } from "./am-chart.oZVBmpnn.js";
-import { A as et } from "./AxisLabelRadial.BTpA5dYy.js";
-import { B as st } from "./BaseColumnSeries.hIO71GLG.js";
+import { S as X, a as S } from "./Slice.DiEswWa6.js";
+import { aU as Y, L as M, T as b, m as p, r as m, x as z, o as A, h as u, j as f, a as _, C as W, G as L, H as v, P as Q, D as at, am as H, au as Z, q as O, b1 as K, b2 as nt, p as C, b5 as w, av as $, b6 as j, t as q, aW as tt } from "./am-chart.H2jnOzFc.js";
+import { A as et } from "./AxisLabelRadial.Bs1P_q_F.js";
+import { B as st } from "./BaseColumnSeries.C7jwOxIJ.js";
 import { p as rt, c as lt } from "./cardinal.BCA_LB0u.js";
 function U() {
 }

package/library/chunks/{sliceGrouper.DA3aeuJ-.js → sliceGrouper.BsE7fGMt.js}

@@ -1,4 +1,4 @@
-import { E as d, B as p, G as D, e as h } from "./am-chart.oZVBmpnn.js";
+import { E as d, B as p, G as D, e as h } from "./am-chart.H2jnOzFc.js";
 class m extends d {
   _afterNew() {
     super._afterNew(), this._setRawDefault("threshold", 5), this._setRawDefault("groupName", "Other"), this._setRawDefault("clickBehavior", "none"), this.initZoomButton(), this._root.addDisposer(this);

package/library/chunks/{stock.BfI5MUyK.js → stock.BR-ag4Pt.js}

@@ -1,12 +1,12 @@
-import { C as Te, B as Oe, G as Le, D as ma, x as ve, aQ as pi, am as se, q as Fe, d as S, H as W, f as ge, al as Pi, o as fi, E as at, c as J, bj as Ke, bk as lt, bl as Ii, s as Xe, e as A, ah as si, bm as Ns, M as dt, ac as V, ae as va, ad as Ti, z as Q, bn as Ni, a9 as qe, aW as H, bo as Hs, m as ct, a_ as _a, ax as mi, ap as Dt, w as Mi, a4 as Li, aq as He, _ as _e, L as ke, T as re, au as Ei, at as Yi, Q as xa, aw as vi, as as ya, V as St, av as ba, a as ne, t as zs, i as ii, aZ as _i, bp as $e, Z as rt, an as Ws, aj as Fi, j as xi, h as yi, a7 as ka, aD as bi, F as wa, I as Ca, b as Oi, R as Da, a2 as Sa, bq as Se, ar as Aa, br as Pa, ab as ki, bs as Vi, bt as Ia, bu as yt } from "./am-chart.oZVBmpnn.js";
-import { M as Xi, S as Ta, L as Bi, B as ai, E as Na } from "./SpriteResizer.-qJDgug8.js";
-import { a as Ri, G as wi, A as Ci } from "./CandlestickSeries.w9C0GR9v.js";
-import { B as Ma } from "./BaseColumnSeries.hIO71GLG.js";
-import { C as Qe } from "./ColumnSeries.Ckz75x1M.js";
-import { C as Di } from "./Circle.tOnnO-F-.js";
-import { T as La } from "./Triangle.BECgi7mc.js";
-import { E as Ea } from "./EditableLabel.DPmicdjK.js";
-import { Serializer as Hi } from "./json.BjaT7cyo.js";
+import { C as Te, B as Oe, G as Le, D as ma, x as ve, aQ as pi, am as se, q as Fe, d as S, H as W, f as ge, al as Pi, o as fi, E as at, c as J, bj as Ke, bk as lt, bl as Ii, s as Xe, e as A, ah as si, bm as Ns, M as dt, ac as V, ae as va, ad as Ti, z as Q, bn as Ni, a9 as qe, aW as H, bo as Hs, m as ct, a_ as _a, ax as mi, ap as Dt, w as Mi, a4 as Li, aq as He, _ as _e, L as ke, T as re, au as Ei, at as Yi, Q as xa, aw as vi, as as ya, V as St, av as ba, a as ne, t as zs, i as ii, aZ as _i, bp as $e, Z as rt, an as Ws, aj as Fi, j as xi, h as yi, a7 as ka, aD as bi, F as wa, I as Ca, b as Oi, R as Da, a2 as Sa, bq as Se, ar as Aa, br as Pa, ab as ki, bs as Vi, bt as Ia, bu as yt } from "./am-chart.H2jnOzFc.js";
+import { M as Xi, S as Ta, L as Bi, B as ai, E as Na } from "./SpriteResizer.DFnmcy0h.js";
+import { a as Ri, G as wi, A as Ci } from "./CandlestickSeries.CkXGtRWE.js";
+import { B as Ma } from "./BaseColumnSeries.C7jwOxIJ.js";
+import { C as Qe } from "./ColumnSeries.DGazbfza.js";
+import { C as Di } from "./Circle.DBa5Ok8V.js";
+import { T as La } from "./Triangle.BaOef7HV.js";
+import { E as Ea } from "./EditableLabel.BWeq6fgX.js";
+import { Serializer as Hi } from "./json.zyETMOw-.js";
 class At extends Te {
   constructor() {
     super(...arguments), this.upButton = this.children.push(Oe.new(this._root, {