@zanichelli/albe-web-components 2.30.0-rc7 → 2.31.0-clav-272
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/CHANGELOG.md +1177 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-alert_66.cjs.entry.js +37 -16
- package/dist/cjs/z-app-header.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-visually-hidden.cjs.entry.js +19 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/footer/z-footer/index.js +161 -19
- package/dist/collection/components/footer/z-footer/styles.css +105 -43
- package/dist/collection/components/footer/z-footer-link/styles.css +1 -1
- package/dist/collection/components/footer/z-footer-section/styles.css +7 -8
- package/dist/collection/components/footer/z-footer-social/styles.css +1 -1
- package/dist/collection/components/logo/z-logo/index.js +25 -8
- package/dist/collection/components/logo/z-logo/styles.css +9 -11
- package/dist/collection/components/navigation/z-app-header/styles.css +6 -2
- package/dist/collection/components/navigation/z-app-topbar/index.js +1 -1
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +41 -41
- package/dist/collection/components/z-visually-hidden/index.js +15 -0
- package/dist/collection/components/z-visually-hidden/styles.css +15 -0
- package/dist/collection/snowflakes/myz/topbar/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-alert_66.entry.js +37 -16
- package/dist/esm/z-app-header.entry.js +1 -1
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-visually-hidden.entry.js +15 -0
- package/dist/types/components/footer/z-footer/index.d.ts +23 -2
- package/dist/types/components/logo/z-logo/index.d.ts +4 -2
- package/dist/types/components/z-visually-hidden/index.d.ts +3 -0
- package/dist/types/components.d.ts +69 -8
- package/dist/web-components-library/p-1442c0b2.entry.js +1 -0
- package/dist/web-components-library/p-16197e3c.entry.js +7 -0
- package/dist/web-components-library/p-dc51dcc8.entry.js +1 -0
- package/dist/web-components-library/p-f83347fd.entry.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +2 -1
- package/react/components.js.map +1 -1
- package/src-react/index.ts +1 -0
- package/www/build/p-1442c0b2.entry.js +1 -0
- package/www/build/p-16197e3c.entry.js +7 -0
- package/www/build/p-beb043f8.js +1 -0
- package/www/build/p-dc51dcc8.entry.js +1 -0
- package/www/build/p-f83347fd.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +3 -3
- package/www/pages/notification.html +3 -6
- package/dist/web-components-library/p-14543c46.entry.js +0 -1
- package/dist/web-components-library/p-6c3a77ef.entry.js +0 -1
- package/dist/web-components-library/p-9cefa3bf.entry.js +0 -7
- package/www/build/p-0b4eabaf.js +0 -1
- package/www/build/p-14543c46.entry.js +0 -1
- package/www/build/p-6c3a77ef.entry.js +0 -1
- package/www/build/p-9cefa3bf.entry.js +0 -7
|
@@ -64,7 +64,7 @@ const ZAppTopbar = class {
|
|
|
64
64
|
return (h(Host, { class: {
|
|
65
65
|
[this.theme]: true,
|
|
66
66
|
"limited-width": !!this.contentMaxWidth
|
|
67
|
-
} }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32,
|
|
67
|
+
} }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
ZAppTopbar.style = stylesCss$_;
|
|
@@ -563,23 +563,35 @@ const ZDivider = class {
|
|
|
563
563
|
};
|
|
564
564
|
ZDivider.style = stylesCss$R;
|
|
565
565
|
|
|
566
|
-
const stylesCss$Q = ":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--
|
|
566
|
+
const stylesCss$Q = ":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--font-family-sans);font-size:13px;padding:var(--space-unit) 0;background-color:var(--gray900);color:var(--gray50)}footer *{box-sizing:border-box}footer>section>div{display:grid}#top{padding:0 calc(var(--space-unit) * 2)}#bottom{width:auto;height:auto;margin:0;padding:0 calc(var(--space-unit) * 2);white-space:pre-line;font-size:12px}#bottom>div{display:grid;grid-template-columns:1fr}#bottom>div>div.item{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 1;height:auto;width:auto;padding:calc(var(--space-unit) * 2) 0}#bottom>div>div.item:nth-child(1){order:2}#bottom>div>div.item:nth-child(2){order:1;border-bottom:1px solid var(--gray50)}#bottom>div>div.item>div.social{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 24px);column-gap:12px;padding:0;margin-bottom:0px}#bottom>div>div.bottom-links{display:none}#bottom>div>div.item>p{margin:var(--space-unit) 0;padding:var(--space-unit) 0}#bottom>div>div.item>p:first-child{margin-top:0}#bottom>div>div.item>p:last-child{margin-bottom:0}#bottom>div>div.logo>p>span{display:block}#extension{padding:0 calc(var(--space-unit) * 2)}#extension>div{display:grid;grid-template-columns:1fr;grid-row-gap:var(--space-unit);align-items:center}#extension z-divider{margin-top:var(--space-unit)}#extension z-button{margin-left:var(--space-unit)}div.limited-width{margin:auto;max-width:var(--mw)}@media only screen and (min-width: 768px){footer{padding:0}#top{background-color:var(--gray800);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)}#top z-footer-section:last-child{display:none}#bottom{background-color:var(--gray900);padding:0 calc(var(--space-unit) * 3)}#bottom>div{grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-tablet-margin)}#bottom>div>div.item{margin:0}#bottom>div>div.item:nth-child(1){order:1}#bottom>div>div.item:nth-child(2){order:2;border-bottom:none}#bottom>div>div.item>p{padding-top:0}#bottom>div>div.logo>z-logo{width:auto;height:39px}#bottom>div>div.bottom-links{display:block;grid-column:span 2;order:3}#bottom>div>div.bottom-links{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, 24px);grid-column-gap:var(--grid-tablet-margin);font-size:12px}#extension{margin:auto;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3) 0;background-color:var(--gray800);color:white;grid-template-columns:1fr 1fr}#extension>div>div{text-align:end}#extension z-divider{grid-column:1 / span 2}}@media only screen and (min-width: 1152px){#top{width:100%}#top>div{grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-desktop-margin)}#bottom>div>div.item:nth-child(1)>p:nth-of-type(2){font-size:10px}#bottom>div>div.item>p{padding-bottom:0;margin-bottom:calc(var(--space-unit) * 2)}#bottom>div>div.item>div.social{margin-top:0}#bottom>div>div.bottom-links{padding:calc(var(--space-unit) * 2) 0 0 0}#bottom>div>div.bottom-links{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-desktop-margin);margin:0}}@media only screen and (min-width: 1366px){#top{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}#bottom{padding:0 calc(var(--space-unit) * 4)}#extension{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4) 0}}";
|
|
567
567
|
|
|
568
568
|
const ZFooter = class {
|
|
569
569
|
constructor(hostRef) {
|
|
570
570
|
registerInstance(this, hostRef);
|
|
571
|
+
this.creditsLinkClick = createEvent(this, "creditsLinkClick", 7);
|
|
572
|
+
this.reportAProblemButtonClick = createEvent(this, "reportAProblemButtonClick", 7);
|
|
573
|
+
this.creditsLinkId = "creditsLinkId";
|
|
574
|
+
this.emitReportAProblemButtonClick = this.emitReportAProblemButtonClick.bind(this);
|
|
571
575
|
}
|
|
572
576
|
componentWillLoad() {
|
|
573
577
|
if (this.data) {
|
|
574
578
|
console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead.");
|
|
575
579
|
this.jsonData = JSON.parse(this.data);
|
|
576
580
|
}
|
|
577
|
-
|
|
578
|
-
|
|
581
|
+
}
|
|
582
|
+
zLinkClickListener(e) {
|
|
583
|
+
if (e.detail.linkId === this.creditsLinkId) {
|
|
584
|
+
this.emitCreditsLinkClick();
|
|
579
585
|
}
|
|
580
586
|
}
|
|
587
|
+
emitCreditsLinkClick() {
|
|
588
|
+
this.creditsLinkClick.emit();
|
|
589
|
+
}
|
|
590
|
+
emitReportAProblemButtonClick() {
|
|
591
|
+
this.reportAProblemButtonClick.emit();
|
|
592
|
+
}
|
|
581
593
|
renderZLogo() {
|
|
582
|
-
return (h("z-logo", { link: "https://www.zanichelli.it", width: 144, height: 38,
|
|
594
|
+
return (h("z-logo", { link: "https://www.zanichelli.it", width: 144, height: 38, imageAlt: "Home Zanichelli", targetBlank: true }));
|
|
583
595
|
}
|
|
584
596
|
renderAddress() {
|
|
585
597
|
return (h("p", null, "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna", h("br", null), "Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024", h("br", null), "Partita IVA 03978000374"));
|
|
@@ -597,10 +609,19 @@ const ZFooter = class {
|
|
|
597
609
|
return (h("div", { class: "item bottom-links" }, h("slot", { name: "links" }), this.renderFooterBottomJsonData()));
|
|
598
610
|
}
|
|
599
611
|
renderFooterBottom() {
|
|
600
|
-
return (h("section", {
|
|
612
|
+
return (h("section", { id: "bottom" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { class: "item logo" }, this.renderZLogo(), this.renderCopyright(), this.renderCertification()), h("div", { class: "item" }, this.renderAddress(), this.renderSocial()), this.renderBottomLinks())));
|
|
601
613
|
}
|
|
602
614
|
renderFooterTop() {
|
|
603
|
-
return (h("section", {
|
|
615
|
+
return (h("section", { id: "top" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("slot", null), this.renderFooterTopJsonData())));
|
|
616
|
+
}
|
|
617
|
+
renderFooterProductInfo() {
|
|
618
|
+
var _a;
|
|
619
|
+
if (this.productName || this.productVersion || this.productCreditsLink != null || this.showReportAProblemButton) {
|
|
620
|
+
const versionString = `${this.productName ? ' versione' : 'Versione'} ${this.productVersion}`;
|
|
621
|
+
const creditsObject = h("z-body", { level: 5 }, (this.productName || this.productVersion) && ' - ', h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits"));
|
|
622
|
+
return (h("div", { id: "extension" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("span", null, this.productName && h("z-body", { level: 5, variant: "semibold" }, this.productName), this.productVersion && h("z-body", { level: 5 }, versionString), this.productCreditsLink != null && creditsObject), this.showReportAProblemButton &&
|
|
623
|
+
h("div", null, h("z-body", { level: 5 }, "Hai bisogno di aiuto?"), h("z-button", { variant: ButtonVariantEnum["dark-bg"], size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA")), h("z-divider", { color: "gray500" }))));
|
|
624
|
+
}
|
|
604
625
|
}
|
|
605
626
|
// INFO: backward compatibility
|
|
606
627
|
renderFooterTopJsonData() {
|
|
@@ -631,12 +652,12 @@ const ZFooter = class {
|
|
|
631
652
|
return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
|
|
632
653
|
}
|
|
633
654
|
render() {
|
|
634
|
-
return (h("footer", null, this.renderFooterTop(), this.renderFooterBottom()));
|
|
655
|
+
return (h("footer", null, this.renderFooterProductInfo(), this.renderFooterTop(), this.renderFooterBottom()));
|
|
635
656
|
}
|
|
636
657
|
};
|
|
637
658
|
ZFooter.style = stylesCss$Q;
|
|
638
659
|
|
|
639
|
-
const stylesCss$P = ":host{font-family:var(--
|
|
660
|
+
const stylesCss$P = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a{display:inline-block;color:var(--color-white);padding:calc(var(--space-unit) / 2 * 3) 0;border-bottom:1px solid var(--gray50);text-decoration:none;font-size:14px;width:100%}@media only screen and (min-width: 768px){:host a{font-size:12px;border-bottom:none;text-decoration:underline;padding:0;width:initial}}";
|
|
640
661
|
|
|
641
662
|
const ZFooterLink = class {
|
|
642
663
|
constructor(hostRef) {
|
|
@@ -648,7 +669,7 @@ const ZFooterLink = class {
|
|
|
648
669
|
};
|
|
649
670
|
ZFooterLink.style = stylesCss$P;
|
|
650
671
|
|
|
651
|
-
const stylesCss$O = ":host{font-family:var(--
|
|
672
|
+
const stylesCss$O = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>nav{background-color:var(--gray900);display:flex;flex-direction:column;justify-items:flex-start;overflow:hidden;margin:calc(var(--space-unit) / 2) 0;padding:0}:host>nav>.header{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;height:calc(var(--space-unit) * 4);border-bottom:1px solid var(--gray50);line-height:1}:host>nav>.header>h2{color:var(--color-white);font-size:16px;margin:var(--space-unit) 0}:host>nav>.header{fill:var(--color-white)}:host>nav>.header>button{position:absolute;top:var(--space-unit);right:0;margin:0;padding:0;background:transparent;border:0;appearance:none;cursor:pointer}:host>nav>.header>z-icon{display:block}:host>nav>.content{background-color:var(--gray800);display:none;height:0;transition:0.3s ease;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host>nav>.content.show{display:block;height:auto;transition:0.3s ease}@media only screen and (min-width: 768px){:host>nav{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-column-gap:var(--grid-tablet-margin);padding:calc(var(--space-unit) * 2) 0;border-bottom:1px solid var(--color-white);margin:0;background-color:var(--gray800)}:host>nav>.header>button.toggleButton{display:none}:host>nav>.header{border-bottom:none;padding:0;margin:0}:host>nav>.header>h2{border:none}:host>nav>.content,:host>nav>.content.show{grid-column:span 3;width:100%;padding:0;margin:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-tablet-margin);grid-row-gap:var(--space-unit);height:auto;align-items:stretch;align-content:stretch;margin:0}}@media only screen and (min-width: 1152px){:host>nav{display:grid;grid-template-columns:1fr;grid-template-rows:40px 4fr;padding:0;border-bottom:none}:host>nav>.header{position:relative;display:inline-flex;height:24px}:host>nav>.header>h2{width:auto;font-size:16px;line-height:1;font-weight:600;color:var(--gray50);padding:0 0 var(--space-unit);margin:0}:host>nav>.header::after{content:\"\";display:block;position:absolute;top:100%;left:0;width:120px;border-bottom:1px solid var(--gray50)}:host>nav>.content,:host>nav>.content.show{grid-column:auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start}}";
|
|
652
673
|
|
|
653
674
|
const ZFooterSection = class {
|
|
654
675
|
constructor(hostRef) {
|
|
@@ -664,7 +685,7 @@ const ZFooterSection = class {
|
|
|
664
685
|
};
|
|
665
686
|
ZFooterSection.style = stylesCss$O;
|
|
666
687
|
|
|
667
|
-
const stylesCss$N = ":host{font-family:var(--
|
|
688
|
+
const stylesCss$N = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a>img{width:calc(var(--space-unit) * 3)}@media only screen and (min-width: 1152px){:host>a>img{width:16px}}";
|
|
668
689
|
|
|
669
690
|
const ZFooterSocial = class {
|
|
670
691
|
constructor(hostRef) {
|
|
@@ -1746,7 +1767,7 @@ const ZListGroup = class {
|
|
|
1746
1767
|
};
|
|
1747
1768
|
ZListGroup.style = stylesCss$C;
|
|
1748
1769
|
|
|
1749
|
-
const stylesCss$B = ":host{display:inline-block;vertical-align:top;width:
|
|
1770
|
+
const stylesCss$B = ":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";
|
|
1750
1771
|
|
|
1751
1772
|
const ZLogo = class {
|
|
1752
1773
|
constructor(hostRef) {
|
|
@@ -1760,9 +1781,9 @@ const ZLogo = class {
|
|
|
1760
1781
|
if (this.height) {
|
|
1761
1782
|
style["height"] = style["max-height"] = `${this.height}px`;
|
|
1762
1783
|
}
|
|
1763
|
-
return (h(Host, { style: style }, this.link ?
|
|
1764
|
-
h("a", { href: this.link, target: this.
|
|
1765
|
-
h("img", { alt: this.
|
|
1784
|
+
return (h(Host, { style: style, class: { "mobile": !!this.mobileLogo } }, this.link ?
|
|
1785
|
+
h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt })) :
|
|
1786
|
+
h("img", { alt: this.imageAlt })));
|
|
1766
1787
|
}
|
|
1767
1788
|
};
|
|
1768
1789
|
ZLogo.style = stylesCss$B;
|
|
@@ -3518,7 +3539,7 @@ const ZTypography = class {
|
|
|
3518
3539
|
};
|
|
3519
3540
|
ZTypography.style = stylesCss$1;
|
|
3520
3541
|
|
|
3521
|
-
const stylesCss = ":host{background-color:var(--
|
|
3542
|
+
const stylesCss = ":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{cursor:pointer;display:flex;flex-direction:column;width:100%;margin:0;background-color:var(--gray900);border:none;padding:0;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;justify-content:flex-end;align-items:center;max-width:200px}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{box-sizing:border-box;position:absolute;left:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);width:100%;margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;white-space:nowrap;padding:calc(var(--space-unit) * 1.5 - 1px) 0;margin:0;border-bottom:var(--border-base) solid var(--gray700)}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{border-top:none;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);flex-direction:column;align-items:end}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:none;fill:currentColor;height:32px;min-width:32px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-white);border-color:var(--color-white);color:var(--gray800)}#guestbutton.inverse{background-color:var(--gray800);border-color:var(--gray800);color:var(--color-white)}.userfullname{padding:0;overflow:hidden;max-width:250px;text-overflow:ellipsis;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:16px;line-height:24px;letter-spacing:0;text-align:right}.userfullname.inverse{color:var(--gray800)}.useremail{color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:12px;line-height:16px;letter-spacing:0.32px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:right}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background-color:var(--color-white);margin-top:calc(var(--space-unit) / 2);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center}button.open{background-color:var(--color-white);border-top:var(--border-size-small) solid var(--color-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial;margin-left:var(--space-unit);padding-right:var(--space-unit)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.16px;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);width:auto}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{color:var(--gray800);max-width:none;text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{padding-right:calc(var(--space-unit) * 3 - 2px);box-sizing:border-box}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;padding:0;width:100%;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{color:var(--gray800);border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{border-top:var(--border-base) solid var(--gray400);padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px)}}";
|
|
3522
3543
|
|
|
3523
3544
|
const ZUserDropdown = class {
|
|
3524
3545
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-fa9e549c.js';
|
|
2
2
|
|
|
3
|
-
const stylesCss = ":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:var(var(--app-header-top-offset), 0);--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}:host(:not([menu-length='0'])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-
|
|
3
|
+
const stylesCss = ":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:var(var(--app-header-top-offset), 0);--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}:host(:not([menu-length='0'])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot='title']){line-height:1}::slotted([slot='subtitle']){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap:wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentColor}.drawer-container{position:fixed;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-left:var(--grid-tablet-margin);padding-right:var(--grid-tablet-margin)}:host(:not([flow='offcanvas'])) .heading-subtitle{padding-left:0}:host(:not([flow='offcanvas'])) .menu-container{display:flex}:host(:not([flow='offcanvas'])) .heading-container .drawer-trigger{display:none}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot='title']){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot='subtitle']){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";
|
|
4
4
|
|
|
5
5
|
const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== 'undefined';
|
|
6
6
|
const ZAppHeader = class {
|
|
@@ -49,7 +49,7 @@ const ZMyzTopbar = class {
|
|
|
49
49
|
this.handleResize();
|
|
50
50
|
}
|
|
51
51
|
renderLogoDiv() {
|
|
52
|
-
return (h("div", { class: "logo" }, h("z-logo", { link: this.logolink ? this.logolink : null,
|
|
52
|
+
return (h("div", { class: "logo" }, h("z-logo", { link: this.logolink ? this.logolink : null, "target-blank": true, width: 144, height: 36, "image-alt": this.imagealt })));
|
|
53
53
|
}
|
|
54
54
|
renderIntMenu(menuItems) {
|
|
55
55
|
if (!this.isLogged || !this.ismyz)
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-fa9e549c.js';
|
|
2
|
+
|
|
3
|
+
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1;white-space:nowrap}";
|
|
4
|
+
|
|
5
|
+
const ZVisuallyHidden = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, null, h("slot", null)));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
ZVisuallyHidden.style = stylesCss;
|
|
14
|
+
|
|
15
|
+
export { ZVisuallyHidden as z_visually_hidden };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from "../../../stencil-public-runtime";
|
|
1
2
|
/**
|
|
2
3
|
* @slot - main navigation
|
|
3
4
|
* @slot links - bottom navigation
|
|
@@ -6,10 +7,29 @@
|
|
|
6
7
|
export declare class ZFooter {
|
|
7
8
|
/** deprecated - JSON stringified data to fill the footer */
|
|
8
9
|
data?: string;
|
|
9
|
-
/**
|
|
10
|
-
|
|
10
|
+
/** The product name to be displayed on the top panel of the footer */
|
|
11
|
+
productName?: string;
|
|
12
|
+
/** The product version to be displayed on the top panel of the footer */
|
|
13
|
+
productVersion?: string;
|
|
14
|
+
/** 'undefined' or 'null' means 'don't show Credits',
|
|
15
|
+
* empty string means 'emit creditsLinkClick event',
|
|
16
|
+
* not empty string means 'open the url and emit creditsLinkClick event' */
|
|
17
|
+
productCreditsLink?: string;
|
|
18
|
+
/** True if the product must display a "Report a problem" button on the top panel of the footer */
|
|
19
|
+
showReportAProblemButton?: boolean;
|
|
20
|
+
/** Maximum width of footer content */
|
|
21
|
+
contentMaxWidth?: number;
|
|
11
22
|
private jsonData;
|
|
23
|
+
creditsLinkId: string;
|
|
24
|
+
constructor();
|
|
12
25
|
componentWillLoad(): void;
|
|
26
|
+
zLinkClickListener(e: CustomEvent): void;
|
|
27
|
+
/** Emitted on credits link click */
|
|
28
|
+
creditsLinkClick: EventEmitter;
|
|
29
|
+
emitCreditsLinkClick(): void;
|
|
30
|
+
/** Emitted on report a problem button click */
|
|
31
|
+
reportAProblemButtonClick: EventEmitter;
|
|
32
|
+
emitReportAProblemButtonClick(): void;
|
|
13
33
|
renderZLogo(): HTMLZLogoElement;
|
|
14
34
|
renderAddress(): HTMLParagraphElement;
|
|
15
35
|
renderSocial(): HTMLDivElement;
|
|
@@ -18,6 +38,7 @@ export declare class ZFooter {
|
|
|
18
38
|
renderBottomLinks(): HTMLDivElement;
|
|
19
39
|
renderFooterBottom(): HTMLElement;
|
|
20
40
|
renderFooterTop(): HTMLElement;
|
|
41
|
+
renderFooterProductInfo(): HTMLElement;
|
|
21
42
|
renderFooterTopJsonData(): null | HTMLElement;
|
|
22
43
|
renderFooterBottomJsonData(): null | HTMLElement;
|
|
23
44
|
renderFooterSocialJsonData(): null | HTMLElement;
|
|
@@ -4,10 +4,12 @@ export declare class ZLogo {
|
|
|
4
4
|
/** image height */
|
|
5
5
|
height?: number;
|
|
6
6
|
/** alternative image text */
|
|
7
|
-
|
|
7
|
+
imageAlt?: string;
|
|
8
8
|
/** link url (optional) */
|
|
9
9
|
link?: string;
|
|
10
10
|
/** link target: true means _blank, false means _self */
|
|
11
|
-
|
|
11
|
+
targetBlank?: boolean;
|
|
12
|
+
/** if true, the mobile logo is displayed, otherwise the desktop one */
|
|
13
|
+
mobileLogo?: boolean;
|
|
12
14
|
render(): any;
|
|
13
15
|
}
|
|
@@ -314,13 +314,29 @@ export namespace Components {
|
|
|
314
314
|
}
|
|
315
315
|
interface ZFooter {
|
|
316
316
|
/**
|
|
317
|
-
*
|
|
317
|
+
* Maximum width of footer content
|
|
318
318
|
*/
|
|
319
|
-
"
|
|
319
|
+
"contentMaxWidth"?: number;
|
|
320
320
|
/**
|
|
321
321
|
* deprecated - JSON stringified data to fill the footer
|
|
322
322
|
*/
|
|
323
323
|
"data"?: string;
|
|
324
|
+
/**
|
|
325
|
+
* 'undefined' or 'null' means 'don't show Credits', empty string means 'emit creditsLinkClick event', not empty string means 'open the url and emit creditsLinkClick event'
|
|
326
|
+
*/
|
|
327
|
+
"productCreditsLink"?: string;
|
|
328
|
+
/**
|
|
329
|
+
* The product name to be displayed on the top panel of the footer
|
|
330
|
+
*/
|
|
331
|
+
"productName"?: string;
|
|
332
|
+
/**
|
|
333
|
+
* The product version to be displayed on the top panel of the footer
|
|
334
|
+
*/
|
|
335
|
+
"productVersion"?: string;
|
|
336
|
+
/**
|
|
337
|
+
* True if the product must display a "Report a problem" button on the top panel of the footer
|
|
338
|
+
*/
|
|
339
|
+
"showReportAProblemButton"?: boolean;
|
|
324
340
|
}
|
|
325
341
|
interface ZFooterLink {
|
|
326
342
|
/**
|
|
@@ -644,15 +660,19 @@ export namespace Components {
|
|
|
644
660
|
/**
|
|
645
661
|
* alternative image text
|
|
646
662
|
*/
|
|
647
|
-
"
|
|
663
|
+
"imageAlt"?: string;
|
|
648
664
|
/**
|
|
649
665
|
* link url (optional)
|
|
650
666
|
*/
|
|
651
667
|
"link"?: string;
|
|
668
|
+
/**
|
|
669
|
+
* if true, the mobile logo is displayed, otherwise the desktop one
|
|
670
|
+
*/
|
|
671
|
+
"mobileLogo"?: boolean;
|
|
652
672
|
/**
|
|
653
673
|
* link target: true means _blank, false means _self
|
|
654
674
|
*/
|
|
655
|
-
"
|
|
675
|
+
"targetBlank"?: boolean;
|
|
656
676
|
/**
|
|
657
677
|
* image width
|
|
658
678
|
*/
|
|
@@ -1519,6 +1539,8 @@ export namespace Components {
|
|
|
1519
1539
|
*/
|
|
1520
1540
|
"userFullName"?: string;
|
|
1521
1541
|
}
|
|
1542
|
+
interface ZVisuallyHidden {
|
|
1543
|
+
}
|
|
1522
1544
|
}
|
|
1523
1545
|
declare global {
|
|
1524
1546
|
interface HTMLZAlertElement extends Components.ZAlert, HTMLStencilElement {
|
|
@@ -2043,6 +2065,12 @@ declare global {
|
|
|
2043
2065
|
prototype: HTMLZUserDropdownElement;
|
|
2044
2066
|
new (): HTMLZUserDropdownElement;
|
|
2045
2067
|
};
|
|
2068
|
+
interface HTMLZVisuallyHiddenElement extends Components.ZVisuallyHidden, HTMLStencilElement {
|
|
2069
|
+
}
|
|
2070
|
+
var HTMLZVisuallyHiddenElement: {
|
|
2071
|
+
prototype: HTMLZVisuallyHiddenElement;
|
|
2072
|
+
new (): HTMLZVisuallyHiddenElement;
|
|
2073
|
+
};
|
|
2046
2074
|
interface HTMLElementTagNameMap {
|
|
2047
2075
|
"z-alert": HTMLZAlertElement;
|
|
2048
2076
|
"z-app-header": HTMLZAppHeaderElement;
|
|
@@ -2131,6 +2159,7 @@ declare global {
|
|
|
2131
2159
|
"z-tooltip": HTMLZTooltipElement;
|
|
2132
2160
|
"z-typography": HTMLZTypographyElement;
|
|
2133
2161
|
"z-user-dropdown": HTMLZUserDropdownElement;
|
|
2162
|
+
"z-visually-hidden": HTMLZVisuallyHiddenElement;
|
|
2134
2163
|
}
|
|
2135
2164
|
}
|
|
2136
2165
|
declare namespace LocalJSX {
|
|
@@ -2466,13 +2495,37 @@ declare namespace LocalJSX {
|
|
|
2466
2495
|
}
|
|
2467
2496
|
interface ZFooter {
|
|
2468
2497
|
/**
|
|
2469
|
-
*
|
|
2498
|
+
* Maximum width of footer content
|
|
2470
2499
|
*/
|
|
2471
|
-
"
|
|
2500
|
+
"contentMaxWidth"?: number;
|
|
2472
2501
|
/**
|
|
2473
2502
|
* deprecated - JSON stringified data to fill the footer
|
|
2474
2503
|
*/
|
|
2475
2504
|
"data"?: string;
|
|
2505
|
+
/**
|
|
2506
|
+
* Emitted on credits link click
|
|
2507
|
+
*/
|
|
2508
|
+
"onCreditsLinkClick"?: (event: CustomEvent<any>) => void;
|
|
2509
|
+
/**
|
|
2510
|
+
* Emitted on report a problem button click
|
|
2511
|
+
*/
|
|
2512
|
+
"onReportAProblemButtonClick"?: (event: CustomEvent<any>) => void;
|
|
2513
|
+
/**
|
|
2514
|
+
* 'undefined' or 'null' means 'don't show Credits', empty string means 'emit creditsLinkClick event', not empty string means 'open the url and emit creditsLinkClick event'
|
|
2515
|
+
*/
|
|
2516
|
+
"productCreditsLink"?: string;
|
|
2517
|
+
/**
|
|
2518
|
+
* The product name to be displayed on the top panel of the footer
|
|
2519
|
+
*/
|
|
2520
|
+
"productName"?: string;
|
|
2521
|
+
/**
|
|
2522
|
+
* The product version to be displayed on the top panel of the footer
|
|
2523
|
+
*/
|
|
2524
|
+
"productVersion"?: string;
|
|
2525
|
+
/**
|
|
2526
|
+
* True if the product must display a "Report a problem" button on the top panel of the footer
|
|
2527
|
+
*/
|
|
2528
|
+
"showReportAProblemButton"?: boolean;
|
|
2476
2529
|
}
|
|
2477
2530
|
interface ZFooterLink {
|
|
2478
2531
|
/**
|
|
@@ -2820,15 +2873,19 @@ declare namespace LocalJSX {
|
|
|
2820
2873
|
/**
|
|
2821
2874
|
* alternative image text
|
|
2822
2875
|
*/
|
|
2823
|
-
"
|
|
2876
|
+
"imageAlt"?: string;
|
|
2824
2877
|
/**
|
|
2825
2878
|
* link url (optional)
|
|
2826
2879
|
*/
|
|
2827
2880
|
"link"?: string;
|
|
2881
|
+
/**
|
|
2882
|
+
* if true, the mobile logo is displayed, otherwise the desktop one
|
|
2883
|
+
*/
|
|
2884
|
+
"mobileLogo"?: boolean;
|
|
2828
2885
|
/**
|
|
2829
2886
|
* link target: true means _blank, false means _self
|
|
2830
2887
|
*/
|
|
2831
|
-
"
|
|
2888
|
+
"targetBlank"?: boolean;
|
|
2832
2889
|
/**
|
|
2833
2890
|
* image width
|
|
2834
2891
|
*/
|
|
@@ -3810,6 +3867,8 @@ declare namespace LocalJSX {
|
|
|
3810
3867
|
*/
|
|
3811
3868
|
"userFullName"?: string;
|
|
3812
3869
|
}
|
|
3870
|
+
interface ZVisuallyHidden {
|
|
3871
|
+
}
|
|
3813
3872
|
interface IntrinsicElements {
|
|
3814
3873
|
"z-alert": ZAlert;
|
|
3815
3874
|
"z-app-header": ZAppHeader;
|
|
@@ -3898,6 +3957,7 @@ declare namespace LocalJSX {
|
|
|
3898
3957
|
"z-tooltip": ZTooltip;
|
|
3899
3958
|
"z-typography": ZTypography;
|
|
3900
3959
|
"z-user-dropdown": ZUserDropdown;
|
|
3960
|
+
"z-visually-hidden": ZVisuallyHidden;
|
|
3901
3961
|
}
|
|
3902
3962
|
}
|
|
3903
3963
|
export { LocalJSX as JSX };
|
|
@@ -3991,6 +4051,7 @@ declare module "@stencil/core" {
|
|
|
3991
4051
|
"z-tooltip": LocalJSX.ZTooltip & JSXBase.HTMLAttributes<HTMLZTooltipElement>;
|
|
3992
4052
|
"z-typography": LocalJSX.ZTypography & JSXBase.HTMLAttributes<HTMLZTypographyElement>;
|
|
3993
4053
|
"z-user-dropdown": LocalJSX.ZUserDropdown & JSXBase.HTMLAttributes<HTMLZUserDropdownElement>;
|
|
4054
|
+
"z-visually-hidden": LocalJSX.ZVisuallyHidden & JSXBase.HTMLAttributes<HTMLZVisuallyHiddenElement>;
|
|
3994
4055
|
}
|
|
3995
4056
|
}
|
|
3996
4057
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as a,g as r}from"./p-904a85e4.js";const i="undefined"!=typeof IntersectionObserver,n=class{constructor(t){e(this,t),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=i&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.setStuckPosition=this.setStuckPosition.bind(this)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.setStuckPosition()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e?e.textContent.trim():""}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}setStuckPosition(){const e=this.hostElement.ownerDocument.querySelector("z-app-topbar");this.hostElement.style.setProperty("--app-header-top-offset",`${e?e.clientHeight:0}px`)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){const e=this.scrollParent;e&&(this.stucked?(this.setStuckPosition(),e.addEventListener("scroll",this.setStuckPosition)):e.removeEventListener("scroll",this.setStuckPosition))}setMenuFloatingMode(){if(!this.menuElements)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return t(a,{"menu-length":this.menuLength},t("div",{class:"heading-panel",ref:e=>this.container=e},t("div",{class:"hero-container"},t("slot",{name:"hero"},this.hero&&t("img",{alt:"",src:this.hero}))),t("div",{class:"heading-container"},t("div",{class:"heading-title"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("slot",{name:"title"})),t("div",{class:"heading-subtitle"},t("slot",{name:"subtitle"}))),t("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),t("div",{class:"drawer-container"},t("div",{class:"drawer-overlay",onClick:this.closeDrawer}),t("div",{class:"drawer-panel"},t("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},t("z-icon",{name:"close"})),t("div",{class:"drawer-content"},this.drawerOpen&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&t("div",{class:"heading-stucked"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("div",{class:"heading-title"},t("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return r(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};n.style=":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:var(var(--app-header-top-offset), 0);--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}:host(:not([menu-length='0'])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot='title']){line-height:1}::slotted([slot='subtitle']){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap:wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentColor}.drawer-container{position:fixed;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-left:var(--grid-tablet-margin);padding-right:var(--grid-tablet-margin)}:host(:not([flow='offcanvas'])) .heading-subtitle{padding-left:0}:host(:not([flow='offcanvas'])) .menu-container{display:flex}:host(:not([flow='offcanvas'])) .heading-container .drawer-trigger{display:none}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot='title']){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot='subtitle']){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";export{n as z_app_header}
|