@orangelogic/design-system 2.77.0 → 2.78.0-ci.3

package/library/chunks/{button.csCRiZzY.js → button.DS64Tr8Z.js}

@@ -132,8 +132,7 @@ let e = class extends v {
   }
   render() {
     const t = this.isLink() && !this.forceButtonNavigation, s = t ? b`a` : b`button`;
-    return h`
-      <${s}
+    return h`<${s}
         part="base"
         class=${D({
       button: !0,
@@ -195,8 +194,7 @@ let e = class extends v {
           `
     )}
         ${f(this.loading, () => h`<cx-spinner part="spinner"></cx-spinner>`)}
-      </${s}>
-    `;
+      </${s}>`;
   }
 };
 e.styles = [g, _];

package/library/chunks/{color-swatch-group.CKdXj10T.js → color-swatch-group.DLXAJdU4.js}

@@ -1,5 +1,5 @@
 import z from "../components/space.js";
-import { C as $ } from "./table.34yySlt-.js";
+import { C as $ } from "./table.COCT3Fsb.js";
 import { C as k } from "./typography.oDzoLbZS.js";
 import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
 import { C, a as m } from "./color-swatch.BuUP5yG4.js";

package/library/chunks/{confirm-popover.Kx6YyQwp.js → confirm-popover.BNjRvnN0.js}

@@ -1,4 +1,4 @@
-import { C as _ } from "./button.csCRiZzY.js";
+import { C as _ } from "./button.DS64Tr8Z.js";
 import { C as u, D as h } from "./dialog.BdXQkCKY.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.oDzoLbZS.js";

package/library/chunks/{file-on-demand.BJZ5E8XT.js → file-on-demand.BTTdth3o.js}

@@ -15,7 +15,7 @@ import { c as U } from "./repeat.DbF2p5ae.js";
 import { n as p } from "./when.Dr1es41R.js";
 import { a as jt, i as It, c as Bt, b as dt } from "./_baseUniq.BUihBa8c.js";
 import Mt from "../components/avatar.js";
-import { C as Vt } from "./button.csCRiZzY.js";
+import { C as Vt } from "./button.DS64Tr8Z.js";
 import { C as Ht } from "./dialog.BdXQkCKY.js";
 import Wt from "../components/divider.js";
 import ot from "../components/format-bytes.js";
@@ -26,14 +26,14 @@ import At from "../components/relative-time.js";
 import Yt from "../components/select.js";
 import Kt from "../components/space.js";
 import Xt from "../components/tab.js";
-import { C as Zt } from "./tab-group.G24wrely.js";
+import { C as Zt } from "./tab-group.Dg6a82ei.js";
 import Jt from "../components/tab-panel.js";
 import Dt from "../components/tooltip.js";
 import { C as nt } from "./typography.oDzoLbZS.js";
-import { C as Qt } from "./confirm-popover.Kx6YyQwp.js";
+import { C as Qt } from "./confirm-popover.BNjRvnN0.js";
 import { d as te } from "./debounce.DaHuiSGU.js";
 import { a as et } from "./number.CjNxU7Xs.js";
-import { i as K, a as ht } from "./url.LjsR2sB5.js";
+import { i as K, a as ht } from "./url.Cj9cIQXJ.js";
 import { a as ee } from "./toString.CL_lYXbK.js";
 import { S as pt, i as se } from "./isObjectLike.z36Fu426.js";
 import ie from "../components/progress-bar.js";

package/library/chunks/{folder-select.BqLmIlj6.js → folder-select.B2qxSKA5.js}

@@ -12,7 +12,7 @@ import { x as f, i as ae } from "./lit-element.jLBm65_O.js";
 import { r as x } from "./state.CSDxrqLd.js";
 import { e as B } from "./query.BBf1UFkC.js";
 import { r as se } from "./choose.BTbF6BAn.js";
-import { C as W } from "./button.csCRiZzY.js";
+import { C as W } from "./button.DS64Tr8Z.js";
 import { d as le } from "./debounce.DaHuiSGU.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
 import { c as q } from "./repeat.DbF2p5ae.js";

package/library/chunks/{index.VbMreXxL.js → index.Bx0otwQo.js}

@@ -1,4 +1,4 @@
-import { a as S } from "./url.LjsR2sB5.js";
+import { a as S } from "./url.Cj9cIQXJ.js";
 import "./content-builder.B4Tqoc6M.js";
 import "./browser.BHOCIF_A.js";
 import "./color.vLD2sNTs.js";

package/library/chunks/{list-editor.BzzQoZe1.js → list-editor.C2ZRwPIG.js}

@@ -1,4 +1,4 @@
-import { C as _ } from "./button.csCRiZzY.js";
+import { C as _ } from "./button.DS64Tr8Z.js";
 import { C as q, D as G } from "./dialog.BdXQkCKY.js";
 import j from "../components/grid.js";
 import P from "../components/grid-item.js";
@@ -9,7 +9,7 @@ import B from "../components/radio.js";
 import K from "../components/radio-group.js";
 import U from "../components/select.js";
 import E from "../components/space.js";
-import { C as H, H as V } from "./table.34yySlt-.js";
+import { C as H, H as V } from "./table.COCT3Fsb.js";
 import { C as L } from "./typography.oDzoLbZS.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import W from "../components/dynamic-select.js";

package/library/chunks/{pagination.BXCr_5om.js → pagination.DZq0IZjI.js}

@@ -5,12 +5,12 @@ 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.csCRiZzY.js";
+import { n as r } from "./when.Dr1es41R.js";
+import { C as $ } from "./button.DS64Tr8Z.js";
 import v from "../components/input.js";
 import { C as w } from "./option.Csqefux_.js";
 import P from "../components/select.js";
@@ -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,7 +163,7 @@ let e = class extends b {
     this._pageInputValue = this.pageIndex.toString();
   }
   renderCounterInput() {
-    return s`<cx-input
+    return p`<cx-input
       part="pagination-input"
       class="pagination__page-input"
       type="text"
@@ -197,7 +200,7 @@ let e = class extends b {
     i && (this.pageIndex = Number(i.dataset.page));
   }
   renderPageButton(t) {
-    return s`
+    return p`
       <cx-button
         data-page=${t}
         variant="text"
@@ -212,17 +215,17 @@ let e = class extends b {
     `;
   }
   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`
+    return p`
       <div class="pagination__pages" @click=${this.handlePageClick}>
         ${m(
-      Array.from({ length: r - p + 1 }, (o, h) => h + p),
+      Array.from({ length: g - s + 1 }, (o, h) => h + s),
       (o) => o,
       (o) => this.renderPageButton(o)
     )}
@@ -230,15 +233,17 @@ let e = class extends b {
     `;
   }
   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">
+    return !this.showPaginationInput || !this.hasMultiplePages ? p`<cx-typography variant="body3" class="pagination_count">
         ${this.localize.term("itemOfTotal", this.pageIndex, this._pageCount)}
-      </cx-typography>`;
+      </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">
+    return p`<cx-typography variant="body3" class="pagination_count">
       ${this.localize.term(
       "itemRangeOfTotal",
       this.pageStart,
@@ -248,11 +253,11 @@ let e = class extends b {
     </cx-typography>`;
   }
   render() {
-    return s`
+    return p`
       <div class="pagination">
-        ${g(
+        ${r(
       this.pageSizeOptions.length > 1,
-      () => s`
+      () => p`
             <label class="pagination__label__container">
               <cx-typography variant="body3" class="pagination__label">
                 ${this.label}
@@ -267,7 +272,7 @@ let e = class extends b {
                 ${m(
         this.pageSizeOptions,
         (t) => t,
-        (t) => s`
+        (t) => p`
                     <cx-option value=${t}>${t}</cx-option>
                   `
       )}
@@ -275,70 +280,75 @@ let e = class extends b {
             </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")}>
+        ${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
-                  class="pagination__first"
-                  label=${this.localize.term("first")}
-                  name="first_page"
+                  part="back-icon"
+                  class="pagination__back"
+                  label=${this.localize.term("previous")}
+                  name=${this.backIconName}
                   size=${this.iconButtonSize}
                   ?disabled=${this.prevDisabled}
-                  @click=${this.handleFirst}
+                  @click=${this.handleBack}
                 ></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")}>
+              ${r(
+        this.paginationCounter === c.Both,
+        () => this.renderPageCount()
+      )}
+              ${r(this.showPaginationButtons, () => this.renderPageButtons())}
+              <cx-tooltip hoist content=${this.localize.term("next")}>
                 <cx-icon-button
-                  class="pagination__last"
-                  label=${this.localize.term("last")}
-                  name="last_page"
+                  part="next-icon"
+                  class="pagination__forward"
+                  label=${this.localize.term("next")}
+                  name=${this.nextIconName}
                   size=${this.iconButtonSize}
                   ?disabled=${this.nextDisabled}
-                  @click=${this.handleLast}
+                  @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>
       </div>
     `;
   }
@@ -362,7 +372,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/{tab-group.G24wrely.js → tab-group.Dg6a82ei.js}

@@ -17,7 +17,7 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ue } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.csCRiZzY.js";
+import { C as Yn } from "./button.DS64Tr8Z.js";
 import Xn from "../components/dropdown.js";
 import { C as qn } from "./icon-button.C3eqeQl9.js";
 import Gn from "../components/menu.js";