@oiz/stzh-components 2.0.0-beta → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-58a084a9.js → app-globals-ec8cc33e.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-accordion-item.cjs.entry.js +33 -15
- package/dist/cjs/stzh-actionset.cjs.entry.js +1 -9
- package/dist/cjs/stzh-badge_3.cjs.entry.js +17 -7
- package/dist/cjs/stzh-card-list.cjs.entry.js +19 -20
- package/dist/cjs/stzh-card.cjs.entry.js +34 -16
- package/dist/cjs/stzh-chip-select.cjs.entry.js +52 -4
- package/dist/cjs/stzh-chip.cjs.entry.js +3 -1
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dialog.cjs.entry.js +1 -1
- package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +2 -2
- package/dist/cjs/stzh-heading.cjs.entry.js +1 -1
- package/dist/cjs/stzh-hspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-icon-sprite.cjs.entry.js +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +2 -2
- package/dist/cjs/stzh-link.cjs.entry.js +8 -4
- package/dist/cjs/stzh-menu_2.cjs.entry.js +6 -2
- package/dist/cjs/stzh-message.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-portal-mitwirken.cjs.entry.js +1 -1
- package/dist/cjs/stzh-saptcha.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js +3 -2
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +47 -4
- package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vspace.cjs.entry.js +1 -1
- package/dist/collection/assets/icons/mono/code-window.svg +3 -0
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css +34 -8
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.js +123 -14
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.stories.js +9 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.js +1 -9
- package/dist/collection/components/stzh-badge/stzh-badge.css +22 -2
- package/dist/collection/components/stzh-badge/stzh-badge.js +25 -1
- package/dist/collection/components/stzh-button/stzh-button.js +45 -5
- package/dist/collection/components/stzh-card/stzh-card.css +2 -14
- package/dist/collection/components/stzh-card/stzh-card.js +37 -37
- package/dist/collection/components/stzh-card/stzh-card.stories.js +1 -4
- package/dist/collection/components/stzh-card-list/stzh-card-list.js +22 -49
- package/dist/collection/components/stzh-card-list/stzh-card-list.stories.js +2 -2
- package/dist/collection/components/stzh-chip/stzh-chip.js +38 -1
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.css +80 -0
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.js +213 -3
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +87 -176
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +3 -8
- package/dist/collection/components/stzh-datatable/stzh-datatable.css +5 -0
- package/dist/collection/components/stzh-dialog/stzh-dialog.css +9 -19
- package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +16 -16
- package/dist/collection/components/stzh-heading/stzh-heading.css +5 -15
- package/dist/collection/components/stzh-hspace/stzh-hspace.css +19 -24
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/sprite.symbol.html +45 -32
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/collection/components/stzh-input/stzh-input.js +2 -2
- package/dist/collection/components/stzh-link/stzh-link.js +44 -4
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +42 -2
- package/dist/collection/components/stzh-message/stzh-message.css +5 -0
- package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css +3 -8
- package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css +226 -337
- package/dist/collection/components/stzh-richtext/stzh-richtext.css +88 -129
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.css +8 -8
- package/dist/collection/components/stzh-sortable/stzh-sortable.css +12 -6
- package/dist/collection/components/stzh-sortable/stzh-sortable.js +2 -1
- package/dist/collection/components/stzh-table/stzh-table.css +5 -0
- package/dist/collection/components/stzh-upload/stzh-upload.css +16 -7
- package/dist/collection/components/stzh-upload/stzh-upload.js +46 -3
- package/dist/collection/components/stzh-upload/stzh-upload.stories.js +1 -1
- package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.css +2 -7
- package/dist/collection/components/stzh-vspace/stzh-vspace.css +19 -24
- package/dist/collection/pages/meinkonto.stories.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/stzh-accordion-item.js +51 -16
- package/dist/components/stzh-actionset2.js +1 -9
- package/dist/components/stzh-badge2.js +10 -3
- package/dist/components/stzh-button2.js +11 -5
- package/dist/components/stzh-card-list.js +20 -22
- package/dist/components/stzh-card.js +34 -17
- package/dist/components/stzh-chip-select.js +63 -6
- package/dist/components/stzh-chip2.js +5 -1
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-datamessagelist-item.js +1 -1
- package/dist/components/stzh-datatable.js +1 -1
- package/dist/components/stzh-dialog.js +1 -1
- package/dist/components/stzh-ghettobox2.js +1 -1
- package/dist/components/stzh-heading2.js +1 -1
- package/dist/components/stzh-hspace.js +1 -1
- package/dist/components/stzh-icon-sprite.js +1 -1
- package/dist/components/stzh-input2.js +2 -2
- package/dist/components/stzh-link2.js +10 -4
- package/dist/components/stzh-menu-item2.js +8 -2
- package/dist/components/stzh-message.js +1 -1
- package/dist/components/stzh-pagetitle.js +1 -1
- package/dist/components/stzh-portal-mitwirken.js +1 -1
- package/dist/components/stzh-richtext2.js +1 -1
- package/dist/components/stzh-saptcha.js +1 -1
- package/dist/components/stzh-sortable2.js +3 -2
- package/dist/components/stzh-table.js +1 -1
- package/dist/components/stzh-upload.js +47 -4
- package/dist/components/stzh-vbz-ticker.js +1 -1
- package/dist/components/stzh-vspace.js +1 -1
- package/dist/esm/{app-globals-6b6ff890.js → app-globals-e66420b3.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/stzh-accordion-item.entry.js +33 -15
- package/dist/esm/stzh-actionset.entry.js +1 -9
- package/dist/esm/stzh-badge_3.entry.js +17 -7
- package/dist/esm/stzh-card-list.entry.js +19 -20
- package/dist/esm/stzh-card.entry.js +34 -16
- package/dist/esm/stzh-chip-select.entry.js +52 -4
- package/dist/esm/stzh-chip.entry.js +3 -1
- package/dist/esm/stzh-components.js +2 -2
- package/dist/esm/stzh-cspace.entry.js +1 -1
- package/dist/esm/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js +1 -1
- package/dist/esm/stzh-dialog.entry.js +1 -1
- package/dist/esm/stzh-ghettobox_2.entry.js +2 -2
- package/dist/esm/stzh-heading.entry.js +1 -1
- package/dist/esm/stzh-hspace.entry.js +1 -1
- package/dist/esm/stzh-icon-sprite.entry.js +1 -1
- package/dist/esm/stzh-input.entry.js +2 -2
- package/dist/esm/stzh-link.entry.js +8 -4
- package/dist/esm/stzh-menu_2.entry.js +6 -2
- package/dist/esm/stzh-message.entry.js +1 -1
- package/dist/esm/stzh-pagetitle.entry.js +1 -1
- package/dist/esm/stzh-portal-mitwirken.entry.js +1 -1
- package/dist/esm/stzh-saptcha.entry.js +1 -1
- package/dist/esm/stzh-sortable.entry.js +3 -2
- package/dist/esm/stzh-table.entry.js +1 -1
- package/dist/esm/stzh-upload.entry.js +47 -4
- package/dist/esm/stzh-vbz-ticker.entry.js +1 -1
- package/dist/esm/stzh-vspace.entry.js +1 -1
- package/dist/esm-es5/app-globals-e66420b3.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/stzh-accordion-item.entry.js +1 -1
- package/dist/esm-es5/stzh-actionset.entry.js +1 -1
- package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
- package/dist/esm-es5/stzh-card-list.entry.js +1 -1
- package/dist/esm-es5/stzh-card.entry.js +1 -1
- package/dist/esm-es5/stzh-chip-select.entry.js +1 -1
- package/dist/esm-es5/stzh-chip.entry.js +1 -1
- package/dist/esm-es5/stzh-components.js +1 -1
- package/dist/esm-es5/stzh-cspace.entry.js +1 -1
- package/dist/esm-es5/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm-es5/stzh-datatable.entry.js +1 -1
- package/dist/esm-es5/stzh-dialog.entry.js +1 -1
- package/dist/esm-es5/stzh-ghettobox_2.entry.js +1 -1
- package/dist/esm-es5/stzh-heading.entry.js +1 -1
- package/dist/esm-es5/stzh-hspace.entry.js +1 -1
- package/dist/esm-es5/stzh-icon-sprite.entry.js +1 -1
- package/dist/esm-es5/stzh-input.entry.js +1 -1
- package/dist/esm-es5/stzh-link.entry.js +1 -1
- package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
- package/dist/esm-es5/stzh-message.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
- package/dist/esm-es5/stzh-portal-mitwirken.entry.js +1 -1
- package/dist/esm-es5/stzh-saptcha.entry.js +1 -1
- package/dist/esm-es5/stzh-sortable.entry.js +1 -1
- package/dist/esm-es5/stzh-table.entry.js +1 -1
- package/dist/esm-es5/stzh-upload.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-ticker.entry.js +1 -1
- package/dist/esm-es5/stzh-vspace.entry.js +1 -1
- package/dist/stzh-components/assets/icons/mono/code-window.svg +3 -0
- package/dist/stzh-components/assets/svgsprites/symbol/sprite.symbol.html +45 -32
- package/dist/stzh-components/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/stzh-components/{p-332e4fd3.entry.js → p-03ea86bd.entry.js} +1 -1
- package/dist/stzh-components/p-051bc2a8.entry.js +1 -0
- package/dist/stzh-components/{p-13f44000.entry.js → p-0711e511.entry.js} +1 -1
- package/dist/stzh-components/p-073c89b1.system.entry.js +1 -0
- package/dist/stzh-components/{p-8cbc987f.system.entry.js → p-1440163c.system.entry.js} +1 -1
- package/dist/stzh-components/p-18958371.entry.js +1 -0
- package/dist/stzh-components/p-20ef4a20.system.entry.js +1 -0
- package/dist/stzh-components/{p-8a9e588e.system.entry.js → p-21566d65.system.entry.js} +1 -1
- package/dist/stzh-components/{p-5975c355.system.entry.js → p-22701389.system.entry.js} +1 -1
- package/dist/stzh-components/p-252d3178.entry.js +1 -0
- package/dist/stzh-components/p-2ca4a828.system.entry.js +1 -0
- package/dist/stzh-components/p-3042b23e.entry.js +1 -0
- package/dist/stzh-components/p-3b912468.system.entry.js +1 -0
- package/dist/stzh-components/p-3beb58d6.system.entry.js +1 -0
- package/dist/stzh-components/p-3f0363db.entry.js +1 -0
- package/dist/stzh-components/{p-b084fcbf.system.entry.js → p-530252c6.system.entry.js} +1 -1
- package/dist/stzh-components/{p-3b27a43f.system.entry.js → p-5353ba86.system.entry.js} +2 -2
- package/dist/stzh-components/p-55cdbf79.entry.js +1 -0
- package/dist/stzh-components/p-562e6c52.entry.js +1 -0
- package/dist/stzh-components/{p-b9295dc2.entry.js → p-5f4eb46c.entry.js} +1 -1
- package/dist/stzh-components/p-62db1e59.entry.js +1 -0
- package/dist/stzh-components/{p-63d8db7b.entry.js → p-6425898c.entry.js} +1 -1
- package/dist/stzh-components/p-676fd54d.entry.js +1 -0
- package/dist/stzh-components/{p-e7a84e53.system.entry.js → p-684c345e.system.entry.js} +1 -1
- package/dist/stzh-components/{p-8f16b0ac.entry.js → p-713ae713.entry.js} +1 -1
- package/dist/stzh-components/p-764ba190.entry.js +1 -0
- package/dist/stzh-components/p-786a92d4.system.entry.js +1 -0
- package/dist/stzh-components/p-796ae62c.system.entry.js +1 -0
- package/dist/stzh-components/p-7ec2f3fd.entry.js +9 -0
- package/dist/stzh-components/p-80d70586.entry.js +1 -0
- package/dist/stzh-components/p-838df84a.system.entry.js +1 -0
- package/dist/stzh-components/p-84ab53cc.system.entry.js +1 -0
- package/dist/stzh-components/p-85161133.js +1 -0
- package/dist/stzh-components/p-864d7c50.entry.js +1 -0
- package/dist/stzh-components/p-8b6de2c0.system.entry.js +1 -0
- package/dist/stzh-components/{p-ab455116.system.entry.js → p-8c648042.system.entry.js} +1 -1
- package/dist/stzh-components/p-929dbdf1.system.entry.js +1 -0
- package/dist/stzh-components/p-9469b812.entry.js +1 -0
- package/dist/stzh-components/p-9e716229.entry.js +1 -0
- package/dist/stzh-components/p-a3fa6122.system.entry.js +1 -0
- package/dist/stzh-components/p-b391d962.system.entry.js +1 -0
- package/dist/stzh-components/p-b462a61f.entry.js +1 -0
- package/dist/stzh-components/{p-5987573e.system.entry.js → p-b5a85078.system.entry.js} +1 -1
- package/dist/stzh-components/p-b70bc70c.system.js +1 -0
- package/dist/stzh-components/{p-b9382599.entry.js → p-bb3c1249.entry.js} +1 -1
- package/dist/stzh-components/{p-b636a18a.system.entry.js → p-bbe4e3d1.system.entry.js} +1 -1
- package/dist/stzh-components/p-c4fc6433.system.entry.js +1 -0
- package/dist/stzh-components/p-cb1d4678.entry.js +1 -0
- package/dist/stzh-components/p-ccd30d73.system.entry.js +1 -0
- package/dist/stzh-components/p-cd795307.entry.js +1 -0
- package/dist/stzh-components/{p-c692e405.entry.js → p-cdc9e600.entry.js} +1 -1
- package/dist/stzh-components/p-d1552460.system.entry.js +1 -0
- package/dist/stzh-components/p-e3e3e88c.system.js +1 -0
- package/dist/stzh-components/p-eb61c369.entry.js +1 -0
- package/dist/stzh-components/p-ebeb8d7b.system.entry.js +1 -0
- package/dist/stzh-components/p-eca1732f.entry.js +1 -0
- package/dist/stzh-components/p-f24db7e8.system.entry.js +1 -0
- package/dist/stzh-components/stzh-components.css +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.js +1 -1
- package/dist/types/components/stzh-badge/stzh-badge.d.ts +2 -0
- package/dist/types/components.d.ts +196 -28
- package/dist/types/index.d.ts +6 -1
- package/dist/vscode-data.json +180 -19
- package/package.json +1 -1
- package/dist/esm-es5/app-globals-6b6ff890.js +0 -1
- package/dist/stzh-components/p-0b8de542.system.entry.js +0 -1
- package/dist/stzh-components/p-0d5522dc.system.entry.js +0 -1
- package/dist/stzh-components/p-0efe125f.system.entry.js +0 -1
- package/dist/stzh-components/p-2818488f.entry.js +0 -1
- package/dist/stzh-components/p-373f79e8.entry.js +0 -1
- package/dist/stzh-components/p-3ac93a01.entry.js +0 -1
- package/dist/stzh-components/p-59c323ce.entry.js +0 -1
- package/dist/stzh-components/p-6354fee3.entry.js +0 -1
- package/dist/stzh-components/p-653c6bbc.entry.js +0 -1
- package/dist/stzh-components/p-67f906b1.entry.js +0 -1
- package/dist/stzh-components/p-6a81e64b.entry.js +0 -1
- package/dist/stzh-components/p-75cdc8a6.system.entry.js +0 -1
- package/dist/stzh-components/p-7ad87d98.system.entry.js +0 -1
- package/dist/stzh-components/p-7f9f9a8d.entry.js +0 -1
- package/dist/stzh-components/p-83b1e379.entry.js +0 -9
- package/dist/stzh-components/p-86bc421e.system.entry.js +0 -1
- package/dist/stzh-components/p-8aebb240.entry.js +0 -1
- package/dist/stzh-components/p-938ef748.entry.js +0 -1
- package/dist/stzh-components/p-9bda100f.system.js +0 -1
- package/dist/stzh-components/p-a99d3e97.system.entry.js +0 -1
- package/dist/stzh-components/p-af2664fc.system.entry.js +0 -1
- package/dist/stzh-components/p-b9c3f3cc.entry.js +0 -1
- package/dist/stzh-components/p-bd178c32.system.entry.js +0 -1
- package/dist/stzh-components/p-c013a00b.system.entry.js +0 -1
- package/dist/stzh-components/p-c456c04b.system.entry.js +0 -1
- package/dist/stzh-components/p-c499e04d.entry.js +0 -1
- package/dist/stzh-components/p-c83e4fec.system.entry.js +0 -1
- package/dist/stzh-components/p-ca062c11.system.js +0 -1
- package/dist/stzh-components/p-ce28428b.entry.js +0 -1
- package/dist/stzh-components/p-cfaac121.js +0 -1
- package/dist/stzh-components/p-d11a70e2.system.entry.js +0 -1
- package/dist/stzh-components/p-d1dba399.system.entry.js +0 -1
- package/dist/stzh-components/p-d2b5e066.entry.js +0 -1
- package/dist/stzh-components/p-d54f04c8.system.entry.js +0 -1
- package/dist/stzh-components/p-d645d645.entry.js +0 -1
- package/dist/stzh-components/p-da7b363e.entry.js +0 -1
- package/dist/stzh-components/p-de017b87.system.entry.js +0 -1
- package/dist/stzh-components/p-e009bfdc.entry.js +0 -1
- package/dist/stzh-components/p-f167eaa4.system.entry.js +0 -1
- package/dist/stzh-components/p-f2ee016a.entry.js +0 -1
- package/dist/stzh-components/p-ffa1e9dd.system.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-84f71a43.js';
|
|
2
|
-
import { g as globalScripts } from './app-globals-
|
|
2
|
+
import { g as globalScripts } from './app-globals-e66420b3.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Esm v2.18.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -12,7 +12,7 @@ const defineCustomElements = (win, options) => {
|
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
14
|
globalScripts();
|
|
15
|
-
return bootstrapLazy(JSON.parse("[[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-card\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"value\":[1025],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"type\":[513],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideMovementActions\":[4,\"hide-movement-actions\"]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"description\":[1],\"externalHref\":[1,\"external-href\"],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1]}]]],[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-card-list\",[[6,\"stzh-card-list\",{\"localization\":[16],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableDisabled\":[4,\"sortable-disabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"sortableGhostClone\":[16],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-chip-select\",[[2,\"stzh-chip-select\",{\"data\":[1],\"label\":[1],\"value\":[1]}]]],[\"stzh-datalist\",[[2,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"items\":[1]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"localization\":[16]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"headingLevel\":[513,\"heading-level\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"resize\",\"resizeListener\"],[8,\"DOMContentLoaded\",\"resizeListener\"],[8,\"load\",\"resizeListener\"],[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[6,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"badge\":[1],\"badgePosition\":[513,\"badge-position\"],\"fullwidth\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"target\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64]}]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-portal-mitwirken\",[[0,\"stzh-portal-mitwirken\"]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[6,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-actionset\",[[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]},[[8,\"appload\",\"handleResize\"],[9,\"resize\",\"handleResize\"],[8,\"DOMContentLoaded\",\"handleResize\"],[8,\"load\",\"handleResize\"]]]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"setFocus\":[64]}]]],[\"stzh-sortable\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-status\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[4,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-ghettobox_2\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"loadItems\":[64]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-chip\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"invert\":[516],\"setFocus\":[64]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_4\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]],[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-link\",[[6,\"stzh-link\",{\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"target\":[1],\"type\":[1],\"variant\":[513],\"badge\":[1],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"setFocus\":[64]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"icon\":[1],\"active\":[4],\"label\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]]]"), options);
|
|
15
|
+
return bootstrapLazy(JSON.parse("[[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-card\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"value\":[1025],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideMovementActions\":[4,\"hide-movement-actions\"]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"description\":[1],\"externalHref\":[1,\"external-href\"],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1]}]]],[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-card-list\",[[6,\"stzh-card-list\",{\"localization\":[16],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-chip-select\",[[6,\"stzh-chip-select\",{\"localization\":[16],\"data\":[1],\"name\":[513],\"label\":[1],\"value\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"a11yDescribedby\":[1,\"a11y-describedby\"]}]]],[\"stzh-datalist\",[[2,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"items\":[1]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"localization\":[16]}]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"resize\",\"resizeListener\"],[8,\"DOMContentLoaded\",\"resizeListener\"],[8,\"load\",\"resizeListener\"],[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[6,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"target\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64]}]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-portal-mitwirken\",[[0,\"stzh-portal-mitwirken\"]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[6,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-actionset\",[[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]},[[8,\"appload\",\"handleResize\"],[9,\"resize\",\"handleResize\"],[8,\"DOMContentLoaded\",\"handleResize\"],[8,\"load\",\"handleResize\"]]]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"setFocus\":[64]}]]],[\"stzh-sortable\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-status\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[4,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-ghettobox_2\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"loadItems\":[64]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-chip\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"invert\":[516],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_4\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]],[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-link\",[[6,\"stzh-link\",{\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"target\":[1],\"type\":[1],\"variant\":[513],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"setFocus\":[64]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"icon\":[1],\"active\":[4],\"label\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]]]"), options);
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -2,21 +2,21 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
|
|
|
2
2
|
import { w as waitForEvent } from './event-utils-7a709e21.js';
|
|
3
3
|
import { s as stopAnimations, a as animateTo, b as shimKeyframesHeightAuto } from './animation-utils-25c74e5b.js';
|
|
4
4
|
|
|
5
|
-
const stzhAccordionItemCss = ".sc-stzh-accordion-item-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-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-
|
|
5
|
+
const stzhAccordionItemCss = ".sc-stzh-accordion-item-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-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
|
|
6
6
|
|
|
7
7
|
const ANIMATION_SHOW = {
|
|
8
8
|
keyframes: [
|
|
9
|
-
{ height:
|
|
10
|
-
{ height:
|
|
9
|
+
{ height: "0", opacity: "0" },
|
|
10
|
+
{ height: "auto", opacity: "1" }
|
|
11
11
|
],
|
|
12
|
-
options: { duration: 300, easing:
|
|
12
|
+
options: { duration: 300, easing: "linear" }
|
|
13
13
|
};
|
|
14
14
|
const ANIMATION_HIDE = {
|
|
15
15
|
keyframes: [
|
|
16
|
-
{ height:
|
|
17
|
-
{ height:
|
|
16
|
+
{ height: "auto", opacity: "1" },
|
|
17
|
+
{ height: "0", opacity: "0" }
|
|
18
18
|
],
|
|
19
|
-
options: { duration: 300, easing:
|
|
19
|
+
options: { duration: 300, easing: "linear" }
|
|
20
20
|
};
|
|
21
21
|
let accordionItemCounter = 0;
|
|
22
22
|
const StzhAccordionItem = class {
|
|
@@ -34,6 +34,16 @@ const StzhAccordionItem = class {
|
|
|
34
34
|
this.heading = "";
|
|
35
35
|
/** Subtitle */
|
|
36
36
|
this.subtitle = "";
|
|
37
|
+
/** Description */
|
|
38
|
+
this.description = "";
|
|
39
|
+
/** Icon (use instead of icon slot) */
|
|
40
|
+
this.icon = "";
|
|
41
|
+
/** Badge */
|
|
42
|
+
this.badge = "";
|
|
43
|
+
/** Whether badge should be displayed empty */
|
|
44
|
+
this.badgeEmpty = false;
|
|
45
|
+
/** Badge type */
|
|
46
|
+
this.badgeType = "default";
|
|
37
47
|
/** Heading level */
|
|
38
48
|
this.headingLevel = "3";
|
|
39
49
|
this.toggledByMethod = false;
|
|
@@ -88,32 +98,34 @@ const StzhAccordionItem = class {
|
|
|
88
98
|
if (newValue) {
|
|
89
99
|
if (this.toggledByMethod) {
|
|
90
100
|
this.stzhOpen.emit({
|
|
91
|
-
component:
|
|
101
|
+
component: "stzh-accordion-item"
|
|
92
102
|
});
|
|
93
103
|
}
|
|
94
104
|
await stopAnimations(this.bodyElement);
|
|
95
105
|
this.bodyElement.hidden = false;
|
|
96
106
|
await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes, this.bodyElement.scrollHeight), ANIMATION_SHOW.options);
|
|
97
|
-
this.bodyElement.style.height =
|
|
107
|
+
this.bodyElement.style.height = "auto";
|
|
108
|
+
this.bodyElement.style.overflow = "auto";
|
|
98
109
|
if (this.toggledByMethod) {
|
|
99
110
|
this.stzhOpened.emit({
|
|
100
|
-
component:
|
|
111
|
+
component: "stzh-accordion-item"
|
|
101
112
|
});
|
|
102
113
|
}
|
|
103
114
|
}
|
|
104
115
|
else {
|
|
105
116
|
if (this.toggledByMethod) {
|
|
106
117
|
this.stzhClose.emit({
|
|
107
|
-
component:
|
|
118
|
+
component: "stzh-accordion-item"
|
|
108
119
|
});
|
|
109
120
|
}
|
|
110
121
|
await stopAnimations(this.bodyElement);
|
|
111
122
|
await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes, this.bodyElement.scrollHeight), ANIMATION_HIDE.options);
|
|
112
123
|
this.bodyElement.hidden = true;
|
|
113
|
-
this.bodyElement.style.height =
|
|
124
|
+
this.bodyElement.style.height = "0px";
|
|
125
|
+
this.bodyElement.style.overflow = "hidden";
|
|
114
126
|
if (this.toggledByMethod) {
|
|
115
127
|
this.stzhClosed.emit({
|
|
116
|
-
component:
|
|
128
|
+
component: "stzh-accordion-item"
|
|
117
129
|
});
|
|
118
130
|
}
|
|
119
131
|
}
|
|
@@ -155,17 +167,23 @@ const StzhAccordionItem = class {
|
|
|
155
167
|
}
|
|
156
168
|
componentDidLoad() {
|
|
157
169
|
this.bodyElement.hidden = !this.open;
|
|
158
|
-
this.bodyElement.style.height = this.open ? "auto" : "
|
|
170
|
+
this.bodyElement.style.height = this.open ? "auto" : "0px";
|
|
171
|
+
this.bodyElement.style.overflow = this.open ? "auto" : "hidden";
|
|
159
172
|
}
|
|
160
173
|
render() {
|
|
161
174
|
const Heading = `h${this.headingLevel}`;
|
|
162
175
|
const classes = {
|
|
163
176
|
"stzh-accordion-item": true,
|
|
177
|
+
"stzh-accordion-item--has-description": !!this.description,
|
|
164
178
|
"stzh-accordion-item--has-subtitle": !!this.subtitle,
|
|
165
179
|
"stzh-accordion-item--is-open": this.open,
|
|
166
180
|
"stzh-accordion-item--is-disabled": this.disabled,
|
|
167
181
|
};
|
|
168
|
-
return (h(Host, null, h("div", { class: classes }, h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, h("span", { class: "stzh-accordion-
|
|
182
|
+
return (h(Host, null, h("div", { class: classes }, h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, h("span", { class: "stzh-accordion-item__icon-wrapper" }, this.icon ?
|
|
183
|
+
h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })
|
|
184
|
+
:
|
|
185
|
+
h("slot", { name: "icon" })), h("span", { class: "stzh-accordion-item__button-text" }, h("span", { class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { class: "stzh-accordion-item__heading" }, this.heading), h("span", { class: "stzh-accordion-item__description" }, this.description)), h("span", { class: "stzh-accordion-item__button-icon" }), (this.badge || this.badgeEmpty) &&
|
|
186
|
+
h("stzh-badge", { class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType }))), h("div", { id: `${this.accordionItemId}-content`, ref: (el) => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { class: "stzh-accordion-item__content-inner" }, h("slot", null))))));
|
|
169
187
|
}
|
|
170
188
|
get element() { return getElement(this); }
|
|
171
189
|
static get watchers() { return {
|
|
@@ -85,14 +85,6 @@ const StzhActionset = class {
|
|
|
85
85
|
this._actions = newValue;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
// handleLoad(e) {
|
|
89
|
-
// console.log(e);
|
|
90
|
-
// requestAnimationFrame(() => {
|
|
91
|
-
// requestAnimationFrame(() => {
|
|
92
|
-
// this.update();
|
|
93
|
-
// });
|
|
94
|
-
// });
|
|
95
|
-
// }
|
|
96
88
|
handleResize() {
|
|
97
89
|
if (this.debounceResize) {
|
|
98
90
|
window.cancelAnimationFrame(this.debounceResize);
|
|
@@ -147,7 +139,7 @@ const StzhActionset = class {
|
|
|
147
139
|
? this.localization.furtherActions
|
|
148
140
|
: (!this.isMedium ? this.localization.actions : "") }), h("stzh-menu", { slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
|
|
149
141
|
// class="hide-medium show-when-collapsed"
|
|
150
|
-
icon: action.icon, badge: action.badge, onClick: () => { this.actionClick(action); }
|
|
142
|
+
icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: () => { this.actionClick(action); }
|
|
151
143
|
}, action.label)))))))));
|
|
152
144
|
}
|
|
153
145
|
get element() { return getElement(this); }
|
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as Host, c as createEvent, F as Fragment, g as getElement } from './index-84f71a43.js';
|
|
2
2
|
import { h as hasSlot } from './utils-68a28fce.js';
|
|
3
3
|
|
|
4
|
-
const stzhBadgeCss = ".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{display:-ms-inline-flexbox;display:inline-flex}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--
|
|
4
|
+
const stzhBadgeCss = ".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";
|
|
5
5
|
|
|
6
6
|
const StzhBadge = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
/** Text content of the badge */
|
|
10
10
|
this.label = "";
|
|
11
|
+
/** Type */
|
|
12
|
+
this.type = "default";
|
|
11
13
|
}
|
|
12
14
|
render() {
|
|
13
|
-
|
|
15
|
+
const classes = {
|
|
16
|
+
"stzh-badge": true,
|
|
17
|
+
[`stzh-badge--type-${this.type}`]: !!this.type
|
|
18
|
+
};
|
|
19
|
+
return (h(Host, null, h("div", { class: classes }, this.label)));
|
|
14
20
|
}
|
|
15
21
|
};
|
|
16
22
|
StzhBadge.style = stzhBadgeCss;
|
|
@@ -25,8 +31,12 @@ const StzhButton = class {
|
|
|
25
31
|
this.stzhChange = createEvent(this, "stzhChange", 7);
|
|
26
32
|
/** Display a badge aligned to button or icons */
|
|
27
33
|
this.badge = "";
|
|
34
|
+
/** Badge type */
|
|
35
|
+
this.badgeType = "default";
|
|
28
36
|
/** Badge position */
|
|
29
37
|
this.badgePosition = "button";
|
|
38
|
+
/** Whether badge should be displayed empty */
|
|
39
|
+
this.badgeEmpty = false;
|
|
30
40
|
/** Whether the button is full width */
|
|
31
41
|
this.fullwidth = false;
|
|
32
42
|
/** Size variant */
|
|
@@ -111,16 +121,16 @@ const StzhButton = class {
|
|
|
111
121
|
return (h("div", { class: "stzh-button__icon-wrapper" }, this.icon ?
|
|
112
122
|
h("stzh-icon", { class: "stzh-button__icon", name: this.icon })
|
|
113
123
|
:
|
|
114
|
-
h("slot", { name: "icon" }), this.badge && this.badgePosition === "icon" && iconUsed &&
|
|
115
|
-
h("stzh-badge", { class: "stzh-button__badge", label: this.badge })));
|
|
124
|
+
h("slot", { name: "icon" }), (this.badge || this.badgeEmpty) && this.badgePosition === "icon" && iconUsed &&
|
|
125
|
+
h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType })));
|
|
116
126
|
}
|
|
117
127
|
renderContent() {
|
|
118
128
|
return (h("div", { class: "stzh-button__text" }, this.label ? this.label : h("slot", null)));
|
|
119
129
|
}
|
|
120
130
|
renderInner(iconUsed) {
|
|
121
131
|
return (h(Fragment, null, h("div", { class: "stzh-button__inner", onClick: this.onClick }, this.type === "radio" &&
|
|
122
|
-
h("div", { class: "stzh-button__mark" }, h("div", { class: "stzh-button__check" })), this.iconPosition === "left" && this.renderIcon(iconUsed), this.renderContent(), this.iconPosition === "right" && this.renderIcon(iconUsed)), this.badge && (this.badgePosition === "button" || !iconUsed) &&
|
|
123
|
-
h("stzh-badge", { class: "stzh-button__badge", label: this.badge, onClick: this.onClick })));
|
|
132
|
+
h("div", { class: "stzh-button__mark" }, h("div", { class: "stzh-button__check" })), this.iconPosition === "left" && this.renderIcon(iconUsed), this.renderContent(), this.iconPosition === "right" && this.renderIcon(iconUsed)), (this.badge || this.badgeEmpty) && (this.badgePosition === "button" || !iconUsed) &&
|
|
133
|
+
h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType, onClick: this.onClick })));
|
|
124
134
|
}
|
|
125
135
|
render() {
|
|
126
136
|
const iconUsed = hasSlot(this.element, "icon") || !!this.icon;
|
|
@@ -145,7 +155,7 @@ const StzhButton = class {
|
|
|
145
155
|
this.type === "radio" ?
|
|
146
156
|
h("label", { ref: (el) => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: (el) => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))
|
|
147
157
|
:
|
|
148
|
-
h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))));
|
|
158
|
+
h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))));
|
|
149
159
|
}
|
|
150
160
|
get element() { return getElement(this); }
|
|
151
161
|
};
|
|
@@ -10,27 +10,10 @@ const StzhCardList = class {
|
|
|
10
10
|
this.stzhCollapseAll = createEvent(this, "stzhCollapseAll", 7);
|
|
11
11
|
/** Whether collapse/expand toggle link */
|
|
12
12
|
this.showToggleLink = false;
|
|
13
|
-
/** Whether sorting should be
|
|
14
|
-
this.
|
|
13
|
+
/** Whether sorting should be enabled */
|
|
14
|
+
this.sortableEnabled = false;
|
|
15
15
|
/** HTML attribute that is used by the `toArray()` of sortable method */
|
|
16
16
|
this.sortableDataIdAttribute = "data-id";
|
|
17
|
-
/** Algorithm how the ghost element will be cloned */
|
|
18
|
-
this.sortableGhostClone = (dragElement) => {
|
|
19
|
-
const [clonedElement, clonedStzhElement, originalStzhElement] = cloneElement(dragElement);
|
|
20
|
-
if (clonedStzhElement
|
|
21
|
-
&& originalStzhElement
|
|
22
|
-
&& clonedStzhElement.tagName.toLowerCase() === "stzh-card") {
|
|
23
|
-
const clonedStzhElementCard = clonedStzhElement;
|
|
24
|
-
const originalStzhElementCard = originalStzhElement;
|
|
25
|
-
// copy every property that is not reflected to its attribute
|
|
26
|
-
clonedStzhElementCard.heading = originalStzhElementCard.heading;
|
|
27
|
-
clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;
|
|
28
|
-
clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;
|
|
29
|
-
clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;
|
|
30
|
-
clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;
|
|
31
|
-
}
|
|
32
|
-
return clonedElement;
|
|
33
|
-
};
|
|
34
17
|
this.allCollapsed = false;
|
|
35
18
|
this.collapseClick = () => {
|
|
36
19
|
const cards = Array.from(this.element.querySelectorAll("stzh-card"));
|
|
@@ -49,6 +32,22 @@ const StzhCardList = class {
|
|
|
49
32
|
const cards = Array.from(this.element.querySelectorAll("stzh-card"));
|
|
50
33
|
this.allCollapsed = !cards.some(card => !card.collapsed);
|
|
51
34
|
};
|
|
35
|
+
this.sortableGhostClone = (dragElement) => {
|
|
36
|
+
const [clonedElement, clonedStzhElement, originalStzhElement] = cloneElement(dragElement);
|
|
37
|
+
if (clonedStzhElement
|
|
38
|
+
&& originalStzhElement
|
|
39
|
+
&& clonedStzhElement.tagName.toLowerCase() === "stzh-card") {
|
|
40
|
+
const clonedStzhElementCard = clonedStzhElement;
|
|
41
|
+
const originalStzhElementCard = originalStzhElement;
|
|
42
|
+
// copy every property that is not reflected to its attribute
|
|
43
|
+
clonedStzhElementCard.heading = originalStzhElementCard.heading;
|
|
44
|
+
clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;
|
|
45
|
+
clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;
|
|
46
|
+
clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;
|
|
47
|
+
clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;
|
|
48
|
+
}
|
|
49
|
+
return clonedElement;
|
|
50
|
+
};
|
|
52
51
|
}
|
|
53
52
|
collapseListener() {
|
|
54
53
|
this.updateCollapsedState();
|
|
@@ -66,7 +65,7 @@ const StzhCardList = class {
|
|
|
66
65
|
"stzh-card-list": true
|
|
67
66
|
};
|
|
68
67
|
return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-card-list__header" }, h("div", { class: "stzh-card-list__description" }, h("slot", { name: "description" })), this.showToggleLink &&
|
|
69
|
-
h("stzh-link", { class: "stzh-card-list__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick })), h("stzh-sortable", { disabled: this.
|
|
68
|
+
h("stzh-link", { class: "stzh-card-list__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick })), h("stzh-sortable", { disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { class: "stzh-card-list__cards", role: "list" }, h("slot", null))))));
|
|
70
69
|
}
|
|
71
70
|
get element() { return getElement(this); }
|
|
72
71
|
};
|
|
@@ -3,7 +3,7 @@ import { s as setPropsIfNull, h as hasSlot } from './utils-68a28fce.js';
|
|
|
3
3
|
import { m as media } from './media-utils-9b041ceb.js';
|
|
4
4
|
import { f as fetchTranslations } from './translation-utils-2623783f.js';
|
|
5
5
|
|
|
6
|
-
const stzhCardCss = ".sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{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)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-large)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:\",\";position:absolute;left:0}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{color:var(--stzh-color-error)}.stzh-card--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-error)}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}";
|
|
6
|
+
const stzhCardCss = ".sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{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)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:\",\";position:absolute;left:0}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}";
|
|
7
7
|
|
|
8
8
|
const StzhCard = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -16,7 +16,10 @@ const StzhCard = class {
|
|
|
16
16
|
this.collapsed = false;
|
|
17
17
|
/** Whether card was starred */
|
|
18
18
|
this.starred = false;
|
|
19
|
-
/**
|
|
19
|
+
/**
|
|
20
|
+
* Whether card star is displayed (with tooltip and menu-item in mobile popover).
|
|
21
|
+
* The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).
|
|
22
|
+
*/
|
|
20
23
|
this.starrable = false;
|
|
21
24
|
/** Whether card is selectable */
|
|
22
25
|
this.selectable = false;
|
|
@@ -35,13 +38,18 @@ const StzhCard = class {
|
|
|
35
38
|
this._subtitles = [];
|
|
36
39
|
/** Card header actions */
|
|
37
40
|
this.headerActions = [];
|
|
38
|
-
/**
|
|
41
|
+
/**
|
|
42
|
+
* Card footer actions.
|
|
43
|
+
* The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.
|
|
44
|
+
* You can listen to clicks with the `stzhActionClick` event.
|
|
45
|
+
*/
|
|
39
46
|
this.footerActions = [];
|
|
40
47
|
/** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */
|
|
41
48
|
this.subtitleInteractive = false;
|
|
42
|
-
/**
|
|
43
|
-
|
|
44
|
-
|
|
49
|
+
/**
|
|
50
|
+
* Whether sorting should be disabled.
|
|
51
|
+
* Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
|
|
52
|
+
*/
|
|
45
53
|
this.sortableDisabled = false;
|
|
46
54
|
/** Whether card is collapsible */
|
|
47
55
|
this.collapsible = false;
|
|
@@ -49,7 +57,10 @@ const StzhCard = class {
|
|
|
49
57
|
this.hideHeaderBorder = false;
|
|
50
58
|
/** Whether to hide footer separation border */
|
|
51
59
|
this.hideFooterBorder = false;
|
|
52
|
-
/**
|
|
60
|
+
/**
|
|
61
|
+
* Whether movement menu items should be shown.
|
|
62
|
+
* Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.
|
|
63
|
+
*/
|
|
53
64
|
this.hideMovementActions = false;
|
|
54
65
|
this.nodeChange = (entries) => {
|
|
55
66
|
let changeInSlot = false;
|
|
@@ -150,7 +161,6 @@ const StzhCard = class {
|
|
|
150
161
|
};
|
|
151
162
|
this.handleSelectionChange = (event) => {
|
|
152
163
|
this.checked = event.detail.checked;
|
|
153
|
-
console.log(this.element, this.checked);
|
|
154
164
|
};
|
|
155
165
|
}
|
|
156
166
|
handleResize() {
|
|
@@ -245,8 +255,7 @@ const StzhCard = class {
|
|
|
245
255
|
"stzh-card--has-hidden-footer-border": this.hideFooterBorder,
|
|
246
256
|
"stzh-card--is-collapsed": this.collapsed,
|
|
247
257
|
"stzh-card--is-starred": this.starred,
|
|
248
|
-
"stzh-card--is-checked": this.checked
|
|
249
|
-
[`stzh-card--type-${this.type}`]: !!this.type,
|
|
258
|
+
"stzh-card--is-checked": this.checked
|
|
250
259
|
};
|
|
251
260
|
const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;
|
|
252
261
|
const sortableChildElement = this.findSortableChildElement();
|
|
@@ -256,6 +265,11 @@ const StzhCard = class {
|
|
|
256
265
|
const isLastItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
|
|
257
266
|
&& Array.from((_b = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _b === void 0 ? void 0 : _b.children)
|
|
258
267
|
.indexOf(sortableChildElement) === ((_c = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _c === void 0 ? void 0 : _c.children.length) - 1;
|
|
268
|
+
const sortableActionsEnabled = !this.sortableDisabled
|
|
269
|
+
&& !this.hideMovementActions
|
|
270
|
+
&& this.sortable
|
|
271
|
+
&& !this.sortable.disabled;
|
|
272
|
+
const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);
|
|
259
273
|
// const headerActions = [
|
|
260
274
|
// ...this._headerActions
|
|
261
275
|
// ];
|
|
@@ -266,15 +280,19 @@ const StzhCard = class {
|
|
|
266
280
|
"show-medium": !action.onlyCollapseText,
|
|
267
281
|
"hide-when-collapsed": !action.onlyCollapseText,
|
|
268
282
|
"hide-text-when-collapsed": action.onlyCollapseText
|
|
269
|
-
}, icon: action.icon, badge: action.badge, variant: "tertiary", size: "tiny", badgePosition: "icon", onClick: () => { this.actionClick(action); } }, h("span", { class: {
|
|
283
|
+
}, icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, variant: "tertiary", size: "tiny", badgePosition: "icon", onClick: () => { this.actionClick(action); } }, h("span", { class: {
|
|
270
284
|
"show-medium": action.onlyCollapseText,
|
|
271
285
|
"hide-when-collapsed": action.onlyCollapseText
|
|
272
286
|
} }, action.label)))), this.starrable &&
|
|
273
|
-
h("stzh-tooltip", null, h("stzh-button", { class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)),
|
|
274
|
-
h("stzh-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
287
|
+
h("stzh-tooltip", null, h("stzh-button", { class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)), (nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) &&
|
|
288
|
+
h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
|
|
289
|
+
"stzh-card__card-action-popover": true,
|
|
290
|
+
"hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
|
|
291
|
+
} }, h("stzh-button", { class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true }), h("stzh-menu", { slot: "content" }, this.starrable &&
|
|
292
|
+
h("stzh-menu-item", { icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd), nonCollapsingTextHeaderActions.map(action => (h("stzh-menu-item", { class: "hide-medium show-when-collapsed", icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: () => { this.actionClick(action); } }, action.label))), sortableActionsEnabled &&
|
|
293
|
+
h(Fragment, null, !isFirstItemInSortable &&
|
|
294
|
+
h("stzh-menu-item", { icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp), !isLastItemInSortable &&
|
|
295
|
+
h("stzh-menu-item", { icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown))))))), h("div", { class: "stzh-card__header-meta" }, h("slot", { name: "meta" }))), h("div", { class: "stzh-card__content hide-when-collapsed" }, h("slot", { name: "content" })), h("div", { class: "stzh-card__footer hide-when-collapsed" }, this._footerActions.length > 0 &&
|
|
278
296
|
h("stzh-actionset", { actions: this._footerActions }), this.selectable &&
|
|
279
297
|
h("stzh-button", { fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))));
|
|
280
298
|
}
|