@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/vscode-data.json

@@ -975,10 +975,34 @@
           "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": "autoplay-timeout",
+          "description": "Timeout delay in milliseconds used for autoplay"
+        },
         {
           "name": "disabled",
           "description": "Whether carousel is disabled"
         },
+        {
+          "name": "no-peek",
+          "description": "Whether to remove inside/outside peek."
+        },
+        {
+          "name": "non-interactive",
+          "description": "Whether scrolling & dragging should be disabled"
+        },
+        {
+          "name": "prevent-autoplay-pause",
+          "description": "Whether autoplay pause should be prevented when user hovers/focuses carousel"
+        },
+        {
+          "name": "prevent-autoplay-stop",
+          "description": "Whether autoplay stop should be prevented when user scroll or drags carousel"
+        },
+        {
+          "name": "prevent-mouse-drag",
+          "description": "Whether drag with mouse should be disabled (still will be able to scroll with wheeling or arrow keys)"
+        },
         {
           "name": "slide",
           "description": "Active slide (readonly)"
@@ -1029,41 +1053,32 @@
       },
       "attributes": [
         {
-          "name": "align-self",
-          "description": "Control how cells items are positioned along a container's cross axis",
+          "name": "align",
+          "description": "Controlling how cell is aligned in main axis (sets margin: auto to left/right side)",
           "values": [
             {
-              "name": "auto"
-            },
-            {
-              "name": "baseline"
-            },
-            {
-              "name": "center"
+              "name": "left"
             },
             {
-              "name": "end"
+              "name": "middle"
             },
             {
-              "name": "start"
+              "name": "none"
             },
             {
-              "name": "stretch"
+              "name": "right"
             }
           ]
         },
         {
-          "name": "justify-self",
-          "description": "Controlling how cells are positioned along a container's main axis",
+          "name": "align-self",
+          "description": "Control how cells items are positioned along a container's cross axis",
           "values": [
-            {
-              "name": "around"
-            },
             {
               "name": "auto"
             },
             {
-              "name": "between"
+              "name": "baseline"
             },
             {
               "name": "center"
@@ -1072,10 +1087,10 @@
               "name": "end"
             },
             {
-              "name": "evenly"
+              "name": "start"
             },
             {
-              "name": "start"
+              "name": "stretch"
             }
           ]
         },
@@ -1531,13 +1546,30 @@
         "kind": "markdown",
         "value": "The STZH container component.\n\nSets side margins and max-width based on the current breakpoint."
       },
-      "attributes": []
+      "attributes": [
+        {
+          "name": "no-margin",
+          "description": "Whether to prevent side margins"
+        },
+        {
+          "name": "size",
+          "description": "Size variant",
+          "values": [
+            {
+              "name": "big"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        }
+      ]
     },
     {
       "name": "stzh-cspace",
       "description": {
         "kind": "markdown",
-        "value": "The STZH cspace component.\n\nApply all the default collapsible spacings for slotted elements. See the [spacings docs page](/docs/tokens-spacings--docs#spacings) for more information.\n\n```html\n<stzh-cspace>\n  <stzh-heading>Heading</stzh-heading>\n  <stzh-text>Lorem ipsum</stzh-text>\n  <stzh-figure>\n    <img src=\"media/images/example.jpg\" loading=\"lazy\" />\n  </stzh-figure>\n  <stzh-heading level=\"2\">Heading<stzh-heading>\n  // note: use \"no-cspace-top\" to disable top margin\n  // or \"no-cspace-bottom\" to disable bottom margin if needed\n  <stzh-button no-cspace-top no-cspace-bottom>Test</stzh-button>\n  ...\n</stzh-cspace>\n```"
+        "value": "The STZH cspace component.\n\nApply all the default collapsible spacings for slotted elements. See the [spacings docs page](/docs/tokens-spacings--docs#spacings) for more information.\n\n```html\n<stzh-cspace>\n  <stzh-heading>Heading</stzh-heading>\n  <stzh-text>Lorem ipsum</stzh-text>\n  <stzh-figure>\n    <img src=\"media/images/example.jpg\" loading=\"lazy\" />\n  </stzh-figure>\n  <stzh-heading level=\"2\">Heading<stzh-heading>\n\n  // note: use \"cspace-t-0\" class to disable top margin\n  // or \"cspace-b-0\" to disable bottom margin if needed\n  // or \"cspace-y-0\" to disable top and bottom\n  // or \"cspace-t/b/y-{SPACE}\" to overwrite with space value token\n  // or \"{BREAKPOINT}:cspace-t/b/y-{SPACE}\" to overwrite with space value token for a specific breakpoint\n  <stzh-button class=\"cspace-t-0 cspace-b-0\">Test</stzh-button>\n\n  // note: use \"cspace-t/b/y-curve-{CURVE}\" to set a curve\n  <div class=\"cspace-t-curve-regular\">Test</div>\n  ...\n</stzh-cspace>\n```"
       },
       "attributes": [
         {
@@ -2384,9 +2416,17 @@
           "name": "copyright",
           "description": "Copyright"
         },
+        {
+          "name": "counter",
+          "description": "Counter"
+        },
         {
           "name": "fullwidth",
           "description": "Whether to stretch slotted content to fullwidth"
+        },
+        {
+          "name": "heading",
+          "description": "Heading"
         }
       ]
     },
@@ -4034,7 +4074,7 @@
       "name": "stzh-panorama",
       "description": {
         "kind": "markdown",
-        "value": "The STZH panorama component."
+        "value": "The STZH panorama component (beta)."
       },
       "attributes": [
         {
@@ -4173,6 +4213,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-print",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH print component (beta).\n\nSets `icon=print` by default if a `stzh-link` or `stzh-button` is slotted and nothing else is set."
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-progressbar",
       "description": {
@@ -4418,7 +4466,64 @@
         },
         {
           "name": "ratio",
-          "description": "Available aspect ratios",
+          "description": "Aspect ratio",
+          "values": [
+            {
+              "name": "16:9"
+            },
+            {
+              "name": "1:1"
+            },
+            {
+              "name": "21:9"
+            },
+            {
+              "name": "2:1"
+            },
+            {
+              "name": "3:2"
+            },
+            {
+              "name": "4:3"
+            },
+            {
+              "name": "5:4"
+            }
+          ]
+        },
+        {
+          "name": "ratio-large",
+          "description": "Aspect ratio above large breakpoint",
+          "values": [
+            {
+              "name": "16:9"
+            },
+            {
+              "name": "1:1"
+            },
+            {
+              "name": "21:9"
+            },
+            {
+              "name": "2:1"
+            },
+            {
+              "name": "3:2"
+            },
+            {
+              "name": "4:3"
+            },
+            {
+              "name": "5:4"
+            },
+            {
+              "name": "inherit"
+            }
+          ]
+        },
+        {
+          "name": "ratio-medium",
+          "description": "Aspect ratio above medium breakpoint",
           "values": [
             {
               "name": "16:9"
@@ -4440,6 +4545,69 @@
             },
             {
               "name": "5:4"
+            },
+            {
+              "name": "inherit"
+            }
+          ]
+        },
+        {
+          "name": "ratio-small",
+          "description": "Aspect ratio above small breakpoint",
+          "values": [
+            {
+              "name": "16:9"
+            },
+            {
+              "name": "1:1"
+            },
+            {
+              "name": "21:9"
+            },
+            {
+              "name": "2:1"
+            },
+            {
+              "name": "3:2"
+            },
+            {
+              "name": "4:3"
+            },
+            {
+              "name": "5:4"
+            },
+            {
+              "name": "inherit"
+            }
+          ]
+        },
+        {
+          "name": "ratio-ultra",
+          "description": "Aspect ratio above ultra breakpoint",
+          "values": [
+            {
+              "name": "16:9"
+            },
+            {
+              "name": "1:1"
+            },
+            {
+              "name": "21:9"
+            },
+            {
+              "name": "2:1"
+            },
+            {
+              "name": "3:2"
+            },
+            {
+              "name": "4:3"
+            },
+            {
+              "name": "5:4"
+            },
+            {
+              "name": "inherit"
             }
           ]
         }
@@ -4618,6 +4786,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-scrollup",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH scrollup component (beta).\n\nSets `icon=arrow-up` by default if a `stzh-link` or `stzh-button` is slotted and nothing else is set."
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-section",
       "description": {
@@ -6147,6 +6323,19 @@
         }
       ]
     },
+    {
+      "name": "stzh-vbz-carousel",
+      "description": {
+        "kind": "markdown",
+        "value": "The VBZ carousel component (beta).\n\nWill hide automatically, if a VBZ major ticker event occurs."
+      },
+      "attributes": [
+        {
+          "name": "autoplay-timeout",
+          "description": "Timeout delay in milliseconds used for autoplay"
+        }
+      ]
+    },
     {
       "name": "stzh-vbz-linechip",
       "description": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "2.10.0-beta",
+  "version": "2.10.0",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/stzh-components/p-061ede8b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,a as e}from"./p-c92165bd.js";const o=':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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child),:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted([no-cspace-top]){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child),:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted([no-cspace-bottom]){margin-bottom:0 !important}';const h=class{constructor(s){t(this,s);this.removeFirstMargin=true;this.removeLastMargin=true}render(){const t={"stzh-cspace":true};return s(e,null,s("div",{class:t},s("slot",null)))}};h.style=o;export{h as stzh_cspace};
-//# sourceMappingURL=p-061ede8b.entry.js.map

package/dist/stzh-components/p-061ede8b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-iframe),\n  ::slotted(stzh-youtube),\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-panorama),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child),\n  ::slotted([no-cspace-top]) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child),\n  ::slotted([no-cspace-bottom]) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,yrb,MCeTC,EAAU,M,gDAEiC,K,sBAGD,I,CAErD,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/p-086e9523.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function l(e){try{n(i.next(e))}catch(e){o(e)}}function a(e){try{n(i["throw"](e))}catch(e){o(e)}}function n(e){e.done?s(e.value):r(e.value).then(l,a)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,l;return l={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function a(e){return function(t){return n([e,t])}}function n(a){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,a[0]&&(s=0)),s)try{if(i=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:s.label++;return{value:a[1],done:false};case 5:s.label++;r=a[1];a=[0];continue;case 7:a=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){s=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(a[0]===6&&s.label<o[1]){s.label=o[1];o=a;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(a);break}if(o[2])s.ops.pop();s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e];r=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-bd1030c9.system.js","./p-774595ba.system.js"],(function(e){"use strict";var t,s,i,r,o,l,a,n,c;return{setters:[function(e){t=e.r;s=e.c;i=e.h;r=e.a;o=e.g},function(e){l=e.i},function(e){a=e.a;n=e.r;c=e.m},function(){}],execute:function(){var u=".sc-stzh-carousel-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-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";var h=window.matchMedia("(prefers-reduced-motion: reduce)");var d=0;var p=e("stzh_carousel",function(){function e(e){var i=this;t(this,e);this.stzhSlideStart=s(this,"stzhSlideStart",7);this.stzhSlidePassed=s(this,"stzhSlidePassed",7);this.stzhSlideEnd=s(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=function(){i.autoplayDisabledByMotionMedia=h.matches};this.onMouseenter=function(){i.autoplayDisabledByMouse=true};this.onMouseleave=function(){i.autoplayDisabledByMouse=false};this.onFocusin=function(){i.autoplayDisabledByFocus=true};this.onFocusout=function(){i.autoplayDisabledByFocus=false};this.onPreviousClick=function(){i.scrollToPreviousSnapPoint()};this.onNextClick=function(){i.scrollToNextSnapPoint()};this.onSlideResize=function(){if(i.scrollElement){i.itemSize=i.sizingMethod()}};this.onMutation=function(){if(!i.scrollElement){return}i.slideElements=Array.from(i.scrollElement.children);i.slideElements.forEach((function(e,t){e.setAttribute("role","group");e.setAttribute("aria-roledescription","slide");e.setAttribute("aria-label",i.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,i.slideElements.length.toString()))}));i.previousElements=Array.from(i.element.querySelectorAll("[data-stzh-carousel-previous]"));i.nextElements=Array.from(i.element.querySelectorAll("[data-stzh-carousel-next]"));i.navigationTextElements=Array.from(i.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=function(){if(i.scrollTimeoutId===null){var e=i.scrollElement.scrollLeft>i.slideScrollLeft?1:-1;i.scrolling=true;if(!i.scrolledByAutoplay){i.autoplay=false}i.stzhSlideStart.emit({component:"stzh-carousel",index:i.slide+e})}if(i.slide!==i.calculateSlide()){i.update();i.stzhSlidePassed.emit({component:"stzh-carousel",index:i.slide})}i.scrollTimeoutId&&window.clearTimeout(i.scrollTimeoutId);i.scrollTimeoutId=window.setTimeout(i.onScrollEnd,i.scrollTimeout)};this.onScrollEnd=function(){i.scrollTimeoutId=null;i.update();i.scrolling=false;i.scrolledByAutoplay=false;if(i.stoppedDragging){i.stoppedDragging=false;i.scrollElement.style.removeProperty("scroll-behavior");i.scrollElement.style.removeProperty("scroll-snap-type")}if(i.tabThrough||i.variant==="cards"){i.ariaLive=""}else{i.ariaLive=(i.currentSlides>1?i.localization.slidesLabel:i.localization.slideLabel).replace(/\{(current|from)\}/gi,(i.slide+1).toString()).replace(/\{to\}/gi,(i.slide+i.currentSlides).toString()).replace(/\{total\}/gi,i.slideElements.length.toString())}i.stzhSlideEnd.emit({component:"stzh-carousel",index:i.slide})};this.onMediaChange=function(){var e=c("ultra").matches;var t=c("large").matches;var s=c("medium").matches;var r=c("small").matches;if(e&&i.slidesUltra!==0){i.currentSlides=i.slidesUltra}else if(t&&i.slidesLarge!==0){i.currentSlides=i.slidesLarge}else if(s&&i.slidesMedium!==0){i.currentSlides=i.slidesMedium}else if(r&&i.slidesSmall!==0){i.currentSlides=i.slidesSmall}else{i.currentSlides=i.slides}i.currentSwipeSlides=i.currentSlides};this.mouseMove=function(e){var t=i.lastX-e.clientX;i.lastX=e.clientX;i.scrollElement.scrollLeft+=t};this.startDragging=function(e){e.preventDefault();i.disableTimeoutId&&window.clearTimeout(i.disableTimeoutId);i.disableTimeoutId=null;i.startX=i.lastX=e.clientX;i.startScrollLeft=i.scrollElement.scrollLeft;i.scrollElement.style.setProperty("scroll-behavior","auto");i.scrollElement.style.setProperty("scroll-snap-type","unset");i.dragging=true;i.autoplay=false;window.addEventListener("mousemove",i.mouseMove);window.addEventListener("mouseup",i.stopDragging,{capture:true});window.addEventListener("click",i.checkClick,{capture:true})};this.stopDragging=function(e){e.preventDefault();var t=Math.abs(i.startX-i.lastX);var s=t>i.distanceQuickSwipe;var r=i.lastX>i.startX?1:-1;i.dragging=false;var o=i.scrollElement.scrollLeft;i.scrollElement.style.removeProperty("scroll-snap-type");var l=i.scrollElement.scrollLeft;i.scrollElement.style.setProperty("scroll-snap-type","unset");i.scrollElement.scrollTo({left:o,behavior:"auto"});if(l!==i.startScrollLeft||!s){i.scrollElement.scrollTo({left:l,behavior:h.matches?"auto":"smooth"})}else if(r===1){i.slideToPrevious()}else{i.slideToNext()}window.removeEventListener("mousemove",i.mouseMove);window.removeEventListener("mouseup",i.stopDragging,{capture:true});i.stoppedDragging=true};this.checkClick=function(e){var t=Math.abs(i.startX-i.lastX);var s=t>i.distancePreventClick;if(s){e.preventDefault()}i.lastX=null;window.removeEventListener("click",i.checkClick,{capture:true})};this.autoplayInterval=function(){i.scrolledByAutoplay=true;if(i.hasReachedLastSlide()){i.slideTo(0)}else{i.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}e.prototype.slideTo=function(e,t){if(t===void 0){t="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.scrollToSlide(e,t);return[2]}))}))};e.prototype.slideToPrevious=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToPreviousSnapPoint(e);return[2]}))}))};e.prototype.slideToNext=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToNextSnapPoint(e);return[2]}))}))};e.prototype.disabledWatcher=function(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();h&&h.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);h&&h.addEventListener("change",this.onReducedMotionMediaChange)}};e.prototype.preventMouseDragWatcher=function(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}};e.prototype.autoplayRunningWatcher=function(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}};e.prototype.snapAlignWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=(s-e.currentSwipeSlides)%e.currentSwipeSlides===0;if(i){t.style.removeProperty("scroll-snap-align")}else{t.style.setProperty("scroll-snap-align","none")}}))};e.prototype.inertWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=e.tabThrough||e.variant==="cards"||s>=e.slide&&s<e.slide+e.currentSlides;t.inert=!i;if(i){t.removeAttribute("aria-hidden")}else{t.setAttribute("aria-hidden",i?"false":"true")}}))};e.prototype.prevNextNavigationWatcher=function(){var e=this.tabThrough||this.variant==="cards";var t=function(t){var s=l(t);if(e){t.setAttribute("aria-hidden","true");t.setAttribute(s?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(s?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.prevNextHiddenWatcher=function(){var e=this.slideElements.length<=this.currentSlides;var t=function(t){if(e){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.nextPrevDisabledWatcher=function(){if(!this.scrollElement){return}var e=this.slide===0;var t=this.hasReachedLastSlide();this.nextElements.forEach((function(e){var s=l(e);e.setAttribute(s?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((function(t){var s=l(t);t.setAttribute(s?"a11y-disabled":"aria-disabled",e?"true":"false")}))};e.prototype.nextElementsWatcher=function(){var e=this;this.nextElements.forEach((function(t){var s=l(t);t.addEventListener("click",e.onNextClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.previousElementsWatcher=function(){var e=this;this.previousElements.forEach((function(t){var s=l(t);t.addEventListener("click",e.onPreviousClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.scrollToSlide=function(e,t){if(t===void 0){t="smooth"}if(this.disabled){return}this.scrollElement.scrollTo({left:e*this.itemSize,behavior:h.matches?"auto":t})};e.prototype.sizingMethod=function(){var e=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild||this.scrollElement).offsetWidth+parseInt(e.getPropertyValue("column-gap"),10)};e.prototype.calculateSlide=function(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)};e.prototype.scrollToPreviousSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}var t=this.slide;var s=false;while(!s&&t>0){t=t-1;s=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,e)};e.prototype.scrollToNextSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,e)};e.prototype.update=function(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()};e.prototype.hasReachedLastSlide=function(){var e=this.scrollElement,t=e.scrollLeft,s=e.offsetWidth,i=e.scrollWidth;return Math.ceil(t+s)>=i};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.carouselId="stzh-carousel-".concat(d++);this.onMediaChange();if(!!this.localization)return[3,2];e=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"carousel")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()};e.prototype.connectedCallback=function(){a(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;n(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return i(r,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{class:t},i("slot",{name:"actions"}),i("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{ref:function(t){return e.scrollElement=t},id:"".concat(this.carouselId,"-scroll"),class:"stzh-carousel__scroll"},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}},enumerable:false,configurable:true});return e}());p.style=u}}}));
-//# sourceMappingURL=p-086e9523.system.entry.js.map

package/dist/stzh-components/p-086e9523.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCarouselCss","reducedMotionMedia","window","matchMedia","carouselCounter","StzhCarousel","exports","this","slideScrollLeft","scrolledByAutoplay","scrollTimeoutId","lastX","startX","startScrollLeft","disableTimeoutId","stoppedDragging","onReducedMotionMediaChange","_this","autoplayDisabledByMotionMedia","matches","onMouseenter","autoplayDisabledByMouse","onMouseleave","onFocusin","autoplayDisabledByFocus","onFocusout","onPreviousClick","scrollToPreviousSnapPoint","onNextClick","scrollToNextSnapPoint","onSlideResize","scrollElement","itemSize","sizingMethod","onMutation","slideElements","Array","from","children","forEach","slide","index","setAttribute","localization","slideLabel","replace","toString","length","previousElements","element","querySelectorAll","nextElements","navigationTextElements","onScroll","direction","scrollLeft","scrolling","autoplay","stzhSlideStart","emit","component","calculateSlide","update","stzhSlidePassed","clearTimeout","setTimeout","onScrollEnd","scrollTimeout","style","removeProperty","tabThrough","variant","ariaLive","currentSlides","slidesLabel","stzhSlideEnd","onMediaChange","ultra","media","large","medium","small","slidesUltra","slidesLarge","slidesMedium","slidesSmall","slides","currentSwipeSlides","mouseMove","event","distance","clientX","startDragging","preventDefault","setProperty","dragging","addEventListener","stopDragging","capture","checkClick","Math","abs","minimumReached","distanceQuickSwipe","endDraddingLeft","finalLeft","scrollTo","left","behavior","slideToPrevious","slideToNext","removeEventListener","distancePreventClick","autoplayInterval","hasReachedLastSlide","slideTo","class_1","prototype","behaviour","scrollToSlide","disabledWatcher","disabled","passive","preventMouseDragWatcher","preventMouseDrag","autoplayRunningWatcher","autoplayIntervalId","clearInterval","autoplayRunning","setInterval","autoplayTimeout","snapAlignWatcher","shouldSnap","inertWatcher","isActive","inert","removeAttribute","prevNextNavigationWatcher","setAriaAttributes","isStzh","isStzhElement","prevNextHiddenWatcher","hideElements","setHiddenAttribute","nextPrevDisabledWatcher","reachedFirstSlide","reachedLastSlide","nextElementsWatcher","nextElement","concat","carouselId","previousElementsWatcher","previousElement","css","getComputedStyle","firstElementChild","offsetWidth","parseInt","getPropertyValue","floor","previousIndex","canSnap","_a","scrollWidth","ceil","componentWillLoad","stzhComponents","utils","fetchTranslations","_b","sent","componentDidLoad","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","mutationObserver","MutationObserver","childList","subtree","disconnectedCallback","removeMediaChangeListener","disconnect","render","classes","h","Host","class","name","ref","el","id"],"sources":["src/components/stzh-carousel/stzh-carousel.scss?tag=stzh-carousel&encapsulation=scoped","src/components/stzh-carousel/stzh-carousel.tsx"],"sourcesContent":["/**\n * @prop --padding-top: Padding Top of scroll container\n * @prop --padding-bottom: Padding Bottom of scroll container\n * @prop --peek: Peek size showing the slides\n * @prop --peek-out: Negative peek size (breakout of container) showing the slides\n * @prop --gutter: Space between the slides\n * @prop --snap-stop: Snap stop of scroll container\n */\n\n:host {\n  --peek: calc(var(--peek-in, 0px) + var(--peek-out, 0px));\n  --peek-out: #{$containerMargin};\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --gutter: #{space('xxxsmall')};\n  --snap-stop: always;\n  --slides: 1;\n  --slide-size: calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides));\n\n  @include mq($from: small) {\n    --peek-out: #{$containerMarginSmall};\n  }\n\n  @include mq($from: medium) {\n    --peek-out: 0px;\n  }\n\n  &[variant=\"cards\"] {\n    --padding-top: 4px;\n    --padding-bottom: 4px;\n\n    --gutter: #{spaceCurveValue('tiny')};\n\n    @include mq($from: medium) {\n      --peek-out: #{$containerMarginMedium};\n      --gutter: #{spaceCurveValue('tiny', 'medium')};\n    }\n\n    @include mq($from: large) {\n      --peek-out: #{$containerMarginLarge};\n      --gutter: #{spaceCurveValue('tiny', 'large')};\n    }\n\n    @include mq($from: ultra) {\n      --peek-out: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n    }\n  }\n\n  ::slotted(*) {\n    width: 100%;\n    height: 100%;\n    flex-shrink: 0;\n    scroll-snap-align: start;\n    scroll-snap-stop: var(--snap-stop);\n\n    img {\n      -webkit-user-drag: none;\n      user-drag: none;\n      -ms-user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n  }\n\n  ::slotted([slot=\"actions\"]) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    pointer-events: none;\n    padding: 0 var(--peek);\n\n    stzh-text {\n      width: auto;\n    }\n\n    stzh-button {\n      pointer-events: all;\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    stzh-space,\n    stzh-hspace,\n    stzh-vspace {\n      padding: space('xsmall');\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    --background-color: transparent;\n  }\n\n  &[variant=\"cards\"] ::slotted([slot=\"actions\"]) {\n    position: relative;\n    order: 1;\n    margin-top: calc(#{space('medium')} - var(--padding-bottom));\n  }\n}\n\n.stzh-carousel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + var(--peek-out) * 2);\n  margin-left: calc(var(--peek-out) / -1);\n  margin-right: calc(var(--peek-out) / -1);\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__scroll {\n    position: relative;\n    grid-area: slides;\n    display: grid;\n    width: 100%;\n    height: 100%;\n    place-items: center;\n    overflow-x: auto;\n    overflow-y: visible;\n    grid-auto-flow: column;\n    grid-auto-columns: var(--slide-size);\n    grid-auto-rows: 100%;\n    column-gap: var(--gutter);\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    scroll-behavior: smooth;\n    overscroll-behavior-x: contain;\n    scroll-snap-type: x mandatory;\n    scroll-padding: 0 var(--peek);\n    padding: var(--padding-top) var(--peek) var(--padding-bottom);\n\n    @media (prefers-reduced-motion: reduce) {\n      scroll-behavior: auto;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  &--is-draggable &__scroll {\n    cursor: grab;\n  }\n\n  &--is-dragging &__scroll {\n    cursor: grabbing;\n  }\n\n  &--is-disabled &__scroll {\n    cursor: not-allowed;\n    overflow: hidden;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhCarouselSlideStartEvent,\n  StzhCarouselSlidePassedEvent,\n  StzhCarouselSlideEndEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { StzhCarouselLocalizedText } from \"./stzh-carousel.localization\"\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nconst reducedMotionMedia = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\nlet carouselCounter = 0;\n\n/*\n* Inspired by:\n*\n* - https://github.com/barthy-koeln/scroll-snap-slider\n* - https://tannerhodges.github.io/snap-slider/\n* - https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/\n* - https://dev.to/jasonwebb/how-to-build-a-more-accessible-carousel-or-slider-35lp\n* - http://web-accessibility.carnegiemuseums.org/code/carousels/\n*/\n\n/**\n * @slot - Slot any element\n * @slot actions - Slot for `stzh-actions` element\n */\n@Component({\n  tag: \"stzh-carousel\",\n  styleUrl: \"stzh-carousel.scss\",\n  scoped: true\n})\nexport class StzhCarousel {\n  /** Translation strings */\n  @Prop() localization: StzhCarouselLocalizedText;\n\n  /** Carousel variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"cards\" = \"default\";\n\n  /** Whether carousel is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Slides number */\n  @Prop() slides: number = 1;\n  /** Slides number above small breakpoint */\n  @Prop() slidesSmall: number = 0;\n  /** Slides number above medium breakpoint */\n  @Prop() slidesMedium: number = 0;\n  /** Slides number above large breakpoint */\n  @Prop() slidesLarge: number = 0;\n  /** Slides number above ultra breakpoint */\n  @Prop() slidesUltra: number = 0;\n\n  // /** How many slides per swipe */\n  // @Prop() swipeSlides: number = 1;\n  // /** How many slides per swipe above small breakpoint */\n  // @Prop() swipeSlidesSmall: number = 0;\n  // /** How many slides per swipe above medium breakpoint */\n  // @Prop() swipeSlidesMedium: number = 0;\n  // /** How many slides per swipe above large breakpoint */\n  // @Prop() swipeSlidesLarge: number = 0;\n  // /** How many slides per swipe above ultra breakpoint */\n  // @Prop() swipeSlidesUltra: number = 0;\n\n  /** Active slide (readonly) */\n  @Prop() slide: number = 0;\n\n  /**\n   * Whether autoplay is enabled.\n   * Gets paused, when user has focus inside carousel element or hovers over it.\n   * Also when reduced motion media query is active or carousel is set disabled.\n   * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n   */\n  @Prop({ mutable: true }) autoplay: boolean = false;\n\n  /**\n   * Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\n   * By 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`).\n   */\n  @Prop() tabThrough: boolean = false;\n\n  /** Whether drag with mouse should be disabled */\n  @State() preventMouseDrag = false;\n\n  /** Timeout delay in milliseconds used to catch the end of scroll events */\n  @State() scrollTimeout: number = 100;\n\n  /** Timeout delay in milliseconds used for autoplay */\n  @State() autoplayTimeout: number = 3000;\n\n  /** Minimum drag distance that needs to be reached to swipe to next/previous slide(s). */\n  @State() distanceQuickSwipe: number = 40;\n\n  /** Minimum drag distance that neeeds to be reached to prevent click on slide elements. */\n  @State() distancePreventClick: number = 6;\n\n  @Element() element: HTMLStzhCarouselElement;\n\n  /** Slide start event */\n  @Event() stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;\n\n  /** Slide passed event */\n  @Event() stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;\n\n  /** Slide end event */\n  @Event() stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;\n\n  /** Scroll to a slide by index */\n  @Method()\n  async slideTo(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToSlide(index, behaviour);\n  }\n\n  /** Scroll to previous snap point */\n  @Method()\n  async slideToPrevious(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToPreviousSnapPoint(behaviour);\n  }\n\n  /** Scroll to next snap point */\n  @Method()\n  async slideToNext(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToNextSnapPoint(behaviour);\n  }\n\n  @Watch(\"disabled\")\n  disabledWatcher() {\n    if (this.disabled) {\n      this.scrollElement && this.scrollElement.removeEventListener(\"scroll\", this.onScroll);\n      this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n      this.scrollTimeoutId = null;\n      this.element.removeEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.removeEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.removeEventListener(\"focusin\", this.onFocusin);\n      this.element.removeEventListener(\"focusout\", this.onFocusout);\n      this.onReducedMotionMediaChange();\n      reducedMotionMedia && reducedMotionMedia.removeEventListener(\"change\", this.onReducedMotionMediaChange);\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"scroll\", this.onScroll, { passive: true });\n      this.element.addEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.addEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.addEventListener(\"focusin\", this.onFocusin);\n      this.element.addEventListener(\"focusout\", this.onFocusout);\n      reducedMotionMedia && reducedMotionMedia.addEventListener(\"change\", this.onReducedMotionMediaChange);\n    }\n  }\n\n  @Watch(\"disabled\")\n  @Watch(\"preventMouseDrag\")\n  preventMouseDragWatcher() {\n    if (this.preventMouseDrag || this.disabled) {\n      this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n      this.disableTimeoutId = null;\n      this.scrollElement && this.scrollElement.removeEventListener(\"mousedown\", this.startDragging);\n      this.lastX = null;\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"mousedown\", this.startDragging);\n    }\n  }\n\n  @Watch(\"autoplay\")\n  @Watch(\"autoplayDisabledByMotionMedia\")\n  @Watch(\"autoplayDisabledByMouse\")\n  @Watch(\"autoplayDisabledByFocus\")\n  @Watch(\"autoplayTimeout\")\n  @Watch(\"disabled\")\n  autoplayRunningWatcher() {\n    if (\n      !this.autoplay\n      || this.disabled\n      || this.autoplayDisabledByMotionMedia\n      || this.autoplayDisabledByMouse\n      || this.autoplayDisabledByFocus\n    ) {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = null;\n      this.autoplayRunning = false;\n    } else {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);\n      this.autoplayRunning = true;\n    }\n  }\n\n  @Watch(\"slideElements\")\n  @Watch(\"currentSwipeSlides\")\n  snapAlignWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n\n      if (shouldSnap) {\n        slide.style.removeProperty(\"scroll-snap-align\");\n      } else {\n        slide.style.setProperty(\"scroll-snap-align\", \"none\");\n      }\n    });\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"variant\")\n  @Watch(\"slideElements\")\n  @Watch(\"currentSlides\")\n  @Watch(\"tabThrough\")\n  inertWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const isActive = this.tabThrough\n        || this.variant === \"cards\"\n        || index >= this.slide && index < this.slide + this.currentSlides;\n\n      slide.inert = !isActive;\n\n      if (isActive) {\n        slide.removeAttribute(\"aria-hidden\");\n      } else {\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n      }\n    });\n  }\n\n  @Watch(\"variant\")\n  @Watch(\"tabThrough\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  prevNextNavigationWatcher() {\n    const tabThrough = this.tabThrough || this.variant === \"cards\";\n\n    const setAriaAttributes = (element) => {\n      const isStzh = isStzhElement(element);\n\n      if (tabThrough) {\n        element.setAttribute(\"aria-hidden\", \"true\");\n        element.setAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\", \"-1\");\n      } else {\n        element.removeAttribute(\"aria-hidden\");\n        element.removeAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\");\n      }\n    }\n\n    this.nextElements.forEach(setAriaAttributes);\n    this.previousElements.forEach(setAriaAttributes);\n  }\n\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  @Watch(\"navigationTextElements\")\n  prevNextHiddenWatcher() {\n    const hideElements = this.slideElements.length <= this.currentSlides;\n\n    const setHiddenAttribute = (element) => {\n      if (hideElements) {\n        element.setAttribute(\"hidden\", \"\");\n      } else {\n        element.removeAttribute(\"hidden\");\n      }\n    };\n\n    this.navigationTextElements.forEach(setHiddenAttribute);\n    this.nextElements.forEach(setHiddenAttribute);\n    this.previousElements.forEach(setHiddenAttribute);\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  nextPrevDisabledWatcher() {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    const reachedFirstSlide = this.slide === 0;\n    const reachedLastSlide = this.hasReachedLastSlide();\n\n    this.nextElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedLastSlide ? \"true\" : \"false\");\n    });\n\n    this.previousElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedFirstSlide ? \"true\" : \"false\");\n    });\n  }\n\n  @Watch(\"nextElements\")\n  nextElementsWatcher() {\n    this.nextElements.forEach((nextElement) => {\n      const isStzh = isStzhElement(nextElement);\n\n      nextElement.addEventListener(\"click\", this.onNextClick);\n      nextElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  @Watch(\"previousElements\")\n  previousElementsWatcher() {\n    this.previousElements.forEach((previousElement) => {\n      const isStzh = isStzhElement(previousElement);\n\n      previousElement.addEventListener(\"click\", this.onPreviousClick);\n      previousElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  /** Whether autoplay is currently running */\n  @State() autoplayRunning: boolean = false;\n\n  /** Whether autoplay is currently disabled by reduced motion media */\n  @State() autoplayDisabledByMotionMedia: boolean = false;\n\n  /** Whether autoplay is currently disabled by mouse */\n  @State() autoplayDisabledByMouse: boolean = false;\n\n  /** Whether autoplay is currently disabled by focus */\n  @State() autoplayDisabledByFocus: boolean = false;\n\n  /** Whether user is currently dragging with mouse */\n  @State() dragging: boolean = false;\n\n  /** Whether user is currently scrolling */\n  @State() scrolling: boolean = false;\n\n  /** Aria live text */\n  @State() ariaLive: string = \"\";\n\n  /** Currently shown slides */\n  @State() currentSlides: number = 1;\n\n  /** How many slides should be moved currently */\n  @State() currentSwipeSlides: number = 1;\n\n  /** Slide elements */\n  @State() slideElements: HTMLElement[] = [];\n\n  /** Previous elements */\n  @State() previousElements: HTMLElement[] = [];\n\n  /** Next elements */\n  @State() nextElements: HTMLElement[] = [];\n\n  /** Navigation text elements */\n  @State() navigationTextElements: HTMLElement[] = [];\n\n  private scrollElement: HTMLElement;\n\n  /** Unique generated id */\n  private carouselId: string;\n\n  /** Current scroll position */\n  private slideScrollLeft: number = 0;\n\n  /** Flag whether scrolling was done by user or not */\n  private scrolledByAutoplay: boolean = false;\n\n  /** Timeout ID used to catch the end of scroll events */\n  private scrollTimeoutId: number = null;\n\n  /** Interval ID for autoplay */\n  private autoplayIntervalId: number;\n\n  /** Last drag event position */\n  private lastX: number = null;\n\n  /** Where the dragging started */\n  private startX: number = null;\n\n  /** Where the dragging started scroll position */\n  private startScrollLeft: number = null;\n\n  /** Timeout ID for a smooth drag release */\n  private disableTimeoutId: number = null;\n\n  /** Calculated size of a single item */\n  private itemSize: number;\n\n  /** Resize observer used to update item size */\n  private resizeObserver: ResizeObserver;\n\n  /** Mutation observer used to keep track of slides */\n  private mutationObserver: MutationObserver;\n\n  /** Whether user has just stopped dragging */\n  private stoppedDragging: boolean = false;\n\n  private scrollToSlide(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.scrollElement.scrollTo({\n      left: index * this.itemSize,\n      behavior: reducedMotionMedia.matches ? \"auto\" : behaviour\n    });\n  }\n\n  /** Width of a slide  */\n  private sizingMethod() {\n    const css = window.getComputedStyle(this.scrollElement);\n\n    return ((this.scrollElement.firstElementChild as HTMLElement) || this.scrollElement).offsetWidth\n      + parseInt(css.getPropertyValue(\"column-gap\"), 10);\n  }\n\n  /**\n   * Calculates the active slide.\n   * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.\n   */\n  private calculateSlide() {\n    // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide\n    // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible\n    // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible\n    return Math.floor(this.scrollElement.scrollLeft / this.itemSize);\n  }\n\n  private scrollToPreviousSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    let previousIndex = this.slide;\n    let canSnap = false;\n\n    while (!canSnap && previousIndex > 0) {\n      previousIndex = previousIndex - 1;\n      canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n    }\n\n    this.slideTo(previousIndex, behaviour);\n  }\n\n  private scrollToNextSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.slideTo(this.slide + this.currentSwipeSlides, behaviour);\n  }\n\n  private update() {\n    this.slide = this.calculateSlide();\n    this.slideScrollLeft = this.slide * this.itemSize;\n\n    this.onMutation();\n  }\n\n  private hasReachedLastSlide() {\n    const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;\n    return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;\n  }\n\n  private onReducedMotionMediaChange = () => {\n    this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;\n  }\n\n  private onMouseenter = () => {\n    this.autoplayDisabledByMouse = true;\n  }\n\n  private onMouseleave = () => {\n    this.autoplayDisabledByMouse = false;\n  }\n\n  private onFocusin = () => {\n    this.autoplayDisabledByFocus = true;\n  }\n\n  private onFocusout = () => {\n    this.autoplayDisabledByFocus = false;\n  }\n\n  private onPreviousClick = () => {\n    this.scrollToPreviousSnapPoint();\n  }\n\n  private onNextClick = () => {\n    this.scrollToNextSnapPoint();\n  }\n\n  private onSlideResize = () => {\n    if (this.scrollElement) {\n      this.itemSize = this.sizingMethod();\n    }\n  }\n\n  private onMutation = () => {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    this.slideElements = Array.from(this.scrollElement.children) as HTMLElement[];\n\n    this.slideElements.forEach((slide, index) => {\n      slide.setAttribute(\"role\", \"group\");\n      slide.setAttribute(\"aria-roledescription\", \"slide\");\n      slide.setAttribute(\"aria-label\", this.localization.slideLabel\n        .replace(/\\{current\\}/gi, (index + 1).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString())\n      );\n    });\n\n    this.previousElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-previous]\"));\n    this.nextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-next]\"));\n    this.navigationTextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-navigation-text]\"));\n  }\n\n  private onScroll = () => {\n    if (this.scrollTimeoutId === null) {\n      const direction = (this.scrollElement.scrollLeft > this.slideScrollLeft) ? 1 : -1;\n\n      this.scrolling = true;\n\n      if (!this.scrolledByAutoplay) {\n        this.autoplay = false;\n      }\n\n      this.stzhSlideStart.emit({\n        component: \"stzh-carousel\",\n        index: this.slide + direction\n      });\n    }\n\n    if (this.slide !== this.calculateSlide()) {\n      this.update();\n      this.stzhSlidePassed.emit({\n        component: \"stzh-carousel\",\n        index: this.slide\n      });\n    }\n\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);\n  }\n\n  private onScrollEnd = () => {\n    this.scrollTimeoutId = null;\n    this.update();\n\n    this.scrolling = false;\n    this.scrolledByAutoplay = false;\n\n    if (this.stoppedDragging) {\n      this.stoppedDragging = false;\n      this.scrollElement.style.removeProperty(\"scroll-behavior\");\n      this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    }\n\n    if (this.tabThrough || this.variant === \"cards\") {\n      this.ariaLive = \"\";\n    } else {\n      this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)\n        .replace(/\\{(current|from)\\}/gi, (this.slide + 1).toString())\n        .replace(/\\{to\\}/gi, (this.slide + this.currentSlides).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString());\n    }\n\n    this.stzhSlideEnd.emit({\n      component: \"stzh-carousel\",\n      index: this.slide\n    });\n  }\n\n  private onMediaChange = () => {\n    const ultra = media(\"ultra\").matches;\n    const large = media(\"large\").matches;\n    const medium = media(\"medium\").matches;\n    const small = media(\"small\").matches;\n\n    if (ultra && this.slidesUltra !== 0) {\n      this.currentSlides = this.slidesUltra;\n    } else if (large && this.slidesLarge !== 0) {\n      this.currentSlides = this.slidesLarge;\n    } else if (medium && this.slidesMedium !== 0) {\n      this.currentSlides = this.slidesMedium;\n    } else if (small && this.slidesSmall !== 0) {\n      this.currentSlides = this.slidesSmall;\n    } else {\n      this.currentSlides = this.slides;\n    }\n\n    // if (ultra && this.swipeSlidesUltra !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesUltra;\n    // } else if (large && this.swipeSlidesLarge !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesLarge;\n    // } else if (medium && this.swipeSlidesMedium !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesMedium;\n    // } else if (small && this.swipeSlidesSmall !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesSmall;\n    // } else {\n    //   this.currentSwipeSlides = this.swipeSlides;\n    // }\n\n    this.currentSwipeSlides = this.currentSlides;\n  }\n\n  /** Scroll the slider the appropriate amount of pixels and update the last event position */\n  private mouseMove = (event: MouseEvent) => {\n    const distance = this.lastX - event.clientX;\n    this.lastX = event.clientX;\n\n    this.scrollElement.scrollLeft += distance;\n  }\n\n  /** Clear disable timeout, set up variables and styles and attach the listener. */\n  private startDragging = (event: MouseEvent) => {\n    event.preventDefault()\n    this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n    this.disableTimeoutId = null;\n\n    this.startX = this.lastX = event.clientX;\n    this.startScrollLeft = this.scrollElement.scrollLeft;\n    this.scrollElement.style.setProperty(\"scroll-behavior\", \"auto\");\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n\n    this.dragging = true;\n    this.autoplay = false;\n\n    window.addEventListener(\"mousemove\", this.mouseMove);\n    window.addEventListener(\"mouseup\", this.stopDragging, { capture: true });\n    window.addEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  /** User stopped dragging */\n  private stopDragging = (event: MouseEvent) => {\n    event.preventDefault();\n\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distanceQuickSwipe;\n    const direction = (this.lastX > this.startX) ? 1 : -1;\n\n    this.dragging = false;\n\n    const endDraddingLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    const finalLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n    this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: \"auto\" });\n\n    if (finalLeft !== this.startScrollLeft || !minimumReached) {\n      this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? \"auto\" : \"smooth\" });\n    } else if (direction === 1) {\n      this.slideToPrevious();\n    } else {\n      this.slideToNext();\n    }\n\n    window.removeEventListener(\"mousemove\", this.mouseMove);\n    window.removeEventListener(\"mouseup\", this.stopDragging, { capture: true });\n\n    this.stoppedDragging = true;\n  }\n\n  private checkClick = (event: MouseEvent) => {\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distancePreventClick;\n\n    if (minimumReached) {\n      event.preventDefault();\n    }\n\n    this.lastX = null;\n\n    window.removeEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  private autoplayInterval = () => {\n    this.scrolledByAutoplay = true;\n\n    if (this.hasReachedLastSlide()) {\n      this.slideTo(0);\n    } else {\n      this.slideToNext();\n    }\n  }\n\n  async componentWillLoad() {\n    this.carouselId = `stzh-carousel-${carouselCounter++}`;\n    this.onMediaChange();\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"carousel\");\n    }\n  }\n\n  componentDidLoad() {\n    this.itemSize = this.sizingMethod();\n    this.update();\n\n    this.disabledWatcher();\n    this.preventMouseDragWatcher();\n    this.autoplayRunningWatcher();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.onMediaChange);\n\n    this.resizeObserver = new ResizeObserver(this.onSlideResize)\n    this.resizeObserver.observe(this.element)\n\n    this.mutationObserver = new MutationObserver(this.onMutation);\n    this.mutationObserver.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = null;\n    this.disabled = true;\n\n    removeMediaChangeListener(this.onMediaChange);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-carousel\": true,\n      \"stzh-carousel--is-disabled\": this.disabled,\n      \"stzh-carousel--is-draggable\": !this.preventMouseDrag,\n      \"stzh-carousel--is-dragging\": this.dragging,\n      \"stzh-carousel--is-scrolling\": this.scrolling,\n      \"stzh-carousel--has-autoplay\": this.autoplay,\n      \"stzh-carousel--is-autoplay-running\": this.autoplayRunning,\n      \"stzh-carousel--is-autoplay-disabled-by-motion-media\": this.autoplayDisabledByMotionMedia,\n      \"stzh-carousel--is-autoplay-disabled-by-mouse\": this.autoplayDisabledByMouse,\n      \"stzh-carousel--is-autoplay-disabled-by-focus\": this.autoplayDisabledByFocus\n    };\n\n    return (\n      <Host\n        aria-roledescription=\"carousel\"\n        style={{\n          '--slides': this.currentSlides.toString()\n        }}\n      >\n        <div class={classes}>\n          <slot name=\"actions\"></slot>\n          <div\n            class=\"stzh-carousel__vhidden\"\n            aria-live={this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? \"polite\" : \"off\"}\n          >\n            {this.ariaLive}\n          </div>\n          <div\n            ref={(el) => (this.scrollElement = el as HTMLDivElement)}\n            id={`${this.carouselId}-scroll`}\n            class=\"stzh-carousel__scroll\"\n          >\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-18402a84.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,F as s,a as e,g as i}from"./p-c92165bd.js";import{s as n,h as r}from"./p-ba8c574b.js";import"./p-9b063923.js";const l=":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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0;}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer stzh-link[slot=info],.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration-line:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=info] .stzh-link,.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=info]:not(:last-child){margin-bottom:var(--stzh-space-small)}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin:0 auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__social-link:empty,.stzh-footer__links:empty{display:none}.stzh-footer__logo:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-footer__logo:not(:empty){margin-bottom:0}}.stzh-footer__info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-footer__info:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer__info:not(:empty){margin-bottom:0}}@media screen and (min-width: 1024px){.stzh-footer__logo,.stzh-footer__social-link{margin-right:auto}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{-ms-flex-align:start;align-items:flex-start}}.stzh-footer--has-border{border-top:0.0625rem solid var(--stzh-base-border-color)}";const a=class{constructor(o){t(this,o);this.init=()=>{const t=this.element.querySelector('stzh-link[slot="social-link"]');const o=this.element.querySelectorAll('stzh-link[slot="link"]');if(t){n(t,{icon:"social-media"})}o.forEach((t=>{t.setAttribute("role","listitem")}))};this.localization=undefined;this.copyright=undefined;this.variant="default";this.mainUrl="https://www.stadt-zuerich.ch";this.withBorder=false}async componentWillLoad(){if(typeof this.copyright==="undefined"){const t=new Date;this.copyright=`© ${t.getFullYear()} Stadt Zürich`}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"footer")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=r(this.element,"logo");const i=r(this.element,"info");const n=r(this.element,"link");const l=r(this.element,"social-link");const a={"stzh-footer":true,"stzh-footer--has-border":this.withBorder,"stzh-footer--has-logo":t,"stzh-footer--has-info":i,"stzh-footer--has-links":n,"stzh-footer--has-social-link":l};return o(e,null,o("footer",{class:a},o("div",{class:"stzh-footer__wrapper"},o("div",{class:"stzh-footer__social-link"},o("slot",{name:"social-link"})),o("div",{class:"stzh-footer__logo"},o("slot",{name:"logo"})),o("div",{class:"stzh-footer__info"},o("slot",{name:"info"})),o("div",{class:"stzh-footer__links"},this.copyright&&o("div",{class:"stzh-footer__copyright"},this.copyright),o("div",{class:"stzh-footer__link-list",role:"list"},o("slot",{name:"link"},this.variant==="egov"&&o(s,null,o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.legalNoticeUrl}`},this.localization.legalNoticeText),o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.imprintUrl}`},this.localization.imprintText),o("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:`${this.mainUrl}/${this.localization.accessibilityUrl}`},this.localization.accessibilityText))))))))}get element(){return i(this)}};a.style=l;export{a as stzh_footer};
-//# sourceMappingURL=p-18402a84.entry.js.map

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

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var i,s,e;return{setters:[function(t){i=t.r;s=t.h;e=t.a}],execute:function(){var n=".sc-stzh-skiplink-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-skiplink-h{display:none}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey40);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink: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}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var o=t("stzh_skiplink",function(){function t(t){i(this,t);this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}t.prototype.focusinHandler=function(){this.focused=true};t.prototype.focusoutHandler=function(){this.focused=false};t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){t.link.setAttribute("s-object-id",t.analyticsId||t.label||t.text.innerText)}))};t.prototype.render=function(){var t=this;return s(e,{focused:this.focused},s("a",{ref:function(i){return t.link=i},class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle},s("div",{ref:function(i){return t.text=i}},this.label?this.label:s("slot",null))))};return t}());o.style=n}}}));
-//# sourceMappingURL=p-1ae561a5.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhSkiplinkCss","StzhSkiplink","exports","class_1","prototype","focusinHandler","this","focused","focusoutHandler","componentDidRender","_this","requestAnimationFrame","link","setAttribute","analyticsId","label","text","innerText","render","h","Host","ref","el","class","href","accessKey","linkAccesskey","title","linkTitle"],"sources":["src/components/stzh-skiplink/stzh-skiplink.scss?tag=stzh-skiplink&encapsulation=scoped","src/components/stzh-skiplink/stzh-skiplink.tsx"],"sourcesContent":[":host(:not([focused])) {\n  // reset any margin or padding (e.g. from stzh-vspace/hspace components)\n  // so the host element won't take up any space when link inside is not focuseds\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.stzh-skiplink {\n  @include visuallyhiddenFocusable;\n  display: inline-block;\n  right: 0;\n  top: 0;\n  white-space: nowrap;\n\tpadding: space('large') space('xxlarge');\n\tborder: solid 1px $colorGrey40;\n\tborder-radius: 2px;\n\tbackground: $colorWhite;\n  color: $colorPrimary;\n\ttransition: color $baseTransitionAnimationSpeed;\n  text-decoration-line: none;\n\n\t&:hover {\n\t\tcolor: $colorPrimaryHover;\n\t}\n}\n","import {\n  Component,\n  Host,\n  Listen,\n  h,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any text content\n */\n@Component({\n  tag: \"stzh-skiplink\",\n  styleUrl: \"stzh-skiplink.scss\",\n  scoped: true\n})\nexport class StzhSkiplink {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** href for linking to e.g. id of an element to skip to */\n  @Prop() href: string;\n\n  /** Access key of link (usually a number e.g. 1) */\n  @Prop() linkAccesskey: string;\n\n  /** Link title for description e.g. how to use skiplink with access key ([ALT + 1]) */\n  @Prop() linkTitle: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Whether the skiplink is currently focused */\n  @State() focused: boolean = false;\n\n  @Listen('focusin')\n  focusinHandler() {\n    this.focused = true;\n  }\n\n  @Listen('focusout')\n  focusoutHandler() {\n    this.focused = false;\n  }\n\n  private link: HTMLAnchorElement;\n  private text: HTMLDivElement;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.link.setAttribute(\"s-object-id\", this.analyticsId || this.label || this.text.innerText);\n    });\n  }\n\n  render() {\n    return (\n      <Host focused={this.focused}>\n        <a\n          ref={(el) => (this.link = el as HTMLAnchorElement)}\n          class=\"stzh-skiplink\"\n          href={this.href}\n          accessKey={this.linkAccesskey}\n          title={this.linkTitle}\n        >\n          <div ref={(el) => (this.text = el as HTMLDivElement)}>\n            {this.label ? this.label : <slot></slot>}\n          </div>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAkB,uwD,ICiBXC,EAAYC,EAAA,2B,mCAEC,G,kHAmBI,K,CAG5BC,EAAAC,UAAAC,eAAA,WACEC,KAAKC,QAAU,I,EAIjBJ,EAAAC,UAAAI,gBAAA,WACEF,KAAKC,QAAU,K,EAMjBJ,EAAAC,UAAAK,mBAAA,eAAAC,EAAAJ,KACEK,uBAAsB,WACpBD,EAAKE,KAAKC,aAAa,cAAeH,EAAKI,aAAeJ,EAAKK,OAASL,EAAKM,KAAKC,U,KAItFd,EAAAC,UAAAc,OAAA,eAAAR,EAAAJ,KACE,OACEa,EAACC,EAAI,CAACb,QAASD,KAAKC,SAClBY,EAAA,KACEE,IAAK,SAACC,GAAE,OAAMZ,EAAKE,KAAOU,CAAlB,EACRC,MAAM,gBACNC,KAAMlB,KAAKkB,KACXC,UAAWnB,KAAKoB,cAChBC,MAAOrB,KAAKsB,WAEZT,EAAA,OAAKE,IAAK,SAACC,GAAE,OAAMZ,EAAKM,KAAOM,CAAlB,GACVhB,KAAKS,MAAQT,KAAKS,MAAQI,EAAA,e,WArDd,I"}

package/dist/stzh-components/p-1c930dc5.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,a as r,g as i}from"./p-c92165bd.js";const s='.sc-stzh-ratio-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-ratio-h{display:none}.sc-stzh-ratio-h *.sc-stzh-ratio,.sc-stzh-ratio-h *.sc-stzh-ratio::before,.sc-stzh-ratio-h *.sc-stzh-ratio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-ratio-h .has-focus.sc-stzh-ratio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio{outline-style:none !important}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio::-moz-focus-inner{border:0 !important}.sc-stzh-ratio-h{--ratio:9 / 16;--background-color:var(--stzh-ratio-background-color)}.sc-stzh-ratio-h .sc-stzh-ratio-s>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}.sc-stzh-ratio-h[fit=contain] .sc-stzh-ratio-s>*{-o-object-fit:contain;object-fit:contain}[portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:16 / 9}[ratio="1:1"].sc-stzh-ratio-h{--ratio:1 / 1}[ratio="5:4"].sc-stzh-ratio-h{--ratio:4 / 5}[ratio="5:4"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:5 / 4}[ratio="4:3"].sc-stzh-ratio-h{--ratio:3 / 4}[ratio="4:3"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:4 / 3}[ratio="3:2"].sc-stzh-ratio-h{--ratio:2 / 3}[ratio="3:2"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:3 / 2}[ratio="2:1"].sc-stzh-ratio-h{--ratio:1 / 2}[ratio="2:1"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2 / 1}[ratio="21:9"].sc-stzh-ratio-h{--ratio:9 / 21}[ratio="21:9"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:21 / 9}.stzh-ratio.sc-stzh-ratio{position:relative;width:100%;padding-top:calc(var(--ratio) * 100%);background:var(--background-color)}';const a=class{constructor(o){t(this,o);this.ratio="16:9";this.portrait=false;this.fit="cover"}render(){const t={"stzh-ratio":true};return o(r,null,o("div",{class:t},o("slot",null)))}get element(){return i(this)}};a.style=s;export{a as stzh_ratio};
-//# sourceMappingURL=p-1c930dc5.entry.js.map

package/dist/stzh-components/p-1c930dc5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhRatioCss","StzhRatio","render","classes","h","Host","class"],"sources":["src/components/stzh-ratio/stzh-ratio.scss?tag=stzh-ratio&encapsulation=scoped","src/components/stzh-ratio/stzh-ratio.tsx"],"sourcesContent":["/**\n * @prop --ratio: Ratio in reverse (e.g. for 16:9 use `9 / 16`)\n * @prop --background-color: Background color of ratio area\n *\n * @prop --stzh-ratio-background-color: **Global**: Background color of ratios\n */\n\n:host {\n  --ratio: 9 / 16;\n  --background-color: #{$ratioBackgroundColor};\n\n  ::slotted(*) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n  }\n}\n\n:host([fit=\"contain\"]) ::slotted(*) {\n  object-fit: contain;\n}\n\n:host([portrait]:not([portrait=\"false\"])) {\n  --ratio: 16 / 9;\n}\n\n:host([ratio=\"1:1\"]) {\n  --ratio: 1 / 1;\n}\n\n:host([ratio=\"5:4\"]) {\n  --ratio: 4 / 5;\n}\n\n:host([ratio=\"5:4\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 5 / 4;\n}\n\n:host([ratio=\"4:3\"]) {\n  --ratio: 3 / 4;\n}\n\n:host([ratio=\"4:3\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 4 / 3;\n}\n\n:host([ratio=\"3:2\"]) {\n  --ratio: 2 / 3;\n}\n\n:host([ratio=\"3:2\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 3 / 2;\n}\n\n:host([ratio=\"2:1\"]) {\n  --ratio: 1 / 2;\n}\n\n:host([ratio=\"2:1\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 2 / 1;\n}\n\n:host([ratio=\"21:9\"]) {\n  --ratio: 9 / 21;\n}\n\n:host([ratio=\"21:9\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 21 / 9;\n}\n\n.stzh-ratio {\n  position: relative;\n  width: 100%;\n  padding-top: calc(var(--ratio) * 100%);\n  background: var(--background-color);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for e.g. image or video\n */\n@Component({\n  tag: \"stzh-ratio\",\n  styleUrl: \"stzh-ratio.scss\",\n  scoped: true\n})\nexport class StzhRatio {\n  /** Available aspect ratios */\n  @Prop({ reflect: true }) ratio: \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\" = \"16:9\";\n\n  /** Whether aspect ratio is in portrait mode */\n  @Prop({ reflect: true }) portrait: boolean = false;\n  \n  /** Fit mode */\n  @Prop({ reflect: true }) fit: \"cover\" | \"contain\" = \"cover\";\n\n  @Element() element: HTMLStzhRatioElement;\n\n  render() {\n    const classes = {\n      \"stzh-ratio\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,g9D,MCgBRC,EAAS,M,oCAEsE,O,cAG7C,M,SAGO,O,CAIpD,MAAAC,GACE,MAAMC,EAAU,CACd,aAAc,MAGhB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}