@swisspost/design-system-components 9.0.0-next.9 → 9.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/{index-5d4e0aed.js → index-824d2b71.js} +12 -2
- package/dist/cjs/{index-010dc207.js → index-e1f32cce.js} +17 -30
- package/dist/cjs/index.cjs.js +26 -50
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-8e810a59.js → package-3ed88bb9.js} +1 -1
- package/dist/cjs/{post-accordion-b9df8522.js → post-accordion-9ef382e8.js} +3 -3
- package/dist/cjs/post-accordion-item-5f685bee.js +52 -0
- package/dist/cjs/post-accordion-item.cjs.entry.js +4 -5
- package/dist/cjs/post-accordion.cjs.entry.js +3 -3
- package/dist/cjs/post-alert-88adc668.js +99 -0
- package/dist/cjs/{post-banner.cjs.entry.js → post-alert.cjs.entry.js} +5 -6
- package/dist/cjs/post-card-control-c6e5c427.js +272 -0
- package/dist/cjs/post-card-control.cjs.entry.js +3 -3
- package/dist/cjs/{post-collapsible-trigger-143cf84a.js → post-collapsible-trigger-1764e6dc.js} +24 -11
- package/dist/cjs/post-collapsible_2.cjs.entry.js +4 -7
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-icon-f735da00.js +139 -0
- package/dist/cjs/post-icon.cjs.entry.js +16 -0
- package/dist/cjs/post-logo-2cd8ae98.js +39 -0
- package/dist/cjs/post-logo.cjs.entry.js +15 -0
- package/dist/cjs/post-popover-36c854a4.js +131 -0
- package/dist/cjs/post-popover.cjs.entry.js +3 -4
- package/dist/cjs/{post-togglebutton-0984a694.js → post-popovercontainer-cb4793c1.js} +148 -1106
- package/dist/cjs/post-popovercontainer.cjs.entry.js +11 -0
- package/dist/cjs/post-rating-d5073d8d.js +88 -0
- package/dist/cjs/post-rating.cjs.entry.js +3 -3
- package/dist/cjs/post-tab-header-b756d9b1.js +32 -0
- package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
- package/dist/cjs/{post-tab-panel-60f211a5.js → post-tab-panel-97b79ecd.js} +3 -3
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
- package/dist/cjs/{post-tabs-1f797ce4.js → post-tabs-834497f2.js} +5 -5
- package/dist/cjs/post-tabs.cjs.entry.js +3 -3
- package/dist/cjs/post-tag-c70fb945.js +47 -0
- package/dist/cjs/post-tag.cjs.entry.js +3 -3
- package/dist/cjs/post-tooltip-20ebe011.js +69 -0
- package/dist/cjs/{post-tooltip-38c839a4.js → post-tooltip-trigger-6f4c9748.js} +507 -557
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +12 -0
- package/dist/cjs/post-tooltip.cjs.entry.js +3 -8
- package/dist/collection/collection-manifest.json +4 -21
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion/post-accordion.js +2 -2
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +10 -24
- package/dist/collection/components/post-alert/alert-types.js +1 -0
- package/dist/collection/components/post-alert/post-alert.css +35 -0
- package/dist/collection/components/{post-banner/post-banner.js → post-alert/post-alert.js} +68 -39
- package/dist/collection/components/post-card-control/post-card-control.css +30 -2
- package/dist/collection/components/post-card-control/post-card-control.js +8 -8
- package/dist/collection/components/post-collapsible/post-collapsible.js +2 -4
- package/dist/collection/components/post-icon/post-icon.css +1 -1
- package/dist/collection/components/post-icon/post-icon.js +52 -13
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-popover/post-popover.css +30 -2
- package/dist/collection/components/post-popover/post-popover.js +10 -6
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +31 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +180 -52
- package/dist/collection/components/post-rating/post-rating.css +29 -1
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.css +29 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.css +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +2 -2
- package/dist/collection/components/post-tag/post-tag.css +29 -1
- package/dist/collection/components/post-tag/post-tag.js +2 -2
- package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +60 -213
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.css +1 -0
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +230 -0
- package/dist/collection/index.js +3 -20
- package/dist/components/index.js +3 -20
- package/dist/components/index2.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +12 -30
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/{post-list.d.ts → post-alert.d.ts} +4 -4
- package/dist/components/post-alert.js +6 -0
- package/dist/components/post-alert2.js +136 -0
- package/dist/components/post-card-control2.js +3 -3
- package/dist/components/post-collapsible-trigger2.js +17 -2
- package/dist/components/post-collapsible2.js +3 -5
- package/dist/components/post-icon2.js +54 -15
- package/dist/components/post-logo2.js +1 -1
- package/dist/components/post-popover2.js +35 -8
- package/dist/components/post-popovercontainer2.js +136 -41
- package/dist/components/post-rating2.js +2 -2
- package/dist/components/post-tab-header2.js +2 -2
- package/dist/components/post-tab-panel2.js +1 -1
- package/dist/components/post-tabs2.js +3 -3
- package/dist/components/post-tag2.js +2 -2
- package/dist/components/{post-breadcrumb-item.d.ts → post-tooltip-trigger.d.ts} +4 -4
- package/dist/components/post-tooltip-trigger.js +6 -0
- package/dist/components/post-tooltip-trigger2.js +4968 -0
- package/dist/components/post-tooltip2.js +32 -4962
- package/dist/docs.json +401 -1776
- package/dist/esm/{index-b49c9904.js → index-69587a51.js} +12 -2
- package/dist/esm/{index-fb8d6be7.js → index-e1b64755.js} +17 -30
- package/dist/esm/index.js +20 -27
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-983f957d.js +3 -0
- package/dist/esm/{post-accordion-ee54a3ef.js → post-accordion-ad570427.js} +3 -3
- package/dist/esm/post-accordion-item-4db0aa2a.js +50 -0
- package/dist/esm/post-accordion-item.entry.js +4 -5
- package/dist/esm/post-accordion.entry.js +3 -3
- package/dist/esm/post-alert-1e9fbdfa.js +97 -0
- package/dist/esm/post-alert.entry.js +9 -0
- package/dist/esm/post-card-control-ccb189a8.js +270 -0
- package/dist/esm/post-card-control.entry.js +3 -3
- package/dist/esm/{post-collapsible-trigger-1c7833f8.js → post-collapsible-trigger-45fe328a.js} +22 -9
- package/dist/esm/post-collapsible_2.entry.js +4 -7
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-icon-3fc4dd7d.js +137 -0
- package/dist/esm/post-icon.entry.js +8 -0
- package/dist/esm/post-logo-e6cdea13.js +37 -0
- package/dist/esm/post-logo.entry.js +7 -0
- package/dist/esm/post-popover-afdf4906.js +129 -0
- package/dist/esm/post-popover.entry.js +3 -4
- package/dist/esm/{post-togglebutton-395bf3f0.js → post-popovercontainer-b19b7606.js} +149 -1093
- package/dist/esm/post-popovercontainer.entry.js +3 -0
- package/dist/esm/post-rating-f60024fa.js +86 -0
- package/dist/esm/post-rating.entry.js +3 -3
- package/dist/esm/post-tab-header-333e15d5.js +30 -0
- package/dist/esm/post-tab-header.entry.js +3 -3
- package/dist/esm/{post-tab-panel-cafd9e04.js → post-tab-panel-0ddb05a2.js} +3 -3
- package/dist/esm/post-tab-panel.entry.js +3 -3
- package/dist/esm/{post-tabs-beef8eae.js → post-tabs-ab7853cf.js} +5 -5
- package/dist/esm/post-tabs.entry.js +3 -3
- package/dist/esm/post-tag-4a7d14b9.js +45 -0
- package/dist/esm/post-tag.entry.js +3 -3
- package/dist/esm/post-tooltip-c03cd719.js +67 -0
- package/dist/esm/{post-tooltip-b298039a.js → post-tooltip-trigger-1fefc8ad.js} +507 -557
- package/dist/esm/post-tooltip-trigger.entry.js +4 -0
- package/dist/esm/post-tooltip.entry.js +3 -8
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-0a45da5e.entry.js +1 -0
- package/dist/post-components/p-12e82863.entry.js +1 -0
- package/dist/post-components/p-1386b77d.js +1 -0
- package/dist/post-components/p-1528b798.js +1 -0
- package/dist/post-components/p-18dc1299.entry.js +1 -0
- package/dist/post-components/p-1a8f6c84.entry.js +1 -0
- package/dist/post-components/p-256453ca.js +1 -0
- package/dist/post-components/p-3272ebad.js +1 -0
- package/dist/post-components/p-3596035e.js +1 -0
- package/dist/post-components/p-3668f4fa.entry.js +1 -0
- package/dist/post-components/p-375845d4.js +1 -0
- package/dist/post-components/p-381de59d.entry.js +1 -0
- package/dist/post-components/{p-c0ae9886.js → p-3eab790d.js} +1 -1
- package/dist/post-components/p-4e68c514.js +1 -0
- package/dist/post-components/p-4eb5d9a1.entry.js +1 -0
- package/dist/post-components/p-61a7d216.js +1 -0
- package/dist/post-components/p-788e64fb.js +1 -0
- package/dist/post-components/p-7d5b41d1.js +1 -0
- package/dist/post-components/p-82ea24e7.js +1 -0
- package/dist/post-components/p-85c4d04f.js +1 -0
- package/dist/post-components/p-85c6d001.entry.js +1 -0
- package/dist/post-components/p-8e555dda.js +15 -0
- package/dist/post-components/p-962a6f36.entry.js +1 -0
- package/dist/post-components/p-a76c71bc.js +1 -0
- package/dist/post-components/p-a7e8fd41.entry.js +1 -0
- package/dist/post-components/p-ac216bd0.entry.js +1 -0
- package/dist/post-components/p-b17ecbee.entry.js +1 -0
- package/dist/post-components/p-bb4227ad.entry.js +1 -0
- package/dist/post-components/p-bc294d0b.js +1 -0
- package/dist/post-components/p-d0b3c5d3.entry.js +1 -0
- package/dist/post-components/p-d4e148d8.entry.js +1 -0
- package/dist/post-components/p-d9809281.js +1 -0
- package/dist/post-components/p-eb1e7a49.js +1 -0
- package/dist/post-components/p-f35291d5.entry.js +1 -0
- package/dist/post-components/p-fc3bfe08.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +1 -7
- package/dist/types/components/post-alert/alert-types.d.ts +2 -0
- package/dist/types/components/post-alert/post-alert.d.ts +54 -0
- package/dist/types/components/post-card-control/post-card-control.d.ts +7 -7
- package/dist/types/components/post-icon/post-icon.d.ts +1 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +31 -13
- package/dist/types/components/post-tag/post-tag.d.ts +1 -1
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +20 -34
- package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +47 -0
- package/dist/types/components.d.ts +124 -590
- package/dist/types/index.d.ts +3 -20
- package/loaders/index.d.ts +4 -38
- package/loaders/index.js +4 -21
- package/loaders/index2.js +1 -1
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item.js +82 -1
- package/loaders/post-accordion.js +1 -1
- package/loaders/{post-list.d.ts → post-alert.d.ts} +4 -4
- package/loaders/post-alert.js +139 -0
- package/loaders/post-card-control.js +3 -3
- package/loaders/post-collapsible-trigger2.js +17 -2
- package/loaders/post-collapsible2.js +3 -5
- package/loaders/post-icon2.js +54 -15
- package/loaders/post-logo.js +2 -2
- package/loaders/post-popover.js +35 -8
- package/loaders/post-popovercontainer2.js +136 -41
- package/loaders/post-rating.js +2 -2
- package/loaders/post-tab-header.js +2 -2
- package/loaders/post-tab-panel.js +1 -1
- package/loaders/post-tabs.js +3 -3
- package/loaders/post-tag.js +2 -2
- package/loaders/{post-avatar.d.ts → post-tooltip-trigger.d.ts} +4 -4
- package/loaders/post-tooltip-trigger.js +4971 -0
- package/loaders/post-tooltip.js +32 -4962
- package/package.json +6 -9
- package/dist/cjs/attribute-observer-10f08c04.js +0 -27
- package/dist/cjs/check-url-3ffdd2fb.js +0 -14
- package/dist/cjs/debounce-1151afe3.js +0 -12
- package/dist/cjs/get-root-7a3498ef.js +0 -11
- package/dist/cjs/post-accordion-item-ecc6749f.js +0 -63
- package/dist/cjs/post-avatar-f7236084.js +0 -148
- package/dist/cjs/post-avatar.cjs.entry.js +0 -13
- package/dist/cjs/post-back-to-top-60762f8e.js +0 -75
- package/dist/cjs/post-back-to-top.cjs.entry.js +0 -15
- package/dist/cjs/post-banner-9662f22c.js +0 -90
- package/dist/cjs/post-breadcrumb-b40732fc.js +0 -111
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +0 -17
- package/dist/cjs/post-breadcrumb.cjs.entry.js +0 -13
- package/dist/cjs/post-card-control-039c9a4b.js +0 -272
- package/dist/cjs/post-closebutton_15.cjs.entry.js +0 -33
- package/dist/cjs/post-footer-5f7fdf96.js +0 -84
- package/dist/cjs/post-footer.cjs.entry.js +0 -11
- package/dist/cjs/post-menu-item-bb0b0b9e.js +0 -74
- package/dist/cjs/post-popover-d0ce9dc6.js +0 -104
- package/dist/cjs/post-rating-1082197c.js +0 -88
- package/dist/cjs/post-tab-header-4b6d8d54.js +0 -32
- package/dist/cjs/post-tag-ddaaaedc.js +0 -47
- package/dist/cjs/slide-5d51abe8.js +0 -28
- package/dist/collection/animations/slide.js +0 -23
- package/dist/collection/components/post-avatar/post-avatar.css +0 -3
- package/dist/collection/components/post-avatar/post-avatar.js +0 -237
- package/dist/collection/components/post-back-to-top/post-back-to-top.css +0 -1
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +0 -107
- package/dist/collection/components/post-banner/banner-types.js +0 -1
- package/dist/collection/components/post-banner/post-banner.css +0 -3
- package/dist/collection/components/post-breadcrumb/post-breadcrumb.css +0 -3
- package/dist/collection/components/post-breadcrumb/post-breadcrumb.js +0 -161
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +0 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +0 -93
- package/dist/collection/components/post-closebutton/post-closebutton.js +0 -12
- package/dist/collection/components/post-footer/post-footer.css +0 -1
- package/dist/collection/components/post-footer/post-footer.js +0 -75
- package/dist/collection/components/post-header/post-header.css +0 -1
- package/dist/collection/components/post-header/post-header.js +0 -160
- package/dist/collection/components/post-language-option/post-language-option.css +0 -3
- package/dist/collection/components/post-language-option/post-language-option.js +0 -215
- package/dist/collection/components/post-language-switch/post-language-switch.css +0 -1
- package/dist/collection/components/post-language-switch/post-language-switch.js +0 -163
- package/dist/collection/components/post-language-switch/switch-variants.js +0 -1
- package/dist/collection/components/post-list/post-list.css +0 -3
- package/dist/collection/components/post-list/post-list.js +0 -87
- package/dist/collection/components/post-list-item/post-list-item.css +0 -1
- package/dist/collection/components/post-list-item/post-list-item.js +0 -25
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +0 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +0 -52
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +0 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +0 -151
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +0 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +0 -104
- package/dist/collection/components/post-menu/post-menu.css +0 -3
- package/dist/collection/components/post-menu/post-menu.js +0 -280
- package/dist/collection/components/post-menu-item/post-menu-item.css +0 -1
- package/dist/collection/components/post-menu-item/post-menu-item.js +0 -20
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.css +0 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +0 -114
- package/dist/collection/components/post-togglebutton/post-togglebutton.css +0 -1
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +0 -74
- package/dist/collection/utils/breakpoints.js +0 -46
- package/dist/collection/utils/is-focusable.js +0 -26
- package/dist/components/attribute-observer.js +0 -25
- package/dist/components/debounce.js +0 -10
- package/dist/components/get-root.js +0 -9
- package/dist/components/post-avatar.d.ts +0 -11
- package/dist/components/post-avatar.js +0 -6
- package/dist/components/post-avatar2.js +0 -173
- package/dist/components/post-back-to-top.d.ts +0 -11
- package/dist/components/post-back-to-top.js +0 -6
- package/dist/components/post-back-to-top2.js +0 -100
- package/dist/components/post-banner.d.ts +0 -11
- package/dist/components/post-banner.js +0 -6
- package/dist/components/post-banner2.js +0 -125
- package/dist/components/post-breadcrumb-item.js +0 -6
- package/dist/components/post-breadcrumb-item2.js +0 -82
- package/dist/components/post-breadcrumb.d.ts +0 -11
- package/dist/components/post-breadcrumb.js +0 -6
- package/dist/components/post-breadcrumb2.js +0 -168
- package/dist/components/post-closebutton.d.ts +0 -11
- package/dist/components/post-closebutton.js +0 -6
- package/dist/components/post-closebutton2.js +0 -34
- package/dist/components/post-footer.d.ts +0 -11
- package/dist/components/post-footer.js +0 -6
- package/dist/components/post-footer2.js +0 -124
- package/dist/components/post-header.d.ts +0 -11
- package/dist/components/post-header.js +0 -6
- package/dist/components/post-header2.js +0 -276
- package/dist/components/post-language-option.d.ts +0 -11
- package/dist/components/post-language-option.js +0 -6
- package/dist/components/post-language-option2.js +0 -94
- package/dist/components/post-language-switch.d.ts +0 -11
- package/dist/components/post-language-switch.js +0 -6
- package/dist/components/post-language-switch2.js +0 -146
- package/dist/components/post-list-item.d.ts +0 -11
- package/dist/components/post-list-item.js +0 -6
- package/dist/components/post-list-item2.js +0 -35
- package/dist/components/post-list.js +0 -6
- package/dist/components/post-list2.js +0 -53
- package/dist/components/post-mainnavigation.d.ts +0 -11
- package/dist/components/post-mainnavigation.js +0 -6
- package/dist/components/post-mainnavigation2.js +0 -48
- package/dist/components/post-megadropdown-trigger.d.ts +0 -11
- package/dist/components/post-megadropdown-trigger.js +0 -6
- package/dist/components/post-megadropdown-trigger2.js +0 -91
- package/dist/components/post-megadropdown.d.ts +0 -11
- package/dist/components/post-megadropdown.js +0 -6
- package/dist/components/post-megadropdown2.js +0 -93
- package/dist/components/post-menu-item.d.ts +0 -11
- package/dist/components/post-menu-item.js +0 -6
- package/dist/components/post-menu-item2.js +0 -33
- package/dist/components/post-menu-trigger.d.ts +0 -11
- package/dist/components/post-menu-trigger.js +0 -6
- package/dist/components/post-menu-trigger2.js +0 -102
- package/dist/components/post-menu.d.ts +0 -11
- package/dist/components/post-menu.js +0 -6
- package/dist/components/post-menu2.js +0 -203
- package/dist/components/post-togglebutton.d.ts +0 -11
- package/dist/components/post-togglebutton.js +0 -6
- package/dist/components/post-togglebutton2.js +0 -61
- package/dist/components/slide.js +0 -25
- package/dist/esm/attribute-observer-37fa950a.js +0 -25
- package/dist/esm/check-url-a974431e.js +0 -12
- package/dist/esm/debounce-abe98cc2.js +0 -10
- package/dist/esm/get-root-7af2e0d1.js +0 -9
- package/dist/esm/package-4d81f3c2.js +0 -3
- package/dist/esm/post-accordion-item-e10452dc.js +0 -61
- package/dist/esm/post-avatar-5572fa73.js +0 -146
- package/dist/esm/post-avatar.entry.js +0 -5
- package/dist/esm/post-back-to-top-1d823c43.js +0 -73
- package/dist/esm/post-back-to-top.entry.js +0 -7
- package/dist/esm/post-banner-78480475.js +0 -88
- package/dist/esm/post-banner.entry.js +0 -10
- package/dist/esm/post-breadcrumb-aaa77f74.js +0 -109
- package/dist/esm/post-breadcrumb-item_2.entry.js +0 -8
- package/dist/esm/post-breadcrumb.entry.js +0 -5
- package/dist/esm/post-card-control-862aa961.js +0 -270
- package/dist/esm/post-closebutton_15.entry.js +0 -11
- package/dist/esm/post-footer-b18875e7.js +0 -82
- package/dist/esm/post-footer.entry.js +0 -3
- package/dist/esm/post-menu-item-2906384b.js +0 -71
- package/dist/esm/post-popover-2432bb3f.js +0 -102
- package/dist/esm/post-rating-95cbdbb8.js +0 -86
- package/dist/esm/post-tab-header-dfea00ea.js +0 -30
- package/dist/esm/post-tag-a77e7af6.js +0 -45
- package/dist/esm/slide-3422b8a3.js +0 -25
- package/dist/post-components/p-0711f76d.entry.js +0 -1
- package/dist/post-components/p-095a06f6.entry.js +0 -1
- package/dist/post-components/p-0b5a5f32.js +0 -1
- package/dist/post-components/p-135fa60f.js +0 -1
- package/dist/post-components/p-18e38d8a.js +0 -1
- package/dist/post-components/p-2e1ec074.entry.js +0 -1
- package/dist/post-components/p-4202b433.entry.js +0 -1
- package/dist/post-components/p-45773f59.js +0 -1
- package/dist/post-components/p-4953de7e.js +0 -1
- package/dist/post-components/p-4f67c5f5.entry.js +0 -1
- package/dist/post-components/p-4f9746f6.js +0 -15
- package/dist/post-components/p-5075c672.entry.js +0 -1
- package/dist/post-components/p-515e0f96.js +0 -1
- package/dist/post-components/p-5467b223.js +0 -1
- package/dist/post-components/p-67036798.entry.js +0 -1
- package/dist/post-components/p-6adeaa6c.js +0 -1
- package/dist/post-components/p-6d953fb2.js +0 -1
- package/dist/post-components/p-6edb0ac5.js +0 -1
- package/dist/post-components/p-6f8f39ca.js +0 -1
- package/dist/post-components/p-7503a623.js +0 -1
- package/dist/post-components/p-761b24c7.entry.js +0 -1
- package/dist/post-components/p-77c4c1d2.js +0 -1
- package/dist/post-components/p-7cf0c2ad.js +0 -1
- package/dist/post-components/p-856c14d6.entry.js +0 -1
- package/dist/post-components/p-866bf50a.entry.js +0 -1
- package/dist/post-components/p-8d621781.js +0 -1
- package/dist/post-components/p-8fe2d72c.entry.js +0 -1
- package/dist/post-components/p-9ad5088f.entry.js +0 -1
- package/dist/post-components/p-a1d2b90e.js +0 -1
- package/dist/post-components/p-a521419d.entry.js +0 -1
- package/dist/post-components/p-aa538648.js +0 -1
- package/dist/post-components/p-afdbee2f.js +0 -1
- package/dist/post-components/p-b02817f2.entry.js +0 -1
- package/dist/post-components/p-b157dcba.entry.js +0 -1
- package/dist/post-components/p-b22656b1.js +0 -1
- package/dist/post-components/p-bdbd11cb.js +0 -1
- package/dist/post-components/p-c537e196.entry.js +0 -1
- package/dist/post-components/p-d4f93f2b.js +0 -1
- package/dist/post-components/p-dca4246a.entry.js +0 -1
- package/dist/post-components/p-f319b026.js +0 -1
- package/dist/post-components/p-f4b7b379.js +0 -1
- package/dist/post-components/p-fac66087.entry.js +0 -1
- package/dist/post-components/p-fc91cbc2.js +0 -1
- package/dist/types/animations/slide.d.ts +0 -2
- package/dist/types/components/post-avatar/post-avatar.d.ts +0 -51
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +0 -19
- package/dist/types/components/post-banner/banner-types.d.ts +0 -2
- package/dist/types/components/post-banner/post-banner.d.ts +0 -49
- package/dist/types/components/post-breadcrumb/post-breadcrumb.d.ts +0 -30
- package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +0 -16
- package/dist/types/components/post-closebutton/post-closebutton.d.ts +0 -7
- package/dist/types/components/post-footer/post-footer.d.ts +0 -23
- package/dist/types/components/post-header/post-header.d.ts +0 -24
- package/dist/types/components/post-language-option/post-language-option.d.ts +0 -45
- package/dist/types/components/post-language-switch/post-language-switch.d.ts +0 -31
- package/dist/types/components/post-language-switch/switch-variants.d.ts +0 -2
- package/dist/types/components/post-list/post-list.d.ts +0 -24
- package/dist/types/components/post-list-item/post-list-item.d.ts +0 -8
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -19
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +0 -35
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +0 -25
- package/dist/types/components/post-menu/post-menu.d.ts +0 -48
- package/dist/types/components/post-menu-item/post-menu-item.d.ts +0 -4
- package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +0 -27
- package/dist/types/components/post-togglebutton/post-togglebutton.d.ts +0 -15
- package/dist/types/utils/breakpoints.d.ts +0 -11
- package/dist/types/utils/is-focusable.d.ts +0 -1
- package/loaders/attribute-observer.js +0 -25
- package/loaders/debounce.js +0 -10
- package/loaders/get-root.js +0 -9
- package/loaders/post-accordion-item2.js +0 -102
- package/loaders/post-avatar.js +0 -176
- package/loaders/post-back-to-top.d.ts +0 -11
- package/loaders/post-back-to-top.js +0 -103
- package/loaders/post-banner.d.ts +0 -11
- package/loaders/post-banner.js +0 -128
- package/loaders/post-breadcrumb-item.d.ts +0 -11
- package/loaders/post-breadcrumb-item.js +0 -6
- package/loaders/post-breadcrumb-item2.js +0 -82
- package/loaders/post-breadcrumb.d.ts +0 -11
- package/loaders/post-breadcrumb.js +0 -171
- package/loaders/post-closebutton.d.ts +0 -11
- package/loaders/post-closebutton.js +0 -37
- package/loaders/post-footer.d.ts +0 -11
- package/loaders/post-footer.js +0 -127
- package/loaders/post-header.d.ts +0 -11
- package/loaders/post-header.js +0 -279
- package/loaders/post-language-option.d.ts +0 -11
- package/loaders/post-language-option.js +0 -97
- package/loaders/post-language-switch.d.ts +0 -11
- package/loaders/post-language-switch.js +0 -149
- package/loaders/post-list-item.d.ts +0 -11
- package/loaders/post-list-item.js +0 -38
- package/loaders/post-list.js +0 -56
- package/loaders/post-mainnavigation.d.ts +0 -11
- package/loaders/post-mainnavigation.js +0 -51
- package/loaders/post-megadropdown-trigger.d.ts +0 -11
- package/loaders/post-megadropdown-trigger.js +0 -94
- package/loaders/post-megadropdown.d.ts +0 -11
- package/loaders/post-megadropdown.js +0 -96
- package/loaders/post-menu-item.d.ts +0 -11
- package/loaders/post-menu-item.js +0 -6
- package/loaders/post-menu-item2.js +0 -33
- package/loaders/post-menu-trigger.d.ts +0 -11
- package/loaders/post-menu-trigger.js +0 -6
- package/loaders/post-menu-trigger2.js +0 -102
- package/loaders/post-menu.d.ts +0 -11
- package/loaders/post-menu.js +0 -6
- package/loaders/post-menu2.js +0 -203
- package/loaders/post-togglebutton.d.ts +0 -11
- package/loaders/post-togglebutton.js +0 -64
- package/loaders/slide.js +0 -25
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-010dc207.js');
|
|
4
|
-
const _package = require('./package-8e810a59.js');
|
|
5
|
-
const checkUrl = require('./check-url-3ffdd2fb.js');
|
|
6
|
-
const debounce = require('./debounce-1151afe3.js');
|
|
7
|
-
|
|
8
|
-
const postBreadcrumbCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-bottom:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item a{text-decoration:none;color:inherit;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);font-size:var(--post-device-font-size-6)}.breadcrumb-item a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item a:focus-visible{border-radius:var(--post-device-border-radius-focus)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}post-breadcrumb-item:last-of-type{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}post-breadcrumb-item:last-of-type:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";
|
|
9
|
-
const PostBreadcrumbStyle0 = postBreadcrumbCss;
|
|
10
|
-
|
|
11
|
-
const PostBreadcrumb = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
// Waits for breadcrumb navigation reference to be available
|
|
15
|
-
this.waitForBreadcrumbRef = debounce.debounce(() => {
|
|
16
|
-
var _a;
|
|
17
|
-
if (((_a = this.breadcrumbNavRef) === null || _a === void 0 ? void 0 : _a.clientWidth) > 0) {
|
|
18
|
-
this.checkConcatenation();
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
this.waitForBreadcrumbRef();
|
|
22
|
-
}
|
|
23
|
-
}, 50);
|
|
24
|
-
// Handles resizing to check concatenation
|
|
25
|
-
this.handleResize = () => {
|
|
26
|
-
if (window.innerWidth === this.lastWindowWidth)
|
|
27
|
-
return;
|
|
28
|
-
this.lastWindowWidth = window.innerWidth;
|
|
29
|
-
this.checkConcatenation();
|
|
30
|
-
};
|
|
31
|
-
this.homeUrl = undefined;
|
|
32
|
-
this.homeText = 'Home';
|
|
33
|
-
this.breadcrumbItems = [];
|
|
34
|
-
this.isConcatenated = undefined;
|
|
35
|
-
this.lastWindowWidth = undefined;
|
|
36
|
-
}
|
|
37
|
-
validateUrl() {
|
|
38
|
-
checkUrl.checkUrl(this.homeUrl, 'The "url" property of the home-icon is invalid');
|
|
39
|
-
}
|
|
40
|
-
componentWillLoad() {
|
|
41
|
-
this.updateBreadcrumbItems();
|
|
42
|
-
}
|
|
43
|
-
componentDidLoad() {
|
|
44
|
-
window.addEventListener('resize', this.handleResize);
|
|
45
|
-
this.waitForBreadcrumbRef();
|
|
46
|
-
}
|
|
47
|
-
disconnectedCallback() {
|
|
48
|
-
window.removeEventListener('resize', this.handleResize);
|
|
49
|
-
}
|
|
50
|
-
// Updates breadcrumb items and sets the last item
|
|
51
|
-
updateBreadcrumbItems() {
|
|
52
|
-
this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map((item) => ({
|
|
53
|
-
text: item.textContent || '',
|
|
54
|
-
url: item.getAttribute('url') || '',
|
|
55
|
-
}));
|
|
56
|
-
this.lastItem = this.breadcrumbItems[this.breadcrumbItems.length - 1];
|
|
57
|
-
}
|
|
58
|
-
// Determines parent width for concatenation logic
|
|
59
|
-
getParentWidth() {
|
|
60
|
-
let parent = this.host.parentNode;
|
|
61
|
-
while (parent && !(parent instanceof HTMLElement)) {
|
|
62
|
-
parent = parent.parentNode;
|
|
63
|
-
}
|
|
64
|
-
return parent instanceof HTMLElement ? parent.clientWidth : window.innerWidth;
|
|
65
|
-
}
|
|
66
|
-
checkConcatenation() {
|
|
67
|
-
var _a;
|
|
68
|
-
if (!this.breadcrumbNavRef)
|
|
69
|
-
return;
|
|
70
|
-
const visibleWidth = this.getParentWidth();
|
|
71
|
-
// Measure all hidden breadcrumb items
|
|
72
|
-
const hiddenItems = Array.from(((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.hidden-breadcrumb-item')) || []);
|
|
73
|
-
const totalWidth = hiddenItems.reduce((accum, element) => {
|
|
74
|
-
const rect = element.getBoundingClientRect();
|
|
75
|
-
return accum + rect.width;
|
|
76
|
-
}, 0);
|
|
77
|
-
this.isConcatenated = totalWidth > visibleWidth;
|
|
78
|
-
}
|
|
79
|
-
// Handles breadcrumb item click to open the menu
|
|
80
|
-
handleBreadcrumbItemClick() {
|
|
81
|
-
var _a, _b;
|
|
82
|
-
if (this.host.shadowRoot) {
|
|
83
|
-
const menuTrigger = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.menu-trigger-wrapper')) === null || _b === void 0 ? void 0 : _b.querySelector('button');
|
|
84
|
-
if (menuTrigger) {
|
|
85
|
-
menuTrigger.click();
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
91
|
-
return (index.h(index.Host, { key: '1baffcf05840127383931baec809e2b94e402e5e', "data-version": _package.version }, index.h("nav", { key: 'c6725b8aa970f35f15f31ecc56280e7518b2dba9', "aria-label": "Breadcrumb", class: "breadcrumbs-nav", ref: (el) => (this.breadcrumbNavRef = el) }, index.h("ol", { key: '3166f345dde9f7003b23f5e7a1ddbe587b3fb4be', class: "no-list breadcrumbs-list" }, index.h("li", { key: '2efcbd6502cc5245ee63fd344a28c8aea4561cde' }, index.h("a", { key: 'b727c3d880ca9ebb7fc8527263a142662e4d42fd', href: this.homeUrl, class: "breadcrumb-link" }, index.h("span", { key: 'd683d05bce032759aa224e7a36ef5d7fb3883187', class: "visually-hidden" }, this.homeText), index.h("post-icon", { key: 'f17d5f56a49f0525d64414c079968d80b0c7eca3', name: "home", class: "home-icon" }))), this.isConcatenated ? (index.h("div", { class: "menu-trigger-wrapper", "aria-label": "More breadcrumbs", onKeyDown: (e) => {
|
|
92
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
93
|
-
e.preventDefault();
|
|
94
|
-
this.handleBreadcrumbItemClick();
|
|
95
|
-
}
|
|
96
|
-
} }, index.h("post-icon", { name: "2111", class: "breadcrumb-item-icon" }), index.h("div", { class: "actual-menu" }, index.h("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0 }, index.h("button", { class: "btn test", tabIndex: -1 }, "...")), index.h("post-menu", { id: "breadcrumb-menu" }, visibleItems.map((item) => (index.h("post-menu-item", { key: item.url || item.text, class: "breadcrumb-item", onKeyDown: (e) => {
|
|
97
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
98
|
-
const linkElement = e.currentTarget.querySelector('a');
|
|
99
|
-
linkElement === null || linkElement === void 0 ? void 0 : linkElement.click();
|
|
100
|
-
e.preventDefault();
|
|
101
|
-
}
|
|
102
|
-
} }, item.url ? index.h("a", { href: item.url }, item.text) : index.h("span", null, item.text)))))))) : (visibleItems.map((item) => (index.h("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text)))), this.lastItem && (index.h("post-breadcrumb-item", { key: '674dd84e23c325f874f57b92b0171b47d600d463', url: this.lastItem.url, "aria-current": "page", tabindex: -1 }, this.lastItem.text))), index.h("div", { key: 'b4131833874403a8166446991510a36003a21aed', class: "hidden-items" }, index.h("a", { key: 'aa31950651d486afdb97974c24929cc80e0c3f53', href: this.homeUrl, class: "hidden-breadcrumb-item" }, index.h("span", { key: 'e9d1f5e225220a5942f8844dc26014f1278f935f', class: "visually-hidden" }, this.homeText), index.h("post-icon", { key: '493a91739d10c3e536da52d636aca4b305f88273', name: "home", class: "home-icon" })), this.breadcrumbItems.map((item) => (index.h("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
|
|
103
|
-
}
|
|
104
|
-
get host() { return index.getElement(this); }
|
|
105
|
-
static get watchers() { return {
|
|
106
|
-
"homeUrl": ["validateUrl"]
|
|
107
|
-
}; }
|
|
108
|
-
};
|
|
109
|
-
PostBreadcrumb.style = PostBreadcrumbStyle0;
|
|
110
|
-
|
|
111
|
-
exports.PostBreadcrumb = PostBreadcrumb;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const postMenuItem = require('./post-menu-item-bb0b0b9e.js');
|
|
6
|
-
require('./index-010dc207.js');
|
|
7
|
-
require('./package-8e810a59.js');
|
|
8
|
-
require('./index-5d4e0aed.js');
|
|
9
|
-
require('./constants-238701d3.js');
|
|
10
|
-
require('./check-one-of-f4f5d0c0.js');
|
|
11
|
-
require('./check-type-64af82a9.js');
|
|
12
|
-
require('./check-url-3ffdd2fb.js');
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
exports.post_breadcrumb_item = postMenuItem.PostBreadcrumbItem;
|
|
17
|
-
exports.post_menu_item = postMenuItem.PostMenuItem;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const postBreadcrumb = require('./post-breadcrumb-b40732fc.js');
|
|
6
|
-
require('./index-010dc207.js');
|
|
7
|
-
require('./package-8e810a59.js');
|
|
8
|
-
require('./check-url-3ffdd2fb.js');
|
|
9
|
-
require('./debounce-1151afe3.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.post_breadcrumb = postBreadcrumb.PostBreadcrumb;
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-010dc207.js');
|
|
4
|
-
const checkOneOf = require('./check-one-of-f4f5d0c0.js');
|
|
5
|
-
const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
|
|
6
|
-
const _package = require('./package-8e810a59.js');
|
|
7
|
-
|
|
8
|
-
const postCardControlCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:-moz-fit-content;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:1.5rem}.form-check:has(>input:not(:only-child)){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:var(--post-device-sizing-interactive-icon-size);mask-size:var(--post-device-sizing-interactive-icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:\"\";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:1rem}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:\"input label icon\" \"input content content\"/min-content auto min-content;align-items:center;gap:0 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:.25rem 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:var(--post-contrast-color);background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:.25rem 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:2rem;height:2rem;pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:2px;outline:2px solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e\")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:\"\";position:absolute;inset:2px;background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:\"\";position:absolute;inset:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:1rem}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}";
|
|
9
|
-
const PostCardControlStyle0 = postCardControlCss;
|
|
10
|
-
|
|
11
|
-
let cardControlIds = 0;
|
|
12
|
-
const PostCardControl = class {
|
|
13
|
-
/**
|
|
14
|
-
* A public method to reset the controls `checked` and `validity` state.
|
|
15
|
-
* The validity state is set to `null`, so it's neither valid nor invalid.
|
|
16
|
-
*/
|
|
17
|
-
async reset() {
|
|
18
|
-
this.validity = null;
|
|
19
|
-
this.controlSetChecked(this.initialChecked);
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* A hidden public method to reset the group controls `checked` state to `false`.
|
|
23
|
-
*/
|
|
24
|
-
async groupReset() {
|
|
25
|
-
if (this.disabled)
|
|
26
|
-
this.control.checked = this.checked = false;
|
|
27
|
-
this.controlSetChecked(false);
|
|
28
|
-
}
|
|
29
|
-
validateControlLabel(label = this.label) {
|
|
30
|
-
checkNonEmpty.checkNonEmpty(label, 'The "post-card-control" element requires its "label" property to be set.');
|
|
31
|
-
}
|
|
32
|
-
validateControlType(type = this.type) {
|
|
33
|
-
checkOneOf.checkOneOf(type, ['checkbox', 'radio'], 'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".');
|
|
34
|
-
}
|
|
35
|
-
updateControlChecked(checked = this.checked) {
|
|
36
|
-
this.controlSetChecked(checked);
|
|
37
|
-
}
|
|
38
|
-
updateControlDisabled() {
|
|
39
|
-
this.controlSetChecked(this.checked);
|
|
40
|
-
}
|
|
41
|
-
constructor(hostRef) {
|
|
42
|
-
index.registerInstance(this, hostRef);
|
|
43
|
-
this.postInput = index.createEvent(this, "postInput", 7);
|
|
44
|
-
this.postChange = index.createEvent(this, "postChange", 7);
|
|
45
|
-
if (hostRef.$hostElement$["s-ei"]) {
|
|
46
|
-
this.internals = hostRef.$hostElement$["s-ei"];
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this.internals = hostRef.$hostElement$.attachInternals();
|
|
50
|
-
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
51
|
-
}
|
|
52
|
-
this.EVENT_MAP = {
|
|
53
|
-
input: 'postInput',
|
|
54
|
-
change: 'postChange',
|
|
55
|
-
};
|
|
56
|
-
this.KEYCODES = {
|
|
57
|
-
SPACE: 'Space',
|
|
58
|
-
LEFT: 'ArrowLeft',
|
|
59
|
-
UP: 'ArrowUp',
|
|
60
|
-
RIGHT: 'ArrowRight',
|
|
61
|
-
DOWN: 'ArrowDown',
|
|
62
|
-
};
|
|
63
|
-
this.group = {
|
|
64
|
-
hosts: [],
|
|
65
|
-
members: [],
|
|
66
|
-
first: null,
|
|
67
|
-
last: null,
|
|
68
|
-
checked: null,
|
|
69
|
-
focused: null,
|
|
70
|
-
};
|
|
71
|
-
this.controlId = `PostCardControl_${cardControlIds++}`;
|
|
72
|
-
this.focused = false;
|
|
73
|
-
this.label = undefined;
|
|
74
|
-
this.description = null;
|
|
75
|
-
this.type = undefined;
|
|
76
|
-
this.name = null;
|
|
77
|
-
this.value = null;
|
|
78
|
-
this.checked = false;
|
|
79
|
-
this.disabled = false;
|
|
80
|
-
this.validity = null;
|
|
81
|
-
this.icon = null;
|
|
82
|
-
this.cardClickHandler = this.cardClickHandler.bind(this);
|
|
83
|
-
this.controlClickHandler = this.controlClickHandler.bind(this);
|
|
84
|
-
this.controlChangeHandler = this.controlChangeHandler.bind(this);
|
|
85
|
-
this.controlFocusHandler = this.controlFocusHandler.bind(this);
|
|
86
|
-
this.controlKeyDownHandler = this.controlKeyDownHandler.bind(this);
|
|
87
|
-
}
|
|
88
|
-
cardClickHandler(e) {
|
|
89
|
-
e.stopPropagation();
|
|
90
|
-
// if this was not the clicked element anyway, trigger click on control to change it
|
|
91
|
-
if (e.target !== this.control)
|
|
92
|
-
this.control.click();
|
|
93
|
-
}
|
|
94
|
-
controlClickHandler(e) {
|
|
95
|
-
e.stopPropagation();
|
|
96
|
-
// if control is disabled do nothing
|
|
97
|
-
// else control value will fire a change event, which is handled in the controlChangeHandler method
|
|
98
|
-
if (this.disabled)
|
|
99
|
-
e.preventDefault();
|
|
100
|
-
}
|
|
101
|
-
controlChangeHandler(e) {
|
|
102
|
-
e.stopPropagation();
|
|
103
|
-
this.groupCollectMembers();
|
|
104
|
-
this.controlSetChecked(this.control.checked, e);
|
|
105
|
-
this.groupSetChecked(this.control, e);
|
|
106
|
-
}
|
|
107
|
-
controlFocusHandler() {
|
|
108
|
-
this.focused = this.host === document.activeElement;
|
|
109
|
-
}
|
|
110
|
-
// https://googlechromelabs.github.io/howto-components/howto-radio-group/
|
|
111
|
-
controlKeyDownHandler(e) {
|
|
112
|
-
if (this.type === 'radio') {
|
|
113
|
-
e.stopPropagation();
|
|
114
|
-
if (Object.values(this.KEYCODES).includes(e.code))
|
|
115
|
-
e.preventDefault();
|
|
116
|
-
this.groupCollectMembers();
|
|
117
|
-
switch (e.code) {
|
|
118
|
-
case this.KEYCODES.UP:
|
|
119
|
-
case this.KEYCODES.LEFT:
|
|
120
|
-
this.groupSetChecked(this.groupGetPrev(), e);
|
|
121
|
-
break;
|
|
122
|
-
case this.KEYCODES.DOWN:
|
|
123
|
-
case this.KEYCODES.RIGHT:
|
|
124
|
-
this.groupSetChecked(this.groupGetNext(), e);
|
|
125
|
-
break;
|
|
126
|
-
case this.KEYCODES.SPACE:
|
|
127
|
-
this.groupSetChecked(this.control, e);
|
|
128
|
-
break;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
controlSetChecked(checked, e) {
|
|
133
|
-
if (!this.control)
|
|
134
|
-
return;
|
|
135
|
-
if (this.disabled) {
|
|
136
|
-
this.internals.setFormValue(null);
|
|
137
|
-
}
|
|
138
|
-
else {
|
|
139
|
-
this.control.checked = this.checked = checked;
|
|
140
|
-
this.internals.setFormValue(this.checked ? this.control.value : null);
|
|
141
|
-
if (e) {
|
|
142
|
-
const isCheckbox = this.type === 'checkbox';
|
|
143
|
-
const isRadioAndChecked = this.type === 'radio' && this.checked;
|
|
144
|
-
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
|
|
145
|
-
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
|
|
146
|
-
// if an event parameter is given and a native control would fire an event, emit the corresponding event to the light dom
|
|
147
|
-
if (isCheckbox || isRadioAndChecked)
|
|
148
|
-
this[this.EVENT_MAP[e.type]].emit({ state: this.checked, value: this.value });
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
groupCollectMembers() {
|
|
153
|
-
var _a, _b;
|
|
154
|
-
if (this.type === 'radio' && this.name) {
|
|
155
|
-
this.group.hosts = Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`));
|
|
156
|
-
this.group.members = this.group.hosts
|
|
157
|
-
.map(m => m.shadowRoot.querySelector('input[type="radio"]'))
|
|
158
|
-
.filter(m => m !== null);
|
|
159
|
-
if (this.group.members.length > 1) {
|
|
160
|
-
this.group.first = this.group.members[0];
|
|
161
|
-
this.group.last = this.group.members[this.group.members.length - 1];
|
|
162
|
-
this.group.checked = (_a = this.group.members.find(m => m.checked)) !== null && _a !== void 0 ? _a : null;
|
|
163
|
-
this.group.focused =
|
|
164
|
-
(_b = this.group.members.find(m => m.getRootNode().host === document.activeElement)) !== null && _b !== void 0 ? _b : this.group.first;
|
|
165
|
-
const focusableMember = this.group.checked || this.group.focused || this.group.first;
|
|
166
|
-
this.group.members.forEach(m => {
|
|
167
|
-
m.tabIndex = m === focusableMember ? 0 : -1;
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
groupGetPrev() {
|
|
173
|
-
var _a;
|
|
174
|
-
const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
|
|
175
|
-
return (_a = this.group.members.find((_m, i) => i === focusedIndex - 1)) !== null && _a !== void 0 ? _a : this.group.last;
|
|
176
|
-
}
|
|
177
|
-
groupGetNext() {
|
|
178
|
-
var _a;
|
|
179
|
-
const focusedIndex = this.group.members.findIndex(m => m.id === this.group.focused.id);
|
|
180
|
-
return (_a = this.group.members.find((_m, i) => i === focusedIndex + 1)) !== null && _a !== void 0 ? _a : this.group.first;
|
|
181
|
-
}
|
|
182
|
-
groupSetChecked(newChecked, e) {
|
|
183
|
-
if (this.group.members.length > 1) {
|
|
184
|
-
const isKeyboardEvent = e.type === 'keydown';
|
|
185
|
-
const newIsAriaDisabled = newChecked.hasAttribute('aria-disabled');
|
|
186
|
-
const newIndex = this.group.members.findIndex(m => m === newChecked);
|
|
187
|
-
if (isKeyboardEvent)
|
|
188
|
-
newChecked.focus();
|
|
189
|
-
// if new is disabled, do not reset/set anything
|
|
190
|
-
if (!newIsAriaDisabled) {
|
|
191
|
-
// reset all group members but the newChecked
|
|
192
|
-
this.group.hosts
|
|
193
|
-
.filter((_h, i) => i !== newIndex)
|
|
194
|
-
.forEach(h => {
|
|
195
|
-
h.groupReset();
|
|
196
|
-
});
|
|
197
|
-
// if method was called by keyboard event, select newChecked
|
|
198
|
-
// else this has already been done by clicking on the newChecked element already
|
|
199
|
-
if (isKeyboardEvent)
|
|
200
|
-
newChecked.click();
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
// remove as soon as all browser support :host-context()
|
|
205
|
-
// https://caniuse.com/?search=%3Ahost-context()
|
|
206
|
-
setHostContext() {
|
|
207
|
-
let bgContext;
|
|
208
|
-
const possibleBgContexts = window
|
|
209
|
-
.getComputedStyle(this.host)
|
|
210
|
-
.getPropertyValue('--post-card-control-bg-context')
|
|
211
|
-
.split(', ');
|
|
212
|
-
let formContext;
|
|
213
|
-
const possibleFromContexts = ['fieldset'];
|
|
214
|
-
let element = this.host;
|
|
215
|
-
while (element && (!bgContext || !formContext)) {
|
|
216
|
-
bgContext = bgContext !== null && bgContext !== void 0 ? bgContext : possibleBgContexts.find(selector => element.matches(selector));
|
|
217
|
-
formContext = formContext !== null && formContext !== void 0 ? formContext : possibleFromContexts.find(selector => element.matches(selector));
|
|
218
|
-
element = element.parentElement;
|
|
219
|
-
}
|
|
220
|
-
const hostContext = [bgContext, formContext].filter(context => !!context).join(' ');
|
|
221
|
-
this.host.setAttribute('data-context', hostContext);
|
|
222
|
-
}
|
|
223
|
-
connectedCallback() {
|
|
224
|
-
this.initialChecked = this.checked;
|
|
225
|
-
}
|
|
226
|
-
componentWillRender() {
|
|
227
|
-
this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
|
|
228
|
-
}
|
|
229
|
-
render() {
|
|
230
|
-
return (index.h(index.Host, { key: 'd5a554358103f47b5294dc5f6e21e41a78ec383f', "data-version": _package.version, onClick: this.cardClickHandler }, index.h("div", { key: 'd9bd511744e04792f456ab2e22c0f48ea8f3234b', class: {
|
|
231
|
-
'card-control': true,
|
|
232
|
-
'is-checked': this.checked,
|
|
233
|
-
'is-disabled': this.disabled,
|
|
234
|
-
'is-focused': this.focused,
|
|
235
|
-
'is-valid': this.validity !== null && this.validity !== 'false',
|
|
236
|
-
'is-invalid': this.validity === 'false',
|
|
237
|
-
} }, index.h("input", { key: '37a7bc7d656aa5527037303daacdb8b8ee26b973', ref: el => (this.control = el), id: this.controlId, class: "card-control--input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === 'false', onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), index.h("label", { key: '9482a54b665dc2f2fe254f2656af9cb57cb0fb4b', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label" }, this.label, this.description ? (index.h("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (index.h("div", { class: "card-control--icon" }, index.h("slot", { name: "icon" }, this.icon ? index.h("post-icon", { name: this.icon }) : null))) : null, index.h("div", { key: '1b2a1fdb408ea8dcb4649fd76ae848685474f7b5', id: `${this.controlId}_content`, class: "card-control--content" }, index.h("slot", { key: '5b9f15b75920c0956730686b52959a9b21a64857' })))));
|
|
238
|
-
}
|
|
239
|
-
componentDidRender() {
|
|
240
|
-
this.setHostContext();
|
|
241
|
-
this.groupCollectMembers();
|
|
242
|
-
}
|
|
243
|
-
componentDidLoad() {
|
|
244
|
-
this.validateControlLabel();
|
|
245
|
-
this.validateControlType();
|
|
246
|
-
}
|
|
247
|
-
// https://stenciljs.com/docs/form-associated
|
|
248
|
-
/* eslint-disable @stencil-community/own-methods-must-be-private */
|
|
249
|
-
formAssociatedCallback() {
|
|
250
|
-
this.controlSetChecked(this.checked);
|
|
251
|
-
}
|
|
252
|
-
formDisabledCallback(disabled) {
|
|
253
|
-
this.disabled = disabled;
|
|
254
|
-
}
|
|
255
|
-
formStateRestoreCallback(checked) {
|
|
256
|
-
this.controlSetChecked(checked);
|
|
257
|
-
}
|
|
258
|
-
formResetCallback() {
|
|
259
|
-
this.reset();
|
|
260
|
-
}
|
|
261
|
-
static get formAssociated() { return true; }
|
|
262
|
-
get host() { return index.getElement(this); }
|
|
263
|
-
static get watchers() { return {
|
|
264
|
-
"label": ["validateControlLabel"],
|
|
265
|
-
"type": ["validateControlType"],
|
|
266
|
-
"checked": ["updateControlChecked"],
|
|
267
|
-
"disabled": ["updateControlDisabled"]
|
|
268
|
-
}; }
|
|
269
|
-
};
|
|
270
|
-
PostCardControl.style = PostCardControlStyle0;
|
|
271
|
-
|
|
272
|
-
exports.PostCardControl = PostCardControl;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const postTogglebutton = require('./post-togglebutton-0984a694.js');
|
|
6
|
-
require('./index-010dc207.js');
|
|
7
|
-
require('./package-8e810a59.js');
|
|
8
|
-
require('./slide-5d51abe8.js');
|
|
9
|
-
require('./index-5d4e0aed.js');
|
|
10
|
-
require('./constants-238701d3.js');
|
|
11
|
-
require('./check-one-of-f4f5d0c0.js');
|
|
12
|
-
require('./check-type-64af82a9.js');
|
|
13
|
-
require('./check-url-3ffdd2fb.js');
|
|
14
|
-
require('./check-non-empty-eeaa8f77.js');
|
|
15
|
-
require('./get-root-7a3498ef.js');
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
exports.post_closebutton = postTogglebutton.PostClosebutton;
|
|
20
|
-
exports.post_header = postTogglebutton.PostHeader;
|
|
21
|
-
exports.post_icon = postTogglebutton.PostIcon;
|
|
22
|
-
exports.post_language_option = postTogglebutton.PostLanguageOption;
|
|
23
|
-
exports.post_language_switch = postTogglebutton.PostLanguageSwitch;
|
|
24
|
-
exports.post_list = postTogglebutton.PostList;
|
|
25
|
-
exports.post_list_item = postTogglebutton.PostListItem;
|
|
26
|
-
exports.post_logo = postTogglebutton.PostLogo;
|
|
27
|
-
exports.post_mainnavigation = postTogglebutton.PostMainnavigation;
|
|
28
|
-
exports.post_megadropdown = postTogglebutton.PostMegadropdown;
|
|
29
|
-
exports.post_megadropdown_trigger = postTogglebutton.PostMegadropdownTrigger;
|
|
30
|
-
exports.post_menu = postTogglebutton.PostMenu;
|
|
31
|
-
exports.post_menu_trigger = postTogglebutton.PostMenuTrigger;
|
|
32
|
-
exports.post_popovercontainer = postTogglebutton.PostPopovercontainer;
|
|
33
|
-
exports.post_togglebutton = postTogglebutton.PostTogglebutton;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-010dc207.js');
|
|
4
|
-
const _package = require('./package-8e810a59.js');
|
|
5
|
-
|
|
6
|
-
class Breakpoint {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.current = {
|
|
9
|
-
key: '',
|
|
10
|
-
name: '',
|
|
11
|
-
};
|
|
12
|
-
if (!this.breakpointMap) {
|
|
13
|
-
const styles = getComputedStyle(document.documentElement);
|
|
14
|
-
const keys = styles.getPropertyValue('--post-breakpoint-keys').split(', ');
|
|
15
|
-
const names = styles.getPropertyValue('--post-breakpoint-names').split(', ');
|
|
16
|
-
this.breakpointMap = styles
|
|
17
|
-
.getPropertyValue('--post-breakpoint-widths')
|
|
18
|
-
.split(', ')
|
|
19
|
-
.map((width, i) => {
|
|
20
|
-
return {
|
|
21
|
-
minWidth: Number(width),
|
|
22
|
-
key: keys[i],
|
|
23
|
-
name: names[i],
|
|
24
|
-
};
|
|
25
|
-
})
|
|
26
|
-
.reverse();
|
|
27
|
-
window.addEventListener('resize', () => this.updateHandler(), { passive: true });
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
updateHandler(emitEvents = true) {
|
|
31
|
-
const calculated = this.breakpointMap.find(({ minWidth }) => innerWidth >= minWidth);
|
|
32
|
-
if (this.current.key !== calculated.key) {
|
|
33
|
-
this.current.key = calculated.key;
|
|
34
|
-
if (emitEvents)
|
|
35
|
-
this.dispatchEvent('key');
|
|
36
|
-
}
|
|
37
|
-
if (this.current.name !== calculated.name) {
|
|
38
|
-
this.current.name = calculated.name;
|
|
39
|
-
if (emitEvents)
|
|
40
|
-
this.dispatchEvent('name');
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
dispatchEvent(type) {
|
|
44
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
|
|
45
|
-
}
|
|
46
|
-
get(type) {
|
|
47
|
-
this.updateHandler(false);
|
|
48
|
-
return this.current[type];
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
const breakpoint = new Breakpoint();
|
|
52
|
-
|
|
53
|
-
const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}";
|
|
54
|
-
const PostFooterStyle0 = postFooterCss;
|
|
55
|
-
|
|
56
|
-
const PostFooter = class {
|
|
57
|
-
constructor(hostRef) {
|
|
58
|
-
index.registerInstance(this, hostRef);
|
|
59
|
-
this.label = undefined;
|
|
60
|
-
this.isMobile = breakpoint.get('name') === 'mobile';
|
|
61
|
-
}
|
|
62
|
-
connectedCallback() {
|
|
63
|
-
window.addEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
|
|
64
|
-
}
|
|
65
|
-
breakpointChange(e) {
|
|
66
|
-
this.isMobile = e.detail === 'mobile';
|
|
67
|
-
}
|
|
68
|
-
renderAccordion() {
|
|
69
|
-
return (index.h("div", { class: "footer-grid" }, index.h("post-accorddion", { "heading-level": "3", multiple: true }, index.h("post-accordion-item", { collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: "grid-1-title" })), index.h("slot", { name: "grid-1" })), index.h("post-accordion-item", { collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: "grid-2-title" })), index.h("slot", { name: "grid-2" })), index.h("post-accordion-item", { collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: "grid-3-title" })), index.h("slot", { name: "grid-3" })), index.h("post-accordion-item", { collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: "grid-4-title" })), index.h("slot", { name: "grid-4" })))));
|
|
70
|
-
}
|
|
71
|
-
renderGrid() {
|
|
72
|
-
return (index.h("div", { class: "footer-grid" }, index.h("div", null, index.h("slot", { name: "grid-1" })), index.h("div", null, index.h("slot", { name: "grid-2" })), index.h("div", null, index.h("slot", { name: "grid-3" })), index.h("div", null, index.h("slot", { name: "grid-4" }))));
|
|
73
|
-
}
|
|
74
|
-
render() {
|
|
75
|
-
return (index.h(index.Host, { key: 'b11ecc741d3d9f4786dca3324dc2172aeaa431cd', "data-version": _package.version }, index.h("footer", { key: 'a786956b1bdf51cf76fca8e4d45210b42bc54501' }, index.h("h2", { key: '3661bdd6c95eb515cb6a0aa77cb9df4fda7ea972', class: "visually-hidden" }, this.label), index.h("div", { key: '8b2a1c63f3a092c355bd882d58e5012dd5680a1b', class: "footer-container" }, this.isMobile ? this.renderAccordion() : this.renderGrid(), index.h("div", { key: '250a48a71a05833a18640432eb72fb96df94c102', class: "footer-column" }, index.h("div", { key: '0d22f0b49aea22f0bd73421f3c86f5389caebec9', class: "footer-socialmedia" }, index.h("slot", { key: '8703a25dc982f32a32b4115410fcc6356b5e365b', name: "socialmedia" })), index.h("div", { key: '992e7ff2e6556139ce0946ae6498329a8d2ff686', class: "footer-app" }, index.h("slot", { key: '6e561307bf4a1d32d3a985b32bd5ed2be43453d2', name: "app" }))), index.h("div", { key: 'ebdffcd8431e90752f814a5873cec14e00c15b7f', class: "footer-businesssectors" }, index.h("slot", { key: 'c745850d3e5ff37a71b12c43897625ca3df5ca34', name: "businesssectors" })), index.h("div", { key: '3d9decbad0be02737d13c4e3c6e00b8bea8d6c5f', class: "footer-meta" }, index.h("slot", { key: '2a66e70bb788269fecb5bbbccd2af43e9fba3a1f', name: "meta" })), index.h("div", { key: '0f1f4ee8f86e5eaf6c5c25b82b868d273757c8be', class: "footer-copyright" }, index.h("slot", { key: 'b63aab9755132addfe4c20233919513990cdf992', name: "copyright" }))))));
|
|
76
|
-
}
|
|
77
|
-
disconnectedCallback() {
|
|
78
|
-
window.removeEventListener('postBreakpoint:name', this.breakpointChange.bind(this));
|
|
79
|
-
}
|
|
80
|
-
get host() { return index.getElement(this); }
|
|
81
|
-
};
|
|
82
|
-
PostFooter.style = PostFooterStyle0;
|
|
83
|
-
|
|
84
|
-
exports.PostFooter = PostFooter;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const postFooter = require('./post-footer-5f7fdf96.js');
|
|
6
|
-
require('./index-010dc207.js');
|
|
7
|
-
require('./package-8e810a59.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
exports.post_footer = postFooter.PostFooter;
|