@cargosense/cargo-design-system 1.0.9 → 1.0.11

package/dist/molecules/index.es.js

@@ -1,5 +1,5 @@
 import "../fonts/index.es.js";
-import { r as s, i as r, a as o, f as n, b as i, o as c, x as e, c as p, d as h, e as v } from "../assets/index.es.js";
+import { r as s, i as r, a as o, f as n, b as i, o as l, x as e, c as p, d as h, e as v } from "../assets/index.es.js";
 s();
 class b extends r {
   static styles = i`
@@ -180,7 +180,7 @@ class b extends r {
   firstUpdated() {
     const t = document.getElementById(this.form);
     this.shadowRoot.querySelector("button").addEventListener("click", () => {
-      t instanceof HTMLFormElement && (console.log("Form found, submitting..."), t.requestSubmit());
+      t instanceof HTMLFormElement && t.requestSubmit();
     });
   }
   constructor() {
@@ -188,7 +188,7 @@ class b extends r {
   }
   render() {
     return e`
-    <a href='${c(this.link)}' target="${c(this.target)}" tabindex="-1" class="${this.expand}">
+    <a href='${l(this.link)}' target="${l(this.target)}" tabindex="-1" class="${this.expand}">
       <button form="${this.form}" type="${this.button}" class="button ${this.square} ${this.variant} ${this.size} ${this.expand} ${this.disabled ? "disabled" : ""}" .name="${this.name}" tabindex="${this.disabled ? "-1" : 0}" @click='${this.handleClick}'>
        <slot name='start'></slot> <slot></slot> <slot name='end'></slot>
       </button>
@@ -525,7 +525,7 @@ class g extends r {
     return e`
       ${this.iconLeft ? e`<span class="icon-left-container"><cd-icon name="${this.iconLeft}" size="sm" class="icon-left"></cd-icon></span>` : ""}
       <input id='${this.name}' class="${this.iconLeft ? "icon-spacing-left" : ""} ${this.iconRight ? " icon-spacing-right" : ""}  ${this.disabled ? " disabled" : ""} ${this.error ? " input-error" : ""} ${this.fullWidth ? " full-width" : ""} ${this.variant === "dashed" ? " dashed" : this.variant == "dotted" ? " dotted" : ""} ${this.size}" type="${this.type}" placeholder="${this.placeholder}" ?required=${this.required} .value="${this.value}"  ?readonly=${this.readOnly} ?disabled=${this.disabled} .pattern="${this.pattern}" @input="${this.handleInput}" @change="${this.handleChange}" @blur="${this.handleFocus}" @keypress=${this.handleKeyPress}/>
-      ${this.iconRight ? e`<span class="icon-right-container"><cd-icon name="${this.iconRight}" size="sm" class="icon-right" color='${ifDefined(this.error ? "var(--input-error-border-color)" : void 0)}'></cd-icon></span>` : ""}
+      ${this.iconRight ? e`<span class="icon-right-container"><cd-icon name="${this.iconRight}" size="sm" class="icon-right" color='${l(this.error ? "var(--input-error-border-color)" : void 0)}'></cd-icon></span>` : ""}
       `;
   }
   focus() {
@@ -647,7 +647,7 @@ function V() {
 }
 h();
 s();
-class x extends r {
+class y extends r {
   static styles = i`
     @font-face {
       font-family: 'Geist';
@@ -798,7 +798,7 @@ class x extends r {
   }
   render() {
     return e`
-      <a href="${c(this.link)}" class="nav-item ${this.active ? "active" : ""} ${this.select ? "selected" : ""}" tabindex="0">
+      <a href="${l(this.link)}" class="nav-item ${this.active ? "active" : ""} ${this.select ? "selected" : ""}" tabindex="0">
         <slot name="before" class="${this.amount > 0 && !this.select ? "standout" : ""} ${this.select ? "selected" : ""}"></slot>
         <p>${this.name}</p>
         ${this.variant == "dropdown" ? e`<cd-icon class='caret' name='caret-down' size='sm'></cd-icon>` : ""}
@@ -827,10 +827,10 @@ class x extends r {
     this.active = !this.active, this.requestUpdate();
   }
 }
-function F() {
-  typeof window < "u" && !customElements.get("cd-nav-item") && customElements.define("cd-nav-item", x);
+function R() {
+  typeof window < "u" && !customElements.get("cd-nav-item") && customElements.define("cd-nav-item", y);
 }
-class y extends r {
+class x extends r {
   static styles = i`
     @font-face {
       font-family: 'Geist';
@@ -854,8 +854,8 @@ class y extends r {
     `;
   }
 }
-function R() {
-  typeof window < "u" && !customElements.get("cd-table") && customElements.define("cd-table", y);
+function F() {
+  typeof window < "u" && !customElements.get("cd-table") && customElements.define("cd-table", x);
 }
 class w extends r {
   static styles = i`
@@ -1143,9 +1143,9 @@ class $ extends r {
   }
   render() {
     return e`
-      ${this.variant === "default" ? e`<a href="${c(this.link)}" class="value"><slot></slot></a>` : ""}
+      ${this.variant === "default" ? e`<a href="${l(this.link)}" class="value"><slot></slot></a>` : ""}
       ${this.variant === "dropdown" ? e`<span class="dropdown-value"><slot></slot></span>` : ""}
-      ${this.variant === "arrow" ? e`<a href="${c(this.link)}" class="arrow-value"><slot></slot><cd-icon name="arrow" size="sm"></cd-icon></a>` : ""}
+      ${this.variant === "arrow" ? e`<a href="${l(this.link)}" class="arrow-value"><slot></slot><cd-icon name="arrow" size="sm"></cd-icon></a>` : ""}
     `;
   }
 }
@@ -1464,9 +1464,9 @@ class E extends r {
       console.warn("Shadow DOM is not available.");
       return;
     }
-    this.shadowRoot.querySelector(".active") && (console.log("Adding event listener to active element"), this.shadowRoot.querySelector(".active").addEventListener("keydown", (t) => {
-      console.log("test"), t.keyCode === 13 && this.collapseInput();
-    }));
+    this.shadowRoot.querySelector(".active") && this.shadowRoot.querySelector(".active").addEventListener("keydown", (t) => {
+      t.keyCode === 13 && this.collapseInput();
+    });
   }
   focus() {
     if (!this.shadowRoot) {
@@ -1853,6 +1853,10 @@ class A extends r {
       type: String,
       reflect: !0
     },
+    name: {
+      type: String,
+      reflect: !0
+    },
     shortcut: {
       type: String,
       reflect: !0
@@ -2119,6 +2123,10 @@ class C extends r {
     }
   `;
   static properties = {
+    name: {
+      type: String,
+      reflect: !0
+    },
     value: {
       type: String,
       reflect: !0
@@ -2222,13 +2230,12 @@ class C extends r {
     });
   }
   timeNow() {
-    console.log(this.timezone);
     let t = (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
       timeZone: this.timezone || "America/New_York"
     });
-    if (console.log(t), console.log(t.split(" ")[2]), t.split(" ")[2] === "PM") {
-      let l = t.split(" ");
-      console.log(l), t = Number(l[1].split(":")[0]) + 12 + ":" + l[1].split(":")[1] + ":" + l[1].split(":")[2];
+    if (t.split(" ")[2] === "PM") {
+      let c = t.split(" ");
+      t = Number(c[1].split(":")[0]) + 12 + ":" + c[1].split(":")[1] + ":" + c[1].split(":")[2];
     } else
       t = t.split(" ")[1];
     return t;
@@ -2370,12 +2377,12 @@ export {
   B as IconContainer,
   g as Input,
   m as NavBar,
-  x as NavItem,
+  y as NavItem,
   k as NavProfile,
   E as Search,
   z as Tab,
   S as TabContainer,
-  y as Table,
+  x as Table,
   C as TimeComponent,
   w as ToolTip,
   $ as Value,
@@ -2385,12 +2392,12 @@ export {
   Y as registerIconContainer,
   D as registerInput,
   V as registerNavBar,
-  F as registerNavItem,
+  R as registerNavItem,
   P as registerNavProfile,
   G as registerSearch,
   U as registerTab,
   M as registerTabContainer,
-  R as registerTable,
+  F as registerTable,
   W as registerTime,
   L as registerToolTip,
   N as registerValue