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

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

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

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

@@ -0,0 +1,63 @@
+import { LitElement as u, html as v, unsafeCSS as c } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/index.js";
+import { property as d, customElement as f } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/decorators.js";
+import h from "./jd-heading.scss.js";
+import { classMap as m } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/directives/class-map.js";
+import { SignalWatcher as g } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/@lit-labs/signals/index.js";
+import { breakpoint as a } from "../../stores/breakpoint-store.js";
+import "../button/jd-button.js";
+import "../flash/jd-flash.js";
+import "../footer/jd-footer.js";
+import "../header/jd-header.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";
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (r, t, o, i) => {
+  for (var e = i > 1 ? void 0 : i ? w(t, o) : t, p = r.length - 1, l; p >= 0; p--)
+    (l = r[p]) && (e = (i ? l(t, o, e) : l(e)) || e);
+  return i && e && b(t, o, e), e;
+};
+let s = class extends g(u) {
+  constructor() {
+    super(...arguments), this.size = "auto";
+  }
+  render() {
+    const r = {
+      "title-wrapper": !0,
+      [this.size === "auto" ? a.get() : this.size]: !0
+    }, t = {
+      "subtitle-wrapper": !0,
+      [this.size === "auto" ? a.get() : this.size]: !0
+    };
+    return v`
+      <div class="heading-wrapper">
+        <div class=${m(r)}>
+          <slot name="title-line-one"></slot>
+          <div class="title-line-two-wrapper">
+            <slot name="title-line-two"></slot>
+            <div class=${m(t)}>
+              <slot name="subtitle-right"></slot>
+            </div>
+          </div>
+        </div>
+        <div class=${m(t)}>
+          <slot name="subtitle-bottom"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+s.styles = c(h);
+n([
+  d({ type: String })
+], s.prototype, "size", 2);
+s = n([
+  f("jd-heading")
+], s);
+export {
+  s as JdHeading
+};
+//# sourceMappingURL=jd-heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jd-heading.js","sources":["../../../src/components/heading/jd-heading.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./jd-heading.scss?inline\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { SignalWatcher } from \"@lit-labs/signals\";\nimport { breakpoint } from \"../../stores/breakpoint-store\";\nimport \"../../components\";\n\n@customElement(\"jd-heading\")\nexport class JdHeading extends SignalWatcher(LitElement) {\n  static styles = unsafeCSS(style);\n\n  @property({ type: String }) size: \"l\" | \"m\" | \"s\" | \"auto\" = \"auto\";\n\n  render() {\n    const titleWrapperClasses = {\n      \"title-wrapper\": true,\n      [this.size === \"auto\" ? breakpoint.get() : this.size]: true,\n    };\n\n    const subTitleWrapperClasses = {\n      \"subtitle-wrapper\": true,\n      [this.size === \"auto\" ? breakpoint.get() : this.size]: true,\n    };\n\n    return html`\n      <div class=\"heading-wrapper\">\n        <div class=${classMap(titleWrapperClasses)}>\n          <slot name=\"title-line-one\"></slot>\n          <div class=\"title-line-two-wrapper\">\n            <slot name=\"title-line-two\"></slot>\n            <div class=${classMap(subTitleWrapperClasses)}>\n              <slot name=\"subtitle-right\"></slot>\n            </div>\n          </div>\n        </div>\n        <div class=${classMap(subTitleWrapperClasses)}>\n          <slot name=\"subtitle-bottom\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"jd-heading\": JdHeading;\n  }\n}\n"],"names":["JdHeading","SignalWatcher","LitElement","titleWrapperClasses","breakpoint","subTitleWrapperClasses","html","classMap","unsafeCSS","style","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAwBC,EAAcC,CAAU,EAAE;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA,GAGwD,KAAA,OAAA;AAAA,EAAA;AAAA,EAE7D,SAAS;AACP,UAAMC,IAAsB;AAAA,MAC1B,iBAAiB;AAAA,MACjB,CAAC,KAAK,SAAS,SAASC,EAAW,IAAI,IAAI,KAAK,IAAI,GAAG;AAAA,IACzD,GAEMC,IAAyB;AAAA,MAC7B,oBAAoB;AAAA,MACpB,CAAC,KAAK,SAAS,SAASD,EAAW,IAAI,IAAI,KAAK,IAAI,GAAG;AAAA,IACzD;AAEO,WAAAE;AAAA;AAAA,qBAEUC,EAASJ,CAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,yBAIzBI,EAASF,CAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKpCE,EAASF,CAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMrD;AAjCaL,EACJ,SAASQ,EAAUC,CAAK;AAEHC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfX,EAGiB,WAAA,QAAA,CAAA;AAHjBA,IAANU,EAAA;AAAA,EADNE,EAAc,YAAY;AAAA,GACdZ,CAAA;"}