@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/collection/components/stzh-dropdown/stzh-dropdown.js

@@ -623,14 +623,14 @@ export class StzhDropdown {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-fieldset/stzh-fieldset.js

@@ -18,7 +18,7 @@ export class StzhFieldset {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (h(Host, { key: '533fbefb91a19d1d9c1bcb46dcaef10aa2bfb908' }, h("fieldset", { key: 'badffe2111c30693e98f9939d9e6e4be2fe2bba6', class: classes }, this.legend && (h("legend", { key: '4adcbfae61ff52e92915cf0a5e5e70c90b3aab7a', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: 'd2f609413996839b66d77bf0630f8ab44612b8fe', class: "stzh-fieldset__wrapper" }, h("slot", { key: 'e3981bd80a4beb18a9d061268828563596c0e034' })))));
+        return (h(Host, { key: '952f371c92eaf4307f20a5f9264a7c5698dabc87' }, h("fieldset", { key: '044a4b265047749f5e48878eafb5a038f41498d9', class: classes }, this.legend && (h("legend", { key: '623dca4eca0b79fe6c89a3d40b7560b9887783c2', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '6af0a335abb9676e52c92288a36a89159fb66338', class: "stzh-fieldset__wrapper" }, h("slot", { key: '1df5a61c6ccf1eaea7cf668c3988e97df993b7f9' })))));
     }
     static get is() { return "stzh-fieldset"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-figure/stzh-figure.js

@@ -36,7 +36,7 @@ export class StzhFigure {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '8d1f15a360f179168fdffc27b30af6774538a423' }, h("figure", { key: '5ff2a184c76c9d292d5fc4e5dc3a05aae23d61aa', class: classes }, h("div", { key: '363d48ec8301f48ad279e733493edb43063af029', class: "stzh-figure__element" }, h("slot", { key: '026e8cad9942b90cd68681c9301e9f51db7b44a6' })), h("figcaption", { key: '712a860fa595e1b1f7fc50a4bbdc66a781fb1218', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'f9034be618eecb5e23b862eec0c837fb1ba71b1e', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'f5adc22dd61de69b017fa7f87dfde4fb5a568064', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '3d0e45d4cbc7fe3fcecd2c6edf8ca8da5562a24f', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd726f8e4565309d29825b040d98bd960cea4f30f', class: "stzh-figure__caption" }, h("div", { key: '2225a798f8bfdeba6049e794e5f1ccdbc1ed8858', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '72bf4d2b07ac2d3146e06c2713b802bbc8b3aa13', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: 'b3f324e7216b0333bb3ae0631d84b7a392963854' }, h("figure", { key: '7fe92ad319eddeacfdaebe66d059a6a4658ca44f', class: classes }, h("div", { key: '751f6c317ad4a0bbf6bf652efd88595375c472cf', class: "stzh-figure__element" }, h("slot", { key: '2938cf820b4c277f6a6371c3733d2a003a342b4a' })), h("figcaption", { key: 'dd3af76cafce1b364106c265d51598252945d9af', class: "stzh-figure__caption-wrapper" }, h("div", { key: '361be76b5d966301bf3295b44f88908daeca6547', class: "stzh-figure__heading-wrapper" }, h("div", { key: '5e3cc9dd45cbecc8ab84ff9efbff79c462850153', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '65fc7b6a5f6b87da1bc9d3be01224c576b01aa32', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'c97177ac8b3433746f21c44459205b8f808220b8', class: "stzh-figure__caption" }, h("div", { key: '0c35678a373efd334841e84723df01e35cf6cf26', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '3a6d4fc254fa52d7d2f4df659b5d87c0ebe4ba78', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     static get is() { return "stzh-figure"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.js

@@ -198,7 +198,7 @@ export class StzhFlyingfocus {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: '17d289b3367f2445e97905c667ab14421b9055c2' }, h("div", { key: 'e3131b811ea2c614dd32ce3f05d079f1caff4321', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: '387f6cb0591bb6f73f173b55db3af8c98292ff9f' }, h("div", { key: '05c9ffb86cbe88f3365190ad8cd297fdc897d5b0', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     static get is() { return "stzh-flyingfocus"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-footer/stzh-footer.css

@@ -396,4 +396,16 @@ stzh-footer {
   .stzh-footer--has-logo .stzh-footer__bottom-bar-inner, .stzh-footer--has-info .stzh-footer__bottom-bar-inner {
     align-items: flex-start;
   }
+}
+.stzh-footer {
+  /* variant intranet */
+}
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar,
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner,
+.stzh-footer--variant-intranet .stzh-footer__copyright {
+  height: 2.5rem; /* must be the same in stzh-header[variant=intranet] */
+}
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner {
+  padding: 0;
+  gap: 0;
 }

package/dist/collection/components/stzh-footer/stzh-footer.js

@@ -8,7 +8,7 @@ import { hasSlot, setPropsIfNull } from "../../utils/utils";
  */
 export class StzhFooter {
     constructor() {
-        /** Footer variant */
+        /** Footer variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** Main URL for shortlinks */
         this.mainUrl = "https://www.stadt-zuerich.ch";
@@ -70,12 +70,13 @@ export class StzhFooter {
         const menuLinkSlotUsed = hasSlot(this.element, "menu-link");
         const classes = {
             "stzh-footer": true,
+            [`stzh-footer--variant-${this.variant}`]: true,
             "stzh-footer--has-logo": logoSlotUsed,
             "stzh-footer--has-info": infoSlotUsed,
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: 'dd174980f36b26537ffef498d4a40ed3ee8729a7' }, h("footer", { key: 'f37238f4e8084fe4e7fda00667af19759868da35', class: classes }, h("div", { key: '9530abc1885a5de4ce67e5cad4d266c8fb0e5cb3', class: "stzh-footer__menu" }, h("div", { key: 'c754617167aeb18bb844328ead962a8820d228d6', class: "stzh-footer__menu-inner" }, h("slot", { key: '3a83011ab4323db04a9c3de0e9df0a032df6d370', name: "menu-link" }))), h("div", { key: '975f8c333c5762fcce70795ee125613fe9de92b7', class: "stzh-footer__bottom-bar" }, h("div", { key: '29886624aef2e362bdaeb604392c71d198382ae9', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '49cda41331d1c959b52b65d3ee1f2e53e643c0b1', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '57cd48ed7118a5af79c36d0a70e79aaf64d8ef28', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '0ba39e7e86a962f7033ae9dcab53d89f35bd6b08', class: "stzh-footer__logo" }, h("slot", { key: 'fc9d6bccc3d52838d6265085af1c6f8fdc4b1b2e', name: "logo" }))), h("div", { key: '12ca37ec3a83f3d3240a0650219e09f9e32a2425', class: "stzh-footer__info" }, h("slot", { key: '5de4c1c6fc32657ab6adcfeef6584bf3639f903a', name: "info" })), h("div", { key: '2ee5e687ed75b1554286d62d350d7bed800d62de', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'c1f55c977acac0865b05ae023cc2a8f2eb526455', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'e4a9ec23f8cf05312fa0377ef0b930b02e81aa9a' }, h("stzh-link", { key: '79cc1587acf8dc49918e7bc0480350c1e86dd69c', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'b33497e462d1c921888d9543169703f583d1a470', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '35c36a22fd09f44b9cf850eb3d935b5c0df19fd3', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
+        return (h(Host, { key: 'b3c7036d429373be31db20b38f597a1620c43e94' }, h("footer", { key: 'dd4b910b27aec334bc9f38c720d60f669d241fbf', class: classes }, this.variant !== "intranet" && (h("div", { key: 'c55292b97a827b21795f2a188f355a8f887e665c', class: "stzh-footer__menu" }, h("div", { key: 'a2f679884ce5ed79328ecf015797c12a3d817cc2', class: "stzh-footer__menu-inner" }, h("slot", { key: '5ae395a1e1c74e5699253302230799a831134b37', name: "menu-link" })))), h("div", { key: '0ca2fb6c6f3484fcd42e254a04d5e7fa7c171951', class: "stzh-footer__bottom-bar" }, h("div", { key: '96279e6c19dab814a65500688ec8f240ad7d5fb5', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '490d7ebc98c9ebeb62d31931de2c076bbe846138', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '5de4170a51a058291ae574c9ddf1567bae53c717', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '8ba72d2b86039c1841e3410af9cf98ad4a47e106', class: "stzh-footer__logo" }, h("slot", { key: '7854a841845a47aa2038c5317e3a55e372420304', name: "logo" }))), h("div", { key: '763b66e3b79863ed3d5b0709782cddc21a4f6ec3', class: "stzh-footer__info" }, h("slot", { key: 'a4717bb459663b7b7a85806817aa12e7aecee8f2', name: "info" })), h("div", { key: '34d1ba90967f971841e209a7cdb973532cdd6e23', class: "stzh-footer__links", role: "list" }, h("slot", { key: '730d440b59148aa03dd37a1a449c5e76942663c2', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '32a667825b1526f7308da1285de125bb8883bb9b' }, h("stzh-link", { key: '863783b34200030a239d97430fbdac7857ad996b', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '90aeae62e0c6aa8b8939c721c1b8be7eb70e25ea', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '4f3d734db975d56fae45fe76523e186676124054', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
     }
     static get is() { return "stzh-footer"; }
     static get originalStyleUrls() {
@@ -136,19 +137,19 @@ export class StzhFooter {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"default\" | \"egov\"",
-                    "resolved": "\"default\" | \"egov\"",
+                    "original": "\"default\" | \"egov\" | \"intranet\"",
+                    "resolved": "\"default\" | \"egov\" | \"intranet\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Footer variant"
+                    "text": "Footer variant. Do not use 'intranet' for public applications."
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "\"default\""
             },

package/dist/collection/components/stzh-footer/stzh-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-footer.js","sourceRoot":"","sources":["../../../../src/components/stzh-footer/stzh-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__menu\">\n            <div class=\"stzh-footer__menu-inner\">\n              <slot name=\"menu-link\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-footer.js","sourceRoot":"","sources":["../../../../src/components/stzh-footer/stzh-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant. Do not use 'intranet' for public applications. */\n  @Prop({ reflect: true }) variant: \"default\" | \"egov\" | \"intranet\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      [`stzh-footer--variant-${this.variant}`]: true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          {this.variant !== \"intranet\" && (\n            <div class=\"stzh-footer__menu\">\n              <div class=\"stzh-footer__menu-inner\">\n                <slot name=\"menu-link\"></slot>\n              </div>\n            </div>\n          )}\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-footer/stzh-footer.stories.js

@@ -41,7 +41,7 @@ const TEMPLATE_PUBLIZISTISCHE_INHALTE = `
 </stzh-footer>
 `;
 
-const TEMPLATE_E_GOV = `
+const TEMPLATE_EMPTY = `
 <stzh-footer></stzh-footer>
 `;
 
@@ -74,12 +74,19 @@ export const Microsite = {
 };
 
 export const eGov = {
-  render: (args) => story(args, TEMPLATE_E_GOV),
+  render: (args) => story(args, TEMPLATE_EMPTY),
   args: {
     variant: 'egov'
   }
 };
 
+export const Intranet = {
+  render: (args) => story(args, TEMPLATE_EMPTY),
+  args: {
+    variant: 'intranet'
+  }
+};
+
 export const PublizistischeInhalte = {
   render: (args) => story(args, TEMPLATE_PUBLIZISTISCHE_INHALTE),
   args: {

package/dist/collection/components/stzh-gallery/stzh-gallery.js

@@ -346,7 +346,7 @@ export class StzhGallery {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'c56d142664be0738548b0e46b6b543567f04b077' }, h("div", { key: '3c0ab047b99cab6dd2ecea1a3d6d377337be11b5', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: 'bd32e81f9539f3af0aa01631605a830ff9818f74' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: 'f4251ec4308bee280c6f45eb6a441714aca427a3' }, h("div", { key: '415dade0b9b3f76cfb06f4d000fe895bf0ef1549', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '2da9c7017253b2e6fa69306a56d23d8ba9d4c30b', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: 'a62bec7e9b450f3d1a6d737acdd15a67e6cb433f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'c5003c9f219997795d26e3de06f137bba44b154e', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '76074495ec624332afc34b833b74ed054fafa24a', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '031f8edb3058b2e64758bac04f8a632487e4864f' }, h("stzh-button", { key: '22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '59f83c2c826c624b765301d00ee8d3162336c33e', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '55601f49dd0c2158c28f0bb4179c891c6363ffaf', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '73a6f3301596f71391a38c108b31b30847dc456b', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: 'c3640afa359e92b6df23eb7c33c16e16606870c3' }))));
+        return (h(Host, { key: '79db4c0591593bba912bb189e3c73445d097723c' }, h("div", { key: '4ab5180448b7f51bd6328fcf19f9cc3802dd62f6', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: '7e711e395e30611429138115b1e25fc269be8ecf' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '9f19ecc3a436aa0bc9df0399fd0307a73512af0d' }, h("div", { key: '2e7a15e7ee3515569f21f9002fceedb3196d2c35', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '0e93cfce56017bd21f92fd991f9437cf2092916d', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '4a8f74fa2a388c68358b9c9dec1d947cf7e60e51', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'b8f2fcb6127cda653d39fed31659078e8165d214', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '4be88f55dd89618e64786bb34bbbd4420b80ad71', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '490e6340a67d4e6a61e4b79ca78cdff8b0648aa7' }, h("stzh-button", { key: '588fd8db8788c4f4faeed20a1a31c4bc99889256', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: 'c608173b6420d74887e7c9d84bca31967edb54cd', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '221916fa84801071b3d8f09409753dc4cfa4090f', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '9aa6c1e689e1072e05841452aaf6c04649fa3d77', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '5dd4c2684fbd88cc5cc714dd6d6d9cea28091c73' }))));
     }
     static get is() { return "stzh-gallery"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-header/stzh-header.css

@@ -1525,7 +1525,7 @@
   min-height: auto;
 }
 :host([variant=intranet]) .stzh-header__logobar {
-  height: 2.5rem;
+  height: 2.5rem; /* must be the same in stzh-footer[variant=intranet] */
   margin-left: 0;
   margin-right: 0;
   width: 100%;

package/dist/collection/components/stzh-header/stzh-header.js

@@ -16,7 +16,7 @@ const CLASS_BODY_OPEN = "stzh-header-open";
  */
 export class StzhHeader {
     constructor() {
-        /** Header variant */
+        /** Header variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** The href attribute for the logo */
         this.href = "https://www.stadt-zuerich.ch";
@@ -748,7 +748,7 @@ export class StzhHeader {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Header variant"
+                    "text": "Header variant. Do not use 'intranet' for public applications."
                 },
                 "getter": false,
                 "setter": false,