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

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

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

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

@@ -0,0 +1,69 @@
+import { LitElement as n, nothing as c, html as s, unsafeCSS as h } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/index.js";
+import { state as v, customElement as u } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/decorators.js";
+import f from "./jd-header.scss.js";
+import "../button/jd-button.js";
+import "../flash/jd-flash.js";
+import "../footer/jd-footer.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 w } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/@lit-labs/signals/index.js";
+import { breakpoint as i } from "../../stores/breakpoint-store.js";
+import { classMap as g } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/directives/class-map.js";
+var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, m = (t, r, l, e) => {
+  for (var o = e > 1 ? void 0 : e ? M(r, l) : r, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (o = (e ? d(r, l, o) : d(o)) || o);
+  return e && o && j(r, l, o), o;
+};
+let a = class extends w(n) {
+  constructor() {
+    super(...arguments), this.showModal = !1;
+  }
+  render() {
+    const t = {
+      "header-wrapper": !0,
+      [i.get()]: !0
+    };
+    return s`
+      <div class=${g(t)}>
+        <div class="logo">joflow</div>
+        ${i.get() !== "s" ? s`<div>
+              <slot></slot>
+            </div>` : s`<div class="burger-wrapper">
+              <jd-icon-button
+                iconName="burger-menu"
+                @click=${() => {
+      this.showModal = !this.showModal, console.log("Modal state:", this.showModal);
+    }}
+              ></jd-icon-button>
+            </div>`}
+        ${i.get() === "l" ? s`<div class="empty-div-desktop"></div>` : c}
+      </div>
+      <jd-modal
+        type="header"
+        .show=${this.showModal && i.get() === "s"}
+        id="modal"
+      >
+        <div class="nav-wrapper">
+          <slot></slot>
+        </div>
+      </jd-modal>
+    `;
+  }
+};
+a.styles = h(f);
+m([
+  v()
+], a.prototype, "showModal", 2);
+a = m([
+  u("jd-header")
+], a);
+export {
+  a as JdHeader
+};
+//# sourceMappingURL=jd-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jd-header.js","sources":["../../../src/components/header/jd-header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS, nothing } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport style from \"./jd-header.scss?inline\";\nimport \"../../components\";\nimport { SignalWatcher } from \"@lit-labs/signals\";\nimport { breakpoint } from \"../../stores/breakpoint-store\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\n@customElement(\"jd-header\")\nexport class JdHeader extends SignalWatcher(LitElement) {\n  static styles = unsafeCSS(style);\n\n  @state() private showModal = false;\n\n  render() {\n    const headerWrapperClass = {\n      \"header-wrapper\": true,\n      [breakpoint.get()]: true,\n    };\n\n    return html`\n      <div class=${classMap(headerWrapperClass)}>\n        <div class=\"logo\">joflow</div>\n        ${breakpoint.get() !== \"s\"\n          ? html`<div>\n              <slot></slot>\n            </div>`\n          : html`<div class=\"burger-wrapper\">\n              <jd-icon-button\n                iconName=\"burger-menu\"\n                @click=${() => {\n                  this.showModal = !this.showModal;\n                  console.log(\"Modal state:\", this.showModal);\n                }}\n              ></jd-icon-button>\n            </div>`}\n        ${breakpoint.get() === \"l\"\n          ? html`<div class=\"empty-div-desktop\"></div>`\n          : nothing}\n      </div>\n      <jd-modal\n        type=\"header\"\n        .show=${this.showModal && breakpoint.get() === \"s\"}\n        id=\"modal\"\n      >\n        <div class=\"nav-wrapper\">\n          <slot></slot>\n        </div>\n      </jd-modal>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"jd-header\": JdHeader;\n  }\n}\n"],"names":["JdHeader","SignalWatcher","LitElement","headerWrapperClass","breakpoint","html","classMap","nothing","unsafeCSS","style","__decorateClass","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAuBC,EAAcC,CAAU,EAAE;AAAA,EAAjD,cAAA;AAAA,UAAA,GAAA,SAAA,GAGI,KAAQ,YAAY;AAAA,EAAA;AAAA,EAE7B,SAAS;AACP,UAAMC,IAAqB;AAAA,MACzB,kBAAkB;AAAA,MAClB,CAACC,EAAW,KAAK,GAAG;AAAA,IACtB;AAEO,WAAAC;AAAA,mBACQC,EAASH,CAAkB,CAAC;AAAA;AAAA,UAErCC,EAAW,UAAU,MACnBC;AAAA;AAAA,sBAGAA;AAAA;AAAA;AAAA,yBAGa,MAAM;AACR,WAAA,YAAY,CAAC,KAAK,WACf,QAAA,IAAI,gBAAgB,KAAK,SAAS;AAAA,IAC3C,CAAA;AAAA;AAAA,mBAEE;AAAA,UACTD,EAAW,IAAU,MAAA,MACnBC,2CACAE,CAAO;AAAA;AAAA;AAAA;AAAA,gBAIH,KAAK,aAAaH,EAAW,UAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D;AA1CaJ,EACJ,SAASQ,EAAUC,CAAK;AAEdC,EAAA;AAAA,EAAhBC,EAAM;AAAA,GAHIX,EAGM,WAAA,aAAA,CAAA;AAHNA,IAANU,EAAA;AAAA,EADNE,EAAc,WAAW;AAAA,GACbZ,CAAA;"}