@cargosense/cargo-design-system 1.0.16 → 1.0.18

package/dist/assets/index.es.js

@@ -263,22 +263,22 @@ G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[f("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m = globalThis, b = m.trustedTypes, Z = b ? b.createPolicy("lit-html", { createHTML: (Q) => Q }) : void 0, QA = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, EA = "?" + h, nA = `<${EA}>`, d = document, J = () => d.createComment(""), N = (Q) => Q === null || typeof Q != "object" && typeof Q != "function", k = Array.isArray, FA = (Q) => k(Q) || typeof Q?.[Symbol.iterator] == "function", T = `[ 	
-\f\r]`, v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, q = /-->/g, $ = />/g, l = RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ 	
+const m = globalThis, b = m.trustedTypes, Z = b ? b.createPolicy("lit-html", { createHTML: (Q) => Q }) : void 0, QA = "$lit$", l = `lit$${Math.random().toFixed(9).slice(2)}$`, EA = "?" + l, nA = `<${EA}>`, d = document, J = () => d.createComment(""), N = (Q) => Q === null || typeof Q != "object" && typeof Q != "function", k = Array.isArray, FA = (Q) => k(Q) || typeof Q?.[Symbol.iterator] == "function", T = `[ 	
+\f\r]`, v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, q = /-->/g, $ = />/g, h = RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), _ = /'/g, AA = /"/g, eA = /^(?:script|style|textarea|title)$/i, aA = (Q) => (A, ...g) => ({ _$litType$: Q, strings: A, values: g }), t = aA(1), u = Symbol.for("lit-noChange"), M = Symbol.for("lit-nothing"), gA = /* @__PURE__ */ new WeakMap(), U = d.createTreeWalker(d, 129);
 function IA(Q, A) {
   if (!k(Q) || !Q.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Z !== void 0 ? Z.createHTML(A) : A;
 }
-const hA = (Q, A) => {
+const lA = (Q, A) => {
   const g = Q.length - 1, B = [];
   let C, E = A === 2 ? "<svg>" : A === 3 ? "<math>" : "", e = v;
   for (let s = 0; s < g; s++) {
     const I = Q[s];
     let r, Y, o = -1, F = 0;
-    for (; F < I.length && (e.lastIndex = F, Y = e.exec(I), Y !== null); ) F = e.lastIndex, e === v ? Y[1] === "!--" ? e = q : Y[1] !== void 0 ? e = $ : Y[2] !== void 0 ? (eA.test(Y[2]) && (C = RegExp("</" + Y[2], "g")), e = l) : Y[3] !== void 0 && (e = l) : e === l ? Y[0] === ">" ? (e = C ?? v, o = -1) : Y[1] === void 0 ? o = -2 : (o = e.lastIndex - Y[2].length, r = Y[1], e = Y[3] === void 0 ? l : Y[3] === '"' ? AA : _) : e === AA || e === _ ? e = l : e === q || e === $ ? e = v : (e = l, C = void 0);
-    const a = e === l && Q[s + 1].startsWith("/>") ? " " : "";
-    E += e === v ? I + nA : o >= 0 ? (B.push(r), I.slice(0, o) + QA + I.slice(o) + h + a) : I + h + (o === -2 ? s : a);
+    for (; F < I.length && (e.lastIndex = F, Y = e.exec(I), Y !== null); ) F = e.lastIndex, e === v ? Y[1] === "!--" ? e = q : Y[1] !== void 0 ? e = $ : Y[2] !== void 0 ? (eA.test(Y[2]) && (C = RegExp("</" + Y[2], "g")), e = h) : Y[3] !== void 0 && (e = h) : e === h ? Y[0] === ">" ? (e = C ?? v, o = -1) : Y[1] === void 0 ? o = -2 : (o = e.lastIndex - Y[2].length, r = Y[1], e = Y[3] === void 0 ? h : Y[3] === '"' ? AA : _) : e === AA || e === _ ? e = h : e === q || e === $ ? e = v : (e = h, C = void 0);
+    const a = e === h && Q[s + 1].startsWith("/>") ? " " : "";
+    E += e === v ? I + nA : o >= 0 ? (B.push(r), I.slice(0, o) + QA + I.slice(o) + l + a) : I + l + (o === -2 ? s : a);
   }
   return [IA(Q, E + (Q[g] || "<?>") + (A === 2 ? "</svg>" : A === 3 ? "</math>" : "")), B];
 };
@@ -287,7 +287,7 @@ class z {
     let C;
     this.parts = [];
     let E = 0, e = 0;
-    const s = A.length - 1, I = this.parts, [r, Y] = hA(A, g);
+    const s = A.length - 1, I = this.parts, [r, Y] = lA(A, g);
     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);
@@ -295,11 +295,11 @@ class z {
     for (; (C = U.nextNode()) !== null && I.length < s; ) {
       if (C.nodeType === 1) {
         if (C.hasAttributes()) for (const o of C.getAttributeNames()) if (o.endsWith(QA)) {
-          const F = Y[e++], a = C.getAttribute(o).split(h), y = /([.?@])?(.*)/.exec(F);
+          const F = Y[e++], a = C.getAttribute(o).split(l), y = /([.?@])?(.*)/.exec(F);
           I.push({ type: 1, index: E, name: y[2], strings: a, ctor: y[1] === "." ? UA : y[1] === "?" ? dA : y[1] === "@" ? GA : x }), C.removeAttribute(o);
-        } else o.startsWith(h) && (I.push({ type: 6, index: E }), C.removeAttribute(o));
+        } else o.startsWith(l) && (I.push({ type: 6, index: E }), C.removeAttribute(o));
         if (eA.test(C.tagName)) {
-          const o = C.textContent.split(h), F = o.length - 1;
+          const o = C.textContent.split(l), F = o.length - 1;
           if (F > 0) {
             C.textContent = b ? b.emptyScript : "";
             for (let a = 0; a < F; a++) C.append(o[a], J()), U.nextNode(), I.push({ type: 2, index: ++E });
@@ -309,7 +309,7 @@ class z {
       } else if (C.nodeType === 8) if (C.data === EA) I.push({ type: 2, index: E });
       else {
         let o = -1;
-        for (; (o = C.data.indexOf(h, o + 1)) !== -1; ) I.push({ type: 7, index: E }), o += h.length - 1;
+        for (; (o = C.data.indexOf(l, o + 1)) !== -1; ) I.push({ type: 7, index: E }), o += l.length - 1;
       }
       E++;
     }
@@ -325,7 +325,7 @@ function P(Q, A, g = Q, B) {
   const E = N(A) ? void 0 : A._$litDirective$;
   return C?.constructor !== E && (C?._$AO?.(!1), E === void 0 ? C = void 0 : (C = new E(Q), C._$AT(Q, g, B)), B !== void 0 ? (g._$Co ??= [])[B] = C : g._$Cl = C), C !== void 0 && (A = P(Q, C._$AS(Q, A.values), C, B)), A;
 }
-class lA {
+class hA {
   constructor(A, g) {
     this._$AV = [], this._$AN = void 0, this._$AD = A, this._$AM = g;
   }
@@ -387,7 +387,7 @@ class H {
     const { values: g, _$litType$: B } = A, C = typeof B == "number" ? this._$AC(A) : (B.el === void 0 && (B.el = z.createElement(IA(B.h, B.h[0]), this.options)), B);
     if (this._$AH?._$AD === C) this._$AH.p(g);
     else {
-      const E = new lA(C, this), e = E.u(this.options);
+      const E = new hA(C, this), e = E.u(this.options);
       E.p(g), this.T(e), this._$AH = E;
     }
   }
@@ -2148,10 +2148,12 @@ class XA extends w {
   `;
   static properties = {
     name: {
-      type: String
+      type: String,
+      reflect: !0
     },
     value: {
-      type: String
+      type: String,
+      reflect: !0
     },
     disabled: {
       type: Boolean,
@@ -2170,6 +2172,11 @@ class XA extends w {
       reflect: !0,
       attribute: "selected-item"
     },
+    blank: {
+      type: Boolean,
+      reflect: !0,
+      attribute: "blank"
+    },
     error: {
       type: Boolean,
       reflect: !0
@@ -2194,7 +2201,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.items = [], this.selectedItem = void 0, 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.blank = void 0, this._internals = this.attachInternals();
   }
   render() {
     return t`
@@ -2208,8 +2215,9 @@ class XA extends w {
         class="${this.error ? "input-error" : ""} ${this.size} ${this.fullWidth ? "full-width" : ""}"
         @change="${this.handleChange}"
       >
-        ${this.placeholder ? t`<option value="" disabled selected>${this.placeholder}</option>` : ""}
-        ${this.items ? this.items.map((A) => t`<option .value=${A} ?selected=${this.selectedItem == A}>${A}</option>`) : t`<slot></slot>`}
+      ${this.placeholder ? t`<option value="" disabled selected>${this.placeholder}</option>` : ""}
+      ${this.blank === !0 && n(this.blanK) ? t`<option value="'false'" selected></option>` : ""}
+      ${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>
@@ -2570,6 +2578,26 @@ class $A extends w {
       reflect: !0,
       attribute: "disabled-next",
       defaultValue: !1
+    },
+    skipToStartClick: {
+      type: Function,
+      reflect: !1,
+      attribute: !1
+    },
+    previousClick: {
+      type: Function,
+      reflect: !1,
+      attribute: !1
+    },
+    nextClick: {
+      type: Function,
+      reflect: !1,
+      attribute: !1
+    },
+    skipToEndClick: {
+      type: Function,
+      reflect: !1,
+      attribute: !1
     }
   };
   constructor() {
@@ -2581,17 +2609,17 @@ class $A extends w {
       <slot name="default"></slot>
 
       ${this.skipToStart ? t`
-        <cd-icon name="caret-end-mini-left" @click="${() => !this.disabled && !this.disabledPrevious ? this.goToPage(1) : null}" color="${n(this.currentPage === 1 || this.disabled || this.disabledPrevious ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === 1 ? -1 : 0}"></cd-icon>
+        <cd-icon name="caret-end-mini-left" @click="${this.skipToStartClick}" color="${n(this.currentPage === 1 || this.disabled || this.disabledPrevious ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === 1 ? -1 : 0}"></cd-icon>
       ` : ""}
 
-      <cd-icon name="caret-mini-left" @click="${this.previousPage}" color="${n(this.currentPage === 1 || this.disabled || this.disabledPrevious ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === 1 ? -1 : 0}"></cd-icon>
+      <cd-icon name="caret-mini-left" @click="${this.previousClick}" color="${n(this.currentPage === 1 || this.disabled || this.disabledPrevious ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === 1 ? -1 : 0}"></cd-icon>
 
       <span>Page <span class="page-number">${this.currentPage}</span> of <span class="page-number">${this.totalPages}</span></span>
 
-      <cd-icon name="caret-mini-right" @click="${this.nextPage}" color="${n(this.currentPage === this.totalPages || this.disabled || this.disabledNext ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === this.totalPages ? -1 : 0}"></cd-icon>
+      <cd-icon name="caret-mini-right" @click="${this.nextClick}" color="${n(this.currentPage === this.totalPages || this.disabled || this.disabledNext ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === this.totalPages ? -1 : 0}"></cd-icon>
 
       ${this.skipToEnd ? t`
-        <cd-icon name="caret-end-mini-right" @click="${() => !this.disabled && !this.disabledNext ? this.goToPage(this.totalPages) : null}" color="${n(this.currentPage === this.totalPages || this.disabled || this.disabledNext ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === this.totalPages ? -1 : 0}"></cd-icon>
+        <cd-icon name="caret-end-mini-right" @click="${this.skipToEndClick}" color="${n(this.currentPage === this.totalPages || this.disabled || this.disabledNext ? "var(--input-border-color-disabled)" : void 0)}" tabindex="${this.currentPage === this.totalPages ? -1 : 0}"></cd-icon>
       ` : ""}
 
       <slot name="after"></slot>