@oiz/stzh-components 2.4.0 → 2.5.0-alpha-carousel

package/dist/vscode-data.json

@@ -425,6 +425,10 @@
           "name": "a11y-describedby",
           "description": "Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)"
         },
+        {
+          "name": "a11y-disabled",
+          "description": "Aria disabled of link/button"
+        },
         {
           "name": "a11y-expanded",
           "description": "Aria expanded of link/button"
@@ -433,6 +437,10 @@
           "name": "a11y-label",
           "description": "Accessible label for screen readers to replace visible text"
         },
+        {
+          "name": "a11y-tabindex",
+          "description": "Tabindex of link/button"
+        },
         {
           "name": "active",
           "description": "Whether the button is active"
@@ -696,6 +704,10 @@
           "name": "heading",
           "description": "Heading (or use heading slot instead)"
         },
+        {
+          "name": "hide-elevation",
+          "description": "Whether card elevation should be hidden"
+        },
         {
           "name": "hide-footer-border",
           "description": "Whether to hide footer separation border"
@@ -791,6 +803,63 @@
         }
       ]
     },
+    {
+      "name": "stzh-carousel",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH carousel component."
+      },
+      "attributes": [
+        {
+          "name": "autoplay",
+          "description": "Whether autoplay is enabled.\nGets paused, when user has focus inside carousel element or hovers over it.\nAlso when reduced motion media query is active or carousel is set disabled.\nGets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether carousel is disabled"
+        },
+        {
+          "name": "slide",
+          "description": "Active slide (readonly)"
+        },
+        {
+          "name": "slides",
+          "description": "Slides number"
+        },
+        {
+          "name": "slides-large",
+          "description": "Slides number above large breakpoint"
+        },
+        {
+          "name": "slides-medium",
+          "description": "Slides number above medium breakpoint"
+        },
+        {
+          "name": "slides-small",
+          "description": "Slides number above small breakpoint"
+        },
+        {
+          "name": "slides-ultra",
+          "description": "Slides number above ultra breakpoint"
+        },
+        {
+          "name": "tab-through",
+          "description": "Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\nBy default only the visible slides will be tabbable and the prev/next can be used to change slides\n(enabled when `variant` is set to `cards`)."
+        },
+        {
+          "name": "variant",
+          "description": "Carousel variant",
+          "values": [
+            {
+              "name": "cards"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-cell",
       "description": {
@@ -1172,6 +1241,14 @@
         "value": "The STZH clamp component.\n\n```html\n<stzh-clamp>Long text to clamp</stzh-clamp>\n```"
       },
       "attributes": [
+        {
+          "name": "clamped",
+          "description": "Whether the text is currently clamped (readonly)"
+        },
+        {
+          "name": "expanded",
+          "description": "Whether clamping is expanded"
+        },
         {
           "name": "lines",
           "description": "Line number"
@@ -1191,6 +1268,10 @@
         {
           "name": "lines-ultra",
           "description": "Line number above ultra breakpoint"
+        },
+        {
+          "name": "show-expand-link",
+          "description": "Whether clamping is expanded"
         }
       ]
     },
@@ -2827,6 +2908,10 @@
           "name": "a11y-describedby",
           "description": "Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)"
         },
+        {
+          "name": "a11y-disabled",
+          "description": "Aria disabled of link/button"
+        },
         {
           "name": "a11y-expanded",
           "description": "Aria expanded of link/button"
@@ -2835,6 +2920,10 @@
           "name": "a11y-label",
           "description": "Accessible label for screen readers to replace visible text"
         },
+        {
+          "name": "a11y-tabindex",
+          "description": "Tabindex of link/button"
+        },
         {
           "name": "active",
           "description": "Active status"
@@ -5727,7 +5816,7 @@
       "name": "stzh-visuallyhidden",
       "description": {
         "kind": "markdown",
-        "value": "The STZH visuallyhidden component.\n\nUse to visually hide content, but still readable by screenreaders or focusable. Focusable content will show if focused."
+        "value": "The STZH visuallyhidden component.\n\nUse to visually hide content, but still readable by screenreaders or focusable. Focusable content will show if focused.\n\nIn general a simple html tag (e.g. h1) or a component specific tag (e.g. stzh-heading) can be used in this context. In other words, since it is visually hidden nobody sees it and the design does not matter.\n\nHowever, if focusable via tabindex is used, the element is visible. In this case a component specific tag (e.g. stzh-heading) should be used."
       },
       "attributes": []
     },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oiz/stzh-components",
-    "version": "2.4.0",
+    "version": "2.5.0-alpha-carousel",
     "description": "STZH Web Components Library",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -87,6 +87,7 @@
         "js-cookie": "^3.0.1",
         "lit": "^2.5.0",
         "ol": "^4.6.5",
+        "photoswipe": "^5.3.4",
         "proj4": "^2.4.4",
         "scroll-into-view-if-needed": "^3.0.4",
         "sortablejs": "^1.15.0",
@@ -95,7 +96,8 @@
         "tinycolor2": "^1.5.2",
         "tippy.js": "^6.2.6",
         "tom-select": "^2.2.2",
-        "topojson-client": "^3.1.0"
+        "topojson-client": "^3.1.0",
+        "wicg-inert": "^3.1.2"
     },
     "engines": {
         "node": ">=16.14.2 <16.15.1"

package/dist/cjs/app-globals-8fbeeb92.js

@@ -1,56 +0,0 @@
-'use strict';
-
-const name = "@oiz/stzh-components";
-const version = "2.4.0";
-
-const packageName = name.substring(name.indexOf('/')+1);
-
-/**
- * Execute setFocus method if it exists
- * on stzh-element with autofocus on pageload
- * when (child components are loaded)
- */
-function applyAutofocus() {
-  window.addEventListener('appload', (event) => {
-    const autofocus = document.querySelector('[autofocus]');
-
-    if (autofocus
-        && event.detail.namespace === packageName
-        && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0
-        && 'setFocus' in autofocus
-    ) {
-      autofocus.setFocus();
-    }
-  });
-}
-
-function observeScrollbarWidth() {
-  const config = {
-    threshold: 1.0
-  };
-
-  const handleIntersect = (entries) => {
-    entries.forEach(entry => {
-      let scrollbarWidth = 0;
-
-      if (entry.intersectionRatio < 1) {
-        scrollbarWidth = window.innerWidth - document.body.clientWidth;
-      }
-
-      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');
-    });
-  };
-
-  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);
-  bodyScrollObserver.observe(document.body);
-}
-
-function appGlobalScript () {
-  window.stzhComponents = Object.assign({ version, labels: 'fixed', cacheTranslations: true, pathTranslations: '/', formats: {} }, window.stzhComponents || {});
-  applyAutofocus();
-  observeScrollbarWidth();
-}
-
-const globalScripts = appGlobalScript;
-
-exports.globalScripts = globalScripts;

package/dist/esm/app-globals-f5264f95.js

@@ -1,54 +0,0 @@
-const name = "@oiz/stzh-components";
-const version = "2.4.0";
-
-const packageName = name.substring(name.indexOf('/')+1);
-
-/**
- * Execute setFocus method if it exists
- * on stzh-element with autofocus on pageload
- * when (child components are loaded)
- */
-function applyAutofocus() {
-  window.addEventListener('appload', (event) => {
-    const autofocus = document.querySelector('[autofocus]');
-
-    if (autofocus
-        && event.detail.namespace === packageName
-        && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0
-        && 'setFocus' in autofocus
-    ) {
-      autofocus.setFocus();
-    }
-  });
-}
-
-function observeScrollbarWidth() {
-  const config = {
-    threshold: 1.0
-  };
-
-  const handleIntersect = (entries) => {
-    entries.forEach(entry => {
-      let scrollbarWidth = 0;
-
-      if (entry.intersectionRatio < 1) {
-        scrollbarWidth = window.innerWidth - document.body.clientWidth;
-      }
-
-      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');
-    });
-  };
-
-  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);
-  bodyScrollObserver.observe(document.body);
-}
-
-function appGlobalScript () {
-  window.stzhComponents = Object.assign({ version, labels: 'fixed', cacheTranslations: true, pathTranslations: '/', formats: {} }, window.stzhComponents || {});
-  applyAutofocus();
-  observeScrollbarWidth();
-}
-
-const globalScripts = appGlobalScript;
-
-export { globalScripts as g };

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

@@ -1 +0,0 @@
-var name="@oiz/stzh-components";var version="2.4.0";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-05e742b4.js

@@ -1 +0,0 @@
-const o=function(){window.stzhComponents=Object.assign({version:"2.4.0",labels:"fixed",cacheTranslations:!0,pathTranslations:"/",formats:{}},window.stzhComponents||{}),window.addEventListener("appload",(o=>{const t=document.querySelector("[autofocus]");t&&"stzh-components"===o.detail.namespace&&0===t.tagName.toLowerCase().indexOf("stzh-")&&"setFocus"in t&&t.setFocus()})),new IntersectionObserver((o=>{o.forEach((o=>{let t=0;o.intersectionRatio<1&&(t=window.innerWidth-document.body.clientWidth),document.documentElement.style.setProperty("--stzh-scrollbar-width",t+"px")}))}),{threshold:1}).observe(document.body)};export{o as g}

package/dist/stzh-components/p-07dc23a3.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,r){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function n(t){try{p(r.next(t))}catch(e){s(e)}}function a(t){try{p(r["throw"](t))}catch(e){s(e)}}function p(t){t.done?o(t.value):i(t.value).then(n,a)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,i,s,n;return n={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(t){return function(e){return p([t,e])}}function p(a){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(o=0)),o)try{if(r=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;i=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){o.label=a[1];break}if(a[0]===6&&o.label<s[1]){o.label=s[1];s=a;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(a);break}if(s[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(p){a=[6,p];i=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-0ce8b383.system.js","./p-9e30ee4a.system.js","./p-d4b7a303.system.js","./p-a408bfba.system.js","./p-176db2fe.system.js","./p-5318ba20.system.js","./p-5494f37d.system.js"],(function(t){"use strict";var e,o,r,i,s,n,a,p,l,h,c,d,v,m,u,f,z,g,b;return{setters:[function(t){e=t.r;o=t.e;r=t.h;i=t.c;s=t.g},function(t){n=t.c;a=t.a;p=t.A;l=t.o;h=t.f;c=t.s;d=t.b},function(t){v=t.c},function(t){m=t.i},function(t){u=t.f},function(t){f=t.m},function(t){z=t.w},function(t){g=t.s;b=t.a}],execute:function(){var w=".sc-stzh-popover-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-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";var _=200;var y=300;var x=100;var E=200;function k(){var t=f("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?x:_,easing:"linear"}}}function C(){var t=f("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?E:y,easing:"linear"}}}function T(){var t=f("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?x:_,easing:"linear"}}}function j(){var t=f("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?E:y,easing:"linear"}}}var O={ESC:27};var Y="stzh-popover-open";var P=0;var W=t("stzh_popover",function(){function t(t){var r=this;e(this,t);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=function(t){if(t.keyCode===O.ESC){r.hide()}};this.onClickTrigger=function(){r.toggle()};this.computePosition=function(){return __awaiter(r,void 0,void 0,(function(){var t,e,o,r,i,s,a,p,v,m;return __generator(this,(function(u){switch(u.label){case 0:if(!f("small").matches)return[3,2];t=[l({mainAxis:this.distance,crossAxis:this.skidding}),h({padding:5}),c({padding:5})];if(this.variant==="tooltip"){t.push(d({element:this.arrowElement,padding:5}))}return[4,n(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t})];case 1:e=u.sent(),o=e.x,r=o===void 0?0:o,i=e.y,s=i===void 0?0:i,a=e.strategy,p=a===void 0?"absolute":a,v=e.placement,m=e.middlewareData;this.computedPlacement=v;Object.assign(this.dialogElement.style,{position:p,left:"".concat(r,"px"),top:"".concat(s,"px")});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:r!=null?"".concat(m.arrow.x,"px"):"",top:s!=null?"".concat(m.arrow.y,"px"):""})}return[3,3];case 2:Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}u.label=3;case 3:return[2]}}))}))};this.handleTouchStart=function(t){var e=t.changedTouches[0];r.initialTouchX=e.pageX;r.initialTouchY=e.pageY};this.handleTouchEnd=function(t){var e=t.changedTouches[0];var o=e.pageX-r.initialTouchX;var i=e.pageY-r.initialTouchY;var s=70;var n=Math.abs(i)>=s&&Math.abs(o)<=s;if(n){r.hide()}r.initialTouchY=null;r.initialTouchX=null};this.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.toggledByMethod=true;this.open=true;return[2,z(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggledByMethod=true;this.open=false;return[2,z(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.update=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.computePosition()];case 1:return[2,t.sent()]}}))}))};t.prototype.handleOutsideClick=function(t){if(!this.open){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;var o=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(e&&!o){this.hide()}};t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,r,i;return __generator(this,(function(s){switch(s.label){case 0:if(!this.dialogElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}e=k();o=T();return[4,Promise.all([g(this.contentWrapperElement),g(this.contentElement),g(this.dialogElement)])];case 1:s.sent();this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;return[4,Promise.all([b(this.contentWrapperElement,e.keyframes,e.options),b(f("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)])];case 2:s.sent();if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}r=C();i=j();return[4,Promise.all([g(this.contentWrapperElement),g(this.contentElement),g(this.dialogElement)])];case 4:s.sent();return[4,Promise.all([b(this.contentWrapperElement,r.keyframes,r.options),b(f("small").matches?this.dialogElement:this.contentElement,i.keyframes,i.options)])];case 5:s.sent();this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}s.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.distanceWatcher=function(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-popover-".concat(P++);this.distanceWatcher(this.distance);if(!!this.localization)return[3,2];t=this;return[4,u(this.element,"popover")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.popoverShown=function(){document.body.classList.add(Y);var t=m(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}};t.prototype.popoverHidden=function(){document.body.classList.remove(Y);var t=m(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}};t.prototype.componentDidRender=function(){this.computePosition();this.open?this.popoverShown():this.popoverHidden();var t=m(this.triggerElement.firstElementChild);if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby","".concat(this.id,"-trigger-description"))}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.dialogElement)};t.prototype.componentDidLoad=function(){this.autoUpdateCleanup=a(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=v(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!e){var o=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=o}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}};t.prototype.render=function(){var t;var e=this;var o=(t={"stzh-popover":true},t["stzh-popover--open"]=this.open,t["stzh-popover--placement-".concat(this.computedPlacement)]=!!this.computedPlacement,t["stzh-popover--".concat(this.variant)]=!!this.variant,t);return r(i,null,r("div",{class:o,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},r("div",{ref:function(t){return e.triggerElement=t},class:"stzh-popover__trigger"},r("slot",null)),r("div",{class:"stzh-popover__vhidden",id:"".concat(this.id,"-trigger-description")},this.localization.open),r("div",{ref:function(t){return e.contentWrapperElement=t},class:"stzh-popover__content-wrapper"},r("div",{class:"stzh-popover__backdrop"}),r("div",{ref:function(t){return e.contentElement=t},class:"stzh-popover__content"},r("div",{ref:function(t){return e.dialogElement=t},class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?"".concat(this.id,"-label"):null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&r("div",{class:"stzh-popover__arrow",ref:function(t){return e.arrowElement=t},innerHTML:p}),r("div",{class:"stzh-popover__content-inner"},r("div",{class:"stzh-popover__label-wrapper"},r("h2",{id:"".concat(this.id,"-label"),class:"stzh-popover__label"},this.label?this.label:r("slot",{name:"label"})),r("button",{class:"stzh-popover__close",onClick:function(){return e.hide()},type:"button"},r("stzh-icon",{name:"close",class:"stzh-popover__icon"}),r("span",{class:"stzh-popover__vhidden"},this.localization.close))),r("div",{class:"stzh-popover__content-slot"},r("slot",{name:"content"}),r("div",{class:"stzh-popover__action-slot"},r("slot",{name:"action"})))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],distance:["distanceWatcher"]}},enumerable:false,configurable:true});return t}());W.style=w}}}));

package/dist/stzh-components/p-09a6a4be.system.js

@@ -1 +0,0 @@
-System.register([],(function(t){"use strict";return{execute:function(){var e="@oiz/stzh-components";var n="2.4.0";var o=e.substring(e.indexOf("/")+1);function s(){window.addEventListener("appload",(function(t){var e=document.querySelector("[autofocus]");if(e&&t.detail.namespace===o&&e.tagName.toLowerCase().indexOf("stzh-")===0&&"setFocus"in e){e.setFocus()}}))}function i(){var t={threshold:1};var e=function(t){t.forEach((function(t){var e=0;if(t.intersectionRatio<1){e=window.innerWidth-document.body.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",e+"px")}))};var n=new IntersectionObserver(e,t);n.observe(document.body)}function r(){window.stzhComponents=Object.assign({version:n,labels:"fixed",cacheTranslations:true,pathTranslations:"/",formats:{}},window.stzhComponents||{});s();i()}var a=t("g",r)}}}));

package/dist/stzh-components/p-0ab2f949.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,c as r,g as i}from"./p-99a3742a.js";import{s as a,h as s}from"./p-5c697491.js";import{a as o,r as h,m as n}from"./p-9111e257.js";var l=function(e){if(e){var t=function(e){return[].slice.call(e)},r=3,i=[],a=null,s="requestAnimationFrame"in e?function(){e.cancelAnimationFrame(a),a=e.requestAnimationFrame((function(){return h(i.filter((function(e){return e.dirty&&e.active})))}))}:function(){},o=function(e){return function(){i.forEach((function(t){return t.dirty=e})),s()}},h=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=p(e)})),e.filter(g).forEach(z);var t=e.filter(c);t.forEach(l),t.forEach((function(e){z(e),n(e)})),t.forEach(d)},n=function(e){return e.dirty=0},l=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?"normal":"nowrap"},c=function(e){return 2!==e.dirty||2===e.dirty&&e.element.parentNode.clientWidth!==e.availableWidth},p=function(t){var r=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},g=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display="inline-block"),"nowrap"!==e.whiteSpace&&(t=!0,e.whiteSpace="nowrap"),e.preStyleTestCompleted=!0,t)},z=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+"px"},d=function(e){e.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},m=function(e,t){return function(){e.dirty=t,e.active&&s()}},v=function(e){return function(){i=i.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},u=function(e){return function(){e.active||(e.active=!0,s())}},f=function(e){return function(){return e.active=!1}},x=function(e){e.observeMutations&&(e.observer=new MutationObserver(m(e,1)),e.observer.observe(e.element,e.observeMutations))},b={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},_=null,w=function(){e.clearTimeout(_),_=e.setTimeout(o(2),j.observeWindowDelay)},k=["resize","orientationchange"];return Object.defineProperty(j,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");k.forEach((function(t){e[r](t,w)}))}}),j.observeWindow=!0,j.observeWindowDelay=100,j.fitAll=o(r),j}function y(e,t){var a=Object.assign({},b,t),o=e.map((function(e){var t=Object.assign({},a,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},x(e),e.newbie=!0,e.dirty=!0,i.push(e)}(t),{element:e,fit:m(t,r),unfreeze:u(t),freeze:f(t),unsubscribe:v(t)}}));return s(),o}function j(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?y(t(document.querySelectorAll(e)),r):y([e],r)[0]}}("undefined"==typeof window?null:window);const c=class{constructor(t){e(this,t),this.init=()=>{const e=this.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link'),t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text'),r=this.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');e&&a(e,{icon:"arrow-left-circle"}),t.forEach((e=>{a(e,{lead:!0})})),r.forEach((e=>{a(e,{role:"listitem"})}))},this.reinitFitty=()=>{this.destroyFitty();const e=n("small").matches;this.fitty=l(this.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})},this.heading="",this.leadAuthor="",this.subtitle=""}destroyFitty(){this.fitty&&(this.fitty.unsubscribe(),this.fitty=null)}async componentWillUpdate(){this.destroyFitty()}async componentDidRender(){this.fitty||this.reinitFitty()}connectedCallback(){this.init(),o(this.reinitFitty),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect(),h(this.reinitFitty),this.destroyFitty()}render(){const e=s(this.element,"image"),i=s(this.element,"lead"),a=s(this.element,"back-link");return t(r,null,t("div",{class:{"stzh-pagetitle-hero":!0,"stzh-pagetitle-hero--has-no-image":!e,"stzh-pagetitle-hero--has-no-lead":!i,"stzh-pagetitle-hero--has-back-link":a}},t("div",{class:"stzh-pagetitle-hero__header"},t("div",{class:"stzh-pagetitle-hero__back-link"},t("slot",{name:"back-link"})),t("div",{class:"stzh-pagetitle-hero__image-wrapper"},t("div",{class:"stzh-pagetitle-hero__image-ratio"}),t("slot",{name:"image"})),t("div",{class:"stzh-pagetitle-hero__title-wrapper"},t("div",{class:"stzh-pagetitle-hero__tags",role:"list"},t("slot",{name:"tag"})),t("div",{class:"stzh-pagetitle-hero__title-parent"},t("h1",{ref:e=>this.mainTitleElement=e,class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&t("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),t("div",{class:"stzh-pagetitle-hero__lead"},t("slot",{name:"lead"}),t("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))}get element(){return i(this)}};c.style=".sc-stzh-pagetitle-hero-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-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::before,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>img[slot=image],.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>[slot=image] img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter]:not([disabled]){--color:var(--stzh-color-white);--border:0.0625rem solid var(--stzh-color-white);--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white56);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-white16);--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-white16);--hover-counter-color:var(--stzh-color-white);--hover-icon-color:var(--stzh-color-white)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]):not([disabled]){--hover-color:var(--color);--hover-border:var(--border);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][active]:not([active=false]):not([disabled]){--border:0.0625rem solid transparent;--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag]:not(:last-child){margin-right:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 1023px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero:not(:empty){margin:var(--stzh-space-xlarge) 0}}.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding:var(--stzh-space-xxxlarge) var(--stzh-space-xlarge);margin-top:calc(var(--stzh-space-xxxlarge) * -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xxxxlarge) var(--stzh-space-xxlarge);margin-top:calc(var(--stzh-space-big) * -1)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin:var(--stzh-space-big) 0;width:50%;margin-left:-8.3333333333%}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xbig)}}.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-white);margin:0;font-size:1.875rem;line-height:1.107;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:normal;word-break:normal;word-break:break-word}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-size:2.8125rem}}.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);margin-top:var(--stzh-space-xlarge);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxxlarge);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 600px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row;flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:var(--stzh-color-grey5);margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{width:58.3333333333%;margin-left:0;margin-right:0}}.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{position:relative;width:100%;height:0;padding-bottom:75%}@media screen and (min-width: 600px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:56.25%}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:75%}}.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin:0 auto;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge);max-width:66.6666666667%}}.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin-right:-8.3333333333%}}.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:column;flex-direction:column;margin-top:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{width:100%;margin:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge);position:static}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxlarge)}}";export{c as stzh_pagetitle_hero}

package/dist/stzh-components/p-0ba944ab.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,c as a,g as s}from"./p-99a3742a.js";import{s as i}from"./p-5c697491.js";const r="has-sticked",h="is-sticky-left",o="is-sticky-right",l=class{constructor(e){t(this,e),this.updateCellClasses=()=>{this.tableWrapper&&Array.from(this.tableWrapper.querySelectorAll("tr")).forEach((t=>{Array.from(t.children).forEach(((t,e)=>{t.classList.remove(h),t.classList.remove(o),e===this.fixedLeft&&t.classList.add(h),e===this.fixedRight&&t.classList.add(o)}))}))},this.updateScrollStates=()=>{if(!this.tableWrapper)return;const t=this.tableWrapper.scrollLeft,e=this.tableWrapper.scrollWidth,a=this.tableWrapper.clientWidth;this.isScrollable=e>a,this.hasScrollLeft=t>0,this.hasScrollRight=t<e-a;const s=Array.from(this.tableWrapper.querySelectorAll("tr")),i=s[0];i&&(this.cellsStickyLeft=[],this.cellsStickyRight=[],Array.from(i.children).forEach(((e,s)=>{const i=e.offsetLeft,r=i+e.offsetWidth;this.hasScrollLeft&&s===this.fixedLeft&&Math.ceil(t)>=i&&this.cellsStickyLeft.push(s),this.hasScrollRight&&s===this.fixedRight&&Math.ceil(t)+a<=r&&this.cellsStickyRight.push(s)})),s.forEach((t=>{Array.from(t.children).forEach(((t,e)=>{this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1?t.classList.add(r):t.classList.remove(r)}))})))},this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');t&&i(t,{size:"small"}),this.updateCellClasses(),this.updateScrollStates()},this.handleScroll=()=>{this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.updateScrollStates)},this.fixedLeft=null,this.fixedRight=null,this.disableMinWidth=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.isScrollable=!1,this.cellsStickyLeft=[],this.cellsStickyRight=[]}fixedCellWatcher(){this.updateCellClasses(),this.updateScrollStates()}handleResize(){this.updateScrollStates()}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return e(a,null,e("div",{class:{"stzh-table":!0,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&0===this.cellsStickyLeft.length,"has-scroll-right-shadow":this.hasScrollRight&&0===this.cellsStickyRight.length}},e("div",{class:"stzh-table__header"},e("div",{class:"stzh-table__heading"},e("slot",{name:"heading"})),e("div",{class:"stzh-table__search"},e("slot",{name:"search"}))),e("div",{class:"stzh-table__outer-wrapper"},e("div",{ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",null)))))}get element(){return s(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};l.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-table{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;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-table[hidden]{display:none}stzh-table *,stzh-table *::before,stzh-table *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{}.stzh-table__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-table__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-table__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-table__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.stzh-table__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-table__heading{margin-bottom:0}}.stzh-table__header .stzh-table__search{width:var(--stzh-table-input-width)}@media screen and (min-width: 1024px){.stzh-table__header .stzh-table__search{margin-left:var(--stzh-space-large)}}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-table__sort-icon{opacity:0}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-table tr:hover td,.stzh-table tr:hover th{background-color:var(--stzh-color-grey5)}.stzh-table td,.stzh-table th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-table td a:hover,.stzh-table td a:focus,.stzh-table th a:hover,.stzh-table th a:focus{color:var(--stzh-link-hover-color)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{opacity:1}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}';export{l as stzh_table}

package/dist/stzh-components/p-12856e02.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,a){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function n(t){try{r(a.next(t))}catch(e){s(e)}}function l(t){try{r(a["throw"](t))}catch(e){s(e)}}function r(t){t.done?i(t.value):o(t.value).then(n,l)}r((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,o,s,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(t){return function(e){return r([t,e])}}function r(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(i=0)),i)try{if(a=1,o&&(s=l[0]&2?o["return"]:l[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,l[1])).done)return s;if(o=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:i.label++;return{value:l[1],done:false};case 5:i.label++;o=l[1];l=[0];continue;case 7:l=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){i=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){i.label=l[1];break}if(l[0]===6&&i.label<s[1]){i.label=s[1];s=l;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(l);break}if(s[2])i.ops.pop();i.trys.pop();continue}l=e.call(t,i)}catch(r){l=[6,r];o=0}finally{a=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-d4b7a303.system.js","./p-a408bfba.system.js","./p-9e30ee4a.system.js"],(function(t){"use strict";var e,i,a,o,s,n,l,r;return{setters:[function(t){e=t.r;i=t.e;a=t.h;o=t.c;s=t.g},function(t){n=t.s},function(t){l=t.f},function(t){r=t.c}],execute:function(){var d=".sc-stzh-dialog-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-dialog-h{display:none}.sc-stzh-dialog-h *.sc-stzh-dialog,.sc-stzh-dialog-h *.sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-dialog-h{--width:100%;--padding:var(--stzh-space-xxlarge);--close-color:var(--stzh-base-lead-color);--backdrop-opacity:0.8}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem;}}@media screen and (min-width: 1024px){.sc-stzh-dialog-h{--width:48.875rem;--padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:52rem;--padding:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 1024px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:var(--width);max-width:100%;-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding:var(--padding);padding-bottom:0}.stzh-dialog__dialog-content.sc-stzh-dialog{padding:var(--padding);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge);overflow:auto;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog{padding:var(--padding);padding-top:0}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 600px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-small);right:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-dialog__close-button.sc-stzh-dialog{top:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall));right:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall))}}.stzh-dialog__close-icon.sc-stzh-dialog{--size:var(--stzh-icon-size-medium);color:var(--close-color)}.stzh-dialog--is-open.sc-stzh-dialog{display:-ms-flexbox;display:flex}";var h={ESC:27};var c="stzh-dialog-open";var g=null;var p=0;var u=t("stzh_dialog",function(){function t(t){var a=this;e(this,t);this.stzhOpen=i(this,"stzhOpen",7);this.stzhClose=i(this,"stzhClose",7);this.handleDialogClick=function(t){var e=t.target;if(e.dataset.stzhDialogClose){a.hide()}else{var i=e.closest("[data-stzh-dialog-close]");if(i){a.hide()}}};this.handleCloseButtonClick=function(){a.hide()};this.init=function(){var t=a.element.querySelector('stzh-actions[slot="actions"]');if(t){n(t,{variant:"dialog",withBorder:true})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.a11yLabel=""}t.prototype.handleOutsideClick=function(t){if(!this.open||!this.closeOnBackdropClick){return}var e=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;if(e){this.hide()}};t.prototype.handleKeydown=function(t){if(t.keyCode===h.ESC&&g===this&&this.closeOnEscapeKey){this.hide()}};t.prototype.handleOpenTriggerClick=function(t){var e=t.target;if(e.dataset.stzhDialogTrigger===this.element.id){this.show()}else{var i=e.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;this.stzhClose.emit({component:"stzh-dialog"});return[2]}))}))};t.prototype.getSiblings=function(){var t=this;if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((function(e){return e!==t.element}))};t.prototype.disableSiblings=function(){this.getSiblings().forEach((function(t){t.setAttribute("aria-hidden","true")}))};t.prototype.enableSiblings=function(){this.getSiblings().forEach((function(t){t.removeAttribute("aria-hidden")}))};t.prototype.dialogShown=function(){g=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}};t.prototype.dialogHidden=function(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}g=null};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-dialog-".concat(p);p++;if(!!this.localization)return[3,2];t=this;return[4,l(this.element,"dialog")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement;this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.componentDidRender=function(){this.open?this.dialogShown():this.dialogHidden()};t.prototype.componentDidUpdate=function(){this.trap.updateContainerElements(this.element)};t.prototype.componentDidLoad=function(){this.trap=r(this.element,{fallbackFocus:this.dialogElement,returnFocusOnDeactivate:true});if(this.open){this.dialogShown()}};t.prototype.disconnectedCallback=function(){this.dialogHidden()};t.prototype.render=function(){var t;var e=this;return a(o,null,a("div",{class:(t={"stzh-dialog":true,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose},t["stzh-dialog--size-".concat(this.size)]=!!this.size,t)},a("div",{class:"stzh-dialog__backdrop"}),a("div",{class:"stzh-dialog__content"},a("div",{class:"stzh-dialog__dialog",ref:function(t){return e.dialogElement=t},tabindex:"-1",role:this.a11yRole,"aria-label":this.a11yLabel,"aria-labelledby":this.heading?"".concat(this.id,"-heading"):null,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},this.heading&&a("stzh-heading",{id:"".concat(this.id,"-heading"),class:"stzh-dialog__heading",level:"2","with-border":true},this.heading),a("div",{class:"stzh-dialog__dialog-content"},a("slot",null)),a("div",{class:"stzh-dialog__actions"},a("slot",{name:"actions"})),!this.hideClose&&a("button",{class:"stzh-dialog__close-button",onClick:this.handleCloseButtonClick,"aria-label":this.localization.close,type:"button"},a("stzh-icon",{class:"stzh-dialog__close-icon",name:"close"}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());u.style=d}}}));

package/dist/stzh-components/p-18e20038.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,c as a}from"./p-99a3742a.js";const t=class{constructor(s){e(this,s),this.curve="none",this.size="inherit",this.sizeSmall="inherit",this.sizeMedium="inherit",this.sizeLarge="inherit",this.sizeUltra="inherit",this.justify="start",this.items="start",this.around=!1,this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-vspace":!0,[`stzh-vspace--justify-${this.justify}`]:!!this.justify,[`stzh-vspace--items-${this.items}`]:!!this.items}},s("slot",null)))}};t.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}:host{--v-space:var(--stzh-space-default);--v-around:0;clear:both}:host::after{content:"";display:table;clear:both}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around));padding-bottom:calc(var(--v-space) * var(--v-around));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--v-around:1;height:var(--v-space)}:host([around]:not([around=false])){--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-medium)}}:host([curve=small]){--v-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-vspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-vspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-vspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-vspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-vspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-vspace--items-center{-ms-flex-align:center;align-items:center}.stzh-vspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-vspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}';export{t as stzh_vspace}

package/dist/stzh-components/p-1bcda13d.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-36e72c1d.system.js"],(function(e){"use strict";var s,a,t;return{setters:[function(e){s=e.r;a=e.h;t=e.c}],execute:function(){var i=':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}:host{--space:var(--stzh-space-default);--around:0;clear:both}:host::after{content:"";display:table;clear:both}:host ::slotted(*){max-width:100%;padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--around:1;width:var(--space);height:var(--space)}:host([around]:not([around=false])){--around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--space:var(--stzh-space-medium)}}:host([curve=small]){--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--space:var(--stzh-space-large)}}:host([curve=regular]){--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--space:var(--stzh-space-xlarge)}}:host([curve=medium]){--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--space:var(--stzh-space-xbig)}}:host([curve=huge]){--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--space:var(--stzh-space-xsmall)}:host([size=small]){--space:var(--stzh-space-small)}:host([size=medium]){--space:var(--stzh-space-medium)}:host([size=large]){--space:var(--stzh-space-large)}:host([size=xlarge]){--space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}:host([size=big]){--space:var(--stzh-space-big)}:host([size=xbig]){--space:var(--stzh-space-xbig)}:host([size=huge]){--space:var(--stzh-space-huge)}:host([size=xhuge]){--space:var(--stzh-space-xhuge)}:host([size=none]){--space:var(--stzh-space-none)}:host([size=default]){--space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--space:var(--stzh-space-default)}}.stzh-space{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc((var(--space) / -2) * var(--around));margin:calc((var(--space) / -2) * (1 - var(--around)));}.stzh-space--is-around{padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}.stzh-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-space--items-center{-ms-flex-align:center;align-items:center}.stzh-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}';var r=e("stzh_space",function(){function e(e){s(this,e);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.border="none"}e.prototype.render=function(){var e;return a(t,null,a("div",{class:(e={"stzh-space":true,"stzh-space--is-around":this.around},e["stzh-space--justify-".concat(this.justify)]=!!this.justify,e["stzh-space--items-".concat(this.items)]=!!this.items,e)},a("slot",null)))};return e}());r.style=i}}}));

package/dist/stzh-components/p-216b89d7.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,i){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{h(i.next(e))}catch(t){o(t)}}function n(e){try{h(i["throw"](e))}catch(t){o(t)}}function h(e){e.done?r(e.value):a(e.value).then(s,n)}h((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return h([e,t])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(r=0)),r)try{if(i=1,a&&(o=n[0]&2?a["return"]:n[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,n[1])).done)return o;if(a=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:r.label++;return{value:n[1],done:false};case 5:r.label++;a=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){r.label=n[1];break}if(n[0]===6&&r.label<o[1]){r.label=o[1];o=n;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(n);break}if(o[2])r.ops.pop();r.trys.pop();continue}n=t.call(e,r)}catch(h){n=[6,h];a=0}finally{i=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-d4b7a303.system.js","./p-176db2fe.system.js"],(function(e){"use strict";var t,r,i,a,o,s,n,h,l;return{setters:[function(e){t=e.r;r=e.h;i=e.c;a=e.g},function(e){o=e.s;s=e.h},function(e){n=e.a;h=e.r;l=e.m}],execute:function(){var c=function(e){if(e){var t=function(e){return[].slice.call(e)},r=0,i=1,a=2,o=3,s=[],n=null,h="requestAnimationFrame"in e?function(){e.cancelAnimationFrame(n),n=e.requestAnimationFrame((function(){return c(s.filter((function(e){return e.dirty&&e.active})))}))}:function(){},l=function(e){return function(){s.forEach((function(t){return t.dirty=e})),h()}},c=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=z(e)})),e.filter(u).forEach(m);var t=e.filter(d);t.forEach(g),t.forEach((function(e){m(e),p(e)})),t.forEach(v)},p=function(e){return e.dirty=r},g=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?"normal":"nowrap"},d=function(e){return e.dirty!==a||e.dirty===a&&e.element.parentNode.clientWidth!==e.availableWidth},z=function(t){var r=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},u=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display="inline-block"),"nowrap"!==e.whiteSpace&&(t=!0,e.whiteSpace="nowrap"),e.preStyleTestCompleted=!0,t)},m=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+"px"},v=function(e){e.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},f=function(e,t){return function(){e.dirty=t,e.active&&h()}},b=function(e){return function(){s=s.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},x=function(e){return function(){e.active||(e.active=!0,h())}},w=function(e){return function(){return e.active=!1}},_=function(e){e.observeMutations&&(e.observer=new MutationObserver(f(e,i)),e.observer.observe(e.element,e.observeMutations))},y={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in e&&{subtree:!0,childList:!0,characterData:!0}},k=null,S=function(){e.clearTimeout(k),k=e.setTimeout(l(a),W.observeWindowDelay)},F=["resize","orientationchange"];return Object.defineProperty(W,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");F.forEach((function(t){e[r](t,S)}))}}),W.observeWindow=!0,W.observeWindowDelay=100,W.fitAll=l(o),W}function E(e,t){var r=Object.assign({},y,t),i=e.map((function(e){var t=Object.assign({},r,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},_(e),e.newbie=!0,e.dirty=!0,s.push(e)}(t),{element:e,fit:f(t,o),unfreeze:x(t),freeze:w(t),unsubscribe:b(t)}}));return h(),i}function W(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof e?E(t(document.querySelectorAll(e)),r):E([e],r)[0]}}("undefined"==typeof window?null:window);var p=".sc-stzh-pagetitle-hero-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-pagetitle-hero-h{display:none}.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::before,.sc-stzh-pagetitle-hero-h *.sc-stzh-pagetitle-hero::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>img[slot=image],.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>[slot=image] img{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter]:not([disabled]){--color:var(--stzh-color-white);--border:0.0625rem solid var(--stzh-color-white);--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white56);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-white16);--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-white16);--hover-counter-color:var(--stzh-color-white);--hover-icon-color:var(--stzh-color-white)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][non-interactive]:not([non-interactive=false]):not([disabled]){--hover-color:var(--color);--hover-border:var(--border);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag][variant=filter][active]:not([active=false]):not([disabled]){--border:0.0625rem solid transparent;--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-pagetitle-hero-h .sc-stzh-pagetitle-hero-s>stzh-chip[slot=tag]:not(:last-child){margin-right:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero.sc-stzh-pagetitle-hero{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex}.stzh-pagetitle-hero__tags.sc-stzh-pagetitle-hero:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{position:absolute;left:0;top:0}}@media screen and (max-width: 1023px){.stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero:not(:empty){margin:var(--stzh-space-xlarge) 0}}.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));padding:var(--stzh-space-xxxlarge) var(--stzh-space-xlarge);margin-top:calc(var(--stzh-space-xxxlarge) * -1)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xxxxlarge) var(--stzh-space-xxlarge);margin-top:calc(var(--stzh-space-big) * -1)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin:var(--stzh-space-big) 0;width:50%;margin-left:-8.3333333333%}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{padding:var(--stzh-space-xbig)}}.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-white);margin:0;font-size:1.875rem;line-height:1.107;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:normal;word-break:normal;word-break:break-word}@media screen and (min-width: 600px){.stzh-pagetitle-hero__title.sc-stzh-pagetitle-hero{font-size:2.8125rem}}.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);margin-top:var(--stzh-space-xlarge);color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__subtitle.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxxlarge);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 600px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row;flex-direction:row}}.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:var(--stzh-color-grey5);margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{width:58.3333333333%;margin-left:0;margin-right:0}}.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{position:relative;width:100%;height:0;padding-bottom:75%}@media screen and (min-width: 600px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:56.25%}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__image-ratio.sc-stzh-pagetitle-hero{padding-bottom:75%}}.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin:0 auto;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-huge);max-width:66.6666666667%}}.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero__lead-author.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-back-link.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{margin-right:-8.3333333333%}}.stzh-pagetitle-hero--has-no-lead.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__lead.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__image-wrapper.sc-stzh-pagetitle-hero{display:none}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__header.sc-stzh-pagetitle-hero{-ms-flex-direction:column;flex-direction:column;margin-top:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__title-wrapper.sc-stzh-pagetitle-hero{width:100%;margin:0}.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge);position:static}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-hero--has-no-image.sc-stzh-pagetitle-hero .stzh-pagetitle-hero__back-link.sc-stzh-pagetitle-hero{margin-bottom:var(--stzh-space-xxxlarge)}}";var g=e("stzh_pagetitle_hero",function(){function e(e){var r=this;t(this,e);this.init=function(){var e=r.element.querySelector('stzh-link[slot="back-link"], [slot="back-link"] stzh-link');var t=r.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var i=r.element.querySelectorAll('stzh-chip[slot="tag"], [slot="tag"] stzh-chip');if(e){o(e,{icon:"arrow-left-circle"})}t.forEach((function(e){o(e,{lead:true})}));i.forEach((function(e){o(e,{role:"listitem"})}))};this.reinitFitty=function(){r.destroyFitty();var e=l("small").matches;r.fitty=c(r.mainTitleElement,{minSize:e?45:32,maxSize:e?96:64})};this.heading="";this.leadAuthor="";this.subtitle=""}e.prototype.destroyFitty=function(){if(this.fitty){this.fitty.unsubscribe();this.fitty=null}};e.prototype.componentWillUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.destroyFitty();return[2]}))}))};e.prototype.componentDidRender=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.fitty){return[2]}this.reinitFitty();return[2]}))}))};e.prototype.connectedCallback=function(){this.init();n(this.reinitFitty);this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.observer.disconnect();h(this.reinitFitty);this.destroyFitty()};e.prototype.render=function(){var e=this;var t=s(this.element,"image");var a=s(this.element,"lead");var o=s(this.element,"back-link");var n={"stzh-pagetitle-hero":true,"stzh-pagetitle-hero--has-no-image":!t,"stzh-pagetitle-hero--has-no-lead":!a,"stzh-pagetitle-hero--has-back-link":o};return r(i,null,r("div",{class:n},r("div",{class:"stzh-pagetitle-hero__header"},r("div",{class:"stzh-pagetitle-hero__back-link"},r("slot",{name:"back-link"})),r("div",{class:"stzh-pagetitle-hero__image-wrapper"},r("div",{class:"stzh-pagetitle-hero__image-ratio"}),r("slot",{name:"image"})),r("div",{class:"stzh-pagetitle-hero__title-wrapper"},r("div",{class:"stzh-pagetitle-hero__tags",role:"list"},r("slot",{name:"tag"})),r("div",{class:"stzh-pagetitle-hero__title-parent"},r("h1",{ref:function(t){return e.mainTitleElement=t},class:"stzh-pagetitle-hero__title"},this.heading)),this.subtitle&&r("div",{class:"stzh-pagetitle-hero__subtitle"},this.subtitle))),r("div",{class:"stzh-pagetitle-hero__lead"},r("slot",{name:"lead"}),r("div",{class:"stzh-pagetitle-hero__lead-author"},this.leadAuthor))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());g.style=p}}}));