@oiz/stzh-components 2.1.0-beta → 2.1.0

package/dist/vscode-data.json

@@ -109,6 +109,9 @@
           "name": "variant",
           "description": "Variant determining what position the action buttons are",
           "values": [
+            {
+              "name": "cta"
+            },
             {
               "name": "dialog"
             },
@@ -230,7 +233,7 @@
       "name": "stzh-anchornav",
       "description": {
         "kind": "markdown",
-        "value": "The STZH anchornav component.\n\n```html\n<stzh-anchornav\n  items='[\n    {\n      \"label\": \"Laboris laborum aute id laboris culpa esse aliquip nisi anim velit. Minim sunt eiusmod do laborum amet ut magna. Labore dolore id nostrud enim Lorem pariatur ad dolore id eiusmod adipisicing laboris laborum minim. Reprehenderit deserunt ut occaecat sit sit ullamco laborum deserunt. Eu pariatur est exercitation ea ut tempor laborum. Amet veniam consectetur cupidatat Lorem eu ipsum.\",\n      \"href\": \"#laboris\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    }\n  ]'\n></stzh-anchornav>\n```"
+        "value": "The STZH anchornav component.\n<mark>Beta version, do not use in production yet.</mark>\n\n```html\n<stzh-anchornav\n  items='[\n    {\n      \"label\": \"Laboris laborum aute id laboris culpa esse aliquip nisi anim velit. Minim sunt eiusmod do laborum amet ut magna. Labore dolore id nostrud enim Lorem pariatur ad dolore id eiusmod adipisicing laboris laborum minim. Reprehenderit deserunt ut occaecat sit sit ullamco laborum deserunt. Eu pariatur est exercitation ea ut tempor laborum. Amet veniam consectetur cupidatat Lorem eu ipsum.\",\n      \"href\": \"#laboris\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    }\n  ]'\n></stzh-anchornav>\n```"
       },
       "attributes": [
         {
@@ -341,7 +344,7 @@
       "name": "stzh-audio",
       "description": {
         "kind": "markdown",
-        "value": "The STZH audio component.\n\nInternally, the [`vidstack` library](https://www.vidstack.io/) is used."
+        "value": "The STZH audio component.\n<mark>Beta version, do not use in production yet.</mark>\n\nInternally, the [`vidstack` library](https://www.vidstack.io/) is used."
       },
       "attributes": [
         {
@@ -475,6 +478,10 @@
           "name": "disabled",
           "description": "Whether the button is disabled"
         },
+        {
+          "name": "download",
+          "description": "Download attribute of link (if `href` used)"
+        },
         {
           "name": "effect",
           "description": "Effect/Animation used",
@@ -812,6 +819,23 @@
         }
       ]
     },
+    {
+      "name": "stzh-chart",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH chart component.\n<mark>Beta version, do not use in production yet.</mark>\n\nUses the [`sszvis` chart library](https://statistikstadtzuerich.github.io/sszvis/)."
+      },
+      "attributes": [
+        {
+          "name": "caption",
+          "description": "Caption"
+        },
+        {
+          "name": "chart-id",
+          "description": "Chart id"
+        }
+      ]
+    },
     {
       "name": "stzh-checkbox",
       "description": {
@@ -962,12 +986,12 @@
           "description": "Disabled"
         },
         {
-          "name": "icon",
-          "description": "Icon (use instead of icon slot)"
+          "name": "href",
+          "description": "`href` if the chip should be used as link"
         },
         {
-          "name": "invert",
-          "description": "Invert (only available for tag variant)"
+          "name": "icon",
+          "description": "Icon (use instead of icon slot)"
         },
         {
           "name": "label",
@@ -993,6 +1017,10 @@
             }
           ]
         },
+        {
+          "name": "target",
+          "description": "Target if the button is used as link (if `href` used)"
+        },
         {
           "name": "type",
           "description": "Type",
@@ -1082,7 +1110,7 @@
       "name": "stzh-clamp",
       "description": {
         "kind": "markdown",
-        "value": "The STZH clamp component.\n\n```html\n<stzh-clamp>Long text to clamp</stzh-clamp>\n```"
+        "value": "The STZH clamp component.\n<mark>Beta version, do not use in production yet.</mark>\n\n```html\n<stzh-clamp>Long text to clamp</stzh-clamp>\n```"
       },
       "attributes": [
         {
@@ -1107,6 +1135,79 @@
         }
       ]
     },
+    {
+      "name": "stzh-contactaddress",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH contactaddress component.\n<mark>Beta version, do not use in production yet.</mark>"
+      },
+      "attributes": [
+        {
+          "name": "company",
+          "description": "Company Title"
+        },
+        {
+          "name": "heading",
+          "description": "Heading"
+        },
+        {
+          "name": "location",
+          "description": "Location / city"
+        },
+        {
+          "name": "name",
+          "description": "Name"
+        },
+        {
+          "name": "numbers",
+          "description": "Numbers\nArray of objects that can include the attributes `type` = `tel`|`fax`, `label` and `number`."
+        },
+        {
+          "name": "po-box-heading",
+          "description": "Post office box heading"
+        },
+        {
+          "name": "pobox-location",
+          "description": "Post office box location / city"
+        },
+        {
+          "name": "pobox-postal-code",
+          "description": "Post office box postal code"
+        },
+        {
+          "name": "pobox-title",
+          "description": "Post office box title"
+        },
+        {
+          "name": "postal-code",
+          "description": "Postal code"
+        },
+        {
+          "name": "street",
+          "description": "Street"
+        },
+        {
+          "name": "street-info",
+          "description": "Additional street info"
+        },
+        {
+          "name": "type",
+          "description": "Type",
+          "values": [
+            {
+              "name": "Organization"
+            },
+            {
+              "name": "Person"
+            }
+          ]
+        },
+        {
+          "name": "with-border",
+          "description": "Whether to display border or not"
+        }
+      ]
+    },
     {
       "name": "stzh-container",
       "description": {
@@ -1782,6 +1883,10 @@
               "name": "egov"
             }
           ]
+        },
+        {
+          "name": "with-border",
+          "description": "Whether to display separation border"
         }
       ]
     },
@@ -2483,6 +2588,10 @@
           "name": "disabled",
           "description": "Disabled status"
         },
+        {
+          "name": "download",
+          "description": "Download attribute of link (if `href` used)"
+        },
         {
           "name": "fullwidth",
           "description": "Whether the link is full width"
@@ -2799,7 +2908,7 @@
       "name": "stzh-olmap",
       "description": {
         "kind": "markdown",
-        "value": "The STZH olmap component."
+        "value": "The STZH olmap component.\n<mark>Beta version, do not use in production yet.</mark>"
       },
       "attributes": [
         {
@@ -2873,7 +2982,7 @@
       "name": "stzh-pagebottom",
       "description": {
         "kind": "markdown",
-        "value": "The STZH pagebottom component."
+        "value": "The STZH pagebottom component.\n<mark>Beta version, do not use in production yet.</mark>"
       },
       "attributes": [
         {
@@ -2910,6 +3019,27 @@
       },
       "attributes": []
     },
+    {
+      "name": "stzh-pagetitle-hero",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH pagetitle hero component.\n<mark>Beta version, do not use in production yet.</mark>"
+      },
+      "attributes": [
+        {
+          "name": "heading",
+          "description": "Heading"
+        },
+        {
+          "name": "lead-author",
+          "description": "Lead author"
+        },
+        {
+          "name": "subtitle",
+          "description": "Subtitle"
+        }
+      ]
+    },
     {
       "name": "stzh-popover",
       "description": {
@@ -3407,7 +3537,7 @@
       "name": "stzh-share",
       "description": {
         "kind": "markdown",
-        "value": "The STZH share component.\n\nEnables sharing the current page on different social networks or by email."
+        "value": "The STZH share component.\n<mark>Beta version, do not use in production yet.</mark>\n\nEnables sharing the current page on different social networks or by email."
       },
       "attributes": [
         {
@@ -3508,7 +3638,7 @@
       "name": "stzh-sticky",
       "description": {
         "kind": "markdown",
-        "value": "The STZH sticky component.\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
+        "value": "The STZH sticky component.\n<mark>Beta version, do not use in production yet.</mark>\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
       },
       "attributes": [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oiz/stzh-components",
-    "version": "2.1.0-beta",
+    "version": "2.1.0",
     "description": "STZH Web Components Library",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -78,7 +78,9 @@
         "@vidstack/player": "^1.6.5",
         "axios": "^0.27.2",
         "body-scroll-lock": "^3.1.3",
+        "d3": "^4.13.0",
         "dropzone": "^5.9.3",
+        "fitty": "^2.3.6",
         "flexsearch": "^0.7.21",
         "focus-trap": "^7.0.0",
         "hls.js": "^1.2.9",
@@ -88,10 +90,12 @@
         "proj4": "^2.4.4",
         "scroll-into-view-if-needed": "^2.2.29",
         "sortablejs": "^1.15.0",
+        "sszvis": "^2.1.1",
         "tabbable": "^6.0.0",
         "tinycolor2": "^1.4.2",
         "tippy.js": "^6.2.6",
-        "tom-select": "^2.1.0"
+        "tom-select": "^2.1.0",
+        "topojson-client": "^3.0.0"
     },
     "engines": {
         "node": ">=16.14.2 <16.15.1"

package/dist/esm-es5/_commonjsHelpers-ba3f0406.js

@@ -1 +0,0 @@
-var commonjsGlobal=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function getDefaultExportFromCjs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function createCommonjsModule(e,o,r){return r={path:o,exports:{},require:function(e,o){return commonjsRequire()}},e(r,r.exports),r.exports}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}export{commonjsGlobal as a,createCommonjsModule as c,getDefaultExportFromCjs as g};

package/dist/esm-es5/app-globals-acc57d0e.js

@@ -1 +0,0 @@
-var name="@oiz/stzh-components";var version="2.1.0-beta";var packageName=name.substring(name.indexOf("/")+1);function applyAutofocus(){window.addEventListener("appload",(function(e){var o=document.querySelector("[autofocus]");if(o&&e.detail.namespace===packageName&&o.tagName.toLowerCase().indexOf("stzh-")===0&&"setFocus"in o){o.setFocus()}}))}function observeScrollbarWidth(){var e={threshold:1};var o=function(e){e.forEach((function(e){var o=0;if(e.intersectionRatio<1){o=window.innerWidth-document.body.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",o+"px")}))};var t=new IntersectionObserver(o,e);t.observe(document.body)}function appGlobalScript(){window.stzhComponents=Object.assign({version:version,labels:"fixed",cacheTranslations:true,pathTranslations:"/",formats:{}},window.stzhComponents||{});applyAutofocus();observeScrollbarWidth()}var globalScripts=appGlobalScript;export{globalScripts as g};

package/dist/stzh-components/p-011dcf30.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-609bf766.system.js","./p-0230004d.system.js"],(function(t){"use strict";var s,o,i,e,n;return{setters:[function(t){s=t.r;o=t.h;i=t.a;e=t.g},function(t){n=t.s}],execute:function(){var c=".sc-stzh-actions-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--with-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var a=t("stzh_actions",function(){function t(t){var o=this;s(this,t);this.init=function(){var t=o.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var s=o.element.querySelectorAll("stzh-button");t.forEach((function(t){n(t,{variant:"secondary"})}));s.forEach((function(t){t.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t;var s=(t={"stzh-actions":true,"stzh-actions--with-border":this.withBorder},t["stzh-actions--".concat(this.variant)]=!!this.variant,t);return o(i,null,o("div",{class:s},o("div",{class:"stzh-actions__actions",role:"list"},o("div",{class:"stzh-actions__secondary-actions"},o("slot",{name:"secondary"})),o("div",{class:"stzh-actions__primary-actions"},o("slot",{name:"primary"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());a.style=c}}}));

package/dist/stzh-components/p-0977d9b6.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,a as h}from"./p-7a4c6adb.js";const i=class{constructor(t){e(this,t),this.level="1",this.curve="auto",this.withBorder=!1}render(){return t(h,null,t(`h${this.level}`,{class:{"stzh-heading":!0,"stzh-heading--with-border":this.withBorder,[`stzh-heading--level-${this.level}`]:!!this.level,[`stzh-heading--curve-${this.curve}`]:!!this.curve}},t("slot",null)))}};i.style=".sc-stzh-heading-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));color:var(--color);margin:0}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-medium)}}.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 1024px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 1024px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-medium-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-medium-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}";export{i as stzh_heading}

package/dist/stzh-components/p-10c36281.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,F as i,a as o,g as e}from"./p-7a4c6adb.js";import{f as r}from"./p-25a09313.js";import{s as n,h as l}from"./p-1f57d28e.js";const a=class{constructor(s){t(this,s),this.init=()=>{const t=this.element.querySelector('stzh-link[slot="social-link"]'),s=this.element.querySelectorAll('stzh-link[slot="link"]');t&&n(t,{icon:"social-media"}),s.forEach((t=>{t.setAttribute("role","listitem")}))},this.copyright=void 0,this.variant="default",this.mainUrl="https://www.stadt-zuerich.ch",this.localization=void 0}async componentWillLoad(){if(void 0===this.copyright){const t=new Date;this.copyright=`© ${t.getFullYear()} Stadt Zürich`}this.localization||(this.localization=await r(this.element,"footer"))}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){const t=l(this.element,"link"),e=l(this.element,"social-link");return s(o,null,s("footer",{class:{"stzh-footer":!0,"stzh-footer--has-links":t,"stzh-footer--has-social-link":e}},s("div",{class:"stzh-footer__wrapper"},s("slot",{name:"social-link"}),s("div",{class:"stzh-footer__links"},this.copyright&&s("div",{class:"stzh-footer__copyright"},this.copyright),s("div",{class:"stzh-footer__link-list",role:"list"},s("slot",{name:"link"},"egov"===this.variant&&s(i,null,s("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.legalNoticeUrl}`},this.localization.legalNoticeText),s("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.imprintUrl}`},this.localization.imprintText),s("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:`${this.mainUrl}/${this.localization.accessibilityUrl}`},this.localization.accessibilityText))))))))}get element(){return e(this)}};a.style=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin:0 auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}";export{a as stzh_footer}