@swisspost/design-system-components 9.0.0-next.5 → 9.0.0-next.7
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/get-root-7a3498ef.js +11 -0
- package/dist/cjs/index-e1f32cce.js +8 -4
- package/dist/cjs/index.cjs.js +24 -21
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-53892d3d.js → package-bc44930e.js} +1 -1
- package/dist/cjs/{post-accordion-7f627ffd.js → post-accordion-c55fef06.js} +1 -1
- package/dist/cjs/{post-accordion-item-ceb5399f.js → post-accordion-item-641f0b42.js} +1 -1
- package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/post-accordion.cjs.entry.js +2 -2
- package/dist/cjs/{post-avatar-a8123d38.js → post-avatar-10d7b5c0.js} +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/post-banner-b286d37f.js +90 -0
- package/dist/cjs/{post-alert.cjs.entry.js → post-banner.cjs.entry.js} +3 -3
- package/dist/cjs/{post-breadcrumb-item-6e4704e5.js → post-breadcrumb-item-8cdc59a8.js} +1 -1
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/post-card-control-fc4aca2a.js +272 -0
- package/dist/cjs/post-card-control.cjs.entry.js +2 -2
- package/dist/cjs/post-closebutton_10.cjs.entry.js +2 -2
- package/dist/cjs/{post-collapsible-trigger-e4862a5b.js → post-collapsible-trigger-c8b3e767.js} +3 -10
- package/dist/cjs/post-collapsible_2.cjs.entry.js +3 -2
- package/dist/cjs/post-components.cjs.js +1 -1
- package/dist/cjs/{post-language-option-62414842.js → post-language-option-8c1ec4fd.js} +2 -2
- package/dist/cjs/post-language-option.cjs.entry.js +2 -2
- package/dist/cjs/{post-megadropdown-trigger-da912fed.js → post-megadropdown-trigger-9b9f1036.js} +32 -37
- package/dist/cjs/{post-menu-54fa65d3.js → post-menu-5a71a6fe.js} +2 -2
- package/dist/cjs/{post-menu-item-8c3090b1.js → post-menu-item-5c5c1aaf.js} +2 -2
- package/dist/cjs/post-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-trigger-71449876.js → post-menu-trigger-02d128c4.js} +5 -3
- package/dist/cjs/post-menu-trigger.cjs.entry.js +3 -2
- package/dist/cjs/post-menu.cjs.entry.js +2 -2
- package/dist/cjs/{post-popover-5f639e4f.js → post-popover-91a83e9d.js} +3 -3
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-3d166fed.js → post-rating-57fcf949.js} +2 -2
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-header-ce56b760.js +32 -0
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-e5685f3d.js → post-tab-panel-70e49260.js} +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-e871c911.js → post-tabs-39262e55.js} +3 -3
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/{post-tag-62f31d0e.js → post-tag-b6bc5785.js} +2 -2
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/post-togglebutton-2f39442e.js +28 -0
- package/dist/cjs/post-togglebutton.cjs.entry.js +11 -0
- package/dist/cjs/{post-tooltip-851c342c.js → post-tooltip-8be3b2aa.js} +28 -16
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/post-avatar/post-avatar.js +1 -1
- package/dist/collection/components/post-banner/banner-types.js +1 -0
- package/dist/collection/components/post-banner/post-banner.css +3 -0
- package/dist/collection/components/{post-alert/post-alert.js → post-banner/post-banner.js} +39 -68
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.js +8 -8
- package/dist/collection/components/post-header/post-header.js +1 -1
- package/dist/collection/components/post-icon/post-icon.css +1 -1
- package/dist/collection/components/post-icon/post-icon.js +20 -31
- package/dist/collection/components/post-language-option/post-language-option.js +1 -1
- package/dist/collection/components/post-list/post-list.js +2 -2
- package/dist/collection/components/post-list-item/post-list-item.js +1 -1
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +1 -1
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +4 -3
- package/dist/collection/components/post-popover/post-popover.css +1 -1
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +2 -2
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.css +1 -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 +1 -1
- package/dist/collection/components/post-tag/post-tag.js +2 -2
- package/dist/collection/components/post-togglebutton/post-togglebutton.css +1 -0
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +56 -0
- package/dist/collection/components/post-tooltip/post-tooltip.js +28 -12
- package/dist/collection/index.js +2 -1
- package/dist/components/get-root.js +9 -0
- package/dist/components/index.js +2 -1
- package/dist/components/package.js +1 -1
- package/dist/components/{post-alert.d.ts → post-banner.d.ts} +4 -4
- package/dist/components/post-banner.js +6 -0
- package/dist/components/post-banner2.js +125 -0
- package/dist/components/post-card-control2.js +3 -3
- package/dist/components/post-collapsible-trigger2.js +1 -8
- package/dist/components/post-header2.js +1 -1
- package/dist/components/post-icon2.js +22 -29
- package/dist/components/post-language-option2.js +1 -1
- package/dist/components/post-list-item2.js +1 -1
- package/dist/components/post-list2.js +2 -2
- package/dist/components/post-logo2.js +1 -1
- package/dist/components/post-mainnavigation2.js +1 -1
- package/dist/components/post-megadropdown-trigger2.js +1 -1
- package/dist/components/post-megadropdown2.js +1 -1
- package/dist/components/post-menu-item2.js +1 -1
- package/dist/components/post-menu-trigger2.js +4 -2
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-popover2.js +2 -2
- package/dist/components/post-popovercontainer2.js +2 -2
- package/dist/components/post-rating2.js +1 -1
- package/dist/components/post-tab-header2.js +2 -2
- package/dist/components/post-tab-panel2.js +1 -1
- package/dist/components/post-tabs2.js +2 -2
- package/dist/components/post-tag2.js +1 -1
- package/dist/components/post-togglebutton.d.ts +11 -0
- package/dist/components/post-togglebutton.js +6 -0
- package/dist/components/post-togglebutton2.js +43 -0
- package/dist/components/post-tooltip2.js +27 -15
- package/dist/docs.json +209 -175
- package/dist/esm/get-root-7af2e0d1.js +9 -0
- package/dist/esm/index-e1b64755.js +8 -4
- package/dist/esm/index.js +22 -20
- package/dist/esm/loader.js +1 -1
- package/dist/esm/package-180da9f3.js +3 -0
- package/dist/esm/{post-accordion-b2762084.js → post-accordion-7268e29b.js} +1 -1
- package/dist/esm/{post-accordion-item-82ef1c4a.js → post-accordion-item-a5a76abb.js} +1 -1
- package/dist/esm/post-accordion-item.entry.js +2 -2
- package/dist/esm/post-accordion.entry.js +2 -2
- package/dist/esm/{post-avatar-e84c49cb.js → post-avatar-19162f90.js} +1 -1
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/post-banner-132709ad.js +88 -0
- package/dist/esm/{post-alert.entry.js → post-banner.entry.js} +2 -2
- package/dist/esm/{post-breadcrumb-item-ff752018.js → post-breadcrumb-item-5a77f988.js} +1 -1
- package/dist/esm/post-breadcrumb-item.entry.js +2 -2
- package/dist/esm/post-card-control-5be9c80a.js +270 -0
- package/dist/esm/post-card-control.entry.js +2 -2
- package/dist/esm/post-closebutton_10.entry.js +2 -2
- package/dist/esm/{post-collapsible-trigger-34740fa6.js → post-collapsible-trigger-43fbbf03.js} +2 -9
- package/dist/esm/post-collapsible_2.entry.js +3 -2
- package/dist/esm/post-components.js +1 -1
- package/dist/esm/{post-language-option-e2a76752.js → post-language-option-f41240c3.js} +2 -2
- package/dist/esm/post-language-option.entry.js +2 -2
- package/dist/esm/{post-megadropdown-trigger-7e577245.js → post-megadropdown-trigger-813b5140.js} +32 -37
- package/dist/esm/{post-menu-e6337859.js → post-menu-62c3e49a.js} +2 -2
- package/dist/esm/{post-menu-item-c10a0a93.js → post-menu-item-f63a1521.js} +2 -2
- package/dist/esm/post-menu-item.entry.js +2 -2
- package/dist/esm/{post-menu-trigger-5f31ad60.js → post-menu-trigger-b84f728d.js} +5 -3
- package/dist/esm/post-menu-trigger.entry.js +3 -2
- package/dist/esm/post-menu.entry.js +2 -2
- package/dist/esm/{post-popover-d78547b4.js → post-popover-abae1f3a.js} +3 -3
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-rating-d04d0349.js → post-rating-b963d4f2.js} +2 -2
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/post-tab-header-c16feb72.js +30 -0
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-d9ecc10e.js → post-tab-panel-cb02df49.js} +2 -2
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-e98a47e8.js → post-tabs-81085d7b.js} +3 -3
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/{post-tag-40a65871.js → post-tag-103bfff5.js} +2 -2
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/post-togglebutton-0e714838.js +26 -0
- package/dist/esm/post-togglebutton.entry.js +3 -0
- package/dist/esm/{post-tooltip-3b1e121c.js → post-tooltip-2c5ff736.js} +28 -16
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/p-06980a04.js +1 -0
- package/dist/post-components/p-0af7dfbb.js +1 -0
- package/dist/post-components/p-0f699dbc.js +1 -0
- package/dist/post-components/p-12262945.entry.js +1 -0
- package/dist/post-components/p-2504dace.entry.js +1 -0
- package/dist/post-components/p-27343d32.entry.js +1 -0
- package/dist/post-components/{p-42c628fd.js → p-2a456317.js} +1 -1
- package/dist/post-components/p-2c3980d2.js +1 -0
- package/dist/post-components/p-31d38040.js +1 -0
- package/dist/post-components/{p-76dbca34.entry.js → p-339e000e.entry.js} +1 -1
- package/dist/post-components/p-3b325360.entry.js +1 -0
- package/dist/post-components/{p-2069e764.js → p-3e65ba47.js} +1 -1
- package/dist/post-components/p-3f417208.entry.js +1 -0
- package/dist/post-components/p-4922deaf.entry.js +1 -0
- package/dist/post-components/p-6c7546b8.entry.js +1 -0
- package/dist/post-components/{p-e0dc4fac.js → p-6f56a13d.js} +3 -3
- package/dist/post-components/p-7eee2b6a.js +1 -0
- package/dist/post-components/p-816623f0.entry.js +1 -0
- package/dist/post-components/p-83cd3885.entry.js +1 -0
- package/dist/post-components/{p-879ae242.js → p-8b6f7f04.js} +1 -1
- package/dist/post-components/p-9abe554b.js +1 -0
- package/dist/post-components/p-9ea6103e.entry.js +1 -0
- package/dist/post-components/p-a0a7c2c1.entry.js +1 -0
- package/dist/post-components/p-abf9ffdc.entry.js +1 -0
- package/dist/post-components/p-b4a2c7b7.entry.js +1 -0
- package/dist/post-components/{p-77a757d4.js → p-b7ef401f.js} +1 -1
- package/dist/post-components/p-b8a9cf2d.js +1 -0
- package/dist/post-components/p-bb103905.js +1 -0
- package/dist/post-components/{p-75514d7d.js → p-c819933c.js} +1 -1
- package/dist/post-components/p-ccd8a221.entry.js +1 -0
- package/dist/post-components/p-cfc1727f.entry.js +1 -0
- package/dist/post-components/{p-fc2c7222.js → p-d4465c2b.js} +1 -1
- package/dist/post-components/{p-af8cfb8e.js → p-d4cef624.js} +1 -1
- package/dist/post-components/p-da449573.js +1 -0
- package/dist/post-components/p-df5bdda5.entry.js +1 -0
- package/dist/post-components/{p-7a20605b.js → p-ed834dde.js} +1 -1
- package/dist/post-components/p-f1416918.entry.js +1 -0
- package/dist/post-components/p-f171b18b.entry.js +1 -0
- package/dist/post-components/p-f4dbd35f.entry.js +1 -0
- package/dist/post-components/p-f6b44820.js +1 -0
- package/dist/post-components/p-fa7af203.js +1 -0
- package/dist/post-components/p-fc91cbc2.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-avatar/post-avatar.d.ts +1 -1
- package/dist/types/components/post-banner/banner-types.d.ts +2 -0
- package/dist/types/components/post-banner/post-banner.d.ts +49 -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 +2 -5
- package/dist/types/components/post-list/post-list.d.ts +1 -1
- package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +1 -0
- package/dist/types/components/post-tag/post-tag.d.ts +1 -1
- package/dist/types/components/post-togglebutton/post-togglebutton.d.ts +13 -0
- package/dist/types/components.d.ts +92 -79
- package/dist/types/index.d.ts +2 -1
- package/loaders/get-root.js +9 -0
- package/loaders/index.d.ts +4 -2
- package/loaders/index.js +2 -1
- package/loaders/package.js +1 -1
- package/loaders/{post-alert.d.ts → post-banner.d.ts} +4 -4
- package/loaders/post-banner.js +128 -0
- package/loaders/post-card-control.js +3 -3
- package/loaders/post-collapsible-trigger2.js +1 -8
- package/loaders/post-header.js +1 -1
- package/loaders/post-icon2.js +22 -29
- package/loaders/post-language-option.js +1 -1
- package/loaders/post-list-item.js +1 -1
- package/loaders/post-list.js +2 -2
- package/loaders/post-logo.js +1 -1
- package/loaders/post-mainnavigation.js +1 -1
- package/loaders/post-megadropdown-trigger.js +1 -1
- package/loaders/post-megadropdown.js +1 -1
- package/loaders/post-menu-item.js +1 -1
- package/loaders/post-menu-trigger.js +4 -2
- package/loaders/post-menu.js +1 -1
- package/loaders/post-popover.js +2 -2
- package/loaders/post-popovercontainer2.js +2 -2
- package/loaders/post-rating.js +1 -1
- package/loaders/post-tab-header.js +2 -2
- package/loaders/post-tab-panel.js +1 -1
- package/loaders/post-tabs.js +2 -2
- package/loaders/post-tag.js +1 -1
- package/loaders/post-togglebutton.d.ts +11 -0
- package/loaders/post-togglebutton.js +46 -0
- package/loaders/post-tooltip.js +27 -15
- package/package.json +5 -5
- package/dist/cjs/post-alert-5333a23c.js +0 -99
- package/dist/cjs/post-card-control-b289ddcf.js +0 -272
- package/dist/cjs/post-tab-header-03b20f24.js +0 -32
- package/dist/collection/components/post-alert/alert-types.js +0 -1
- package/dist/collection/components/post-alert/post-alert.css +0 -7
- package/dist/components/post-alert.js +0 -6
- package/dist/components/post-alert2.js +0 -136
- package/dist/esm/package-d0380f19.js +0 -3
- package/dist/esm/post-alert-0679e14b.js +0 -97
- package/dist/esm/post-card-control-53b9ca94.js +0 -270
- package/dist/esm/post-tab-header-6efc530f.js +0 -30
- package/dist/post-components/p-029c91d8.entry.js +0 -1
- package/dist/post-components/p-03c850fa.entry.js +0 -1
- package/dist/post-components/p-1d8a41d3.js +0 -1
- package/dist/post-components/p-3705d2b4.js +0 -1
- package/dist/post-components/p-3aaea2a7.js +0 -1
- package/dist/post-components/p-3b4342e4.entry.js +0 -1
- package/dist/post-components/p-3b5bd4a4.entry.js +0 -1
- package/dist/post-components/p-3f785d16.entry.js +0 -1
- package/dist/post-components/p-40a57111.entry.js +0 -1
- package/dist/post-components/p-41f5f626.entry.js +0 -1
- package/dist/post-components/p-43451d07.js +0 -1
- package/dist/post-components/p-49a42850.js +0 -1
- package/dist/post-components/p-4f1a40dd.entry.js +0 -1
- package/dist/post-components/p-6e7bde44.js +0 -1
- package/dist/post-components/p-70c016ab.js +0 -1
- package/dist/post-components/p-77af2367.entry.js +0 -1
- package/dist/post-components/p-976c2742.js +0 -1
- package/dist/post-components/p-9cda2b0d.entry.js +0 -1
- package/dist/post-components/p-9fab4d3c.js +0 -1
- package/dist/post-components/p-a0226aec.js +0 -1
- package/dist/post-components/p-aa890e24.entry.js +0 -1
- package/dist/post-components/p-ac6d9496.js +0 -1
- package/dist/post-components/p-ad6e41d5.entry.js +0 -1
- package/dist/post-components/p-c95813b2.entry.js +0 -1
- package/dist/post-components/p-d3814644.entry.js +0 -1
- package/dist/post-components/p-d5b02b44.entry.js +0 -1
- package/dist/post-components/p-f404d0bb.entry.js +0 -1
- package/dist/post-components/p-f5b933bc.entry.js +0 -1
- package/dist/post-components/p-fbda2556.entry.js +0 -1
- package/dist/types/components/post-alert/alert-types.d.ts +0 -2
- package/dist/types/components/post-alert/post-alert.d.ts +0 -54
- package/loaders/post-alert.js +0 -139
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_menu_trigger}from"./p-9abe554b.js";import"./p-3eab790d.js";import"./p-f6b44820.js";import"./p-4a3f67ab.js";import"./p-fc91cbc2.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as r,H as s,g as o}from"./p-3eab790d.js";import{v as e}from"./p-
|
|
1
|
+
import{r as t,c as a,h as r,H as s,g as o}from"./p-3eab790d.js";import{v as e}from"./p-f6b44820.js";import{f as i,a as b}from"./p-2737eaf5.js";const c=class{constructor(r){t(this,r),this.postChange=a(this,"postChange",7),this.isLoaded=!1,this.activePanel=void 0}get tabs(){return this.host.querySelectorAll("post-tab-header")}componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs();const t=this.activePanel||this.tabs.item(0).panel;this.show(t),this.isLoaded=!0}async show(t){var a;if(t===(null===(a=this.activeTab)||void 0===a?void 0:a.panel))return;const r=this.activeTab,s=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(s),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!r||this.showing||this.hiding||this.hidePanel(r.panel),this.hiding&&await this.hiding.finished,this.showSelectedPanel(),this.showing&&await this.showing.finished,this.isLoaded&&this.postChange.emit(this.activeTab.panel)}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{"tabs"!==t.getAttribute("slot")&&t.setAttribute("slot","tabs")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{var a;if(await(a=t,"function"==typeof a.componentOnReady?a.componentOnReady():new Promise((t=>{return r=()=>{t(a)},"function"==typeof requestAnimationFrame?requestAnimationFrame(r):setTimeout(r);var r}))),t.getAttribute("aria-controls"))return;const r=this.getPanel(t.panel);t.setAttribute("aria-controls",r.id),r.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(a=>{"ArrowRight"!==a.key&&"ArrowLeft"!==a.key||this.navigateTabs(t,a.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs.item(0).panel))}activateTab(t){this.activeTab&&(this.activeTab.setAttribute("aria-selected","false"),this.activeTab.setAttribute("tabindex","-1"),this.activeTab.classList.remove("active")),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),t.classList.add("active"),this.activeTab=t}hidePanel(t){const a=this.getPanel(t);a&&(this.hiding=i(a),this.hiding.onfinish=()=>{a.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=b(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,a){const r=Array.from(this.tabs).indexOf(t);let s;s="ArrowRight"===a?this.tabs[r+1]||this.tabs[0]:this.tabs[r-1]||this.tabs[this.tabs.length-1],s&&s.focus()}render(){return r(s,{key:"2a7fe6d86dc18dcebaa25b5466ffc88de96114e6","data-version":e},r("div",{key:"71940a2be5c36f591f0948c7f8dedbb26e98736d",class:"tabs-wrapper",part:"tabs"},r("div",{key:"bd9fa6ba6e2bd037a0a09365d4906b7288f929c6",class:"tabs",role:"tablist"},r("slot",{key:"72a369206b0f81e88ff9741a69e6b58ba3239f5e",name:"tabs",onSlotchange:()=>this.enableTabs()}))),r("div",{key:"9c544b7bae6dc2abb3e297015216c88872a78b8e",class:"tab-content",part:"content"},r("slot",{key:"2f2e274ecb2bbe19c8f016b8d7a1f7a7038d6646",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return o(this)}};c.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(var(--post-contrast-color-rgb), 0.02)}.tabs-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:"";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-white .tabs-wrapper{background-color:#fff}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-black .tabs-wrapper{background-color:#000}.bg-primary .tabs-wrapper{background-color:#333}.bg-secondary .tabs-wrapper{background-color:#666}.bg-success .tabs-wrapper{background-color:#2c871d}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-error .tabs-wrapper{background-color:#a51728}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}.bg-error-background .tabs-wrapper{background-color:#ffdade}:host{display:block}';export{c as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as i}from"./p-3eab790d.js";import{v as s}from"./p-
|
|
1
|
+
import{r as t,h as e,H as o,g as i}from"./p-3eab790d.js";import{v as s}from"./p-f6b44820.js";import{b as r}from"./p-0338f9da.js";const c=class{constructor(e){t(this,e),this.url=void 0}validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(t){this.validUrl=void 0}}constructUrl(t){const e=/^https?:\/\//.test(String(this.url));if("string"==typeof t){const o=e?t:`${window.location.origin}${t}`;return r(o,'The "url" property of the post-breadcrumb-item is invalid'),o}}connectedCallback(){this.validateUrl()}render(){return e(o,{key:"186e843c0679eebaa10e3c4b100460be4759e1c7","data-version":s},e(this.validUrl?"a":"span",Object.assign({key:"3fd5173cd3b9222a9541781e78d760988e854886",class:"breadcrumb-item"},this.validUrl?{href:this.validUrl}:{}),e("post-icon",{key:"7df175644667e7f26582ea74ae27fdaf873f6f9d",name:"2111",class:"breadcrumb-item-icon"}),e("slot",{key:"d59da7c93a49374440d5e84e904515466fc86eac"})))}get host(){return i(this)}static get watchers(){return{url:["validateUrl"]}}};c.style=":host{display:inline-block}:host{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}:host: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){:host:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host: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){:host:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--post-device-spacing-padding-block-7);gap:var(--post-device-spacing-gap-inline-5);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item post-icon{height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";export{c as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as n,g as o,c as i}from"./p-3eab790d.js";import{v as a}from"./p-f6b44820.js";import{c as r,d as s,b as l}from"./p-0338f9da.js";import{c}from"./p-b095519d.js";import{c as d}from"./p-4a3f67ab.js";const f=class{constructor(e){t(this,e)}render(){return e(n,{key:"b7e24245bf8319049c57737d754f566abf70b2ff","data-version":a},e("button",{key:"ab26b009632b4050d45eafc4dcab0e8ede55f943",class:"btn btn-icon-close"},e("post-icon",{key:"fa8da29f6f0795c3f0128c008e2fd8caee272fe5","aria-hidden":"true",name:"2043"}),e("span",{key:"f55941d6449a08911a2432213cf2f4c2b3f961aa",class:"visually-hidden"},e("slot",{key:"172454f7bbb2fa54f245137c49d4bde0527a1308"}))))}get host(){return o(this)}},p=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"],h=class{constructor(e){t(this,e),this.animation=null,this.base=null,this.flipH=!1,this.flipV=!1,this.name=void 0,this.rotate=null,this.scale=null}validateAnimation(t=this.animation){void 0!==t&&r(t,p,`The post-icon "animation" prop requires one of the following values: ${p.join(", ")}.`)}validateBase(t=this.base){s(t,"string",'The post-icon "base" prop should be a string.')}validateFlipH(t=this.flipH){s(t,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(t=this.flipV){s(t,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(t=this.name){c(t,'The post-icon "name" prop is required!.'),d(t,"string",'The post-icon "name" prop should be a string.')}validateRotate(t=this.rotate){s(t,"number",'The post-icon "rotate" prop should be a number.')}validateScale(t=this.scale){s(t,"number",'The post-icon "scale" prop should be a number.')}getPath(){var t,e,n,o,i,a;const r=null!==(e=null===(t=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]'))||void 0===t?void 0:t.getAttribute("data-post-icon-base"))&&void 0!==e?e:null,s=null===(n=document.getElementsByTagName("base")[0])||void 0===n?void 0:n.href,l=`${null!==(a=null!==(i=null!==(o=this.base)&&void 0!==o?o:r)&&void 0!==i?i:s)&&void 0!==a?a:"https://unpkg.com/@swisspost/design-system-icons/public/post-icons"}/`.replace(/\/\/$/,"/");return new URL(`${l}${this.name}.svg#i-${this.name}`,window.location.origin).toString()}getStyles(){return Object.entries({transform:(this.scale&&!isNaN(Number(this.scale))?"scale("+this.scale+")":"")+(this.rotate&&!isNaN(Number(this.rotate))?" rotate("+this.rotate+"deg)":"")}).filter((([t,e])=>null!==e)).reduce(((t,[e,n])=>Object.assign(t,{[e]:n})),{})}componentDidLoad(){this.validateBase(),this.validateName(),this.validateFlipH(),this.validateFlipV(),this.validateScale(),this.validateRotate(),this.validateAnimation()}render(){return e(n,{key:"34a48ba95a05ab98ccbd7d5c59423f8f261c2a77","data-version":a},e("svg",{key:"34a70353c83fba4b8606ee4516cda7982c042ea2",style:this.getStyles()},e("use",{key:"3241328a9e9b1f7929d79fff89725d98e5e162a0",href:this.getPath()})))}get host(){return o(this)}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};h.style=":host{container-name:post-icon;container-type:inline-size;display:inline-block;width:1em;height:1em;vertical-align:-0.15em}svg{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color}@container post-icon (max-width: 23.98px){svg{--pis-16: block}}@container post-icon (min-width: 24px) and (max-width: 31.98px){svg{--pis-24: block}}@container post-icon (min-width: 32px) and (max-width: 39.98px){svg{--pis-32: block}}@container post-icon (min-width: 40px) and (max-width: 47.98px){svg{--pis-40: block}}@container post-icon (min-width: 48px) and (max-width: 63.98px){svg{--pis-48: block}}@container post-icon (min-width: 64px){svg{--pis-64: block}}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";const u=class{constructor(e){t(this,e),this.url=void 0}validateUrl(){l(this.url,'The "url" property of the post-logo is invalid')}componentDidLoad(){this.validateUrl(),this.checkDescription()}checkDescription(){this.host.textContent||console.warn("Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.")}render(){const t=this.url&&("string"==typeof this.url?this.url:this.url.href);return e(n,{key:"d3dd408c30b4e22712b9a293906c7334e7d1852b","data-version":a,slot:"post-logo"},e(t?"a":"span",Object.assign({key:"4eb08a4d1b4a0ec2557b63678225a16d287c692c",class:"logo"},t?{href:t}:{}),e("span",{key:"ab3b1a8da4a7b87aa0a020d47586a7018619e9c3",class:"description"},e("slot",{key:"a9c39b1f2f54fd4ceb79a82ab30571c161a29adb",onSlotchange:()=>this.checkDescription()})),e("svg",{key:"af4c3fbdb2a72e0b8518a6c16cefdb795f41244c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},e("g",{key:"05e25c1522dd4edfc676b04cf9092ed519d95381",id:"Logo"},e("rect",{key:"12e1b7878e990e110c8ae83ef742bb6fa4c48a2f",fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),e("polygon",{key:"0e1120c70769c4a23b3711c1157e6f1742e3a75b",fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),e("path",{key:"ccc271be1919898fc6eed78bf2e012e71dd96c48",d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return o(this)}static get watchers(){return{url:["validateUrl"]}}};u.style=":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";const b=Math.min,m=Math.max,g=Math.round,v=Math.floor,y=t=>({x:t,y:t}),w={left:"right",right:"left",bottom:"top",top:"bottom"},x={start:"end",end:"start"};function k(t,e,n){return m(t,b(e,n))}function T(t,e){return"function"==typeof t?t(e):t}function S(t){return t.split("-")[0]}function M(t){return t.split("-")[1]}function E(t){return"x"===t?"y":"x"}function A(t){return"y"===t?"height":"width"}function L(t){return["top","bottom"].includes(S(t))?"y":"x"}function D(t){return E(L(t))}function H(t){return t.replace(/start|end/g,(t=>x[t]))}function z(t){return t.replace(/left|right|bottom|top/g,(t=>w[t]))}function O(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function C(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function j(t,e,n){let{reference:o,floating:i}=t;const a=L(e),r=D(e),s=A(r),l=S(e),c="y"===a,d=o.x+o.width/2-i.width/2,f=o.y+o.height/2-i.height/2,p=o[s]/2-i[s]/2;let h;switch(l){case"top":h={x:d,y:o.y-i.height};break;case"bottom":h={x:d,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:f};break;case"left":h={x:o.x-i.width,y:f};break;default:h={x:o.x,y:o.y}}switch(M(e)){case"start":h[r]-=p*(n&&c?-1:1);break;case"end":h[r]+=p*(n&&c?-1:1)}return h}async function R(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:a,rects:r,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:f="floating",altBoundary:p=!1,padding:h=0}=T(e,t),u=O(h),b=s[p?"floating"===f?"reference":"floating":f],m=C(await a.getClippingRect({element:null==(n=await(null==a.isElement?void 0:a.isElement(b)))||n?b:b.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:l})),g="floating"===f?{...r.floating,x:o,y:i}:r.reference,v=await(null==a.getOffsetParent?void 0:a.getOffsetParent(s.floating)),y=await(null==a.isElement?void 0:a.isElement(v))&&await(null==a.getScale?void 0:a.getScale(v))||{x:1,y:1},w=C(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:v,strategy:l}):g);return{top:(m.top-w.top+u.top)/y.y,bottom:(w.bottom-m.bottom+u.bottom)/y.y,left:(m.left-w.left+u.left)/y.x,right:(w.right-m.right+u.right)/y.x}}function P(t){const e=b(...t.map((t=>t.left))),n=b(...t.map((t=>t.top)));return{x:e,y:n,width:m(...t.map((t=>t.right)))-e,height:m(...t.map((t=>t.bottom)))-n}}function F(t){return $(t)?(t.nodeName||"").toLowerCase():"#document"}function B(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function W(t){var e;return null==(e=($(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function $(t){return t instanceof Node||t instanceof B(t).Node}function N(t){return t instanceof Element||t instanceof B(t).Element}function q(t){return t instanceof HTMLElement||t instanceof B(t).HTMLElement}function I(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof B(t).ShadowRoot)}function V(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=J(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function Y(t){return["table","td","th"].includes(F(t))}function G(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function U(t){const e=X(),n=N(t)?J(t):t;return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function X(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function _(t){return["html","body","#document"].includes(F(t))}function J(t){return B(t).getComputedStyle(t)}function K(t){return N(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Q(t){if("html"===F(t))return t;const e=t.assignedSlot||t.parentNode||I(t)&&t.host||W(t);return I(e)?e.host:e}function Z(t){const e=Q(t);return _(e)?t.ownerDocument?t.ownerDocument.body:t.body:q(e)&&V(e)?e:Z(e)}function tt(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=Z(t),a=i===(null==(o=t.ownerDocument)?void 0:o.body),r=B(i);return a?e.concat(r,r.visualViewport||[],V(i)?i:[],r.frameElement&&n?tt(r.frameElement):[]):e.concat(i,tt(i,[],n))}function et(t){const e=J(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=q(t),a=i?t.offsetWidth:n,r=i?t.offsetHeight:o,s=g(n)!==a||g(o)!==r;return s&&(n=a,o=r),{width:n,height:o,$:s}}function nt(t){return N(t)?t:t.contextElement}function ot(t){const e=nt(t);if(!q(e))return y(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:a}=et(e);let r=(a?g(n.width):n.width)/o,s=(a?g(n.height):n.height)/i;return r&&Number.isFinite(r)||(r=1),s&&Number.isFinite(s)||(s=1),{x:r,y:s}}const it=y(0);function at(t){const e=B(t);return X()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:it}function rt(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect(),a=nt(t);let r=y(1);e&&(o?N(o)&&(r=ot(o)):r=ot(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==B(t))&&e}(a,n,o)?at(a):y(0);let l=(i.left+s.x)/r.x,c=(i.top+s.y)/r.y,d=i.width/r.x,f=i.height/r.y;if(a){const t=B(a),e=o&&N(o)?B(o):o;let n=t,i=n.frameElement;for(;i&&o&&e!==n;){const t=ot(i),e=i.getBoundingClientRect(),o=J(i),a=e.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,r=e.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,f*=t.y,l+=a,c+=r,n=B(i),i=n.frameElement}}return C({width:d,height:f,x:l,y:c})}function st(t){return rt(W(t)).left+K(t).scrollLeft}function lt(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=B(t),o=W(t),i=n.visualViewport;let a=o.clientWidth,r=o.clientHeight,s=0,l=0;if(i){a=i.width,r=i.height;const t=X();(!t||t&&"fixed"===e)&&(s=i.offsetLeft,l=i.offsetTop)}return{width:a,height:r,x:s,y:l}}(t,n);else if("document"===e)o=function(t){const e=W(t),n=K(t),o=t.ownerDocument.body,i=m(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),a=m(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let r=-n.scrollLeft+st(t);const s=-n.scrollTop;return"rtl"===J(o).direction&&(r+=m(e.clientWidth,o.clientWidth)-i),{width:i,height:a,x:r,y:s}}(W(t));else if(N(e))o=function(t,e){const n=rt(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,a=q(t)?ot(t):y(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:i*a.x,y:o*a.y}}(e,n);else{const n=at(t);o={...e,x:e.x-n.x,y:e.y-n.y}}return C(o)}function ct(t,e){const n=Q(t);return!(n===e||!N(n)||_(n))&&("fixed"===J(n).position||ct(n,e))}function dt(t,e,n){const o=q(e),i=W(e),a="fixed"===n,r=rt(t,!0,a,e);let s={scrollLeft:0,scrollTop:0};const l=y(0);if(o||!o&&!a)if(("body"!==F(e)||V(i))&&(s=K(e)),o){const t=rt(e,!0,a,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=st(i));return{x:r.left+s.scrollLeft-l.x,y:r.top+s.scrollTop-l.y,width:r.width,height:r.height}}function ft(t){return"static"===J(t).position}function pt(t,e){return q(t)&&"fixed"!==J(t).position?e?e(t):t.offsetParent:null}function ht(t,e){const n=B(t);if(G(t))return n;if(!q(t)){let e=Q(t);for(;e&&!_(e);){if(N(e)&&!ft(e))return e;e=Q(e)}return n}let o=pt(t,e);for(;o&&Y(o)&&ft(o);)o=pt(o,e);return o&&_(o)&&ft(o)&&!U(o)?n:o||function(t){let e=Q(t);for(;q(e)&&!_(e);){if(U(e))return e;if(G(e))return null;e=Q(e)}return null}(t)||n}const ut={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const a="fixed"===i,r=W(o),s=!!e&&G(e.floating);if(o===r||s&&a)return n;let l={scrollLeft:0,scrollTop:0},c=y(1);const d=y(0),f=q(o);if((f||!f&&!a)&&(("body"!==F(o)||V(r))&&(l=K(o)),q(o))){const t=rt(o);c=ot(o),d.x=t.x+o.clientLeft,d.y=t.y+o.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+d.x,y:n.y*c.y-l.scrollTop*c.y+d.y}},getDocumentElement:W,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const a=[..."clippingAncestors"===n?G(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter((t=>N(t)&&"body"!==F(t))),i=null;const a="fixed"===J(t).position;let r=a?Q(t):t;for(;N(r)&&!_(r);){const e=J(r),n=U(r);n||"fixed"!==e.position||(i=null),(a?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||V(r)&&!n&&ct(t,r))?o=o.filter((t=>t!==r)):i=e,r=Q(r)}return e.set(t,o),o}(e,this._c):[].concat(n),o],r=a.reduce(((t,n)=>{const o=lt(e,n,i);return t.top=m(o.top,t.top),t.right=b(o.right,t.right),t.bottom=b(o.bottom,t.bottom),t.left=m(o.left,t.left),t}),lt(e,a[0],i));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:ht,getElementRects:async function(t){const e=this.getOffsetParent||ht,n=this.getDimensions,o=await n(t.floating);return{reference:dt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=et(t);return{width:e,height:n}},getScale:ot,isElement:N,isRTL:function(t){return"rtl"===J(t).direction}};const bt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:a,placement:r,middlewareData:s}=e,l=await async function(t,e){const{placement:n,platform:o,elements:i}=t,a=await(null==o.isRTL?void 0:o.isRTL(i.floating)),r=S(n),s=M(n),l="y"===L(n),c=["left","top"].includes(r)?-1:1,d=a&&l?-1:1,f=T(e,t);let{mainAxis:p,crossAxis:h,alignmentAxis:u}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof u&&(h="end"===s?-1*u:u),l?{x:h*d,y:p*c}:{x:p*c,y:h*d}}(e,t);return r===(null==(n=s.offset)?void 0:n.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:r}}}}},mt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:a=!0,crossAxis:r=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=T(t,e),c={x:n,y:o},d=await R(e,l),f=L(S(i)),p=E(f);let h=c[p],u=c[f];a&&(h=k(h+d["y"===p?"top":"left"],h,h-d["y"===p?"bottom":"right"])),r&&(u=k(u+d["y"===f?"top":"left"],u,u-d["y"===f?"bottom":"right"]));const b=s.fn({...e,[p]:h,[f]:u});return{...b,data:{x:b.x-n,y:b.y-o}}}}},gt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:a,rects:r,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:f=!0,fallbackPlacements:p,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:b=!0,...m}=T(t,e);if(null!=(n=a.arrow)&&n.alignmentOffset)return{};const g=S(i),v=S(s)===s,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),w=p||(v||!b?[z(s)]:function(t){const e=z(t);return[H(t),e,H(e)]}(s));p||"none"===u||w.push(...function(t,e,n,o){const i=M(t);let a=function(t,e,n){const o=["left","right"],i=["right","left"],a=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?a:r;default:return[]}}(S(t),"start"===n,o);return i&&(a=a.map((t=>t+"-"+i)),e&&(a=a.concat(a.map(H)))),a}(s,b,u,y));const x=[s,...w],k=await R(e,m),E=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(d&&E.push(k[g]),f){const t=function(t,e,n){void 0===n&&(n=!1);const o=M(t),i=D(t),a=A(i);let r="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[a]>e.floating[a]&&(r=z(r)),[r,z(r)]}(i,r,y);E.push(k[t[0]],k[t[1]])}if(L=[...L,{placement:i,overflows:E}],!E.every((t=>t<=0))){var O,C;const t=((null==(O=a.flip)?void 0:O.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(h){case"bestFit":{var j;const t=null==(j=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:j[0];t&&(n=t);break}case"initialPlacement":n=s}if(i!==n)return{reset:{placement:n}}}return{}}}},vt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:i,elements:a}=e,{apply:r=(()=>{}),...s}=T(t,e),l=await R(e,s),c=S(n),d=M(n),f="y"===L(n),{width:p,height:h}=o.floating;let u,g;"top"===c||"bottom"===c?(u=c,g=d===(await(null==i.isRTL?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(g=c,u="end"===d?"top":"bottom");const v=h-l[u],y=p-l[g],w=!e.middlewareData.shift;let x=v,k=y;if(f){const t=p-l.left-l.right;k=d||w?b(y,t):t}else{const t=h-l.top-l.bottom;x=d||w?b(v,t):t}if(w&&!d){const t=m(l.left,0),e=m(l.right,0),n=m(l.top,0),o=m(l.bottom,0);f?k=p-2*(0!==t||0!==e?t+e:m(l.left,l.right)):x=h-2*(0!==n||0!==o?n+o:m(l.top,l.bottom))}await r({...e,availableWidth:k,availableHeight:x});const E=await i.getDimensions(a.floating);return p!==E.width||h!==E.height?{reset:{rects:!0}}:{}}}},yt=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:i,rects:a,middlewareData:r}=e,{offset:s=0,mainAxis:l=!0,crossAxis:c=!0}=T(t,e),d={x:n,y:o},f=L(i),p=E(f);let h=d[p],u=d[f];const b=T(s,e),m="number"==typeof b?{mainAxis:b,crossAxis:0}:{mainAxis:0,crossAxis:0,...b};if(l){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+m.mainAxis,n=a.reference[p]+a.reference[t]-m.mainAxis;h<e?h=e:h>n&&(h=n)}if(c){var g,v;const t="y"===p?"width":"height",e=["top","left"].includes(S(i)),n=a.reference[f]-a.floating[t]+(e&&(null==(g=r.offset)?void 0:g[f])||0)+(e?0:m.crossAxis),o=a.reference[f]+a.reference[t]+(e?0:(null==(v=r.offset)?void 0:v[f])||0)-(e?m.crossAxis:0);u<n?u=n:u>o&&(u=o)}return{[p]:h,[f]:u}}}};(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:n="",...o}={}){super(t,o),this.oldState=String(e||""),this.newState=String(n||"")}},e=new WeakMap;function n(n,o,i){e.set(n,setTimeout((()=>{e.has(n)&&n.dispatchEvent(new t("toggle",{cancelable:!1,oldState:o,newState:i}))}),0))}var o=globalThis.ShadowRoot||function(){},i=globalThis.HTMLDialogElement||function(){},a=new WeakMap,r=new WeakMap,s=new WeakMap;function l(t){return s.get(t)||"hidden"}var c=new WeakMap;function d(t,e){return!("auto"!==t.popover&&"manual"!==t.popover||!t.isConnected||e&&"showing"!==l(t)||!e&&"hidden"!==l(t)||t instanceof i&&t.hasAttribute("open")||document.fullscreenElement===t)}function f(t){return t?Array.from(r.get(t.ownerDocument)||[]).indexOf(t)+1:0}function p(t){let e=r.get(t);for(let t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function h(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?h(t.parentNode):t}function u(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===s.get(t))return t;if((t=t.parentElement||h(t))instanceof o&&(t=t.host),t instanceof Document)return}}function b(t){return!(t.hidden||t instanceof o||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&"hidden"===t.type||t instanceof HTMLAnchorElement&&""===t.href)&&"number"==typeof t.tabIndex&&-1!==t.tabIndex}var m=new WeakMap;function g(e){if(!d(e,!1))return;let o=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!d(e,!1))return;let i=!1;if("auto"===e.popover){let t=e.getAttribute("popover"),n=function(t){let e=new Map,n=0,o=t.ownerDocument;for(let t of r.get(o)||[])e.set(t,n),n+=1;e.set(t,n),n+=1;let i=null;return function(t){let n=u(t);if(null===n)return null;let o=e.get(n);(null===i||e.get(i)<o)&&(i=n)}(t?.parentElement),i}(e)||o;if(w(n,!1,!0),t!==e.getAttribute("popover")||!d(e,!1))return}p(o)||(i=!0),m.delete(e);let l=o.activeElement;e.classList.add(":popover-open"),s.set(e,"showing"),a.has(o)||a.set(o,new Set),a.get(o).add(e),function(t){(function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let n=e.querySelector("[autofocus]");if(n)return n;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(n=e.querySelector("[autofocus]"),n)return n}}}let o=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),i=o.currentNode;for(;i;){if(b(i))return i;i=o.nextNode()}})(t)?.focus()}(e),"auto"===e.popover&&(r.has(o)||r.set(o,new Set),r.get(o).add(e),S(c.get(e),!0)),i&&l&&"auto"===e.popover&&m.set(e,l),n(e,"closed","open")}function v(e,o=!1,i=!1){if(!d(e,!0))return;let l=e.ownerDocument;if("auto"===e.popover&&(w(e,o,i),!d(e,!0))||(S(c.get(e),!1),c.delete(e),i&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!d(e,!0))))return;a.get(l)?.delete(e),r.get(l)?.delete(e),e.classList.remove(":popover-open"),s.set(e,"hidden"),i&&n(e,"open","closed");let f=m.get(e);f&&(m.delete(e),o&&f.focus())}function y(t,e=!1,n=!1){let o=p(t);for(;o;)v(o,e,n),o=p(t)}function w(t,e,n){let o=t.ownerDocument||t;if(t instanceof Document)return y(o,e,n);let i=null,a=!1;for(let e of r.get(o)||[])if(e===t)a=!0;else if(a){i=e;break}if(!a)return y(o,e,n);for(;i&&"showing"===l(i)&&r.get(o)?.size;)v(i,e,n)}var x=new WeakMap;function k(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let n=e.ownerDocument;if(!p(n))return;let i=function(t){let e=u(t),n=function(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||h(t))instanceof o&&(t=t.host),t instanceof Document)return}}(t);return f(e)>f(n)?e:n}(e);if(i&&"pointerdown"===t.type)x.set(n,i);else if("pointerup"===t.type){let t=x.get(n)===i;x.delete(n),t&&w(i||n,!1,!0)}}var T=new WeakMap;function S(t,e=!1){if(!t)return;T.has(t)||T.set(t,t.getAttribute("aria-expanded"));let n=t.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)t.setAttribute("aria-expanded",String(e));else{let e=T.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var M=globalThis.ShadowRoot||function(){};function E(t,e,n){let o=t[e];Object.defineProperty(t,e,{value(t){return o.call(this,n(t))}})}var A=/(^|[^\\]):popover-open\b/g,L="\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n",D=null;function H(t){if(null===D)try{(D=new CSSStyleSheet).replaceSync(L)}catch{D=!1}if(!1===D){let e=document.createElement("style");e.textContent=L,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[D,...t.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){function e(t){return t?.includes(":popover-open")&&(t=t.replace(A,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||t,E(Document.prototype,"querySelector",e),E(Document.prototype,"querySelectorAll",e),E(Element.prototype,"querySelector",e),E(Element.prototype,"querySelectorAll",e),E(Element.prototype,"matches",e),E(Element.prototype,"closest",e),E(DocumentFragment.prototype,"querySelectorAll",e),E(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){g(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){v(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===s.get(this)&&void 0===t||!1===t?v(this,!0,!0):(void 0===t||!0===t)&&g(this)}}});let n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=n.call(this,t);return H(e),e}}});let o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=o.call(this);return t.shadowRoot&&H(t.shadowRoot),t}}});let i=new WeakMap;function a(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),i.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),i.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;let t=i.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return i.delete(this),null;let e=h(this),n=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof M)&&n&&e.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}a(HTMLButtonElement),a(HTMLInputElement);var r;(r=document).addEventListener("click",(t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let n=h(e);if(!(n instanceof M||n instanceof Document))return;let o=e.closest("[popovertargetaction],[popovertarget]");return o?(function(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let n=l(e);"show"===t.popoverTargetAction&&"showing"===n||"hide"===t.popoverTargetAction&&"hidden"===n||("showing"===n?v(e,!0,!0):d(e,!1)&&(c.set(e,t),g(e)))}(o),void t.preventDefault()):void 0})),r.addEventListener("keydown",(t=>{let e=t.key,n=t.target;!t.defaultPrevented&&n&&("Escape"===e||"Esc"===e)&&w(n.ownerDocument,!0,!0)})),r.addEventListener("pointerdown",k),r.addEventListener("pointerup",k),H(document)}()})();const wt={top:"bottom",right:"left",bottom:"top",left:"right"},xt=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7),this.placement="top",this.edgeGap=8,this.arrow=!1}componentDidLoad(){this.host.setAttribute("popover",""),this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate()}async show(t){this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId||(this.eventTarget=null,this.host.hidePopover())}async toggle(t,e){return this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open")}handleToggle(t){this.toggleTimeoutId=window.setTimeout((()=>this.toggleTimeoutId=null),10);const e="open"===t.newState;e?this.startAutoupdates():"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.postToggle.emit(e)}startAutoupdates(){this.clearAutoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:l=!1}=o,c=nt(t),d=i||a?[...c?tt(c):[],...tt(e)]:[];d.forEach((t=>{i&&t.addEventListener("scroll",n,{passive:!0}),a&&t.addEventListener("resize",n)}));const f=c&&s?function(t,e){let n,o=null;const i=W(t);function a(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function r(s,l){void 0===s&&(s=!1),void 0===l&&(l=1),a();const{left:c,top:d,width:f,height:p}=t.getBoundingClientRect();if(s||e(),!f||!p)return;const h={rootMargin:-v(d)+"px "+-v(i.clientWidth-(c+f))+"px "+-v(i.clientHeight-(d+p))+"px "+-v(c)+"px",threshold:m(0,b(1,l))||1};let u=!0;function g(t){const e=t[0].intersectionRatio;if(e!==l){if(!u)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}u=!1}try{o=new IntersectionObserver(g,{...h,root:i.ownerDocument})}catch(t){o=new IntersectionObserver(g,h)}o.observe(t)}(!0),a}(c,n):null;let p,h=-1,u=null;r&&(u=new ResizeObserver((t=>{let[o]=t;o&&o.target===c&&u&&(u.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{var t;null==(t=u)||t.observe(e)}))),n()})),c&&!l&&u.observe(c),u.observe(e));let g=l?rt(t):null;return l&&function e(){const o=rt(t);!g||o.x===g.x&&o.y===g.y&&o.width===g.width&&o.height===g.height||n(),g=o,p=requestAnimationFrame(e)}(),n(),()=>{var t;d.forEach((t=>{i&&t.removeEventListener("scroll",n),a&&t.removeEventListener("resize",n)})),null==f||f(),null==(t=u)||t.disconnect(),u=null,l&&cancelAnimationFrame(p)}}(this.eventTarget,this.host,this.calculatePosition.bind(this))}async calculatePosition(){const t=this.edgeGap,e=[gt(),(void 0===n&&(n={}),{name:"inline",options:n,async fn(t){const{placement:e,elements:o,rects:i,platform:a,strategy:r}=t,{padding:s=2,x:l,y:c}=T(n,t),d=Array.from(await(null==a.getClientRects?void 0:a.getClientRects(o.reference))||[]),f=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),n=[];let o=null;for(let t=0;t<e.length;t++){const i=e[t];!o||i.y-o.y>o.height/2?n.push([i]):n[n.length-1].push(i),o=i}return n.map((t=>C(P(t))))}(d),p=C(P(d)),h=O(s),u=await a.getElementRects({reference:{getBoundingClientRect:function(){if(2===f.length&&f[0].left>f[1].right&&null!=l&&null!=c)return f.find((t=>l>t.left-h.left&&l<t.right+h.right&&c>t.top-h.top&&c<t.bottom+h.bottom))||p;if(f.length>=2){if("y"===L(e)){const t=f[0],n=f[f.length-1],o="top"===S(e),i=t.top,a=n.bottom,r=o?t.left:n.left,s=o?t.right:n.right;return{top:i,bottom:a,left:r,right:s,width:s-r,height:a-i,x:r,y:i}}const t="left"===S(e),n=m(...f.map((t=>t.right))),o=b(...f.map((t=>t.left))),i=f.filter((e=>t?e.left===o:e.right===n)),a=i[0].top,r=i[i.length-1].bottom;return{top:a,bottom:r,left:o,right:n,width:n-o,height:r-a,x:o,y:a}}return p}},floating:o.floating,strategy:r});return i.reference.x!==u.reference.x||i.reference.y!==u.reference.y||i.reference.width!==u.reference.width||i.reference.height!==u.reference.height?{reset:{rects:u}}:{}}}),mt({padding:t,limiter:yt({offset:32})}),vt({apply({availableWidth:e,elements:n}){Object.assign(n.floating.style,{maxWidth:e-2*t+"px"})}}),bt(this.arrow?t+4:t)];var n;this.arrow&&e.push((t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:a,platform:r,elements:s,middlewareData:l}=e,{element:c,padding:d=0}=T(t,e)||{};if(null==c)return{};const f=O(d),p={x:n,y:o},h=D(i),u=A(h),m=await r.getDimensions(c),g="y"===h,v=g?"top":"left",y=g?"bottom":"right",w=g?"clientHeight":"clientWidth",x=a.reference[u]+a.reference[h]-p[h]-a.floating[u],S=p[h]-a.reference[h],E=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let L=E?E[w]:0;L&&await(null==r.isElement?void 0:r.isElement(E))||(L=s.floating[w]||a.floating[u]);const H=x/2-S/2,z=L/2-m[u]/2-1,C=b(f[v],z),j=b(f[y],z),R=C,P=L-m[u]-j,F=L/2-m[u]/2+H,B=k(R,F,P),W=!l.arrow&&null!=M(i)&&F!==B&&a.reference[u]/2-(F<R?C:j)-m[u]/2<0,$=W?F<R?F-R:F-P:0;return{[h]:p[h]+$,data:{[h]:B,centerOffset:F-B-$,...W&&{alignmentOffset:$}},reset:W}}}))({element:this.arrowRef,padding:t}));const{x:o,y:i,middlewareData:a,placement:r}=await((t,e,n)=>{const o=new Map,i={platform:ut,...n},a={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:r}=n,s=a.filter(Boolean),l=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:f}=j(c,o,l),p=o,h={},u=0;for(let n=0;n<s.length;n++){const{name:a,fn:b}=s[n],{x:m,y:g,data:v,reset:y}=await b({x:d,y:f,initialPlacement:o,placement:p,strategy:i,middlewareData:h,rects:c,platform:r,elements:{reference:t,floating:e}});d=null!=m?m:d,f=null!=g?g:f,h={...h,[a]:{...h[a],...v}},y&&u<=50&&(u++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(c=!0===y.rects?await r.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:d,y:f}=j(c,p,l))),n=-1)}return{x:d,y:f,placement:p,strategy:i,middlewareData:h}})(t,e,{...i,platform:a})})(this.eventTarget,this.host,{placement:this.placement||"top",strategy:"fixed",middleware:e});if(this.host.style.left=`${o}px`,this.host.style.top=`${i}px`,this.arrow){const t=r.split("-")[0],{x:e,y:n}=a.arrow,o=wt[t],i=2;Object.assign(this.arrowRef.style,{top:n?`${n}px`:"",left:e?`${e}px`:"",[o]:-this.arrowRef.offsetWidth/2-i+"px"}),this.arrowRef.classList.remove(...Object.values(wt)),this.arrowRef.classList.add(o)}}render(){return e(n,{key:"11e3be5293791aa58da291f2a0f17677ad0e0e63","data-version":a},this.arrow&&e("span",{key:"00d76dcd41bf267bb50290ae439c49333ade68b3",class:"arrow",ref:t=>{this.arrowRef=t}}),e("slot",{key:"7c579254fc1b76c91ddecf0952945339cf5bc7fd"}))}get host(){return o(this)}};xt.style="@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-left:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-right:2px solid rgba(0,0,0,0);border-top:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-left:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}";const kt=class{constructor(e){t(this,e),this.titleId=void 0,this.titleHidden=!1,this.horizontal=!1}componentWillLoad(){this.titleId=`list-${crypto.randomUUID()}`}componentDidLoad(){this.checkTitle()}checkTitle(){if(!this.titleEl.textContent.trim())throw new Error("Please provide a title to the list component. Title is mandatory for accessibility purposes.")}render(){return e(n,{key:"7126a864e6c4d8152c9024bd8d390514bc8c0b7a","data-version":a},e("div",{key:"c3f56a0e41146dc5dbd2c3fc165152e05953956f",ref:t=>this.titleEl=t,id:this.titleId,class:"list-title"+(this.titleHidden?" visually-hidden":"")},e("slot",{key:"3de0cd83b48ef3a3201f854842781ccba9bedf29"})),e("div",{key:"4b8a4ac0a9c89451a408cc8de814878dc8da11b7",role:"list","aria-labelledby":this.titleId},e("slot",{key:"474d87804fc39241a0f3541a82bdfbe1491a4452",name:"post-list-item"})))}get host(){return o(this)}};kt.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-list{display:flex;gap:var(--post-list-title-gap);flex-direction:column;align-items:flex-start}post-list>div[role=list]{flex-direction:column;display:flex;gap:var(--post-list-item-gap)}post-list[horizontal]:not([horizontal=false]){flex-direction:row;align-items:baseline}post-list[horizontal]:not([horizontal=false])>div[role=list]{flex-direction:row;align-items:center}post-list>.list-title.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}post-list>.list-title.visually-hidden:not(caption){position:absolute !important}";const Tt=class{constructor(e){t(this,e)}connectedCallback(){this.host.setAttribute("slot","post-list-item")}render(){return e(n,{key:"25532c40e8f02f335df6b112041cbaf6056576b6",role:"listitem"},e("slot",{key:"46ddc9e27c71040b271ab6bd59db2ac37fa4a112"}))}get host(){return o(this)}};Tt.style=":host{display:flex}";const St=class{constructor(e){t(this,e),this.scrollParent=null,this.throttledScroll=()=>this.handleScrollEvent(),this.throttledResize=function(t,e){var n,o={},i=o.noTrailing,a=void 0!==i&&i,r=o.noLeading,s=void 0!==r&&r,l=o.debounceMode,c=void 0===l?void 0:l,d=!1,f=0;function p(){n&&clearTimeout(n)}function h(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];var r=this,l=Date.now()-f;function h(){f=Date.now(),e.apply(r,o)}function u(){n=void 0}d||(s||!c||n||h(),p(),void 0===c&&l>50?s?(f=Date.now(),a||(n=setTimeout(c?u:h,50))):h():!0!==a&&(n=setTimeout(c?u:h,void 0===c?50-l:50)))}return h.cancel=function(t){var e=(t||{}).upcomingOnly,n=void 0!==e&&e;p(),d=!n},h}(0,(()=>this.handleResize())),this.device=null,this.mobileMenuExtended=!1}componentWillRender(){this.scrollParent=this.getScrollParent(this.host),this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:!0}),window.addEventListener("resize",this.throttledResize,{passive:!0}),this.handleResize(),this.handleScrollEvent()}handlePostMainNavigationClosed(){this.mobileMenuExtended=!1}handleScrollEvent(){const t=Math.max(0,this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop);this.host.style.setProperty("--header-scroll-top",`${t}px`)}getScrollParent(t){let e=t.parentElement;for(;e;){if("BODY"===e.nodeName)return document;if(this.isScrollable(e))return e;e=e.parentElement}return document}isScrollable(t){if(!(t instanceof HTMLElement||t instanceof SVGElement))return!1;const e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((t=>{const n=e.getPropertyValue(t);return"auto"===n||"scroll"===n}))}handleResize(){const t=null===window||void 0===window?void 0:window.innerWidth;t>=1024?(this.device="desktop",this.mobileMenuExtended=!1):this.device=t>=600?"tablet":"mobile"}handleMobileMenuToggle(){this.mobileMenuExtended=!this.mobileMenuExtended}render(){const t=["main-navigation"];return this.mobileMenuExtended&&t.push("extended"),e(n,{key:"85b0f7c1d14b96947497cc6d1cdf059430eb9ab6",version:a},e("div",{key:"740ed42365e2e71215d4b8174cf98d8f8385fe9a",class:"global-header"},e("div",{key:"0a0b0a3bdb527c6988992e23a3401f9c51b02d51",class:"global-sub"},e("div",{key:"983bc0dacdc9f7f96a8aefdd3e17f31d0fbe1ef8",class:"logo"},e("slot",{key:"e9b97b26cfdbe836147493c50a98986791d8ce85",name:"post-logo"})),"desktop"===this.device&&e("slot",{key:"8a6d9c3c9d3f72de6d9ef0dbd2ecde3fd4982de6",name:"audience-navigation"})),e("div",{key:"a85add260edc38024612e7bc1f2e7d19a2b11fdf",class:"global-sub"},"desktop"===this.device&&e("slot",{key:"ffac0efc9078819711471067b6a85feaa807c9c9",name:"meta-navigation"}),e("slot",{key:"c8270ebb6c57bbba4db4e2799e69e33ea0a2c094",name:"global-controls"}),"desktop"===this.device&&e("slot",{key:"ac209cb8acd66dcaeb300c17994f0bae201cc0f8",name:"post-language-switch"}),e("div",{key:"210a5220eb97155138422a032a850d13992ac9a2",onClick:()=>this.handleMobileMenuToggle(),class:"mobile-toggle"},e("slot",{key:"42fb06418bc617252c80bab4ae64c64a74265723",name:"post-togglebutton"})))),e("div",{key:"62e1859020d65a54b86d53882a4452f6005589e9",class:"title-header d-flex space-between align-center"},e("slot",{key:"b285ac31f54fb3011813aab9f7c8ae1e9d64e8c2",name:"title"}),e("div",{key:"b529d4b6d01bc39c9344bd2ed15f698d0637fe35",class:"global-sub"},e("slot",{key:"da20b42e70bd715c89ef4e6c7419f115bb1bfb45",name:"local-controls"}),e("slot",{key:"d27c3b97b6597df51811913c74ae2ec157939563"}))),e("div",{key:"7d80d02dd4794598828d6c05779714d874818bbe",class:t.join(" ")},("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"dc02044dec14c3b716dd20209c5fb775d75d583f",name:"audience-navigation"}),e("slot",{key:"3f5a09fb4f69bb21924db2e236d554036a559d54",name:"post-mainnavigation"}),("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"f50c0ce8631109041c25200c4e4b3f57502cf434",name:"meta-navigation"}),("mobile"===this.device||"tablet"===this.device)&&e("slot",{key:"fc87fa82fd01021eb629bacc168f2d0a537409eb",name:"post-language-switch"})))}get host(){return o(this)}};St.style="*,::before,::after{box-sizing:border-box}:host{--global-header-height:72px;--main-header-height:56px;--header-height:calc(var(--global-header-height) + var(--main-header-height))}@media screen and (max-width: 1023.99px){:host{--global-header-height:64px}}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;align-items:center;position:sticky;padding-inline-start:4px;padding-inline-end:12px;height:var(--global-header-height)}@media screen and (max-width: 1023.99px){.global-header{top:0}}@media screen and (min-width: 1024px){.global-header{top:calc((var(--global-header-height) - 24px)*-1)}}slot[name=post-logo]{align-self:flex-end}.global-sub{display:flex;align-items:center;gap:2rem;height:var(--global-header-height)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:24px;align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0;list-style:none;display:flex;padding-left:0;gap:1rem}.title-header,.main-navigation{display:flex;align-items:center;padding-inline:12px;background:#fff}.title-header{height:var(--main-header-height);display:flex;align-items:center}@media screen and (max-width: 1023.99px){.title-header{border-bottom:1px solid #000}}:host(:not(:has([slot=title]))) .title-header{display:none}::slotted(h1){margin:0 !important;font-size:28px !important}.main-navigation{position:sticky;top:24px;height:var(--main-header-height)}@media screen and (min-width: 1024px){.main-navigation{border-bottom:1px solid #000}}@media screen and (max-width: 1023.99px){.main-navigation{display:none;position:absolute;top:var(--header-height);bottom:0;width:100%;background-color:#fff;height:auto}.main-navigation.extended{display:block}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}";const Mt=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7)}handleMegadropdownToggled(t){let e,n=t.target;for(;null!==n;){if("POST-MEGADROPDOWN"===n.tagName){e=n;break}n=n.nextElementSibling}e&&e.toggle(t.target)}handleBackButtonClick(){this.postToggle.emit()}render(){return e(n,{key:"5006fede681cf581b878c84fd1a6b7fe4830cbd2",slot:"post-mainnavigation"},e("div",{key:"a2273bab074eac3f9197961b935c3ba19ecbbb21",onClick:()=>this.handleBackButtonClick(),class:"back-button"},e("slot",{key:"c42751bee76cecbb076bb227bd0ffcc634b354a2",name:"back-button"})),e("nav",{key:"89541b5efc3500a8feec250a3d10402ea4b1a3a2",class:"main-navigation"},e("slot",{key:"f5f5a030325e701aaaca13747131b1f1fa10e849"})))}};Mt.style="*,::before,::after{box-sizing:border-box}@media screen and (min-width: 1024px){slot[name=back-button],[slot=back-button]{display:none}}@media screen and (min-width: 1024px){h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}}post-mainnavigation{height:100%}:host{height:100%;display:block}.main-navigation{margin-block:0;list-style:none;display:flex;padding-left:0;gap:1rem}@media screen and (max-width: 1023.99px){.main-navigation{flex-direction:column}}.main-navigation>post-list{display:flex;align-items:stretch;gap:1rem;height:100%}@media screen and (max-width: 1023.99px){.main-navigation>post-list{flex-direction:column}}.main-navigation a,.main-navigation post-megadropdown-toggle{height:100%;display:flex;align-items:center}";const Et=class{constructor(e){t(this,e)}async show(t){return this.popoverRef.show(t)}async hide(){return this.popoverRef.hide()}async toggle(t,e){return this.popoverRef.toggle(t,null!=e?e:void 0)}handleBackButtonClick(){this.hide()}render(){return e(n,{key:"96d71da6b3cfcd8980d7e60cb383d545c754d7b3",slot:"post-mainnavigation"},e("post-popovercontainer",{key:"ec27bcdae9da77299d59d8869be60c08816eef85",placement:"bottom","edge-gap":"0",ref:t=>this.popoverRef=t},e("div",{key:"0b97d183a5fad18401aa876cf19d3975a1757d18",class:"megadropdown"},e("div",{key:"4eb9715d7cf88898dddae702f71d430f1e3810af",onClick:()=>this.handleBackButtonClick(),class:"back-button"},e("slot",{key:"a21d4b50b1d04211ecfb5d0b145452a6bbae0ae0",name:"back-button"})),e("slot",{key:"5a4dd77f0f91bf6a61ef1cf9bdd4371875a52d2e"}))))}};Et.style="*,::before,::after{box-sizing:border-box}post-popovercontainer{background-color:#fafafa;width:100%;border-bottom:1px solid #000}@media screen and (max-width: 1023.99px){post-popovercontainer{position:absolute;top:var(--header-height) !important;bottom:0;left:0;width:100%;height:auto}}.megadropdown{display:flex;gap:1rem;padding:1.5rem;border-radius:0 0 3px 3px}@media screen and (max-width: 1023.99px){.megadropdown{flex-direction:column}}.megadropdown post-list{display:flex;flex-direction:column;gap:.5rem}.megadropdown post-list-item{border-bottom:1px solid gray}.megadropdown post-list-item>a{padding-block:.25rem;display:block;text-decoration:none}.back-button{display:none}@media screen and (max-width: 1023.99px){.back-button{display:block}}post-closebutton{margin-left:auto}@media screen and (max-width: 1023.99px){post-closebutton{display:none}}h3{font-size:20px}";const At=class{constructor(e){t(this,e),this.postToggle=i(this,"postToggle",7),this.toggled=!1}handleClick(){this.toggled=!this.toggled,this.postToggle.emit()}render(){return e(n,{key:"0b3de3d7d035e7427ff55d5818ce89f3cadd3c57",slot:"post-megadropdown-trigger"},e("button",{key:"6e5ea2515fcafbf9ed4ea4f0532f85f6c044f2a5","aria-expanded":this.toggled,onClick:()=>this.handleClick()},e("slot",{key:"60daae26758894fea7576d696d9325fa61f3cc31"})))}};At.style=":host{display:inline-block}";export{f as P,h as a,u as b,xt as c,kt as d,Tt as e,St as f,Mt as g,Et as h,At as i}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_accordion}from"./p-2c3980d2.js";import"./p-3eab790d.js";import"./p-f6b44820.js";import"./p-247a1668.js";import"./p-611b3c41.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as e}from"./p-3eab790d.js";import{v as s}from"./p-
|
|
1
|
+
import{r as t,h as i,H as a,g as e}from"./p-3eab790d.js";import{v as s}from"./p-f6b44820.js";import{c as r}from"./p-b095519d.js";var o;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(o||(o={}));const n=class{constructor(i){t(this,i),this.firstname=void 0,this.lastname=void 0,this.userid=void 0,this.email=void 0,this.slottedImage=void 0,this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}validateFirstname(){r(this.firstname,"The `firstname` property of the `post-avatar` is required!")}async getAvatar(){if(null!==this.slottedImage)this.avatarType=o.Slotted;else{let t=!1;!t&&this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||this.getAvatarByInitials()}}async getImageByProp(t,i){var a;if(!t)return!1;const e=null!==(a=await this.getStorageItem(t))&&void 0!==a?a:{ok:!1,url:""};if(!e.ok)try{const t=await i();e.ok=t.ok,e.url=t.url,this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(e))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return e.ok}async fetchImageByUserId(){return await fetch(n.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await this.cryptify(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}getAvatarByInitials(){this.initials=this.getInitials(),this.avatarType=o.Initials}getNames(){return[this.firstname,this.lastname].filter((t=>t))}getInitials(){return this.getNames().map((t=>t.charAt(0))).join("").trim()}async getStorageItem(t){var i;const a=await this.cryptify(t),e=null===(i=null===window||void 0===window?void 0:window.sessionStorage)||void 0===i?void 0:i.getItem(a);return e?JSON.parse(e):null}async setStorageItem(t,i){var a;const e=await this.cryptify(t);null===(a=null===window||void 0===window?void 0:window.sessionStorage)||void 0===a||a.setItem(e,i)}async removeStorageItem(t){var i;const a=await this.cryptify(t);null===(i=null===window||void 0===window?void 0:window.sessionStorage)||void 0===i||i.removeItem(a)}async cryptify(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}onSlotDefaultChange(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentWillRender(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentDidLoad(){this.validateFirstname()}render(){const t=this.getNames().reduce(((t,a,e)=>(e>0&&t.push(i("span",null," ")),t.push(a.charAt(0)),t.push(i("span",null,a.slice(1))),t)),[]);return i(a,{"data-version":s},i("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&i("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("div",{class:"initials"},t)))}get host(){return e(this)}static get watchers(){return{firstname:["validateFirstname"]}}};n.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",n.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{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}.initials span:not(caption){position:absolute !important}';export{n as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_breadcrumb_item}from"./p-d4cef624.js";import"./p-3eab790d.js";import"./p-f6b44820.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_card_control}from"./p-7eee2b6a.js";import"./p-3eab790d.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-f6b44820.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tabs}from"./p-d4465c2b.js";import"./p-3eab790d.js";import"./p-f6b44820.js";import"./p-2737eaf5.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t="9.0.0-next.7";export{t as v}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as r,g as a}from"./p-3eab790d.js";import{v as c}from"./p-f6b44820.js";import{c as e}from"./p-b095519d.js";const b=class{constructor(t){o(this,t),this.tabId=void 0,this.panel=void 0}validateFor(o){e(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||crypto.randomUUID()}`}render(){return t(r,{key:"4ca8efb0e3a6a429442be5406eb43f9cd2406b49",id:this.tabId,role:"tab","data-version":c,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},t("slot",{key:"049d4c8378c42fc31b572d8b073fef523fbc6f37"}))}get host(){return a(this)}static get watchers(){return{panel:["validateFor"]}}};b.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}';export{b as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t){const e=t.getRootNode();if(e instanceof Document||e instanceof ShadowRoot)return e;throw new Error("Attempting to access root node before the element is attached to the document or shadow tree.")}export{t as g}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-3eab790d.js";export{s as setNonce}from"./p-3eab790d.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-3eab790d.js";export{s as setNonce}from"./p-3eab790d.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-6c7546b8",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a0a7c2c1",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}]]],["p-f1416918",[[1,"post-breadcrumb-item",{url:[1]},null,{url:["validateUrl"]}]]],["p-f171b18b",[[65,"post-card-control",{label:[1],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-abf9ffdc",[[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}]]],["p-27343d32",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-b4a2c7b7",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-83cd3885",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-3b325360",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-df5bdda5",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-ccd8a221",[[1,"post-avatar",{firstname:[1],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"]}]]],["p-9ea6103e",[[1,"post-language-option",{code:[1],active:[1540],name:[1],url:[1],select:[64]},null,{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}]]],["p-3f417208",[[1,"post-menu-item"]]],["p-cfc1727f",[[4,"post-menu-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}]]],["p-2504dace",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-4922deaf",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-f4dbd35f",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-12262945",[[1,"post-togglebutton",{toggled:[1540]}]]],["p-816623f0",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-339e000e",[[4,"post-closebutton"],[4,"post-megadropdown",{show:[64],hide:[64],toggle:[64]}],[1,"post-header",{device:[32],mobileMenuExtended:[32]},[[0,"postMainNavigationClosed","handlePostMainNavigationClosed"]]],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[4],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-mainnavigation",null,[[0,"postToggle","handleMegadropdownToggled"]]],[1,"post-megadropdown-trigger",{toggled:[32]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],arrow:[4],show:[64],hide:[64],toggle:[64]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]]],e))));
|
|
@@ -19,7 +19,7 @@ export declare class PostAvatar {
|
|
|
19
19
|
*/
|
|
20
20
|
readonly lastname?: string;
|
|
21
21
|
/**
|
|
22
|
-
* Defines the company internal userId.<div className="mb-1
|
|
22
|
+
* Defines the company internal userId.<div className="mb-1 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
|
|
23
23
|
*/
|
|
24
24
|
readonly userid?: string;
|
|
25
25
|
/**
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { BannerType } from './banner-types';
|
|
3
|
+
/**
|
|
4
|
+
* @slot heading - Slot for placing custom content within the banner's heading.
|
|
5
|
+
* @slot actions - Slot for placing custom actions (buttons, links, etc.) within the banner.
|
|
6
|
+
* @slot default - Slot for placing the main content/message of the banner.
|
|
7
|
+
*/
|
|
8
|
+
export declare class PostBanner {
|
|
9
|
+
host: HTMLPostBannerElement;
|
|
10
|
+
bannerId: `${string}-${string}-${string}-${string}-${string}`;
|
|
11
|
+
classes: string;
|
|
12
|
+
hasActions: boolean;
|
|
13
|
+
hasHeading: boolean;
|
|
14
|
+
onDismissButtonClick: () => Promise<void>;
|
|
15
|
+
/**
|
|
16
|
+
* If `true`, a close button (×) is displayed and the banner can be dismissed by the user.
|
|
17
|
+
*/
|
|
18
|
+
readonly dismissible: boolean;
|
|
19
|
+
validateDismissible(isDismissible?: boolean): void;
|
|
20
|
+
/**
|
|
21
|
+
* The label to use for the close button of a dismissible banner.
|
|
22
|
+
*/
|
|
23
|
+
readonly dismissLabel: string;
|
|
24
|
+
validateDismissLabel(dismissLabel?: string): void;
|
|
25
|
+
/**
|
|
26
|
+
* The icon to display in the banner. By default, the icon depends on the banner type.
|
|
27
|
+
*
|
|
28
|
+
* If `none`, no icon is displayed.
|
|
29
|
+
*/
|
|
30
|
+
readonly icon: string;
|
|
31
|
+
validateIcon(icon?: string): void;
|
|
32
|
+
/**
|
|
33
|
+
* The type of the banner.
|
|
34
|
+
*/
|
|
35
|
+
readonly type: BannerType;
|
|
36
|
+
validateType(type?: "neutral" | "success" | "warning" | "danger" | "info"): void;
|
|
37
|
+
/**
|
|
38
|
+
* An event emitted when the banner element is dismissed, after the transition.
|
|
39
|
+
* It has no payload and only relevant for dismissible banners.
|
|
40
|
+
*/
|
|
41
|
+
postDismissed: EventEmitter<void>;
|
|
42
|
+
componentDidLoad(): void;
|
|
43
|
+
componentWillRender(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Triggers banner dismissal programmatically (same as clicking on the close button (×)).
|
|
46
|
+
*/
|
|
47
|
+
dismiss(): Promise<void>;
|
|
48
|
+
render(): any;
|
|
49
|
+
}
|
|
@@ -2,8 +2,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
/**
|
|
3
3
|
* @class PostCardControl - representing a stencil component
|
|
4
4
|
*
|
|
5
|
-
* @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<p className="
|
|
6
|
-
* @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<p className="
|
|
5
|
+
* @slot default - Content to place into the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Block-level_contentt">block content</a>.<p className="banner banner-sm banner-warning">Even if it is generally possible, we do not recommend using interactive elements in this slot because the background of the card control is clickable.<br/>This can lead to confusion when the hit box of nested interactive controls is not clearly separated from the background, is invalid HTML and click events bubbling up to the card control will unexpectedly toggle it if they're not captured.<br/>More info: <a href="https://accessibilityinsights.io/info-examples/web/nested-interactive/">https://accessibilityinsights.io/info-examples/web/nested-interactive/</a></p>
|
|
6
|
+
* @slot icon - To insert a custom icon into the named `icon` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.<p className="banner banner-sm banner-info">It is only meant for <code>img</code> or <code>svg</code> elements and overrides the `icon` property.</p>
|
|
7
7
|
*/
|
|
8
8
|
export declare class PostCardControl {
|
|
9
9
|
private readonly EVENT_MAP;
|
|
@@ -30,12 +30,12 @@ export declare class PostCardControl {
|
|
|
30
30
|
readonly type: 'checkbox' | 'radio';
|
|
31
31
|
/**
|
|
32
32
|
* Defines the `name` attribute of the control.
|
|
33
|
-
* <span className="
|
|
34
|
-
* <span className="
|
|
33
|
+
* <span className="banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>
|
|
34
|
+
* <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
|
|
35
35
|
*/
|
|
36
36
|
readonly name: string;
|
|
37
37
|
/**
|
|
38
|
-
* Defines the `value` attribute of the control. <span className="
|
|
38
|
+
* Defines the `value` attribute of the control. <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
|
|
39
39
|
*/
|
|
40
40
|
readonly value: string;
|
|
41
41
|
/**
|
|
@@ -53,7 +53,7 @@ export declare class PostCardControl {
|
|
|
53
53
|
validity: null | 'true' | 'false';
|
|
54
54
|
/**
|
|
55
55
|
* Defines the icon `name` inside the card.
|
|
56
|
-
* <span className="
|
|
56
|
+
* <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
|
|
57
57
|
*/
|
|
58
58
|
readonly icon: string;
|
|
59
59
|
/**
|
|
@@ -67,7 +67,7 @@ export declare class PostCardControl {
|
|
|
67
67
|
/**
|
|
68
68
|
* An event emitted whenever the components checked state is toggled.
|
|
69
69
|
* The event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.
|
|
70
|
-
* <span className="
|
|
70
|
+
* <span className="banner banner-sm banner-info">If the component is used with type `radio`, it will only emit this event, when the checked state is changing to `true`.</span>
|
|
71
71
|
*/
|
|
72
72
|
postChange: EventEmitter<{
|
|
73
73
|
state: boolean;
|
|
@@ -4,10 +4,7 @@ type Animation = (typeof ANIMATION_NAMES)[number];
|
|
|
4
4
|
* @class PostIcon - representing a stencil component
|
|
5
5
|
*/
|
|
6
6
|
export declare class PostIcon {
|
|
7
|
-
private path;
|
|
8
7
|
host: HTMLPostIconElement;
|
|
9
|
-
svgStyles: string;
|
|
10
|
-
svgOutput: string;
|
|
11
8
|
/**
|
|
12
9
|
* The name of the animation.
|
|
13
10
|
*/
|
|
@@ -43,9 +40,9 @@ export declare class PostIcon {
|
|
|
43
40
|
*/
|
|
44
41
|
readonly scale?: number | null;
|
|
45
42
|
validateScale(newValue?: number): void;
|
|
43
|
+
private getPath;
|
|
44
|
+
private getStyles;
|
|
46
45
|
componentDidLoad(): void;
|
|
47
|
-
componentWillRender(): void;
|
|
48
|
-
private setPath;
|
|
49
46
|
render(): any;
|
|
50
47
|
}
|
|
51
48
|
export {};
|
|
@@ -16,7 +16,7 @@ export declare class PostList {
|
|
|
16
16
|
* The list can become horizontal by setting `horizontal="true"` or just `horizontal`
|
|
17
17
|
*/
|
|
18
18
|
readonly horizontal: boolean;
|
|
19
|
-
titleEl
|
|
19
|
+
private titleEl;
|
|
20
20
|
componentWillLoad(): void;
|
|
21
21
|
componentDidLoad(): void;
|
|
22
22
|
private checkTitle;
|
|
@@ -13,6 +13,7 @@ export declare class PostMenuTrigger {
|
|
|
13
13
|
* Used to manage click and key events for menu control.
|
|
14
14
|
*/
|
|
15
15
|
private slottedButton;
|
|
16
|
+
private root?;
|
|
16
17
|
/**
|
|
17
18
|
* Watch for changes to the `for` property to validate its type and ensure it is a string.
|
|
18
19
|
* @param forValue - The new value of the `for` property.
|
|
@@ -14,7 +14,7 @@ export declare class PostTag {
|
|
|
14
14
|
readonly size: null | 'sm';
|
|
15
15
|
/**
|
|
16
16
|
* Defines the icon `name` inside of the component.
|
|
17
|
-
* <span className="
|
|
17
|
+
* <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
|
|
18
18
|
* To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
|
|
19
19
|
*/
|
|
20
20
|
readonly icon: null | string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @slot toggled - Slot for content displayed when the button is in the "on" state.
|
|
3
|
+
* @slot untoggled - Slot for content displayed when the button is in the "off" state.
|
|
4
|
+
*/
|
|
5
|
+
export declare class PostTogglebutton {
|
|
6
|
+
/**
|
|
7
|
+
* If `true`, the button is in the "on" state, otherwise it is in the "off" state.
|
|
8
|
+
*/
|
|
9
|
+
toggled: boolean;
|
|
10
|
+
private handleClick;
|
|
11
|
+
private handleKeydown;
|
|
12
|
+
render(): any;
|
|
13
|
+
}
|