@cargosense/cargo-design-system 1.0.14 → 1.0.15

package/dist/assets/index.es.js

@@ -282,13 +282,13 @@ const hA = (Q, A) => {
   }
   return [eA(Q, E + (Q[g] || "<?>") + (A === 2 ? "</svg>" : A === 3 ? "</math>" : "")), B];
 };
-class H {
+class z {
   constructor({ strings: A, _$litType$: g }, B) {
     let C;
     this.parts = [];
     let E = 0, I = 0;
     const s = A.length - 1, e = this.parts, [r, Y] = hA(A, g);
-    if (this.el = H.createElement(r, B), U.currentNode = this.el.content, g === 2 || g === 3) {
+    if (this.el = z.createElement(r, B), U.currentNode = this.el.content, g === 2 || g === 3) {
       const o = this.el.content.firstChild;
       o.replaceWith(...o.childNodes);
     }
@@ -342,7 +342,7 @@ class lA {
     for (; e !== void 0; ) {
       if (I === e.index) {
         let r;
-        e.type === 2 ? r = new z(E, E.nextSibling, this, A) : e.type === 1 ? r = new e.ctor(E, e.name, e.strings, this, A) : e.type === 6 && (r = new uA(E, this, A)), this._$AV.push(r), e = B[++s];
+        e.type === 2 ? r = new H(E, E.nextSibling, this, A) : e.type === 1 ? r = new e.ctor(E, e.name, e.strings, this, A) : e.type === 6 && (r = new uA(E, this, A)), this._$AV.push(r), e = B[++s];
       }
       I !== e?.index && (E = U.nextNode(), I++);
     }
@@ -353,7 +353,7 @@ class lA {
     for (const B of this._$AV) B !== void 0 && (B.strings !== void 0 ? (B._$AI(A, B, g), g += B.strings.length - 2) : B._$AI(A[g])), g++;
   }
 }
-class z {
+class H {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -384,7 +384,7 @@ class z {
     this._$AH !== M && N(this._$AH) ? this._$AA.nextSibling.data = A : this.T(d.createTextNode(A)), this._$AH = A;
   }
   $(A) {
-    const { values: g, _$litType$: B } = A, C = typeof B == "number" ? this._$AC(A) : (B.el === void 0 && (B.el = H.createElement(eA(B.h, B.h[0]), this.options)), B);
+    const { values: g, _$litType$: B } = A, C = typeof B == "number" ? this._$AC(A) : (B.el === void 0 && (B.el = z.createElement(eA(B.h, B.h[0]), this.options)), B);
     if (this._$AH?._$AD === C) this._$AH.p(g);
     else {
       const E = new lA(C, this), I = E.u(this.options);
@@ -393,13 +393,13 @@ class z {
   }
   _$AC(A) {
     let g = gA.get(A.strings);
-    return g === void 0 && gA.set(A.strings, g = new H(A)), g;
+    return g === void 0 && gA.set(A.strings, g = new z(A)), g;
   }
   k(A) {
     k(this._$AH) || (this._$AH = [], this._$AR());
     const g = this._$AH;
     let B, C = 0;
-    for (const E of A) C === g.length ? g.push(B = new z(this.O(J()), this.O(J()), this, this.options)) : B = g[C], B._$AI(E), C++;
+    for (const E of A) C === g.length ? g.push(B = new H(this.O(J()), this.O(J()), this, this.options)) : B = g[C], B._$AI(E), C++;
     C < g.length && (this._$AR(B && B._$AB.nextSibling, C), g.length = C);
   }
   _$AR(A = this._$AA.nextSibling, g) {
@@ -478,13 +478,13 @@ class uA {
   }
 }
 const PA = m.litHtmlPolyfillSupport;
-PA?.(H, z), (m.litHtmlVersions ??= []).push("3.3.1");
+PA?.(z, H), (m.litHtmlVersions ??= []).push("3.3.1");
 const vA = (Q, A, g) => {
   const B = g?.renderBefore ?? A;
   let C = B._$litPart$;
   if (C === void 0) {
     const E = g?.renderBefore ?? null;
-    B._$litPart$ = C = new z(A.insertBefore(J(), E), E, void 0, g ?? {});
+    B._$litPart$ = C = new H(A.insertBefore(J(), E), E, void 0, g ?? {});
   }
   return C._$AI(Q), C;
 };
@@ -670,7 +670,7 @@ function Eg() {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const n = (Q) => Q ?? M;
-class HA extends w {
+class zA extends w {
   static styles = i`
     @font-face {
       font-family: 'Geist';
@@ -731,9 +731,9 @@ class HA extends w {
   }
 }
 function Ig() {
-  typeof window < "u" && !customElements.get("cd-data-object") && customElements.define("cd-data-object", HA);
+  typeof window < "u" && !customElements.get("cd-data-object") && customElements.define("cd-data-object", zA);
 }
-const zA = (Q, A, g) => {
+const HA = (Q, A, g) => {
   const B = Q[A];
   return B ? typeof B == "function" ? B() : Promise.resolve(B) : new Promise((C, E) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(E.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + A + (A.split("/").length !== g ? ". Note that variables only represent file names one level deep." : ""))));
@@ -831,7 +831,7 @@ class yA extends w {
   }
   async loadIcon() {
     try {
-      let A = this.name.toLowerCase(), g = await zA(/* @__PURE__ */ Object.assign({ "../../icons/add-circle.svg": () => import("./add-circle.es.js"), "../../icons/air.svg": () => import("./air.es.js"), "../../icons/api.svg": () => import("./api.es.js"), "../../icons/arrow.svg": () => import("./arrow.es.js"), "../../icons/browser-settings.svg": () => import("./browser-settings.es.js"), "../../icons/caret-down.svg": () => import("./caret-down.es.js"), "../../icons/caret-end-mini-down.svg": () => import("./caret-end-mini-down.es.js"), "../../icons/caret-end-mini-left.svg": () => import("./caret-end-mini-left.es.js"), "../../icons/caret-end-mini-right.svg": () => import("./caret-end-mini-right.es.js"), "../../icons/caret-end-mini-up.svg": () => import("./caret-end-mini-up.es.js"), "../../icons/caret-mini-down.svg": () => import("./caret-mini-down.es.js"), "../../icons/caret-mini-left.svg": () => import("./caret-mini-left.es.js"), "../../icons/caret-mini-right.svg": () => import("./caret-mini-right.es.js"), "../../icons/caret-mini-up.svg": () => import("./caret-mini-up.es.js"), "../../icons/check.svg": () => import("./check.es.js"), "../../icons/configuration.svg": () => import("./configuration.es.js"), "../../icons/copy.svg": () => import("./copy.es.js"), "../../icons/cost.svg": () => import("./cost.es.js"), "../../icons/document.svg": () => import("./document.es.js"), "../../icons/exception.svg": () => import("./exception.es.js"), "../../icons/exit.svg": () => import("./exit.es.js"), "../../icons/external.svg": () => import("./external.es.js"), "../../icons/gps-device.svg": () => import("./gps-device.es.js"), "../../icons/hart.svg": () => import("./hart.es.js"), "../../icons/insights.svg": () => import("./insights.es.js"), "../../icons/integration.svg": () => import("./integration.es.js"), "../../icons/inventory.svg": () => import("./inventory.es.js"), "../../icons/issue.svg": () => import("./issue.es.js"), "../../icons/it.svg": () => import("./it.es.js"), "../../icons/logistics-contract.svg": () => import("./logistics-contract.es.js"), "../../icons/ocean.svg": () => import("./ocean.es.js"), "../../icons/package-with-qr.svg": () => import("./package-with-qr.es.js"), "../../icons/package.svg": () => import("./package.es.js"), "../../icons/phone-with-qr.svg": () => import("./phone-with-qr.es.js"), "../../icons/ping.svg": () => import("./ping.es.js"), "../../icons/playbook.svg": () => import("./playbook.es.js"), "../../icons/plus.svg": () => import("./plus.es.js"), "../../icons/pm.svg": () => import("./pm.es.js"), "../../icons/qr-code.svg": () => import("./qr-code.es.js"), "../../icons/search.svg": () => import("./search.es.js"), "../../icons/sensors.svg": () => import("./sensors.es.js"), "../../icons/server.svg": () => import("./server.es.js"), "../../icons/sustainablity.svg": () => import("./sustainablity.es.js"), "../../icons/task-list.svg": () => import("./task-list.es.js"), "../../icons/temperature-device.svg": () => import("./temperature-device.es.js"), "../../icons/truck.svg": () => import("./truck.es.js"), "../../icons/users.svg": () => import("./users.es.js"), "../../icons/warehouse.svg": () => import("./warehouse.es.js"), "../../icons/water-device.svg": () => import("./water-device.es.js") }), `../../icons/${A}.svg`, 4);
+      let A = this.name.toLowerCase(), g = await HA(/* @__PURE__ */ Object.assign({ "../../icons/add-circle.svg": () => import("./add-circle.es.js"), "../../icons/air.svg": () => import("./air.es.js"), "../../icons/api.svg": () => import("./api.es.js"), "../../icons/arrow.svg": () => import("./arrow.es.js"), "../../icons/browser-settings.svg": () => import("./browser-settings.es.js"), "../../icons/caret-down.svg": () => import("./caret-down.es.js"), "../../icons/caret-end-mini-down.svg": () => import("./caret-end-mini-down.es.js"), "../../icons/caret-end-mini-left.svg": () => import("./caret-end-mini-left.es.js"), "../../icons/caret-end-mini-right.svg": () => import("./caret-end-mini-right.es.js"), "../../icons/caret-end-mini-up.svg": () => import("./caret-end-mini-up.es.js"), "../../icons/caret-mini-down.svg": () => import("./caret-mini-down.es.js"), "../../icons/caret-mini-left.svg": () => import("./caret-mini-left.es.js"), "../../icons/caret-mini-right.svg": () => import("./caret-mini-right.es.js"), "../../icons/caret-mini-up.svg": () => import("./caret-mini-up.es.js"), "../../icons/check.svg": () => import("./check.es.js"), "../../icons/configuration.svg": () => import("./configuration.es.js"), "../../icons/copy.svg": () => import("./copy.es.js"), "../../icons/cost.svg": () => import("./cost.es.js"), "../../icons/document.svg": () => import("./document.es.js"), "../../icons/exception.svg": () => import("./exception.es.js"), "../../icons/exit.svg": () => import("./exit.es.js"), "../../icons/external.svg": () => import("./external.es.js"), "../../icons/gps-device.svg": () => import("./gps-device.es.js"), "../../icons/hart.svg": () => import("./hart.es.js"), "../../icons/insights.svg": () => import("./insights.es.js"), "../../icons/integration.svg": () => import("./integration.es.js"), "../../icons/inventory.svg": () => import("./inventory.es.js"), "../../icons/issue.svg": () => import("./issue.es.js"), "../../icons/it.svg": () => import("./it.es.js"), "../../icons/logistics-contract.svg": () => import("./logistics-contract.es.js"), "../../icons/ocean.svg": () => import("./ocean.es.js"), "../../icons/package-with-qr.svg": () => import("./package-with-qr.es.js"), "../../icons/package.svg": () => import("./package.es.js"), "../../icons/phone-with-qr.svg": () => import("./phone-with-qr.es.js"), "../../icons/ping.svg": () => import("./ping.es.js"), "../../icons/playbook.svg": () => import("./playbook.es.js"), "../../icons/plus.svg": () => import("./plus.es.js"), "../../icons/pm.svg": () => import("./pm.es.js"), "../../icons/qr-code.svg": () => import("./qr-code.es.js"), "../../icons/search.svg": () => import("./search.es.js"), "../../icons/sensors.svg": () => import("./sensors.es.js"), "../../icons/server.svg": () => import("./server.es.js"), "../../icons/sustainablity.svg": () => import("./sustainablity.es.js"), "../../icons/task-list.svg": () => import("./task-list.es.js"), "../../icons/temperature-device.svg": () => import("./temperature-device.es.js"), "../../icons/truck.svg": () => import("./truck.es.js"), "../../icons/users.svg": () => import("./users.es.js"), "../../icons/warehouse.svg": () => import("./warehouse.es.js"), "../../icons/water-device.svg": () => import("./water-device.es.js") }), `../../icons/${A}.svg`, 4);
       console.log(`Loading icon: ${A}.svg`), this.loadedIcon = g.default || g, this.loadedIcon = this.loadedIcon.replace(/height="[^"]*"/, "").replace(/width="[^"]*"/, ""), this.loadedIcon = this.loadedIcon.replace(/stroke="([^"]*)"/g, 'stroke="var(--icon-stroke, $1)"'), this.loadedIcon = this.loadedIcon.replace(/stroke-width="4"/g, 'stroke-width="var(--icon-stroke-width-primary, 4)"'), this.loadedIcon = this.loadedIcon.replace(/stroke-width="3"/g, 'stroke-width="var(--icon-stroke-width-secondary, 3)"'), this.loadedIcon = this.loadedIcon.replace(/fill="white"/g, 'fill="var(--icon-background-page, white)"'), this.loadedIcon = this.loadedIcon.replace(/fill="#6DDAC6"/g, 'fill="var(--icon-background-primary, #6DDAC6)"'), this.loadedIcon = this.loadedIcon.replace(/fill="#B1E9DF"/g, 'fill="var(--icon-background-secondary, #B1E9DF)"'), this.requestUpdate();
     } catch {
       console.log(`Icon "${this.name}" not found.`), this.loadedIcon = "<!-- Icon not found -->";
@@ -2161,6 +2161,15 @@ class XA extends w {
       type: Boolean,
       reflect: !0
     },
+    items: {
+      type: Array,
+      reflect: !0
+    },
+    selectedItem: {
+      type: String,
+      reflect: !0,
+      attribute: "selected-item"
+    },
     error: {
       type: Boolean,
       reflect: !0
@@ -2185,7 +2194,7 @@ class XA extends w {
     }
   };
   constructor() {
-    super(), this.name = void 0, this.value = void 0, this.disabled = !1, this.required = !1, this.error = !1, this.placeholder = void 0, this.fullWidth = !1, this._internals = this.attachInternals();
+    super(), this.name = void 0, this.value = void 0, this.disabled = !1, this.required = !1, this.error = !1, this.placeholder = void 0, this.fullWidth = !1, this.items = [], this.selectedItem = void 0, this._internals = this.attachInternals();
   }
   render() {
     return t`
@@ -2200,7 +2209,7 @@ class XA extends w {
         @change="${this.handleChange}"
       >
         ${this.placeholder ? t`<option value="" disabled selected>${this.placeholder}</option>` : ""}
-        <slot></slot>
+        ${this.items ? this.items.map((A) => t`<option .value=${A} ?selected=${this.selectedItem == A}>${A}</option>`) : t`<slot></slot>`}
       </select>
       <cd-icon name="caret-down" class="select-icon" size='xxs'></cd-icon>
     </div>
@@ -2694,20 +2703,19 @@ class Ag extends w {
       <div class="page-size">
         <div class="page-select">
         <span class="label">${this.label}</span>
+        <cd-select full-width style="--input-width: 100%;" .items=${this.sizes} selected-item="${this.size}">
 
-        <cd-select full-width style="--input-width: 100%;">
-          ${this.sizes.map((A) => t`<option value="${A}" ?selected="${this.size === A}">${A}</option>`)}
         </cd-select>
 
         </div>
-        <span class="total-items"><span class="page-number"> ${this.range} </span> of <span class="page-number">${this.totalItems}</span> items</span>
+        <span class="total-items"><span class="page-number page-range"> ${this.range} </span> of <span class="page-number">${this.totalItems}</span> items</span>
 
         <cd-pagination skip-to-end skip-to-start></cd-pagination>
       </div>
     `;
   }
   firstUpdated() {
-    this.shadowRoot.querySelector("cd-pagination").totalPages = this.totalItems > 0 ? Math.ceil(this.totalItems / this.size) : 0, this.shadowRoot.querySelector("cd-select").addEventListener("change", (A) => {
+    console.log(this.sizes), this.sizes.includes(this.size) || (this.sizes = [.../* @__PURE__ */ new Set([...this.sizes, this.size])].sort((A, g) => A - g), this.range = `1 - ${this.size}`), this.shadowRoot.querySelector("cd-pagination").totalPages = this.totalItems > 0 ? Math.ceil(this.totalItems / this.size) : 0, this.shadowRoot.querySelector("cd-select").addEventListener("change", (A) => {
       this.size = Number(A.target.value), this.range = `${(this.shadowRoot.querySelector("cd-pagination").currentPage - 1) * this.size + 1} - ${Math.min(this.shadowRoot.querySelector("cd-pagination").currentPage * this.size, this.totalItems)}`, (this.shadowRoot.querySelector("cd-pagination").currentPage - 1) * this.size + 1 > this.totalItems && (this.range = `${(Math.ceil(this.totalItems / this.size) - 1) * this.size + 1} - ${this.totalItems}`), this.shadowRoot.querySelector("cd-pagination").totalPages = this.totalItems > 0 ? Math.ceil(this.totalItems / this.size) : 0, this.shadowRoot.querySelector("cd-pagination").currentPage > this.shadowRoot.querySelector("cd-pagination").totalPages && (this.shadowRoot.querySelector("cd-pagination").currentPage = this.shadowRoot.querySelector("cd-pagination").totalPages), this.dispatchEvent(new CustomEvent("size-changed", {
         detail: {
           size: this.size
@@ -2736,7 +2744,7 @@ export {
   Yg as A,
   JA as B,
   bA as C,
-  HA as D,
+  zA as D,
   VA as E,
   LA as F,
   XA as G,