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

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

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

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

@@ -0,0 +1,86 @@
+import { LitElement as d, html as h, unsafeCSS as u } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/index.js";
+import { property as m, customElement as v } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/lit/decorators.js";
+import f from "./jd-modal.scss.js";
+import { SignalWatcher as b } from "/Users/jo/Documents/dev/Web/027 jo-ds/jd/node_modules/@lit-labs/signals/index.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 "../flash/jd-flash.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 "../navigation/jd-navigation.js";
+import "../tag/jd-tag.js";
+import { breakpoint as n } from "../../stores/breakpoint-store.js";
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (i, e, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? w(e, s) : e, p = i.length - 1, c; p >= 0; p--)
+    (c = i[p]) && (t = (o ? c(e, s, t) : c(t)) || t);
+  return o && t && y(e, s, t), t;
+};
+let r = class extends b(d) {
+  constructor() {
+    super(...arguments), this.show = !1, this.type = "default";
+  }
+  render() {
+    const i = {
+      backdrop: !0,
+      hidden: !this.show || n.get() === "s"
+    }, e = {
+      content: !0,
+      [n.get()]: !0,
+      hidden: !this.show
+    }, s = {
+      "btn-close-wrapper": !0,
+      [this.type]: !0,
+      [n.get()]: !0
+    }, o = {
+      "content-body": !0,
+      [n.get()]: !0
+    };
+    return h`<slot name="button" @click=${() => this.show = !0}></slot>
+      <div
+        class=${l(i)}
+        @click=${() => {
+      this.show = !1;
+    }}
+      ></div>
+      <div class=${l(e)}>
+        <div class=${l(s)}>
+          <jd-icon-button
+            iconName="x"
+            color="black"
+            type="borderless"
+            @click=${() => {
+      this.show = !1;
+    }}
+          ></jd-icon-button>
+        </div>
+        <div class="content-wrapper">
+          <slot></slot>
+          <div class="content-header">
+            <slot name="header"></slot>
+          </div>
+          <div class=${l(o)}>
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>`;
+  }
+};
+r.styles = u(f);
+a([
+  m({ type: Boolean })
+], r.prototype, "show", 2);
+a([
+  m({ type: String, reflect: !0 })
+], r.prototype, "type", 2);
+r = a([
+  v("jd-modal")
+], r);
+export {
+  r as JdModal
+};
+//# sourceMappingURL=jd-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jd-modal.js","sources":["../../../src/components/modal/jd-modal.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./jd-modal.scss?inline\";\nimport { SignalWatcher } from \"@lit-labs/signals\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport \"../../components\";\nimport { breakpoint } from \"../../stores/breakpoint-store\";\n\n@customElement(\"jd-modal\")\nexport class JdModal extends SignalWatcher(LitElement) {\n  static styles = unsafeCSS(style);\n\n  @property({ type: Boolean }) show = false;\n  @property({ type: String, reflect: true })\n  type: \"default\" | \"header\" = \"default\";\n\n  render() {\n    const backdropClasses = {\n      backdrop: true,\n      hidden: !this.show || breakpoint.get() === \"s\",\n    };\n\n    const contentClasses = {\n      content: true,\n      [breakpoint.get()]: true,\n      hidden: !this.show,\n    };\n\n    const btnCloseClasses = {\n      \"btn-close-wrapper\": true,\n      [this.type]: true,\n      [breakpoint.get()]: true,\n    };\n\n    const contentBodyClasses = {\n      \"content-body\": true,\n      [breakpoint.get()]: true,\n    };\n\n    return html`<slot name=\"button\" @click=${() => (this.show = true)}></slot>\n      <div\n        class=${classMap(backdropClasses)}\n        @click=${() => {\n          this.show = false;\n        }}\n      ></div>\n      <div class=${classMap(contentClasses)}>\n        <div class=${classMap(btnCloseClasses)}>\n          <jd-icon-button\n            iconName=\"x\"\n            color=\"black\"\n            type=\"borderless\"\n            @click=${() => {\n              this.show = false;\n            }}\n          ></jd-icon-button>\n        </div>\n        <div class=\"content-wrapper\">\n          <slot></slot>\n          <div class=\"content-header\">\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=${classMap(contentBodyClasses)}>\n            <slot name=\"content\"></slot>\n          </div>\n        </div>\n      </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"jd-modal\": JdModal;\n  }\n}\n"],"names":["JdModal","SignalWatcher","LitElement","backdropClasses","breakpoint","contentClasses","btnCloseClasses","contentBodyClasses","html","classMap","unsafeCSS","style","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAsBC,EAAcC,CAAU,EAAE;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA,GAG+B,KAAA,OAAA,IAEP,KAAA,OAAA;AAAA,EAAA;AAAA,EAE7B,SAAS;AACP,UAAMC,IAAkB;AAAA,MACtB,UAAU;AAAA,MACV,QAAQ,CAAC,KAAK,QAAQC,EAAW,UAAU;AAAA,IAC7C,GAEMC,IAAiB;AAAA,MACrB,SAAS;AAAA,MACT,CAACD,EAAW,IAAI,CAAC,GAAG;AAAA,MACpB,QAAQ,CAAC,KAAK;AAAA,IAChB,GAEME,IAAkB;AAAA,MACtB,qBAAqB;AAAA,MACrB,CAAC,KAAK,IAAI,GAAG;AAAA,MACb,CAACF,EAAW,KAAK,GAAG;AAAA,IACtB,GAEMG,IAAqB;AAAA,MACzB,gBAAgB;AAAA,MAChB,CAACH,EAAW,KAAK,GAAG;AAAA,IACtB;AAEA,WAAOI,+BAAkC,MAAO,KAAK,OAAO,EAAK;AAAA;AAAA,gBAErDC,EAASN,CAAe,CAAC;AAAA,iBACxB,MAAM;AACb,WAAK,OAAO;AAAA,IACb,CAAA;AAAA;AAAA,mBAEUM,EAASJ,CAAc,CAAC;AAAA,qBACtBI,EAASH,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKzB,MAAM;AACb,WAAK,OAAO;AAAA,IACb,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAQUG,EAASF,CAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMnD;AA3DaP,EACJ,SAASU,EAAUC,CAAK;AAEFC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAHhBb,EAGkB,WAAA,QAAA,CAAA;AAE7BY,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJ9Bb,EAKX,WAAA,QAAA,CAAA;AALWA,IAANY,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZd,CAAA;"}