@jotyping/jo-designsystem 0.1.2-alpha → 0.1.3-alpha

package/dist/components/button/jd-button.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jd-button.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/flash/jd-flash.js

@@ -0,0 +1,74 @@
+import { LitElement as h, html as u, unsafeCSS as f } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/index.js";
+import { property as n, customElement as d } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/decorators.js";
+import v from "./jd-flash.scss.js";
+import { classMap as l } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/directives/class-map.js";
+import "../button/jd-button.js";
+import "../footer/jd-footer.js";
+import "../header/jd-header.js";
+import "../heading/jd-heading.js";
+import "../icon/jd-icon.js";
+import "../icon-button/jd-icon-button.js";
+import "../image-link/jd-image-link.js";
+import "../link/jd-link.js";
+import "../modal/jd-modal.js";
+import "../navigation/jd-navigation.js";
+import "../tag/jd-tag.js";
+import { SignalWatcher as y } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/@lit-labs/signals/index.js";
+import { breakpoint as c } from "../../stores/breakpoint-store.js";
+var g = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (s, r, i, p) => {
+  for (var t = p > 1 ? void 0 : p ? z(r, i) : r, m = s.length - 1, a; m >= 0; m--)
+    (a = s[m]) && (t = (p ? a(r, i, t) : a(t)) || t);
+  return p && t && g(r, i, t), t;
+};
+let o = class extends y(h) {
+  constructor() {
+    super(...arguments), this.size = "auto", this.color = "red", this.iconPosition = "bottom", this.iconName = "fire";
+  }
+  render() {
+    const s = {
+      "flash-wrapper": !0,
+      "upside-down": this.iconPosition === "top"
+    }, r = {
+      "title-wrapper": !0,
+      [this.size === "auto" ? c.get() : this.size]: !0,
+      [this.color]: !0
+    }, i = {
+      "icon-wrapper": !0,
+      [this.size === "auto" ? c.get() : this.size]: !0
+    };
+    return u`
+      <div class=${l(s)}>
+        <div class=${l(r)}>
+          <slot name="title"></slot>
+        </div>
+        <div class=${l(i)}>
+          <jd-icon
+            iconName=${this.iconName}
+            color=${this.color}
+            size=${this.size === "s" || c.get() === "s" ? "48px" : "72px"}
+          ></jd-icon>
+        </div>
+      </div>
+    `;
+  }
+};
+o.styles = f(v);
+e([
+  n({ type: String })
+], o.prototype, "size", 2);
+e([
+  n({ type: String })
+], o.prototype, "color", 2);
+e([
+  n({ type: String })
+], o.prototype, "iconPosition", 2);
+e([
+  n({ type: String })
+], o.prototype, "iconName", 2);
+o = e([
+  d("jd-flash")
+], o);
+export {
+  o as JdFlash
+};
+//# sourceMappingURL=jd-flash.js.map

package/dist/components/flash/jd-flash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jd-flash.js","sources":["../../../src/components/flash/jd-flash.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./jd-flash.scss?inline\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport \"../../components\";\nimport { SignalWatcher } from \"@lit-labs/signals\";\nimport { breakpoint } from \"../../stores/breakpoint-store\";\n\n@customElement(\"jd-flash\")\nexport class JdFlash extends SignalWatcher(LitElement) {\n  static styles = unsafeCSS(style);\n\n  @property({ type: String }) size: \"s\" | \"m\" | \"l\" | \"auto\" = \"auto\";\n  @property({ type: String }) color: \"red\" | \"purple\" | \"blue\" = \"red\";\n  @property({ type: String }) iconPosition: \"top\" | \"bottom\" = \"bottom\";\n  @property({ type: String }) iconName:\n    | \"fire\"\n    | \"puzzle\"\n    | \"lightning\"\n    | \"arrow-right\"\n    | \"arrow-circle-left\"\n    | \"burger-menu\"\n    | \"chat\" = \"fire\";\n\n  render() {\n    const flashWrapperClasses = {\n      \"flash-wrapper\": true,\n      \"upside-down\": this.iconPosition === \"top\",\n    };\n\n    const titleWrapperClasses = {\n      \"title-wrapper\": true,\n      [this.size === \"auto\" ? breakpoint.get() : this.size]: true,\n      [this.color]: true,\n    };\n\n    const iconWrapperClasses = {\n      \"icon-wrapper\": true,\n      [this.size === \"auto\" ? breakpoint.get() : this.size]: true,\n    };\n\n    return html`\n      <div class=${classMap(flashWrapperClasses)}>\n        <div class=${classMap(titleWrapperClasses)}>\n          <slot name=\"title\"></slot>\n        </div>\n        <div class=${classMap(iconWrapperClasses)}>\n          <jd-icon\n            iconName=${this.iconName}\n            color=${this.color}\n            size=${this.size === \"s\" || breakpoint.get() === \"s\"\n              ? \"48px\"\n              : \"72px\"}\n          ></jd-icon>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"jd-flash\": JdFlash;\n  }\n}\n"],"names":["JdFlash","SignalWatcher","LitElement","flashWrapperClasses","titleWrapperClasses","breakpoint","iconWrapperClasses","html","classMap","unsafeCSS","style","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAsBC,EAAcC,CAAU,EAAE;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA,GAGwD,KAAA,OAAA,QACE,KAAA,QAAA,OACF,KAAA,eAAA,UAQhD,KAAA,WAAA;AAAA,EAAA;AAAA,EAEb,SAAS;AACP,UAAMC,IAAsB;AAAA,MAC1B,iBAAiB;AAAA,MACjB,eAAe,KAAK,iBAAiB;AAAA,IACvC,GAEMC,IAAsB;AAAA,MAC1B,iBAAiB;AAAA,MACjB,CAAC,KAAK,SAAS,SAASC,EAAW,QAAQ,KAAK,IAAI,GAAG;AAAA,MACvD,CAAC,KAAK,KAAK,GAAG;AAAA,IAChB,GAEMC,IAAqB;AAAA,MACzB,gBAAgB;AAAA,MAChB,CAAC,KAAK,SAAS,SAASD,EAAW,IAAI,IAAI,KAAK,IAAI,GAAG;AAAA,IACzD;AAEO,WAAAE;AAAA,mBACQC,EAASL,CAAmB,CAAC;AAAA,qBAC3BK,EAASJ,CAAmB,CAAC;AAAA;AAAA;AAAA,qBAG7BI,EAASF,CAAkB,CAAC;AAAA;AAAA,uBAE1B,KAAK,QAAQ;AAAA,oBAChB,KAAK,KAAK;AAAA,mBACX,KAAK,SAAS,OAAOD,EAAW,UAAU,MAC7C,SACA,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMtB;AAjDaL,EACJ,SAASS,EAAUC,CAAK;AAEHC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfZ,EAGiB,WAAA,QAAA,CAAA;AACAW,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAJfZ,EAIiB,WAAA,SAAA,CAAA;AACAW,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GALfZ,EAKiB,WAAA,gBAAA,CAAA;AACAW,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GANfZ,EAMiB,WAAA,YAAA,CAAA;AANjBA,IAANW,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZb,CAAA;"}