@swisspost/design-system-components 9.0.0-next.7 → 9.0.0-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-e1f32cce.js +4 -0
- package/dist/cjs/index.cjs.js +24 -22
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-bc44930e.js → package-a2b895fc.js} +1 -1
- package/dist/cjs/{post-accordion-c55fef06.js → post-accordion-3ce01432.js} +2 -2
- package/dist/cjs/post-accordion-item-81601b1e.js +62 -0
- 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-10d7b5c0.js → post-avatar-b1c97f51.js} +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/post-back-to-top-0ce98569.js +98 -0
- package/dist/cjs/post-back-to-top.cjs.entry.js +14 -0
- package/dist/cjs/{post-banner-b286d37f.js → post-banner-8611eab5.js} +4 -4
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/{post-breadcrumb-item-8cdc59a8.js → post-breadcrumb-item-2075462a.js} +2 -2
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/post-card-control-acd30573.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-c8b3e767.js → post-collapsible-trigger-8ca4d85b.js} +2 -2
- package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
- package/dist/cjs/post-components.cjs.js +1 -1
- package/dist/cjs/{post-language-option-8c1ec4fd.js → post-language-option-cf32d0ed.js} +2 -2
- package/dist/cjs/post-language-option.cjs.entry.js +2 -2
- package/dist/cjs/{post-megadropdown-trigger-9b9f1036.js → post-megadropdown-trigger-7376d867.js} +12 -12
- package/dist/cjs/{post-menu-5a71a6fe.js → post-menu-a3b7b63b.js} +2 -2
- package/dist/cjs/{post-menu-item-5c5c1aaf.js → post-menu-item-28ab1a72.js} +2 -2
- package/dist/cjs/post-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-trigger-02d128c4.js → post-menu-trigger-821839f5.js} +2 -2
- package/dist/cjs/post-menu-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-menu.cjs.entry.js +2 -2
- package/dist/cjs/{post-popover-91a83e9d.js → post-popover-c4f50134.js} +2 -2
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-57fcf949.js → post-rating-3a87ca46.js} +2 -2
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-header-ce56b760.js → post-tab-header-5fdb05a1.js} +2 -2
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-70e49260.js → post-tab-panel-34aed8e6.js} +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-39262e55.js → post-tabs-dd2da5d2.js} +2 -2
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/{post-tag-b6bc5785.js → post-tag-59232922.js} +2 -2
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/{post-togglebutton-2f39442e.js → post-togglebutton-59c6357b.js} +2 -2
- package/dist/cjs/post-togglebutton.cjs.entry.js +2 -2
- package/dist/cjs/{post-tooltip-8be3b2aa.js → post-tooltip-3e0c1509.js} +2 -2
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/animations/slide.js +23 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +17 -5
- package/dist/collection/components/post-back-to-top/post-back-to-top.css +1 -0
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +107 -0
- package/dist/collection/components/post-banner/post-banner.js +3 -3
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +1 -1
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.js +2 -2
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +1 -1
- package/dist/collection/components/post-header/post-header.js +1 -1
- package/dist/collection/components/post-icon/post-icon.js +1 -1
- package/dist/collection/components/post-language-option/post-language-option.js +1 -1
- package/dist/collection/components/post-list/post-list.js +1 -1
- 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 +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.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +1 -1
- package/dist/collection/components/post-tag/post-tag.js +1 -1
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/index.js +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +26 -9
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-back-to-top.d.ts +11 -0
- package/dist/components/post-back-to-top.js +6 -0
- package/dist/components/post-back-to-top2.js +123 -0
- package/dist/components/post-banner2.js +3 -3
- package/dist/components/post-breadcrumb-item2.js +1 -1
- package/dist/components/post-card-control2.js +3 -3
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-header2.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-language-option2.js +1 -1
- package/dist/components/post-list-item2.js +1 -1
- package/dist/components/post-list2.js +1 -1
- 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 +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-popover2.js +1 -1
- package/dist/components/post-popovercontainer2.js +2 -2
- package/dist/components/post-rating2.js +1 -1
- package/dist/components/post-tab-header2.js +1 -1
- package/dist/components/post-tab-panel2.js +1 -1
- package/dist/components/post-tabs2.js +1 -1
- package/dist/components/post-tag2.js +1 -1
- package/dist/components/post-togglebutton2.js +1 -1
- package/dist/components/post-tooltip2.js +1 -1
- package/dist/docs.json +66 -1
- package/dist/esm/index-e1b64755.js +4 -0
- package/dist/esm/index.js +23 -22
- package/dist/esm/loader.js +1 -1
- package/dist/esm/package-9cafe148.js +3 -0
- package/dist/esm/{post-accordion-7268e29b.js → post-accordion-19e88941.js} +2 -2
- package/dist/esm/post-accordion-item-33bbe4de.js +60 -0
- package/dist/esm/post-accordion-item.entry.js +2 -2
- package/dist/esm/post-accordion.entry.js +2 -2
- package/dist/esm/{post-avatar-19162f90.js → post-avatar-d15a9f9e.js} +1 -1
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/post-back-to-top-bcf46150.js +96 -0
- package/dist/esm/post-back-to-top.entry.js +6 -0
- package/dist/esm/{post-banner-132709ad.js → post-banner-bf5e6a18.js} +4 -4
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/{post-breadcrumb-item-5a77f988.js → post-breadcrumb-item-e3b41f74.js} +2 -2
- package/dist/esm/post-breadcrumb-item.entry.js +2 -2
- package/dist/esm/post-card-control-f0788f6f.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-43fbbf03.js → post-collapsible-trigger-1d939eb6.js} +2 -2
- package/dist/esm/post-collapsible_2.entry.js +2 -2
- package/dist/esm/post-components.js +1 -1
- package/dist/esm/{post-language-option-f41240c3.js → post-language-option-1436370d.js} +2 -2
- package/dist/esm/post-language-option.entry.js +2 -2
- package/dist/esm/{post-megadropdown-trigger-813b5140.js → post-megadropdown-trigger-210b4ab3.js} +12 -12
- package/dist/esm/{post-menu-62c3e49a.js → post-menu-e853e28b.js} +2 -2
- package/dist/esm/{post-menu-item-f63a1521.js → post-menu-item-86d4c7ab.js} +2 -2
- package/dist/esm/post-menu-item.entry.js +2 -2
- package/dist/esm/{post-menu-trigger-b84f728d.js → post-menu-trigger-80c2bdf4.js} +2 -2
- package/dist/esm/post-menu-trigger.entry.js +2 -2
- package/dist/esm/post-menu.entry.js +2 -2
- package/dist/esm/{post-popover-abae1f3a.js → post-popover-7195d05a.js} +2 -2
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-rating-b963d4f2.js → post-rating-8baf86fe.js} +2 -2
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/{post-tab-header-c16feb72.js → post-tab-header-a1d1d9d0.js} +2 -2
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-cb02df49.js → post-tab-panel-afce8d40.js} +2 -2
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-81085d7b.js → post-tabs-fbb42496.js} +2 -2
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/{post-tag-103bfff5.js → post-tag-d67b6a19.js} +2 -2
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/{post-togglebutton-0e714838.js → post-togglebutton-c3fb912d.js} +2 -2
- package/dist/esm/post-togglebutton.entry.js +2 -2
- package/dist/esm/{post-tooltip-2c5ff736.js → post-tooltip-7101ed24.js} +2 -2
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/{p-0f699dbc.js → p-00fa0152.js} +1 -1
- package/dist/post-components/p-1667387e.entry.js +1 -0
- package/dist/post-components/p-19551c18.entry.js +1 -0
- package/dist/post-components/p-1b627f80.js +1 -0
- package/dist/post-components/p-24673919.js +1 -0
- package/dist/post-components/p-266b734f.entry.js +1 -0
- package/dist/post-components/{p-bb103905.js → p-282115c4.js} +1 -1
- package/dist/post-components/p-2d0ffc1e.entry.js +1 -0
- package/dist/post-components/p-45018d7e.entry.js +1 -0
- package/dist/post-components/{p-8b6f7f04.js → p-485dafcf.js} +1 -1
- package/dist/post-components/{p-2a456317.js → p-4a647a78.js} +1 -1
- package/dist/post-components/p-4abfa65b.js +1 -0
- package/dist/post-components/{p-816623f0.entry.js → p-517f2b1f.entry.js} +1 -1
- package/dist/post-components/p-55224ee7.entry.js +1 -0
- package/dist/post-components/{p-31d38040.js → p-558a9849.js} +1 -1
- package/dist/post-components/{p-9abe554b.js → p-59b31557.js} +1 -1
- package/dist/post-components/p-5d1db85c.entry.js +1 -0
- package/dist/post-components/{p-ed834dde.js → p-61e79941.js} +1 -1
- package/dist/post-components/p-679978de.entry.js +1 -0
- package/dist/post-components/p-6a842b96.entry.js +1 -0
- package/dist/post-components/{p-6f56a13d.js → p-6cea23cd.js} +2 -2
- package/dist/post-components/{p-da449573.js → p-71f03424.js} +1 -1
- package/dist/post-components/p-8c2568c1.entry.js +1 -0
- package/dist/post-components/p-8fd3a3cb.entry.js +1 -0
- package/dist/post-components/{p-fa7af203.js → p-939f2ba7.js} +1 -1
- package/dist/post-components/p-a4c39296.entry.js +1 -0
- package/dist/post-components/p-af5d3b89.entry.js +1 -0
- package/dist/post-components/p-b4423249.entry.js +1 -0
- package/dist/post-components/{p-339e000e.entry.js → p-c31a7d65.entry.js} +1 -1
- package/dist/post-components/p-c544bb82.js +1 -0
- package/dist/post-components/{p-d4465c2b.js → p-ccb6dfa1.js} +1 -1
- package/dist/post-components/{p-c819933c.js → p-d0b8820a.js} +1 -1
- package/dist/post-components/{p-d4cef624.js → p-d36adfb5.js} +1 -1
- package/dist/post-components/p-da6a8268.entry.js +1 -0
- package/dist/post-components/p-ece14d88.js +1 -0
- package/dist/post-components/p-f0f8427e.js +1 -0
- package/dist/post-components/p-f2e1b4d8.js +1 -0
- package/dist/post-components/p-f627744e.js +1 -0
- package/dist/post-components/p-f7b6b96a.entry.js +1 -0
- package/dist/post-components/p-f812e93d.entry.js +1 -0
- package/dist/post-components/{p-3e65ba47.js → p-f8d41c32.js} +1 -1
- package/dist/post-components/p-fe516cdf.entry.js +1 -0
- package/dist/post-components/p-fe7467fb.entry.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/animations/slide.d.ts +2 -0
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +5 -1
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +19 -0
- package/dist/types/components.d.ts +21 -0
- package/dist/types/index.d.ts +1 -0
- package/loaders/index.d.ts +2 -0
- package/loaders/index.js +1 -0
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item.js +26 -9
- package/loaders/post-accordion.js +1 -1
- package/loaders/post-back-to-top.d.ts +11 -0
- package/loaders/post-back-to-top.js +126 -0
- package/loaders/post-banner.js +3 -3
- package/loaders/post-breadcrumb-item.js +1 -1
- package/loaders/post-card-control.js +3 -3
- package/loaders/post-closebutton.js +1 -1
- package/loaders/post-collapsible2.js +1 -1
- package/loaders/post-header.js +1 -1
- package/loaders/post-icon2.js +1 -1
- package/loaders/post-language-option.js +1 -1
- package/loaders/post-list-item.js +1 -1
- package/loaders/post-list.js +1 -1
- 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 +1 -1
- package/loaders/post-menu.js +1 -1
- package/loaders/post-popover.js +1 -1
- package/loaders/post-popovercontainer2.js +2 -2
- package/loaders/post-rating.js +1 -1
- package/loaders/post-tab-header.js +1 -1
- package/loaders/post-tab-panel.js +1 -1
- package/loaders/post-tabs.js +1 -1
- package/loaders/post-tag.js +1 -1
- package/loaders/post-togglebutton.js +1 -1
- package/loaders/post-tooltip.js +1 -1
- package/package.json +4 -3
- package/dist/cjs/post-accordion-item-641f0b42.js +0 -52
- package/dist/cjs/post-card-control-fc4aca2a.js +0 -272
- package/dist/esm/package-180da9f3.js +0 -3
- package/dist/esm/post-accordion-item-a5a76abb.js +0 -50
- package/dist/esm/post-card-control-5be9c80a.js +0 -270
- package/dist/post-components/p-06980a04.js +0 -1
- package/dist/post-components/p-0af7dfbb.js +0 -1
- package/dist/post-components/p-12262945.entry.js +0 -1
- package/dist/post-components/p-2504dace.entry.js +0 -1
- package/dist/post-components/p-27343d32.entry.js +0 -1
- package/dist/post-components/p-2c3980d2.js +0 -1
- package/dist/post-components/p-3b325360.entry.js +0 -1
- package/dist/post-components/p-3f417208.entry.js +0 -1
- package/dist/post-components/p-4922deaf.entry.js +0 -1
- package/dist/post-components/p-6c7546b8.entry.js +0 -1
- package/dist/post-components/p-7eee2b6a.js +0 -1
- package/dist/post-components/p-83cd3885.entry.js +0 -1
- package/dist/post-components/p-9ea6103e.entry.js +0 -1
- package/dist/post-components/p-a0a7c2c1.entry.js +0 -1
- package/dist/post-components/p-abf9ffdc.entry.js +0 -1
- package/dist/post-components/p-b4a2c7b7.entry.js +0 -1
- package/dist/post-components/p-b7ef401f.js +0 -1
- package/dist/post-components/p-b8a9cf2d.js +0 -1
- package/dist/post-components/p-ccd8a221.entry.js +0 -1
- package/dist/post-components/p-cfc1727f.entry.js +0 -1
- package/dist/post-components/p-df5bdda5.entry.js +0 -1
- package/dist/post-components/p-f1416918.entry.js +0 -1
- package/dist/post-components/p-f171b18b.entry.js +0 -1
- package/dist/post-components/p-f4dbd35f.entry.js +0 -1
- package/dist/post-components/p-f6b44820.js +0 -1
|
@@ -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-f2e1b4d8.js";import{f as i,a as c}from"./p-2737eaf5.js";const n=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=c(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:"8e6ef1f64dd41d18cbb87d23ae27ed198dba420f","data-version":e},r("div",{key:"3e08dbfa502935737040e54f71c5cdba55838ac5",class:"tabs-wrapper",part:"tabs"},r("div",{key:"57c2c50ec3ca3ee38a69f3c46f0bd6cfb3649178",class:"tabs",role:"tablist"},r("slot",{key:"c7ce48bec67f02abf47fa2d152a786f2f7f912fe",name:"tabs",onSlotchange:()=>this.enableTabs()}))),r("div",{key:"daf2d7e9d51ad3831a68ed8cd6498d9042bc017f",class:"tab-content",part:"content"},r("slot",{key:"ee2c3619a2c262a416b34b65843f10e4baa62e38",onSlotchange:()=>this.moveMisplacedTabs()})))}get host(){return o(this)}};n.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{n as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as a,g as r}from"./p-3eab790d.js";import{v as e}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as a,g as r}from"./p-3eab790d.js";import{v as e}from"./p-f2e1b4d8.js";const o=class{constructor(i){t(this,i),this.postInput=s(this,"postInput",7),this.postChange=s(this,"postChange",7),this.hasChanged=!1,this.hoveredIndex=void 0,this.label="Rating",this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return i(a,{key:"98459f7f5e2406577857571fb6ececd8198a4cdb","data-version":e},i("div",{key:"2880d40e1623e49c8cae64b70e0057713f5f5cfd",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} out of ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>i("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},i("post-icon",{name:"2062",class:"stroke"}),i("post-icon",{name:"2574",class:"fill"}))))))}get host(){return r(this)}};o.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:2px;outline:2px solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{o 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-f2e1b4d8.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:"0a161b7e3890549ea0a7645be6a4a1a407d81011","data-version":s},e(this.validUrl?"a":"span",Object.assign({key:"5844d3d93b00ba0f9062dc9b3d8c91e6b7ac9e97",class:"breadcrumb-item"},this.validUrl?{href:this.validUrl}:{}),e("post-icon",{key:"852b13f76a650c9952e5edc6266141d13eab6afa",name:"2111",class:"breadcrumb-item-icon"}),e("slot",{key:"d4fbec6b09662b59aefd763be8323746c0b2bcd9"})))}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
|
+
export{P as post_banner}from"./p-00fa0152.js";import"./p-3eab790d.js";import"./p-f2e1b4d8.js";import"./p-2737eaf5.js";import"./p-0338f9da.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-b095519d.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as e,g as i}from"./p-3eab790d.js";import{v as a}from"./p-f2e1b4d8.js";import{H as c}from"./p-247a1668.js";import{c as r}from"./p-0338f9da.js";const s=class{constructor(t){o(this,t),this.id=void 0,this.slottedLogo=void 0,this.collapsed=!1,this.headingLevel=void 0}validateHeadingLevel(o=this.headingLevel){r(o,c,"The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.")}componentWillLoad(){this.id=this.host.id||`a${crypto.randomUUID()}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){o.target===this.host&&"post-accordion-item"===o.target.localName&&(this.collapsed=!o.detail)}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){var o;const i=`h${null!==(o=this.headingLevel)&&void 0!==o?o:2}`;return t(e,{key:"c125939ea36a2d8d98f645ff2e22863cfe799a73",id:this.id,"data-version":a},t("div",{key:"2d8ac2807d839745562b72e2db650886a7f04d8d",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"4b2743a143c21bbff7cc3be3f8f9833b97327605",for:`${this.id}--collapse`},t(i,{key:"c2073d092cb021ac7825184c0634f3f903f119ae",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"663915c767685ac0f57dd04071e3d525312f4fa7",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":"")},t("span",{key:"bbd07f382cdb69334fc8540fc48db81865caa4b2",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"9d1e97d3c93a7ef406a743a2a877660f3de9747e",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"ffdaac001188bc920bc43145604b0208427fbe59",name:"header"}),t("post-icon",{key:"6cba37b29b734819a698a0043d8d4924fd496309",name:"2051"})))),t("post-collapsible",{key:"915f7e9063066ca1adf684157832d70a961c20e0",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"e1d38f9f25a93dcf5aa3bbb94b8baed46b337616",class:"accordion-body"},t("slot",{key:"fbfb6764e6a8d3dfda7b87fe0a61d62d90d59b7e"})))))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};s.style=':host::after{display:block;content:"";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.accordion-button::before{display:block;position:absolute;content:"";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:var(--post-device-border-width-default) solid Highlight}.accordion-button:disabled{opacity:1 !important}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{s as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as r,H as c,g as e}from"./p-3eab790d.js";import{c as a}from"./p-611b3c41.js";import{c as i}from"./p-b095519d.js";import{v as s}from"./p-f2e1b4d8.js";let n=0;const d=class{async reset(){this.validity=null,this.controlSetChecked(this.initialChecked)}async groupReset(){this.disabled&&(this.control.checked=this.checked=!1),this.controlSetChecked(!1)}validateControlLabel(o=this.label){i(o,'The "post-card-control" element requires its "label" property to be set.')}validateControlType(o=this.type){a(o,["checkbox","radio"],'The "post-card-control" element requires its "type" prop to be one of either "checkbox" or "radio".')}updateControlChecked(o=this.checked){this.controlSetChecked(o)}updateControlDisabled(){this.controlSetChecked(this.checked)}constructor(r){o(this,r),this.postInput=t(this,"postInput",7),this.postChange=t(this,"postChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.EVENT_MAP={input:"postInput",change:"postChange"},this.KEYCODES={SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown"},this.group={hosts:[],members:[],first:null,last:null,checked:null,focused:null},this.controlId="PostCardControl_"+n++,this.focused=!1,this.label=void 0,this.description=null,this.type=void 0,this.name=null,this.value=null,this.checked=!1,this.disabled=!1,this.validity=null,this.icon=null,this.cardClickHandler=this.cardClickHandler.bind(this),this.controlClickHandler=this.controlClickHandler.bind(this),this.controlChangeHandler=this.controlChangeHandler.bind(this),this.controlFocusHandler=this.controlFocusHandler.bind(this),this.controlKeyDownHandler=this.controlKeyDownHandler.bind(this)}cardClickHandler(o){o.stopPropagation(),o.target!==this.control&&this.control.click()}controlClickHandler(o){o.stopPropagation(),this.disabled&&o.preventDefault()}controlChangeHandler(o){o.stopPropagation(),this.groupCollectMembers(),this.controlSetChecked(this.control.checked,o),this.groupSetChecked(this.control,o)}controlFocusHandler(){this.focused=this.host===document.activeElement}controlKeyDownHandler(o){if("radio"===this.type)switch(o.stopPropagation(),Object.values(this.KEYCODES).includes(o.code)&&o.preventDefault(),this.groupCollectMembers(),o.code){case this.KEYCODES.UP:case this.KEYCODES.LEFT:this.groupSetChecked(this.groupGetPrev(),o);break;case this.KEYCODES.DOWN:case this.KEYCODES.RIGHT:this.groupSetChecked(this.groupGetNext(),o);break;case this.KEYCODES.SPACE:this.groupSetChecked(this.control,o)}}controlSetChecked(o,t){this.control&&(this.disabled?this.internals.setFormValue(null):(this.control.checked=this.checked=o,this.internals.setFormValue(this.checked?this.control.value:null),t&&("checkbox"===this.type||"radio"===this.type&&this.checked)&&this[this.EVENT_MAP[t.type]].emit({state:this.checked,value:this.value})))}groupCollectMembers(){var o,t;if("radio"===this.type&&this.name&&(this.group.hosts=Array.from(document.querySelectorAll(`post-card-control[type="radio"][name="${this.name}"]`)),this.group.members=this.group.hosts.map((o=>o.shadowRoot.querySelector('input[type="radio"]'))).filter((o=>null!==o)),this.group.members.length>1)){this.group.first=this.group.members[0],this.group.last=this.group.members[this.group.members.length-1],this.group.checked=null!==(o=this.group.members.find((o=>o.checked)))&&void 0!==o?o:null,this.group.focused=null!==(t=this.group.members.find((o=>o.getRootNode().host===document.activeElement)))&&void 0!==t?t:this.group.first;const r=this.group.checked||this.group.focused||this.group.first;this.group.members.forEach((o=>{o.tabIndex=o===r?0:-1}))}}groupGetPrev(){var o;const t=this.group.members.findIndex((o=>o.id===this.group.focused.id));return null!==(o=this.group.members.find(((o,r)=>r===t-1)))&&void 0!==o?o:this.group.last}groupGetNext(){var o;const t=this.group.members.findIndex((o=>o.id===this.group.focused.id));return null!==(o=this.group.members.find(((o,r)=>r===t+1)))&&void 0!==o?o:this.group.first}groupSetChecked(o,t){if(this.group.members.length>1){const r="keydown"===t.type,c=o.hasAttribute("aria-disabled"),e=this.group.members.findIndex((t=>t===o));r&&o.focus(),c||(this.group.hosts.filter(((o,t)=>t!==e)).forEach((o=>{o.groupReset()})),r&&o.click())}}setHostContext(){let o;const t=window.getComputedStyle(this.host).getPropertyValue("--post-card-control-bg-context").split(", ");let r;const c=["fieldset"];let e=this.host;for(;e&&(!o||!r);)o=null!=o?o:t.find((o=>e.matches(o))),r=null!=r?r:c.find((o=>e.matches(o))),e=e.parentElement;const a=[o,r].filter((o=>!!o)).join(" ");this.host.setAttribute("data-context",a)}connectedCallback(){this.initialChecked=this.checked}componentWillRender(){this.hasIcon=Boolean(this.host.querySelector('[slot="icon"]')||this.icon)}render(){return r(c,{key:"5a157971c90b22d5e56bf217e1635cdedb2fd749","data-version":s,onClick:this.cardClickHandler},r("div",{key:"ca1003b84dca0a5429a47484d41fc03a96166468",class:{"card-control":!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.focused,"is-valid":null!==this.validity&&"false"!==this.validity,"is-invalid":"false"===this.validity}},r("input",{key:"96a3686e95fc82e724544c247d4bb64964da5650",ref:o=>this.control=o,id:this.controlId,class:"card-control--input",type:this.type,name:this.name,value:this.value,checked:this.checked,"aria-describedby":`${this.controlId}_content`,"aria-disabled":this.disabled,"aria-invalid":"false"===this.validity,onClick:this.controlClickHandler,onInput:this.controlChangeHandler,onChange:this.controlChangeHandler,onFocus:this.controlFocusHandler,onBlur:this.controlFocusHandler,onKeyDown:this.controlKeyDownHandler}),r("label",{key:"ef133a252a1d86d3f4e3c78969a480e8a8316078",id:`${this.controlId}_label`,htmlFor:this.controlId,class:"card-control--label"},this.label,this.description?r("div",{class:"card-control--description"},this.description):null),this.hasIcon?r("div",{class:"card-control--icon"},r("slot",{name:"icon"},this.icon?r("post-icon",{name:this.icon}):null)):null,r("div",{key:"48a4676e9a3c76f499a54e3571c3b24f4551d4e0",id:`${this.controlId}_content`,class:"card-control--content"},r("slot",{key:"7ad0e0d3a201dd9aca7319e5ba296617aeb33aaa"}))))}componentDidRender(){this.setHostContext(),this.groupCollectMembers()}componentDidLoad(){this.validateControlLabel(),this.validateControlType()}formAssociatedCallback(){this.controlSetChecked(this.checked)}formDisabledCallback(o){this.disabled=o}formStateRestoreCallback(o){this.controlSetChecked(o)}formResetCallback(){this.reset()}static get formAssociated(){return!0}get host(){return e(this)}static get watchers(){return{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}}};d.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:-moz-fit-content;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:1.5rem}.form-check:has(>input:not(:only-child)){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:"";width:100%;height:100%;-webkit-mask-size:var(--post-device-sizing-interactive-icon-size);mask-size:var(--post-device-sizing-interactive-icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:FieldText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{-webkit-mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{-webkit-mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>");mask-image:url("data:image/svg+xml,<svg width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z\'/></svg>")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:"";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-bottom:1rem}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 .5rem;margin:0;padding:1rem;background-color:var(--post-card-control-bg);border:2px solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:.25rem 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:var(--post-contrast-color);background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:.25rem 0;padding:0 !important;color:inherit !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:2rem;height:2rem;pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:2px;outline:2px solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:2px solid Field;outline-offset:-4px}.card-control .card-control--input{outline:2px solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4\' pathLength=\'88\' /%3e%3c/svg%3e")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%\' height=\'100%\' rx=\'100\' ry=\'100\' fill=\'none\' stroke=\'GrayText\' stroke-width=\'4px \' stroke-dasharray=\'4 2\' /%3e%3c/svg%3e")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:"";position:absolute;inset:2px;background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:"";position:absolute;inset:2px;border-radius:1px;background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:2px solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-bottom:1rem}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=".bg-dark"],[data-context*=".bg-black"],[data-context*=".bg-primary"],[data-context*=".bg-secondary"],[data-context*=".bg-success"],[data-context*=".bg-error"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}';export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t="9.0.0-next.8";export{t as v}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o,g as s}from"./p-3eab790d.js";import{v as i}from"./p-f2e1b4d8.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-611b3c41.js";const c=class{constructor(e){t(this,e),this.expandedItems=new Set,this.headingLevel=void 0,this.multiple=!1}validateHeadingLevel(t=this.headingLevel){t&&(r(t,a,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){t.stopPropagation();const e=t.target;if(e.closest("post-accordion")===this.host&&"post-accordion-item"===e.localName){const e=t.target,o=this.expandedItems.has(e);if(o?this.expandedItems.delete(e):this.expandedItems.add(e),this.multiple||o)return;Array.from(this.expandedItems.values()).filter((t=>t!==e)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const e=this.accordionItems.find((e=>e.id===t));if(!e)throw new Error(`No post-accordion-item found with id #${t}.`);await e.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((t=>t.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((t=>t.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((t=>!t.collapsed||this.expandedItems.has(t))).forEach(((t,e)=>{this.multiple||0===e?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return e(o,{key:"cfc6280e052937f50bc481fe73cf25ede6e40314","data-version":i},e("div",{key:"090539a2ebe9d216609a7e56597c5f379d439fb8",class:"accordion"},e("slot",{key:"4ae4095b14b6b9233f1d66c8543d625a77a77e09",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return s(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";export{c as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tab_header}from"./p-939f2ba7.js";import"./p-3eab790d.js";import"./p-f2e1b4d8.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_accordion}from"./p-f627744e.js";import"./p-3eab790d.js";import"./p-f2e1b4d8.js";import"./p-247a1668.js";import"./p-611b3c41.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as a}from"./p-3eab790d.js";import{d as n}from"./p-0338f9da.js";import{v as s}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as o,g as a}from"./p-3eab790d.js";import{d as n}from"./p-0338f9da.js";import{v as s}from"./p-f2e1b4d8.js";import{c as r}from"./p-4a3f67ab.js";const h=class{constructor(i){t(this,i),this.postChange=e(this,"postChange",7),this.code=void 0,this.active=void 0,this.name=void 0,this.url=void 0}validateCode(t=this.code){r(t,"string",'The "code" property of the post-language-option component must be a string.')}validateActiveProp(t=this.active){n(t,"boolean",'The "active" property of the post-language-option component must be a boolean value.')}validateName(t=this.name){n(t,"string",'The "name" property of the post-language-option component must be a string.')}validateUrl(t=this.url){n(t,"string",'The "url" property of the post-language-option component must be a valid URL.')}componentDidLoad(){if(this.validateCode(),this.validateActiveProp(),this.validateName(),this.validateUrl(),!this.name&&this.isNameRequired())throw new Error('The "name" property of the post-language-option component is required when the full language name is not displayed.')}async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase();return i(o,{key:"0a80e062fecb20c7277b89f49a4d774fda80a18e","data-version":s,role:"listitem"},this.url?i("a",{"aria-current":this.active?"page":void 0,"aria-label":this.name,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange()},i("slot",null)):i("button",{"aria-current":this.active?"true":void 0,"aria-label":this.name,lang:t,onClick:()=>this.emitChange()},i("slot",null)))}get host(){return a(this)}static get watchers(){return{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}}};h.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block;width:fit-content}button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}a{color:inherit;text-decoration:none}:is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--post-language-option-padding)}";export{h as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_card_control}from"./p-f0f8427e.js";import"./p-3eab790d.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-f2e1b4d8.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_menu}from"./p-4a647a78.js";import"./p-3eab790d.js";import"./p-f2e1b4d8.js";
|
|
@@ -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-45018d7e",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-19551c18",[[1,"post-back-to-top",{label:[1],belowFold:[32]},null,{belowFold:["watchBelowFold"],label:["validateLabel"]}]]],["p-da6a8268",[[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-b4423249",[[1,"post-breadcrumb-item",{url:[1]},null,{url:["validateUrl"]}]]],["p-fe516cdf",[[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-fe7467fb",[[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}]]],["p-5d1db85c",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-af5d3b89",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-6a842b96",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-8fd3a3cb",[[1,"post-tooltip",{placement:[1],arrow:[4],delayed:[4],show:[64],hide:[64],toggle:[64]},null,{delayed:["validateDelayed"]}]]],["p-f812e93d",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a4c39296",[[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-8c2568c1",[[1,"post-language-option",{code:[1],active:[1540],name:[1],url:[1],select:[64]},null,{code:["validateCode"],active:["validateActiveProp"],name:["validateName"],url:["validateUrl"]}]]],["p-1667387e",[[1,"post-menu-item"]]],["p-679978de",[[4,"post-menu-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}]]],["p-f7b6b96a",[[1,"post-tab-header",{panel:[1],tabId:[32]},null,{panel:["validateFor"]}]]],["p-266b734f",[[1,"post-tab-panel",{name:[1],panelId:[32]}]]],["p-2d0ffc1e",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-55224ee7",[[1,"post-togglebutton",{toggled:[1540]}]]],["p-517f2b1f",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[0,"post-collapsible-trigger",{for:[1],update:[64]},null,{for:["setAriaAttributes"]}]]],["p-c31a7d65",[[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))));
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HeadingLevel } from "../../types/index";
|
|
2
2
|
/**
|
|
3
|
+
* @slot logo - Slot for the placing a logo before the header.
|
|
3
4
|
* @slot header - Slot for placing custom content within the accordion item's header.
|
|
4
5
|
* @slot default - Slot for placing content within the accordion item's body.
|
|
5
6
|
*/
|
|
@@ -7,6 +8,7 @@ export declare class PostAccordionItem {
|
|
|
7
8
|
private collapsible;
|
|
8
9
|
host: HTMLPostAccordionItemElement;
|
|
9
10
|
id: string;
|
|
11
|
+
slottedLogo: HTMLElement;
|
|
10
12
|
/**
|
|
11
13
|
* If `true`, the element is collapsed otherwise it is displayed.
|
|
12
14
|
*/
|
|
@@ -17,12 +19,14 @@ export declare class PostAccordionItem {
|
|
|
17
19
|
*/
|
|
18
20
|
readonly headingLevel?: HeadingLevel;
|
|
19
21
|
validateHeadingLevel(newValue?: 1 | 2 | 3 | 4 | 5 | 6): void;
|
|
20
|
-
componentDidLoad(): void;
|
|
21
22
|
componentWillLoad(): void;
|
|
23
|
+
componentDidLoad(): void;
|
|
22
24
|
onCollapseToggle(event: CustomEvent<boolean>): void;
|
|
23
25
|
/**
|
|
24
26
|
* Triggers the collapse programmatically.
|
|
25
27
|
*/
|
|
26
28
|
toggle(force?: boolean): Promise<boolean>;
|
|
29
|
+
private onSlotLogoChange;
|
|
30
|
+
componentWillRender(): void;
|
|
27
31
|
render(): any;
|
|
28
32
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare class PostBackToTop {
|
|
2
|
+
el: HTMLPostBackToTopElement;
|
|
3
|
+
/**
|
|
4
|
+
* The label of the back-to-top button, intended solely for accessibility purposes.
|
|
5
|
+
* This label is always hidden from view.
|
|
6
|
+
**/
|
|
7
|
+
label: string;
|
|
8
|
+
belowFold: boolean;
|
|
9
|
+
private translateY;
|
|
10
|
+
isBelowFold(): boolean;
|
|
11
|
+
handleScroll: () => void;
|
|
12
|
+
watchBelowFold(newValue: boolean): void;
|
|
13
|
+
scrollToTop(): void;
|
|
14
|
+
validateLabel(): void;
|
|
15
|
+
componentWillLoad(): void;
|
|
16
|
+
componentDidLoad(): void;
|
|
17
|
+
disconnectedCallback(): void;
|
|
18
|
+
render(): any;
|
|
19
|
+
}
|
|
@@ -67,6 +67,12 @@ export namespace Components {
|
|
|
67
67
|
*/
|
|
68
68
|
"userid"?: string;
|
|
69
69
|
}
|
|
70
|
+
interface PostBackToTop {
|
|
71
|
+
/**
|
|
72
|
+
* The label of the back-to-top button, intended solely for accessibility purposes. This label is always hidden from view.
|
|
73
|
+
*/
|
|
74
|
+
"label": string;
|
|
75
|
+
}
|
|
70
76
|
interface PostBanner {
|
|
71
77
|
/**
|
|
72
78
|
* Triggers banner dismissal programmatically (same as clicking on the close button (×)).
|
|
@@ -500,6 +506,12 @@ declare global {
|
|
|
500
506
|
prototype: HTMLPostAvatarElement;
|
|
501
507
|
new (): HTMLPostAvatarElement;
|
|
502
508
|
};
|
|
509
|
+
interface HTMLPostBackToTopElement extends Components.PostBackToTop, HTMLStencilElement {
|
|
510
|
+
}
|
|
511
|
+
var HTMLPostBackToTopElement: {
|
|
512
|
+
prototype: HTMLPostBackToTopElement;
|
|
513
|
+
new (): HTMLPostBackToTopElement;
|
|
514
|
+
};
|
|
503
515
|
interface HTMLPostBannerElementEventMap {
|
|
504
516
|
"postDismissed": void;
|
|
505
517
|
}
|
|
@@ -784,6 +796,7 @@ declare global {
|
|
|
784
796
|
"post-accordion": HTMLPostAccordionElement;
|
|
785
797
|
"post-accordion-item": HTMLPostAccordionItemElement;
|
|
786
798
|
"post-avatar": HTMLPostAvatarElement;
|
|
799
|
+
"post-back-to-top": HTMLPostBackToTopElement;
|
|
787
800
|
"post-banner": HTMLPostBannerElement;
|
|
788
801
|
"post-breadcrumb-item": HTMLPostBreadcrumbItemElement;
|
|
789
802
|
"post-card-control": HTMLPostCardControlElement;
|
|
@@ -853,6 +866,12 @@ declare namespace LocalJSX {
|
|
|
853
866
|
*/
|
|
854
867
|
"userid"?: string;
|
|
855
868
|
}
|
|
869
|
+
interface PostBackToTop {
|
|
870
|
+
/**
|
|
871
|
+
* The label of the back-to-top button, intended solely for accessibility purposes. This label is always hidden from view.
|
|
872
|
+
*/
|
|
873
|
+
"label": string;
|
|
874
|
+
}
|
|
856
875
|
interface PostBanner {
|
|
857
876
|
/**
|
|
858
877
|
* The label to use for the close button of a dismissible banner.
|
|
@@ -1173,6 +1192,7 @@ declare namespace LocalJSX {
|
|
|
1173
1192
|
"post-accordion": PostAccordion;
|
|
1174
1193
|
"post-accordion-item": PostAccordionItem;
|
|
1175
1194
|
"post-avatar": PostAvatar;
|
|
1195
|
+
"post-back-to-top": PostBackToTop;
|
|
1176
1196
|
"post-banner": PostBanner;
|
|
1177
1197
|
"post-breadcrumb-item": PostBreadcrumbItem;
|
|
1178
1198
|
"post-card-control": PostCardControl;
|
|
@@ -1209,6 +1229,7 @@ declare module "@stencil/core" {
|
|
|
1209
1229
|
"post-accordion": LocalJSX.PostAccordion & JSXBase.HTMLAttributes<HTMLPostAccordionElement>;
|
|
1210
1230
|
"post-accordion-item": LocalJSX.PostAccordionItem & JSXBase.HTMLAttributes<HTMLPostAccordionItemElement>;
|
|
1211
1231
|
"post-avatar": LocalJSX.PostAvatar & JSXBase.HTMLAttributes<HTMLPostAvatarElement>;
|
|
1232
|
+
"post-back-to-top": LocalJSX.PostBackToTop & JSXBase.HTMLAttributes<HTMLPostBackToTopElement>;
|
|
1212
1233
|
"post-banner": LocalJSX.PostBanner & JSXBase.HTMLAttributes<HTMLPostBannerElement>;
|
|
1213
1234
|
"post-breadcrumb-item": LocalJSX.PostBreadcrumbItem & JSXBase.HTMLAttributes<HTMLPostBreadcrumbItemElement>;
|
|
1214
1235
|
/**
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Components, JSX } from './components';
|
|
2
2
|
export { PostAccordion } from './components/post-accordion/post-accordion';
|
|
3
3
|
export { PostAccordionItem } from './components/post-accordion-item/post-accordion-item';
|
|
4
|
+
export { PostBackToTop } from './components/post-back-to-top/post-back-to-top';
|
|
4
5
|
export { PostBanner } from './components/post-banner/post-banner';
|
|
5
6
|
export { PostBreadcrumbItem } from './components/post-breadcrumb-item/post-breadcrumb-item';
|
|
6
7
|
export { PostAvatar } from './components/post-avatar/post-avatar';
|
package/loaders/index.d.ts
CHANGED
|
@@ -5,6 +5,8 @@ export { PostAccordionItem as PostAccordionItem } from '../dist/types/components
|
|
|
5
5
|
export { defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item';
|
|
6
6
|
export { PostAvatar as PostAvatar } from '../dist/types/components/post-avatar/post-avatar';
|
|
7
7
|
export { defineCustomElement as defineCustomElementPostAvatar } from './post-avatar';
|
|
8
|
+
export { PostBackToTop as PostBackToTop } from '../dist/types/components/post-back-to-top/post-back-to-top';
|
|
9
|
+
export { defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top';
|
|
8
10
|
export { PostBanner as PostBanner } from '../dist/types/components/post-banner/post-banner';
|
|
9
11
|
export { defineCustomElement as defineCustomElementPostBanner } from './post-banner';
|
|
10
12
|
export { PostBreadcrumbItem as PostBreadcrumbItem } from '../dist/types/components/post-breadcrumb-item/post-breadcrumb-item';
|
package/loaders/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { PostPopover, defineCustomElement as defineCustomElementPostPopover } fr
|
|
|
5
5
|
export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
|
|
6
6
|
export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
|
|
7
7
|
export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
|
|
8
|
+
export { PostBackToTop, defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top.js';
|
|
8
9
|
export { PostBanner, defineCustomElement as defineCustomElementPostBanner } from './post-banner.js';
|
|
9
10
|
export { PostBreadcrumbItem, defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item.js';
|
|
10
11
|
export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
|
package/loaders/package.js
CHANGED
|
@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
2
2
|
import { v as version } from './package.js';
|
|
3
3
|
import { H as HEADING_LEVELS } from './heading-levels.js';
|
|
4
4
|
import { a as checkEmptyOrOneOf } from './index2.js';
|
|
5
|
-
import { d as defineCustomElement$
|
|
6
|
-
import { d as defineCustomElement$
|
|
5
|
+
import { d as defineCustomElement$4 } from './post-collapsible2.js';
|
|
6
|
+
import { d as defineCustomElement$3 } from './post-collapsible-trigger2.js';
|
|
7
|
+
import { d as defineCustomElement$2 } from './post-icon2.js';
|
|
7
8
|
|
|
8
|
-
const postAccordionItemCss = "
|
|
9
|
+
const postAccordionItemCss = ":host::after{display:block;content:\"\";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:var(--post-device-border-width-default) solid Highlight}.accordion-button:disabled{opacity:1 !important}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
|
|
9
10
|
const PostAccordionItemStyle0 = postAccordionItemCss;
|
|
10
11
|
|
|
11
12
|
const PostAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordionItem extends HTMLElement {
|
|
@@ -14,18 +15,19 @@ const PostAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion
|
|
|
14
15
|
this.__registerHost();
|
|
15
16
|
this.__attachShadow();
|
|
16
17
|
this.id = undefined;
|
|
18
|
+
this.slottedLogo = undefined;
|
|
17
19
|
this.collapsed = false;
|
|
18
20
|
this.headingLevel = undefined;
|
|
19
21
|
}
|
|
20
22
|
validateHeadingLevel(newValue = this.headingLevel) {
|
|
21
23
|
checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
|
|
22
24
|
}
|
|
23
|
-
componentDidLoad() {
|
|
24
|
-
this.validateHeadingLevel();
|
|
25
|
-
}
|
|
26
25
|
componentWillLoad() {
|
|
27
26
|
this.id = this.host.id || `a${crypto.randomUUID()}`;
|
|
28
27
|
}
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
this.validateHeadingLevel();
|
|
30
|
+
}
|
|
29
31
|
// capture to make sure the "collapsed" property is updated before the event is consumed
|
|
30
32
|
onCollapseToggle(event) {
|
|
31
33
|
if (event.target === this.host &&
|
|
@@ -39,10 +41,19 @@ const PostAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion
|
|
|
39
41
|
async toggle(force) {
|
|
40
42
|
return this.collapsible.toggle(force);
|
|
41
43
|
}
|
|
44
|
+
onSlotLogoChange() {
|
|
45
|
+
this.slottedLogo = this.host.querySelector('img[slot="logo"]');
|
|
46
|
+
}
|
|
47
|
+
componentWillRender() {
|
|
48
|
+
this.slottedLogo = this.host.querySelector('img[slot="logo"]');
|
|
49
|
+
}
|
|
42
50
|
render() {
|
|
43
51
|
var _a;
|
|
44
52
|
const HeadingTag = `h${(_a = this.headingLevel) !== null && _a !== void 0 ? _a : 2}`;
|
|
45
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: 'c125939ea36a2d8d98f645ff2e22863cfe799a73', id: this.id, "data-version": version }, h("div", { key: '2d8ac2807d839745562b72e2db650886a7f04d8d', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '4b2743a143c21bbff7cc3be3f8f9833b97327605', for: `${this.id}--collapse` }, h(HeadingTag, { key: 'c2073d092cb021ac7825184c0634f3f903f119ae', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '663915c767685ac0f57dd04071e3d525312f4fa7', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}` }, h("span", { key: 'bbd07f382cdb69334fc8540fc48db81865caa4b2', class: {
|
|
54
|
+
'logo-container': true,
|
|
55
|
+
'has-image': !!this.slottedLogo,
|
|
56
|
+
} }, h("slot", { key: '9d1e97d3c93a7ef406a743a2a877660f3de9747e', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'ffdaac001188bc920bc43145604b0208427fbe59', name: "header" }), h("post-icon", { key: '6cba37b29b734819a698a0043d8d4924fd496309', name: "2051" })))), h("post-collapsible", { key: '915f7e9063066ca1adf684157832d70a961c20e0', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'e1d38f9f25a93dcf5aa3bbb94b8baed46b337616', class: "accordion-body" }, h("slot", { key: 'fbfb6764e6a8d3dfda7b87fe0a61d62d90d59b7e' }))))));
|
|
46
57
|
}
|
|
47
58
|
get host() { return this; }
|
|
48
59
|
static get watchers() { return {
|
|
@@ -53,6 +64,7 @@ const PostAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion
|
|
|
53
64
|
"collapsed": [1028],
|
|
54
65
|
"headingLevel": [2, "heading-level"],
|
|
55
66
|
"id": [32],
|
|
67
|
+
"slottedLogo": [32],
|
|
56
68
|
"toggle": [64]
|
|
57
69
|
}, [[2, "postToggle", "onCollapseToggle"]], {
|
|
58
70
|
"headingLevel": ["validateHeadingLevel"]
|
|
@@ -61,7 +73,7 @@ function defineCustomElement$1() {
|
|
|
61
73
|
if (typeof customElements === "undefined") {
|
|
62
74
|
return;
|
|
63
75
|
}
|
|
64
|
-
const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger"];
|
|
76
|
+
const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
|
|
65
77
|
components.forEach(tagName => { switch (tagName) {
|
|
66
78
|
case "post-accordion-item":
|
|
67
79
|
if (!customElements.get(tagName)) {
|
|
@@ -70,10 +82,15 @@ function defineCustomElement$1() {
|
|
|
70
82
|
break;
|
|
71
83
|
case "post-collapsible":
|
|
72
84
|
if (!customElements.get(tagName)) {
|
|
73
|
-
defineCustomElement$
|
|
85
|
+
defineCustomElement$4();
|
|
74
86
|
}
|
|
75
87
|
break;
|
|
76
88
|
case "post-collapsible-trigger":
|
|
89
|
+
if (!customElements.get(tagName)) {
|
|
90
|
+
defineCustomElement$3();
|
|
91
|
+
}
|
|
92
|
+
break;
|
|
93
|
+
case "post-icon":
|
|
77
94
|
if (!customElements.get(tagName)) {
|
|
78
95
|
defineCustomElement$2();
|
|
79
96
|
}
|
|
@@ -3,7 +3,7 @@ import { v as version } from './package.js';
|
|
|
3
3
|
import { H as HEADING_LEVELS } from './heading-levels.js';
|
|
4
4
|
import { c as checkOneOf } from './check-one-of.js';
|
|
5
5
|
|
|
6
|
-
const postAccordionCss = ":host{display:block}";
|
|
6
|
+
const postAccordionCss = ":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";
|
|
7
7
|
const PostAccordionStyle0 = postAccordionCss;
|
|
8
8
|
|
|
9
9
|
const PostAccordion$1 = /*@__PURE__*/ proxyCustomElement(class PostAccordion extends HTMLElement {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../dist/types/components";
|
|
2
|
+
|
|
3
|
+
interface PostBackToTop extends Components.PostBackToTop, HTMLElement {}
|
|
4
|
+
export const PostBackToTop: {
|
|
5
|
+
prototype: PostBackToTop;
|
|
6
|
+
new (): PostBackToTop;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|