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

package/dist/vscode-data.json

@@ -233,7 +233,7 @@
       "name": "stzh-anchornav",
       "description": {
         "kind": "markdown",
-        "value": "The STZH anchornav component.\n<mark>Beta version, do not use in production yet.</mark>\n\n```html\n<stzh-anchornav\n  items='[\n    {\n      \"label\": \"Laboris laborum aute id laboris culpa esse aliquip nisi anim velit. Minim sunt eiusmod do laborum amet ut magna. Labore dolore id nostrud enim Lorem pariatur ad dolore id eiusmod adipisicing laboris laborum minim. Reprehenderit deserunt ut occaecat sit sit ullamco laborum deserunt. Eu pariatur est exercitation ea ut tempor laborum. Amet veniam consectetur cupidatat Lorem eu ipsum.\",\n      \"href\": \"#laboris\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    }\n  ]'\n></stzh-anchornav>\n```"
+        "value": "The STZH anchornav component.\n\n```html\n<stzh-anchornav\n  items='[\n    {\n      \"label\": \"Laboris laborum aute id laboris culpa esse aliquip nisi anim velit. Minim sunt eiusmod do laborum amet ut magna. Labore dolore id nostrud enim Lorem pariatur ad dolore id eiusmod adipisicing laboris laborum minim. Reprehenderit deserunt ut occaecat sit sit ullamco laborum deserunt. Eu pariatur est exercitation ea ut tempor laborum. Amet veniam consectetur cupidatat Lorem eu ipsum.\",\n      \"href\": \"#laboris\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    },\n    {\n      \"label\": \"Lorem Ipsum\",\n      \"href\": \"#lorem\"\n    }\n  ]'\n></stzh-anchornav>\n```"
       },
       "attributes": [
         {
@@ -344,7 +344,7 @@
       "name": "stzh-audio",
       "description": {
         "kind": "markdown",
-        "value": "The STZH audio component.\n<mark>Beta version, do not use in production yet.</mark>\n\nInternally, the [`vidstack` library](https://www.vidstack.io/) is used."
+        "value": "The STZH audio component.\n\nInternally, the [`vidstack` library](https://www.vidstack.io/) is used."
       },
       "attributes": [
         {
@@ -425,6 +425,10 @@
           "name": "a11y-describedby",
           "description": "Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)"
         },
+        {
+          "name": "a11y-disabled",
+          "description": "Aria disabled of link/button"
+        },
         {
           "name": "a11y-expanded",
           "description": "Aria expanded of link/button"
@@ -433,6 +437,10 @@
           "name": "a11y-label",
           "description": "Accessible label for screen readers to replace visible text"
         },
+        {
+          "name": "a11y-tabindex",
+          "description": "Tabindex of link/button"
+        },
         {
           "name": "active",
           "description": "Whether the button is active"
@@ -696,6 +704,10 @@
           "name": "heading",
           "description": "Heading (or use heading slot instead)"
         },
+        {
+          "name": "hide-elevation",
+          "description": "Whether card elevation should be hidden"
+        },
         {
           "name": "hide-footer-border",
           "description": "Whether to hide footer separation border"
@@ -791,6 +803,63 @@
         }
       ]
     },
+    {
+      "name": "stzh-carousel",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH carousel component."
+      },
+      "attributes": [
+        {
+          "name": "autoplay",
+          "description": "Whether autoplay is enabled.\nGets paused, when user has focus inside carousel element or hovers over it.\nAlso when reduced motion media query is active or carousel is set disabled.\nGets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether carousel is disabled"
+        },
+        {
+          "name": "slide",
+          "description": "Active slide (readonly)"
+        },
+        {
+          "name": "slides",
+          "description": "Slides number"
+        },
+        {
+          "name": "slides-large",
+          "description": "Slides number above large breakpoint"
+        },
+        {
+          "name": "slides-medium",
+          "description": "Slides number above medium breakpoint"
+        },
+        {
+          "name": "slides-small",
+          "description": "Slides number above small breakpoint"
+        },
+        {
+          "name": "slides-ultra",
+          "description": "Slides number above ultra breakpoint"
+        },
+        {
+          "name": "tab-through",
+          "description": "Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\nBy default only the visible slides will be tabbable and the prev/next can be used to change slides\n(enabled when `variant` is set to `cards`)."
+        },
+        {
+          "name": "variant",
+          "description": "Carousel variant",
+          "values": [
+            {
+              "name": "cards"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-cell",
       "description": {
@@ -1169,9 +1238,17 @@
       "name": "stzh-clamp",
       "description": {
         "kind": "markdown",
-        "value": "The STZH clamp component.\n<mark>Beta version, do not use in production yet.</mark>\n\n```html\n<stzh-clamp>Long text to clamp</stzh-clamp>\n```"
+        "value": "The STZH clamp component.\n\n```html\n<stzh-clamp>Long text to clamp</stzh-clamp>\n```"
       },
       "attributes": [
+        {
+          "name": "clamped",
+          "description": "Whether the text is currently clamped (readonly)"
+        },
+        {
+          "name": "expanded",
+          "description": "Whether clamping is expanded"
+        },
         {
           "name": "lines",
           "description": "Line number"
@@ -1191,6 +1268,10 @@
         {
           "name": "lines-ultra",
           "description": "Line number above ultra breakpoint"
+        },
+        {
+          "name": "show-expand-link",
+          "description": "Whether clamping is expanded"
         }
       ]
     },
@@ -1198,7 +1279,7 @@
       "name": "stzh-contact",
       "description": {
         "kind": "markdown",
-        "value": "The STZH contact component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH contact component."
       },
       "attributes": [
         {
@@ -1700,7 +1781,7 @@
       "name": "stzh-details",
       "description": {
         "kind": "markdown",
-        "value": "The STZH details item component.\n<mark>Beta version, do not use in production yet.</mark>\n\nFor revealing more content when trigger element is clicked.\nSets `aria-expanded` and `aria-controls` attribute to the trigger element."
+        "value": "The STZH details item component.\n\nFor revealing more content when trigger element is clicked.\nSets `aria-expanded` and `aria-controls` attribute to the trigger element."
       },
       "attributes": [
         {
@@ -2775,7 +2856,7 @@
       "name": "stzh-invert",
       "description": {
         "kind": "markdown",
-        "value": "The STZH invert component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH invert component."
       },
       "attributes": []
     },
@@ -2783,7 +2864,7 @@
       "name": "stzh-langnav",
       "description": {
         "kind": "markdown",
-        "value": "The STZH langnav component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH langnav component."
       },
       "attributes": [
         {
@@ -2827,6 +2908,10 @@
           "name": "a11y-describedby",
           "description": "Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup)"
         },
+        {
+          "name": "a11y-disabled",
+          "description": "Aria disabled of link/button"
+        },
         {
           "name": "a11y-expanded",
           "description": "Aria expanded of link/button"
@@ -2835,6 +2920,10 @@
           "name": "a11y-label",
           "description": "Accessible label for screen readers to replace visible text"
         },
+        {
+          "name": "a11y-tabindex",
+          "description": "Tabindex of link/button"
+        },
         {
           "name": "active",
           "description": "Active status"
@@ -3208,7 +3297,7 @@
       "name": "stzh-microsite-teaserlist",
       "description": {
         "kind": "markdown",
-        "value": "The STZH microsite teaserlist component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH microsite teaserlist component."
       },
       "attributes": [
         {
@@ -3229,7 +3318,7 @@
       "name": "stzh-olmap",
       "description": {
         "kind": "markdown",
-        "value": "The STZH olmap component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH olmap component."
       },
       "attributes": [
         {
@@ -3303,7 +3392,7 @@
       "name": "stzh-pagebottom",
       "description": {
         "kind": "markdown",
-        "value": "The STZH pagebottom component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH pagebottom component."
       },
       "attributes": [
         {
@@ -3344,7 +3433,7 @@
       "name": "stzh-pagetitle-hero",
       "description": {
         "kind": "markdown",
-        "value": "The STZH pagetitle hero component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH pagetitle hero component."
       },
       "attributes": [
         {
@@ -3676,7 +3765,7 @@
       "name": "stzh-ratio",
       "description": {
         "kind": "markdown",
-        "value": "The STZH ratio component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH ratio component."
       },
       "attributes": [
         {
@@ -3914,7 +4003,7 @@
       "name": "stzh-share",
       "description": {
         "kind": "markdown",
-        "value": "The STZH share component.\n<mark>Beta version, do not use in production yet.</mark>\n\nEnables sharing the current page on different social networks or by email."
+        "value": "The STZH share component.\n\nEnables sharing the current page on different social networks or by email."
       },
       "attributes": [
         {
@@ -3964,7 +4053,7 @@
       "name": "stzh-sitemap",
       "description": {
         "kind": "markdown",
-        "value": "The STZH sitemap component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH sitemap component."
       },
       "attributes": [
         {
@@ -4446,7 +4535,7 @@
       "name": "stzh-sticky",
       "description": {
         "kind": "markdown",
-        "value": "The STZH sticky component.\n<mark>Beta version, do not use in production yet.</mark>\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
+        "value": "The STZH sticky component.\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
       },
       "attributes": [
         {
@@ -4795,7 +4884,7 @@
       "name": "stzh-textandimage",
       "description": {
         "kind": "markdown",
-        "value": "The STZH textandimage component.\n<mark>Beta version, do not use in production yet.</mark>"
+        "value": "The STZH textandimage component."
       },
       "attributes": [
         {
@@ -5727,7 +5816,7 @@
       "name": "stzh-visuallyhidden",
       "description": {
         "kind": "markdown",
-        "value": "The STZH visuallyhidden component.\n\nUse to visually hide content, but still readable by screenreaders or focusable. Focusable content will show if focused."
+        "value": "The STZH visuallyhidden component.\n\nUse to visually hide content, but still readable by screenreaders or focusable. Focusable content will show if focused.\n\nIn general a simple html tag (e.g. h1) or a component specific tag (e.g. stzh-heading) can be used in this context. In other words, since it is visually hidden nobody sees it and the design does not matter.\n\nHowever, if focusable via tabindex is used, the element is visible. In this case a component specific tag (e.g. stzh-heading) should be used."
       },
       "attributes": []
     },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oiz/stzh-components",
-    "version": "2.4.0-beta",
+    "version": "2.5.0-alpha-carousel",
     "description": "STZH Web Components Library",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -78,7 +78,7 @@
         "@vidstack/player": "^1.6.5",
         "axios": "^1.3.1",
         "body-scroll-lock": "^3.1.3",
-        "d3": "^4.13.0",
+        "d3": "^4.9.1",
         "dropzone": "^5.9.3",
         "fitty": "^2.3.6",
         "flexsearch": "^0.7.31",
@@ -87,15 +87,17 @@
         "js-cookie": "^3.0.1",
         "lit": "^2.5.0",
         "ol": "^4.6.5",
+        "photoswipe": "^5.3.4",
         "proj4": "^2.4.4",
         "scroll-into-view-if-needed": "^3.0.4",
         "sortablejs": "^1.15.0",
-        "sszvis": "^2.1.1",
+        "sszvis": "^2.6.4",
         "tabbable": "^6.0.1",
         "tinycolor2": "^1.5.2",
         "tippy.js": "^6.2.6",
         "tom-select": "^2.2.2",
-        "topojson-client": "^3.0.0"
+        "topojson-client": "^3.1.0",
+        "wicg-inert": "^3.1.2"
     },
     "engines": {
         "node": ">=16.14.2 <16.15.1"

package/dist/cjs/app-globals-57922fc2.js

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

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

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

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

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

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

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

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

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

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

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

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

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