@jotyping/jap-ds 0.1.2-alpha → 0.1.3-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/footer/jap-footer.js +21 -28
- package/dist/components/footer/jap-footer.js.map +1 -1
- package/dist/components/footer/jap-footer.scss.js +1 -1
- package/dist/components/header/jap-header.js +5 -5
- package/dist/components/header/jap-header.js.map +1 -1
- package/dist/components/header/jap-header.scss.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { LitElement as
|
|
2
|
-
import { customElement as
|
|
3
|
-
import
|
|
1
|
+
import { LitElement as a, html as l, unsafeCSS as f } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/lit/index.js";
|
|
2
|
+
import { customElement as n } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/lit/decorators.js";
|
|
3
|
+
import c from "./jap-footer.scss.js";
|
|
4
|
+
import { SignalWatcher as u } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/@lit-labs/signals/index.js";
|
|
5
|
+
import { breakpoint as v } from "../../stores/breakpoint-store.js";
|
|
6
|
+
import { classMap as g } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/lit/directives/class-map.js";
|
|
4
7
|
import "../button/jap-button.js";
|
|
5
8
|
import "../flash/jap-flash.js";
|
|
6
9
|
import "../header/jap-header.js";
|
|
@@ -12,39 +15,29 @@ import "../link/jap-link.js";
|
|
|
12
15
|
import "../modal/jap-modal.js";
|
|
13
16
|
import "../navigation/jap-navigation.js";
|
|
14
17
|
import "../tag/jap-tag.js";
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
for (var r = m > 1 ? void 0 : m ? k(a, s) : a, o = t.length - 1, n; o >= 0; o--)
|
|
20
|
-
(n = t[o]) && (r = n(r) || r);
|
|
21
|
-
return r;
|
|
18
|
+
var _ = Object.getOwnPropertyDescriptor, d = (r, p, s, m) => {
|
|
19
|
+
for (var t = m > 1 ? void 0 : m ? _(p, s) : p, o = r.length - 1, i; o >= 0; o--)
|
|
20
|
+
(i = r[o]) && (t = i(t) || t);
|
|
21
|
+
return t;
|
|
22
22
|
};
|
|
23
|
-
let
|
|
23
|
+
let e = class extends u(a) {
|
|
24
24
|
render() {
|
|
25
|
-
const
|
|
25
|
+
const r = {
|
|
26
26
|
"footer-wrapper": !0,
|
|
27
|
-
[
|
|
27
|
+
[v.get()]: !0
|
|
28
28
|
};
|
|
29
|
-
return
|
|
30
|
-
<div class=${
|
|
31
|
-
<
|
|
32
|
-
<jap-link slot="button">Impressum</jap-link>
|
|
33
|
-
<div>Impressum content</div>
|
|
34
|
-
</jap-modal>
|
|
35
|
-
${p.get() !== "s" ? e`<jap-icon iconName="circle"></jap-icon>` : l}
|
|
36
|
-
<jap-link href="#" target="_blank">Github</jap-link>
|
|
37
|
-
${p.get() !== "s" ? e`<jap-icon iconName="circle"></jap-icon>` : l}
|
|
38
|
-
<jap-link href="#" target="_blank">Contact</jap-link>
|
|
29
|
+
return l`
|
|
30
|
+
<div class=${g(r)}>
|
|
31
|
+
<slot></slot>
|
|
39
32
|
</div>
|
|
40
33
|
`;
|
|
41
34
|
}
|
|
42
35
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
],
|
|
36
|
+
e.styles = f(c);
|
|
37
|
+
e = d([
|
|
38
|
+
n("jap-footer")
|
|
39
|
+
], e);
|
|
47
40
|
export {
|
|
48
|
-
|
|
41
|
+
e as JapFooter
|
|
49
42
|
};
|
|
50
43
|
//# sourceMappingURL=jap-footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jap-footer.js","sources":["../../../src/components/footer/jap-footer.ts"],"sourcesContent":["import { LitElement, html,
|
|
1
|
+
{"version":3,"file":"jap-footer.js","sources":["../../../src/components/footer/jap-footer.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport style from \"./jap-footer.scss?inline\";\nimport { SignalWatcher } from \"@lit-labs/signals\";\nimport { breakpoint } from \"../../stores/breakpoint-store\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport \"../../components\";\n\n@customElement(\"jap-footer\")\nexport class JapFooter extends SignalWatcher(LitElement) {\n static styles = unsafeCSS(style);\n\n render() {\n const footerWrapperClass = {\n \"footer-wrapper\": true,\n [breakpoint.get()]: true,\n };\n\n return html`\n <div class=${classMap(footerWrapperClass)}>\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"jap-footer\": JapFooter;\n }\n}\n"],"names":["JapFooter","SignalWatcher","LitElement","footerWrapperClass","breakpoint","html","classMap","unsafeCSS","style","__decorateClass","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAwBC,EAAcC,CAAU,EAAE;AAAA,EAGvD,SAAS;AACP,UAAMC,IAAqB;AAAA,MACzB,kBAAkB;AAAA,MAClB,CAACC,EAAW,KAAK,GAAG;AAAA,IAAA;AAGtB,WAAOC;AAAA,mBACQC,EAASH,CAAkB,CAAC;AAAA;AAAA;AAAA;AAAA,EAI7C;AACF;AAfaH,EACJ,SAASO,EAAUC,CAAK;AADpBR,IAANS,EAAA;AAAA,EADNC,EAAc,YAAY;AAAA,GACdV,CAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const t = '@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular.woff2) format("woff2"),url(/assets/Satoshi-Regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic.woff2) format("woff2"),url(/assets/Satoshi-Italic.woff) format("woff");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold.woff2) format("woff2"),url(/assets/Satoshi-Bold.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black.woff2) format("woff2"),url(/assets/Satoshi-Black.woff) format("woff");font-weight:900;font-display:swap;font-style:normal}:host{display:block}.footer-wrapper{display:flex;justify-content:start;border-top:2px solid #3a3a3a;font-family:Satoshi-Regular,sans-serif;font-size:22px;line-height:32px}.footer-wrapper.s{flex-direction:column;justify-content:center;width:calc(100% - 64px);margin:
|
|
1
|
+
const t = '@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular.woff2) format("woff2"),url(/assets/Satoshi-Regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic.woff2) format("woff2"),url(/assets/Satoshi-Italic.woff) format("woff");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold.woff2) format("woff2"),url(/assets/Satoshi-Bold.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black.woff2) format("woff2"),url(/assets/Satoshi-Black.woff) format("woff");font-weight:900;font-display:swap;font-style:normal}:host{display:block}.footer-wrapper{display:flex;justify-content:start;border-top:2px solid #3a3a3a;font-family:Satoshi-Regular,sans-serif;font-size:22px;line-height:32px}.footer-wrapper.s{flex-direction:column;justify-content:center;width:calc(100% - 64px);margin:22px 32px 28px;height:140px}.footer-wrapper.m{flex-direction:row;align-items:center;width:calc(100% - 80px);margin:22px 40px 28px;height:78px}.footer-wrapper.l{flex-direction:row;align-items:center;width:calc(100% - 192px);margin:22px 96px 28px;height:94px}.footer-wrapper.m ::slotted(*),.footer-wrapper.l ::slotted(*){display:inline-flex;align-items:center}.footer-wrapper.m ::slotted(*:not(:first-child)):before,.footer-wrapper.l ::slotted(*:not(:first-child)):before{content:"";width:7px;height:7px;background:#3a3a3a;border-radius:50%;margin:0 12px;flex-shrink:0}.dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#3a3a3a}';
|
|
2
2
|
export {
|
|
3
3
|
t as default
|
|
4
4
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { LitElement as n, nothing as c, html as s, unsafeCSS as
|
|
2
|
-
import { state as
|
|
1
|
+
import { LitElement as n, nothing as c, html as s, unsafeCSS as v } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/lit/index.js";
|
|
2
|
+
import { state as h, customElement as u } from "/Users/jo/Documents/dev/Web/026-jap-ds/jap/node_modules/lit/decorators.js";
|
|
3
3
|
import f from "./jap-header.scss.js";
|
|
4
4
|
import "../button/jap-button.js";
|
|
5
5
|
import "../flash/jap-flash.js";
|
|
@@ -32,7 +32,7 @@ let p = class extends w(n) {
|
|
|
32
32
|
return s`
|
|
33
33
|
<div class=${g(t)}>
|
|
34
34
|
<div class="logo">jap</div>
|
|
35
|
-
${a.get() !== "s" ? s`<div>
|
|
35
|
+
${a.get() !== "s" ? s`<div class="navigation-slot-wrapper">
|
|
36
36
|
<slot></slot>
|
|
37
37
|
</div>` : s`<div class="burger-wrapper">
|
|
38
38
|
<jap-icon-button
|
|
@@ -56,9 +56,9 @@ let p = class extends w(n) {
|
|
|
56
56
|
`;
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
p.styles =
|
|
59
|
+
p.styles = v(f);
|
|
60
60
|
d([
|
|
61
|
-
|
|
61
|
+
h()
|
|
62
62
|
], p.prototype, "showModal", 2);
|
|
63
63
|
p = d([
|
|
64
64
|
u("jap-header")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jap-header.js","sources":["../../../src/components/header/jap-header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS, nothing } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport style from \"./jap-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(\"jap-header\")\nexport class JapHeader 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\">jap</div>\n ${breakpoint.get() !== \"s\"\n ? html`<div>\n <slot></slot>\n </div>`\n : html`<div class=\"burger-wrapper\">\n <jap-icon-button\n iconName=\"burger-menu\"\n @click=${() => {\n this.showModal = !this.showModal;\n console.log(\"Modal state:\", this.showModal);\n }}\n ></jap-icon-button>\n </div>`}\n ${breakpoint.get() === \"l\"\n ? html`<div class=\"empty-div-desktop\"></div>`\n : nothing}\n </div>\n <jap-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 </jap-modal>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"jap-header\": JapHeader;\n }\n}\n"],"names":["JapHeader","SignalWatcher","LitElement","headerWrapperClass","breakpoint","html","classMap","nothing","unsafeCSS","style","__decorateClass","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAwBC,EAAcC,CAAU,EAAE;AAAA,EAAlD,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,IAAA;AAGtB,WAAOC;AAAA,mBACQC,EAASH,CAAkB,CAAC;AAAA;AAAA,UAErCC,EAAW,UAAU,MACnBC;AAAA;AAAA,sBAGAA;AAAA;AAAA;AAAA,yBAGa,MAAM;AACb,WAAK,YAAY,CAAC,KAAK,WACvB,QAAQ,IAAI,gBAAgB,KAAK,SAAS;AAAA,IAC5C,CAAC;AAAA;AAAA,mBAEE;AAAA,UACTD,EAAW,IAAA,MAAU,MACnBC,2CACAE,CAAO;AAAA;AAAA;AAAA;AAAA,gBAIH,KAAK,aAAaH,EAAW,IAAA,MAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxD;AACF;AA1CaJ,EACJ,SAASQ,EAAUC,CAAK;AAEdC,EAAA;AAAA,EAAhBC,EAAA;AAAM,GAHIX,EAGM,WAAA,aAAA,CAAA;AAHNA,IAANU,EAAA;AAAA,EADNE,EAAc,YAAY;AAAA,GACdZ,CAAA;"}
|
|
1
|
+
{"version":3,"file":"jap-header.js","sources":["../../../src/components/header/jap-header.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS, nothing } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport style from \"./jap-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(\"jap-header\")\nexport class JapHeader 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\">jap</div>\n ${breakpoint.get() !== \"s\"\n ? html`<div class=\"navigation-slot-wrapper\">\n <slot></slot>\n </div>`\n : html`<div class=\"burger-wrapper\">\n <jap-icon-button\n iconName=\"burger-menu\"\n @click=${() => {\n this.showModal = !this.showModal;\n console.log(\"Modal state:\", this.showModal);\n }}\n ></jap-icon-button>\n </div>`}\n ${breakpoint.get() === \"l\"\n ? html`<div class=\"empty-div-desktop\"></div>`\n : nothing}\n </div>\n <jap-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 </jap-modal>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"jap-header\": JapHeader;\n }\n}\n"],"names":["JapHeader","SignalWatcher","LitElement","headerWrapperClass","breakpoint","html","classMap","nothing","unsafeCSS","style","__decorateClass","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAN,cAAwBC,EAAcC,CAAU,EAAE;AAAA,EAAlD,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,IAAA;AAGtB,WAAOC;AAAA,mBACQC,EAASH,CAAkB,CAAC;AAAA;AAAA,UAErCC,EAAW,UAAU,MACnBC;AAAA;AAAA,sBAGAA;AAAA;AAAA;AAAA,yBAGa,MAAM;AACb,WAAK,YAAY,CAAC,KAAK,WACvB,QAAQ,IAAI,gBAAgB,KAAK,SAAS;AAAA,IAC5C,CAAC;AAAA;AAAA,mBAEE;AAAA,UACTD,EAAW,IAAA,MAAU,MACnBC,2CACAE,CAAO;AAAA;AAAA;AAAA;AAAA,gBAIH,KAAK,aAAaH,EAAW,IAAA,MAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxD;AACF;AA1CaJ,EACJ,SAASQ,EAAUC,CAAK;AAEdC,EAAA;AAAA,EAAhBC,EAAA;AAAM,GAHIX,EAGM,WAAA,aAAA,CAAA;AAHNA,IAANU,EAAA;AAAA,EADNE,EAAc,YAAY;AAAA,GACdZ,CAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const t = '@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular.woff2) format("woff2"),url(/assets/Satoshi-Regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic.woff2) format("woff2"),url(/assets/Satoshi-Italic.woff) format("woff");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold.woff2) format("woff2"),url(/assets/Satoshi-Bold.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black.woff2) format("woff2"),url(/assets/Satoshi-Black.woff) format("woff");font-weight:900;font-display:swap;font-style:normal}:host{display:block}.header-wrapper{display:flex;flex-direction:row;justify-content:space-between
|
|
1
|
+
const t = '@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular.woff2) format("woff2"),url(/assets/Satoshi-Regular.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic.woff2) format("woff2"),url(/assets/Satoshi-Italic.woff) format("woff");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold.woff2) format("woff2"),url(/assets/Satoshi-Bold.woff) format("woff");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black.woff2) format("woff2"),url(/assets/Satoshi-Black.woff) format("woff");font-weight:900;font-display:swap;font-style:normal}:host{display:block}.header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.header-wrapper.s{width:calc(100% - 64px);margin:0 32px;height:225px}.header-wrapper.m{width:calc(100% - 80px);margin:0 40px;height:225px}.header-wrapper.l{width:calc(100% - 192px);margin:0 96px;height:320px}.burger-wrapper{display:flex;align-items:center;justify-content:center;height:168px}.nav-wrapper{width:100%;display:flex;justify-content:center;padding-bottom:100px}.navigation-slot-wrapper{display:flex;align-items:center;height:168px}.empty-div-desktop{width:88px}.logo{font-family:Satoshi-Black,sans-serif;font-size:30px;line-height:168px;color:#3a3a3a;cursor:pointer}';
|
|
2
2
|
export {
|
|
3
3
|
t as default
|
|
4
4
|
};
|