@cargosense/cargo-design-system 1.0.8 → 1.0.10

package/dist/assets/index.es.js

@@ -261,7 +261,7 @@ d.elementStyles = [], d.shadowRootOptions = { mode: "open" }, d[J("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const p = globalThis, R = p.trustedTypes, Z = R ? R.createPolicy("lit-html", { createHTML: (Q) => Q }) : void 0, QA = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, EA = "?" + U, YA = `<${EA}>`, G = document, N = () => G.createComment(""), f = (Q) => Q === null || typeof Q != "object" && typeof Q != "function", k = Array.isArray, FA = (Q) => k(Q) || typeof Q?.[Symbol.iterator] == "function", b = `[ 	
+const p = globalThis, R = p.trustedTypes, Z = R ? R.createPolicy("lit-html", { createHTML: (Q) => Q }) : void 0, QA = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, EA = "?" + h, YA = `<${EA}>`, G = document, N = () => G.createComment(""), f = (Q) => Q === null || typeof Q != "object" && typeof Q != "function", k = Array.isArray, FA = (Q) => k(Q) || typeof Q?.[Symbol.iterator] == "function", b = `[ 	
 \f\r]`, v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, q = /-->/g, $ = />/g, l = RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), _ = /'/g, AA = /"/g, IA = /^(?:script|style|textarea|title)$/i, nA = (Q) => (A, ...g) => ({ _$litType$: Q, strings: A, values: g }), D = nA(1), P = Symbol.for("lit-noChange"), t = Symbol.for("lit-nothing"), gA = /* @__PURE__ */ new WeakMap(), a = G.createTreeWalker(G, 129);
 function wA(Q, A) {
@@ -275,8 +275,8 @@ const UA = (Q, A) => {
     const w = Q[r];
     let M, c, o = -1, F = 0;
     for (; F < w.length && (I.lastIndex = F, c = I.exec(w), c !== null); ) F = I.lastIndex, I === v ? c[1] === "!--" ? I = q : c[1] !== void 0 ? I = $ : c[2] !== void 0 ? (IA.test(c[2]) && (C = RegExp("</" + c[2], "g")), I = l) : c[3] !== void 0 && (I = l) : I === l ? c[0] === ">" ? (I = C ?? v, o = -1) : c[1] === void 0 ? o = -2 : (o = I.lastIndex - c[2].length, M = c[1], I = c[3] === void 0 ? l : c[3] === '"' ? AA : _) : I === AA || I === _ ? I = l : I === q || I === $ ? I = v : (I = l, C = void 0);
-    const n = I === l && Q[r + 1].startsWith("/>") ? " " : "";
-    E += I === v ? w + YA : o >= 0 ? (B.push(M), w.slice(0, o) + QA + w.slice(o) + U + n) : w + U + (o === -2 ? r : n);
+    const U = I === l && Q[r + 1].startsWith("/>") ? " " : "";
+    E += I === v ? w + YA : o >= 0 ? (B.push(M), w.slice(0, o) + QA + w.slice(o) + h + U) : w + h + (o === -2 ? r : U);
   }
   return [wA(Q, E + (Q[g] || "<?>") + (A === 2 ? "</svg>" : A === 3 ? "</math>" : "")), B];
 };
@@ -293,21 +293,21 @@ class H {
     for (; (C = a.nextNode()) !== null && w.length < r; ) {
       if (C.nodeType === 1) {
         if (C.hasAttributes()) for (const o of C.getAttributeNames()) if (o.endsWith(QA)) {
-          const F = c[I++], n = C.getAttribute(o).split(U), z = /([.?@])?(.*)/.exec(F);
-          w.push({ type: 1, index: E, name: z[2], strings: n, ctor: z[1] === "." ? lA : z[1] === "?" ? aA : z[1] === "@" ? GA : T }), C.removeAttribute(o);
-        } else o.startsWith(U) && (w.push({ type: 6, index: E }), C.removeAttribute(o));
+          const F = c[I++], U = C.getAttribute(o).split(h), z = /([.?@])?(.*)/.exec(F);
+          w.push({ type: 1, index: E, name: z[2], strings: U, ctor: z[1] === "." ? lA : z[1] === "?" ? aA : z[1] === "@" ? GA : T }), C.removeAttribute(o);
+        } else o.startsWith(h) && (w.push({ type: 6, index: E }), C.removeAttribute(o));
         if (IA.test(C.tagName)) {
-          const o = C.textContent.split(U), F = o.length - 1;
+          const o = C.textContent.split(h), F = o.length - 1;
           if (F > 0) {
             C.textContent = R ? R.emptyScript : "";
-            for (let n = 0; n < F; n++) C.append(o[n], N()), a.nextNode(), w.push({ type: 2, index: ++E });
+            for (let U = 0; U < F; U++) C.append(o[U], N()), a.nextNode(), w.push({ type: 2, index: ++E });
             C.append(o[F], N());
           }
         }
       } else if (C.nodeType === 8) if (C.data === EA) w.push({ type: 2, index: E });
       else {
         let o = -1;
-        for (; (o = C.data.indexOf(U, o + 1)) !== -1; ) w.push({ type: 7, index: E }), o += U.length - 1;
+        for (; (o = C.data.indexOf(h, o + 1)) !== -1; ) w.push({ type: 7, index: E }), o += h.length - 1;
       }
       E++;
     }
@@ -667,7 +667,7 @@ function gg() {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const h = (Q) => Q ?? t;
+const n = (Q) => Q ?? t;
 class fA extends e {
   static styles = s`
     @font-face {
@@ -720,7 +720,7 @@ class fA extends e {
   }
   render() {
     return D`
-      <a href="${h(this.link)}" class="default ${this.variant}" tabindex="0">
+      <a href="${n(this.link)}" class="default ${this.variant}" tabindex="0">
       <slot name="start"></slot>
       <slot></slot>
       <slot name="end"></slot>
@@ -962,7 +962,7 @@ class RA extends e {
   }
   render() {
     return D`
-      <a href="${h(this.link)}" class="navImage">
+      <a href="${n(this.link)}" class="navImage">
         <img src="${this.src}" alt="${this.alt}" />
         <span>${this.name}</span>
       </a>
@@ -1453,7 +1453,7 @@ class mA extends e {
       </div>
 
 
-      <input type="checkbox" id='${this.name | "checkbox"}' name='${this.name | "checkbox"}' aria-describedby='${this.description | this.name | "checkbox"}' value='${h(this.value)}' ?checked="${this.checked}" ?disabled="${this.disabled}" @change="${this._onChange}" tabindex="-1">
+      <input type="checkbox" id='${this.name | "checkbox"}' name='${this.name | "checkbox"}' aria-describedby='${this.description | this.name | "checkbox"}' value='${n(this.value)}' ?checked="${this.checked}" ?disabled="${this.disabled}" @change="${this._onChange}" tabindex="-1">
 
       <div class='checkmark ${this.checked ? "active" : ""} ${this.error ? "error" : ""}' id='check'  aria-describedby='${this.description | this.name | "checkbox"}' tabindex="${this.disabled ? "-1" : "0"}">
         <cd-icon name='check' size='xs' color='white'></cd-icon>
@@ -1492,7 +1492,7 @@ class mA extends e {
   }
   firstUpdated() {
     this.disabled ? this.shadowRoot.querySelector("cd-icon").color = "#A9B2BC" : this.shadowRoot.querySelector("#check").addEventListener("keydown", (A) => {
-      console.log("keydown event", A), (A.key === "Enter" || A.key === " ") && (this.checked = !this.checked, this._internals.setValidity({
+      (A.key === "Enter" || A.key === " ") && (this.checked = !this.checked, this._internals.setValidity({
         valid: !this.checked
       }), this._internals.setFormValue(!this.checked), this.dispatchEvent(new CustomEvent("change", {
         detail: {
@@ -1605,7 +1605,7 @@ class WA extends e {
     return D`
       <label
         class="${this.disabled ? "disabled" : ""}"
-        for="${h(this.for)}"
+        for="${n(this.for)}"
       >
         ${this.text}
         <slot></slot>
@@ -2184,9 +2184,11 @@ class XA extends e {
     return D`
     <div class='container ${this.fullWidth ? "full-width" : ""}'>
       <select
-        name="${h(this.name)}"
+        name="${n(this.name)}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
+        ?error="${this.error}"
+        .value="${n(this.value)}"
         class="${this.error ? "input-error" : ""} ${this.size} ${this.fullWidth ? "full-width" : ""}"
         @change="${this.handleChange}"
       >
@@ -2397,8 +2399,8 @@ class ZA extends e {
     return D`
       <div class='container ${this.fullWidth ? "full-width" : ""}'>
         <textarea
-          id="${h(this.name)}"
-          name="${h(this.name)}"
+          id="${n(this.name)}"
+          name="${n(this.name)}"
           .value="${this.value}"
           placeholder="${this.placeholder}"
           ?disabled="${this.disabled}"
@@ -2410,7 +2412,7 @@ class ZA extends e {
           @focus="${this.handleFocus}"
           @blur="${this.handleBlur}">
         </textarea>
-        ${this.iconRight ? D`<span class="icon-right-container"><cd-icon size='sm' name='${this.iconRight}' class='icon-right' color='${h(this.error ? "var(--input-error-border-color)" : void 0)}'></cd-icon></span>` : ""}
+        ${this.iconRight ? D`<span class="icon-right-container"><cd-icon size='sm' name='${this.iconRight}' class='icon-right' color='${n(this.error ? "var(--input-error-border-color)" : void 0)}'></cd-icon></span>` : ""}
       </div>
     `;
   }
@@ -2510,7 +2512,7 @@ export {
   Cg as l,
   bA as m,
   Ig as n,
-  h as o,
+  n as o,
   wg as p,
   Dg as q,
   zA as r,