@swisspost/design-system-components 9.0.0-next.17 → 9.0.0-next.18
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.cjs.js +20 -20
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-6000ba84.js → package-5e20c234.js} +1 -1
- package/dist/cjs/{post-accordion-562d63d3.js → post-accordion-75c0c474.js} +1 -1
- package/dist/cjs/{post-accordion-item-2b9a7c01.js → post-accordion-item-1157ea24.js} +1 -1
- package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/post-accordion.cjs.entry.js +2 -2
- package/dist/cjs/{post-avatar-d9194b7f.js → post-avatar-35dcad67.js} +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +2 -2
- package/dist/cjs/{post-back-to-top-fa8d4e1d.js → post-back-to-top-4de4041e.js} +1 -1
- package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
- package/dist/cjs/{post-banner-3b91a695.js → post-banner-2114b7e3.js} +1 -1
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/{post-breadcrumb-839a2652.js → post-breadcrumb-5bfcf477.js} +1 -1
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +2 -2
- package/dist/cjs/post-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/{post-card-control-14a4dfc8.js → post-card-control-404ee898.js} +1 -1
- package/dist/cjs/post-card-control.cjs.entry.js +2 -2
- package/dist/cjs/post-closebutton_15.cjs.entry.js +2 -2
- package/dist/cjs/{post-collapsible-trigger-05be3759.js → post-collapsible-trigger-476cb22d.js} +1 -1
- package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
- package/dist/cjs/post-components.cjs.js +1 -1
- package/dist/cjs/{post-footer-a70591e7.js → post-footer-4318962c.js} +1 -1
- package/dist/cjs/post-footer.cjs.entry.js +2 -2
- package/dist/cjs/{post-linkarea-199a2615.js → post-linkarea-abe3848a.js} +2 -2
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/{post-menu-item-e20f184b.js → post-menu-item-bce515b2.js} +1 -1
- package/dist/cjs/{post-popover-e398bdfb.js → post-popover-5363267c.js} +1 -1
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-7aff1856.js → post-rating-a3f7c5df.js} +1 -1
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-header-a2dbedd3.js → post-tab-header-68fcb0ed.js} +1 -1
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-5be6d90e.js → post-tab-panel-909efe62.js} +1 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-c0ff849b.js → post-tabs-8515f7a8.js} +1 -1
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/{post-tag-0d9d3036.js → post-tag-f66f6506.js} +1 -1
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/{post-togglebutton-46c57375.js → post-togglebutton-c773c4f5.js} +25 -15
- package/dist/cjs/{post-tooltip-fd1b7b47.js → post-tooltip-dc0fef88.js} +1 -1
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +4 -2
- package/dist/collection/components/post-language-option/post-language-option.css +1 -1
- package/dist/collection/components/post-language-option/post-language-option.js +26 -2
- package/dist/collection/components/post-language-switch/post-language-switch.css +1 -1
- package/dist/collection/components/post-language-switch/post-language-switch.js +39 -7
- package/dist/collection/components/post-language-switch/switch-variants.js +1 -0
- package/dist/collection/components/post-linkarea/post-linkarea.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-header2.js +5 -3
- package/dist/components/post-language-option2.js +4 -2
- package/dist/components/post-language-switch2.js +17 -8
- package/dist/components/post-linkarea2.js +1 -1
- package/dist/components/post-mainnavigation2.js +1 -1
- package/dist/components/post-megadropdown2.js +1 -1
- package/dist/docs.json +73 -3
- package/dist/esm/index.js +20 -20
- package/dist/esm/loader.js +1 -1
- package/dist/esm/package-52c62831.js +3 -0
- package/dist/esm/{post-accordion-ae79061a.js → post-accordion-e5330c72.js} +1 -1
- package/dist/esm/{post-accordion-item-6aa9b5bd.js → post-accordion-item-4e13a044.js} +1 -1
- package/dist/esm/post-accordion-item.entry.js +2 -2
- package/dist/esm/post-accordion.entry.js +2 -2
- package/dist/esm/{post-avatar-2384ca3b.js → post-avatar-d6612e0e.js} +1 -1
- package/dist/esm/post-avatar.entry.js +2 -2
- package/dist/esm/{post-back-to-top-ec1c2754.js → post-back-to-top-d5b3d5f5.js} +1 -1
- package/dist/esm/post-back-to-top.entry.js +2 -2
- package/dist/esm/{post-banner-c7b88ac2.js → post-banner-ae45a03b.js} +1 -1
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/{post-breadcrumb-d48cb773.js → post-breadcrumb-c7caf609.js} +1 -1
- package/dist/esm/post-breadcrumb-item_2.entry.js +2 -2
- package/dist/esm/post-breadcrumb.entry.js +2 -2
- package/dist/esm/{post-card-control-b63a2837.js → post-card-control-c51f4406.js} +1 -1
- package/dist/esm/post-card-control.entry.js +2 -2
- package/dist/esm/post-closebutton_15.entry.js +2 -2
- package/dist/esm/{post-collapsible-trigger-8f4daf1e.js → post-collapsible-trigger-e086c018.js} +1 -1
- package/dist/esm/post-collapsible_2.entry.js +2 -2
- package/dist/esm/post-components.js +1 -1
- package/dist/esm/{post-footer-b4b75c94.js → post-footer-fac4e9a3.js} +1 -1
- package/dist/esm/post-footer.entry.js +2 -2
- package/dist/esm/{post-linkarea-d3ae37f9.js → post-linkarea-12db6e2a.js} +2 -2
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/{post-menu-item-d087d910.js → post-menu-item-bdfe59ae.js} +1 -1
- package/dist/esm/{post-popover-a096ee08.js → post-popover-15208f18.js} +1 -1
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-rating-0ead6a2a.js → post-rating-261def37.js} +1 -1
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/{post-tab-header-e29d371b.js → post-tab-header-f2e84ba5.js} +1 -1
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-57840a1a.js → post-tab-panel-389e0709.js} +1 -1
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-70dfc43c.js → post-tabs-79ea5b62.js} +1 -1
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/{post-tag-be1ad18d.js → post-tag-887d422c.js} +1 -1
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/{post-togglebutton-8da6d613.js → post-togglebutton-70b0f44e.js} +25 -15
- package/dist/esm/{post-tooltip-cb549b9f.js → post-tooltip-1be020fd.js} +1 -1
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/{p-9a5111ca.entry.js → p-14312d05.entry.js} +1 -1
- package/dist/post-components/p-19aa8e97.entry.js +1 -0
- package/dist/post-components/p-19d9ae56.entry.js +1 -0
- package/dist/post-components/p-3a8aa86c.entry.js +1 -0
- package/dist/post-components/p-4575b6be.js +1 -0
- package/dist/post-components/{p-f2ed28e5.js → p-47e21420.js} +1 -1
- package/dist/post-components/p-4f608797.entry.js +1 -0
- package/dist/post-components/{p-c3135c18.js → p-5171e02f.js} +1 -1
- package/dist/post-components/p-5c5b1fc0.entry.js +1 -0
- package/dist/post-components/{p-16d20563.js → p-5f1f7b49.js} +1 -1
- package/dist/post-components/{p-9b46c8f2.js → p-6c3ac622.js} +1 -1
- package/dist/post-components/{p-76bbd883.js → p-74122649.js} +1 -1
- package/dist/post-components/{p-904b3028.entry.js → p-76257bba.entry.js} +1 -1
- package/dist/post-components/{p-a2806a35.js → p-7a7ce5d1.js} +1 -1
- package/dist/post-components/p-7ed1123b.entry.js +1 -0
- package/dist/post-components/{p-3fdd351e.js → p-7ff34767.js} +1 -1
- package/dist/post-components/p-82e405cc.entry.js +1 -0
- package/dist/post-components/{p-7f09a864.js → p-898d9196.js} +1 -1
- package/dist/post-components/p-98c7bec2.entry.js +1 -0
- package/dist/post-components/{p-fa65c799.js → p-99502c06.js} +1 -1
- package/dist/post-components/{p-77eb06d0.js → p-9b179f0f.js} +1 -1
- package/dist/post-components/p-9f202ea3.entry.js +1 -0
- package/dist/post-components/p-a24295d5.entry.js +1 -0
- package/dist/post-components/{p-49b69e0e.js → p-a2ae208a.js} +1 -1
- package/dist/post-components/p-bac3cb12.js +1 -0
- package/dist/post-components/{p-78ae731e.js → p-bd85e141.js} +1 -1
- package/dist/post-components/{p-faaa4c0a.js → p-bff8004e.js} +1 -1
- package/dist/post-components/p-c9c86df8.entry.js +1 -0
- package/dist/post-components/{p-baf06ea0.js → p-ce34c58e.js} +1 -1
- package/dist/post-components/p-d3c4e8ea.entry.js +1 -0
- package/dist/post-components/p-d72abd74.entry.js +1 -0
- package/dist/post-components/{p-26951eb6.js → p-dc8af283.js} +1 -1
- package/dist/post-components/p-dfcee8dc.entry.js +1 -0
- package/dist/post-components/p-e0c0467e.entry.js +1 -0
- package/dist/post-components/{p-ce76e0bf.js → p-e7bec3de.js} +1 -1
- package/dist/post-components/{p-f513fd5d.js → p-eb8b3ffa.js} +1 -1
- package/dist/post-components/p-f41b0150.entry.js +1 -0
- package/dist/post-components/p-f580d6dd.entry.js +1 -0
- package/dist/post-components/p-ff065ad4.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-language-option/post-language-option.d.ts +6 -2
- package/dist/types/components/post-language-switch/post-language-switch.d.ts +8 -3
- package/dist/types/components/post-language-switch/switch-variants.d.ts +2 -0
- package/dist/types/components.d.ts +22 -6
- package/loaders/package.js +1 -1
- package/loaders/post-header.js +5 -3
- package/loaders/post-language-option.js +4 -2
- package/loaders/post-language-switch.js +17 -8
- package/loaders/post-linkarea.js +1 -1
- package/loaders/post-mainnavigation.js +1 -1
- package/loaders/post-megadropdown.js +1 -1
- package/package.json +3 -3
- package/dist/esm/package-0d05729a.js +0 -3
- package/dist/post-components/p-0ca3d16c.entry.js +0 -1
- package/dist/post-components/p-1a695d66.entry.js +0 -1
- package/dist/post-components/p-1eb54abb.entry.js +0 -1
- package/dist/post-components/p-2bcf91f6.entry.js +0 -1
- package/dist/post-components/p-3e94d076.entry.js +0 -1
- package/dist/post-components/p-3ef59370.entry.js +0 -1
- package/dist/post-components/p-413b656c.entry.js +0 -1
- package/dist/post-components/p-480169b9.js +0 -1
- package/dist/post-components/p-78b6020e.entry.js +0 -1
- package/dist/post-components/p-88c5e0bf.entry.js +0 -1
- package/dist/post-components/p-8c732622.entry.js +0 -1
- package/dist/post-components/p-8f2e8a63.entry.js +0 -1
- package/dist/post-components/p-9ae6517d.entry.js +0 -1
- package/dist/post-components/p-c6a239f2.entry.js +0 -1
- package/dist/post-components/p-ceb96aaa.js +0 -1
- package/dist/post-components/p-d2646369.entry.js +0 -1
- package/dist/post-components/p-debe5b2d.entry.js +0 -1
- package/dist/post-components/p-f3c23d8c.entry.js +0 -1
- package/dist/post-components/p-f573860f.js +0 -1
- package/dist/post-components/p-facba41d.entry.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-40846676.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-52c62831.js';
|
|
3
3
|
import { s as slideUp, a as slideDown } from './slide-62768431.js';
|
|
4
4
|
import { c as checkEmptyOrOneOf, d as checkEmptyOrType, b as checkEmptyOrUrl } from './index-0aec278f.js';
|
|
5
5
|
import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
|
|
@@ -185,7 +185,7 @@ function getFocusableChildren(element) {
|
|
|
185
185
|
return visibleFocusableChildren;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-
|
|
188
|
+
const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-4);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
|
|
189
189
|
const PostHeaderStyle0 = postHeaderCss;
|
|
190
190
|
|
|
191
191
|
const PostHeader = class {
|
|
@@ -346,7 +346,9 @@ const PostHeader = class {
|
|
|
346
346
|
}
|
|
347
347
|
switchLanguageSwitchMode() {
|
|
348
348
|
const variant = this.device === 'desktop' ? 'menu' : 'list';
|
|
349
|
-
this.host.
|
|
349
|
+
Array.from(this.host.querySelectorAll('post-language-switch')).forEach(languageSwitch => {
|
|
350
|
+
languageSwitch?.setAttribute('variant', variant);
|
|
351
|
+
});
|
|
350
352
|
}
|
|
351
353
|
renderNavigation() {
|
|
352
354
|
const navigationClasses = ['navigation'];
|
|
@@ -356,7 +358,7 @@ const PostHeader = class {
|
|
|
356
358
|
return (h("div", { ref: el => (this.mobileMenu = el), class: navigationClasses.join(' ') }, h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (h("div", { class: "navigation-footer" }, h("slot", { name: "meta-navigation" }), h("slot", { name: "post-language-switch" })))));
|
|
357
359
|
}
|
|
358
360
|
render() {
|
|
359
|
-
return (h(Host, { key: '
|
|
361
|
+
return (h(Host, { key: '5d4e569a43d52f4f2686f8c0edf30029927e00eb', version: version }, h("div", { key: 'efe5fb6874629bad9ebcedd4185d64df44693d4e', class: "global-header" }, h("div", { key: '49fa0b36875b64b9bf7bbc630a7ac87a46009506', class: "global-sub" }, h("div", { key: '0e58484695c60c3844e7ac8550071c57f7edd73d', class: "logo" }, h("slot", { key: 'e0806856324f90bfa502dfa888ba1a870c6ddbc4', name: "post-logo" }))), h("div", { key: '58958bc4bb15eac5ee2752eba0ae15f7b14a17a7', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: '64da4d9ee52814d0dc510964e6f7b62bd389ddcf', name: "meta-navigation" }), h("slot", { key: 'a5306db01f58040da846940a91c58fcb1790c7bc', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: '565a5639c7a32708b170b00f01ef5f9fc06b1874', name: "post-language-switch" }), h("div", { key: '1145f03652ec25c8fd2e757ecdcbc92e5523021e', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: 'c9fbbf11fb228f6a0a728adb58cf62e6aa27647b', name: "post-togglebutton" })))), h("div", { key: '13bd35e7f9ee042c0f9003b206d948cc94a5d71c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: '920427d665def0ee159f48add29957e8190e32e9', name: "title" }), h("div", { key: 'e60088d6fc0fe4b89928dd4024d954ab87663362', class: "local-sub" }, h("slot", { key: '36f22f783c4be341b7d366a8f3a7371e11024f3d', name: "local-controls" }), h("slot", { key: '8ce479a57d276fbe174ae6c3289618273a9e8192' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
|
|
360
362
|
}
|
|
361
363
|
static get watchers() { return {
|
|
362
364
|
"mobileMenuExtended": ["frozeBody"]
|
|
@@ -494,7 +496,7 @@ const PostIcon = class {
|
|
|
494
496
|
};
|
|
495
497
|
PostIcon.style = PostIconStyle0;
|
|
496
498
|
|
|
497
|
-
const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,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}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){
|
|
499
|
+
const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,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}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){padding-inline:.7rem;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=list]):where(:not([type]),[type=language]) :is(a,button){padding-inline:0;width:40px;text-transform:uppercase}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}post-language-option:where([variant=menu]):where(:not([type]),[type=language]) :is(a,button){text-transform:uppercase}";
|
|
498
500
|
const PostLanguageOptionStyle0 = postLanguageOptionCss;
|
|
499
501
|
|
|
500
502
|
const PostLanguageOption = class {
|
|
@@ -504,6 +506,7 @@ const PostLanguageOption = class {
|
|
|
504
506
|
this.code = undefined;
|
|
505
507
|
this.active = undefined;
|
|
506
508
|
this.variant = undefined;
|
|
509
|
+
this.type = undefined;
|
|
507
510
|
this.name = undefined;
|
|
508
511
|
this.url = undefined;
|
|
509
512
|
}
|
|
@@ -553,7 +556,7 @@ const PostLanguageOption = class {
|
|
|
553
556
|
this.emitChange();
|
|
554
557
|
}
|
|
555
558
|
};
|
|
556
|
-
return (h(Host, { key: '
|
|
559
|
+
return (h(Host, { key: '1e2f480593c843078a56aefe24e24de3e39585c4', "data-version": version, role: this.variant ? `${this.variant}item` : null }, this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null))) : (h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null)))));
|
|
557
560
|
}
|
|
558
561
|
static get watchers() { return {
|
|
559
562
|
"code": ["validateCode"],
|
|
@@ -565,8 +568,9 @@ const PostLanguageOption = class {
|
|
|
565
568
|
PostLanguageOption.style = PostLanguageOptionStyle0;
|
|
566
569
|
|
|
567
570
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
571
|
+
const SWITCH_TYPES = ['language', 'region'];
|
|
568
572
|
|
|
569
|
-
const postLanguageSwitchCss = ":host{display:flex}:host>span{display:flex;flex-shrink:0;
|
|
573
|
+
const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap}:host>span{display:inline-flex;flex-shrink:0;padding-inline:.7rem;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){gap:.5rem}:host(:where(:not([type]),[type=language]))>span{padding-inline:0;width:40px;text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-trigger{text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-dropdown-container{text-transform:uppercase}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
|
|
570
574
|
const PostLanguageSwitchStyle0 = postLanguageSwitchCss;
|
|
571
575
|
|
|
572
576
|
const PostLanguageSwitch = class {
|
|
@@ -575,6 +579,7 @@ const PostLanguageSwitch = class {
|
|
|
575
579
|
this.caption = undefined;
|
|
576
580
|
this.description = undefined;
|
|
577
581
|
this.variant = 'list';
|
|
582
|
+
this.type = 'language';
|
|
578
583
|
this.activeLang = undefined;
|
|
579
584
|
}
|
|
580
585
|
get host() { return getElement(this); }
|
|
@@ -587,21 +592,25 @@ const PostLanguageSwitch = class {
|
|
|
587
592
|
validateVariant(value = this.variant) {
|
|
588
593
|
checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be: ${SWITCH_VARIANTS.join(', ')}`);
|
|
589
594
|
}
|
|
595
|
+
validateType(value = this.type) {
|
|
596
|
+
checkEmptyOrOneOf(value, SWITCH_TYPES, `The "type" property of the post-language-switch component must be: ${SWITCH_TYPES.join(', ')}`);
|
|
597
|
+
}
|
|
590
598
|
connectedCallback() {
|
|
591
|
-
this.
|
|
599
|
+
this.updateChildrenProps();
|
|
592
600
|
// Get the active language based on children's active state
|
|
593
601
|
this.activeLang = Array.from(this.host.querySelectorAll('post-language-option'))
|
|
594
602
|
.find(el => el.getAttribute('active') == 'true')
|
|
595
603
|
.getAttribute('code');
|
|
596
604
|
}
|
|
597
605
|
// Update post-language-option variant to have the correct style
|
|
598
|
-
|
|
606
|
+
updateChildrenProps() {
|
|
599
607
|
this.host.querySelectorAll('post-language-option').forEach(el => {
|
|
600
608
|
el.setAttribute('variant', this.variant);
|
|
609
|
+
el.setAttribute('type', this.type);
|
|
601
610
|
});
|
|
602
611
|
}
|
|
603
612
|
componentWillUpdate() {
|
|
604
|
-
this.
|
|
613
|
+
this.updateChildrenProps();
|
|
605
614
|
}
|
|
606
615
|
componentDidLoad() {
|
|
607
616
|
this.validateCaption();
|
|
@@ -628,10 +637,10 @@ const PostLanguageSwitch = class {
|
|
|
628
637
|
}
|
|
629
638
|
menuId = `p${nanoid(11)}`;
|
|
630
639
|
renderList() {
|
|
631
|
-
return (h(Host, { "data-version": version, role: "list", "aria-label": this.caption }, h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang
|
|
640
|
+
return (h(Host, { "data-version": version, role: "list", "aria-label": this.caption }, h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang), h("slot", null)));
|
|
632
641
|
}
|
|
633
642
|
renderDropdown() {
|
|
634
|
-
return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang
|
|
643
|
+
return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang, h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, h("slot", null))));
|
|
635
644
|
}
|
|
636
645
|
render() {
|
|
637
646
|
return this.variant === 'list' ? this.renderList() : this.renderDropdown();
|
|
@@ -639,7 +648,8 @@ const PostLanguageSwitch = class {
|
|
|
639
648
|
static get watchers() { return {
|
|
640
649
|
"caption": ["validateCaption"],
|
|
641
650
|
"description": ["validateDescription"],
|
|
642
|
-
"variant": ["validateVariant"]
|
|
651
|
+
"variant": ["validateVariant"],
|
|
652
|
+
"type": ["validateType"]
|
|
643
653
|
}; }
|
|
644
654
|
};
|
|
645
655
|
PostLanguageSwitch.style = PostLanguageSwitchStyle0;
|
|
@@ -725,7 +735,7 @@ const PostLogo = class {
|
|
|
725
735
|
};
|
|
726
736
|
PostLogo.style = PostLogoStyle0;
|
|
727
737
|
|
|
728
|
-
const postMainnavigationCss = "post-mainnavigation{flex:0 0 auto}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}post-mainnavigation post-list-item post-megadropdown-trigger 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}post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:var(--post-core-dimension-4)}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-16)}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation{display:block}post-mainnavigation nav{max-width:100vw;background:var(--post-core-color-brand-white);max-height:var(--main-navigation-height);user-select:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{position:absolute;inset-block:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:var(--post-core-color-brand-white);padding:var(--post-core-dimension-16);box-shadow:var(--post-core-elevation-5);line-height:var(--post-core-line-height-100);height:100%}post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}post-mainnavigation post-list{margin-inline:var(--post-core-dimension-4)}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:var(--post-core-dimension-12);height:var(--main-navigation-height);gap:var(--post-core-dimension-4);font-size:var(--post-core-font-size-16);border-block:0 solid rgba(0,0,0,0);border-block-end-color:currentColor}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:3}}@media screen and (min-width: 1024px)and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:4}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{border-block-width:var(--post-core-dimension-2)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{border-block-width:var(--post-core-dimension-4);font-weight:var(--post-core-font-weight-700)}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:var(--post-core-dimension-12);transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::after,post-mainnavigation post-megadropdown a:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-list-item>a:hover::after,post-mainnavigation post-list-item>button:hover::after,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}post-mainnavigation .back-button .btn{padding-inline:0}";
|
|
738
|
+
const postMainnavigationCss = "post-mainnavigation{flex:0 0 auto}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}post-mainnavigation post-list-item post-megadropdown-trigger 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}post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:var(--post-core-dimension-4)}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-16)}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-14)}}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}@media screen and (min-width: 1024px){post-mainnavigation{display:block}post-mainnavigation nav{max-width:100vw;background:var(--post-core-color-brand-white);max-height:var(--main-navigation-height);user-select:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{position:absolute;inset-block:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:var(--post-core-color-brand-white);padding:var(--post-core-dimension-16);box-shadow:var(--post-core-elevation-5);line-height:var(--post-core-line-height-100);height:100%}post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}post-mainnavigation post-list{margin-inline:var(--post-core-dimension-4)}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:var(--post-core-dimension-12);height:var(--main-navigation-height);gap:var(--post-core-dimension-4);font-size:var(--post-core-font-size-16)}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:3}}@media screen and (min-width: 1024px)and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:4}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:var(--post-core-font-weight-700)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:var(--post-core-dimension-12);transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close).selected,post-mainnavigation post-megadropdown button:not(.btn-icon-close)[aria-expanded=true],post-mainnavigation post-megadropdown a.selected,post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}post-mainnavigation .back-button .btn{padding-inline:0}";
|
|
729
739
|
const PostMainnavigationStyle0 = postMainnavigationCss;
|
|
730
740
|
|
|
731
741
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
@@ -932,7 +942,7 @@ const PostMainnavigation = class {
|
|
|
932
942
|
};
|
|
933
943
|
PostMainnavigation.style = PostMainnavigationStyle0;
|
|
934
944
|
|
|
935
|
-
const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{--post-main-header-height:56px;--post-global-header-height:72px;--post-header-height:calc(var(--post-global-header-height) + var(--post-main-header-height));box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;border-top:1px solid #e1e0dc;width:100%;top:100%;left:0;border-radius:0}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{--post-global-header-height:64px;z-index:4;top:0 !important;left:0;width:100%;position:fixed;height:calc(100vh - var(--post-header-height));max-height:calc(100vh - var(--header-height));border-top:unset;overflow:auto}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-top:0;margin-bottom:8px;font-weight:900}.megadropdown h2 a{text-decoration:none;font-weight:inherit;border-bottom:0;border-top:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)){padding:
|
|
945
|
+
const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{--post-main-header-height:56px;--post-global-header-height:72px;--post-header-height:calc(var(--post-global-header-height) + var(--post-main-header-height));box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;border-top:1px solid #e1e0dc;width:100%;top:100%;left:0;border-radius:0}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{--post-global-header-height:64px;z-index:4;top:0 !important;left:0;width:100%;position:fixed;height:calc(100vh - var(--post-header-height));max-height:calc(100vh - var(--header-height));border-top:unset;overflow:auto}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-top:0;margin-bottom:8px;font-weight:900}.megadropdown h2 a{text-decoration:none;font-weight:inherit;border-bottom:0;border-top:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:2px;position:absolute;left:0}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}.megadropdown post-list .list-title h3 a.selected,.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-bottom:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{display:block}}.megadropdown .close-button{position:absolute;top:1rem;right:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
|
|
936
946
|
const PostMegadropdownStyle0 = postMegadropdownCss;
|
|
937
947
|
|
|
938
948
|
const PostMegadropdown = class {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, g as getElement, h, H as Host } from './index-40846676.js';
|
|
2
|
-
import { v as version$1 } from './package-
|
|
2
|
+
import { v as version$1 } from './package-52c62831.js';
|
|
3
3
|
import { g as getAttributeObserver } from './attribute-observer-2f203993.js';
|
|
4
4
|
import { d as checkEmptyOrType } from './index-0aec278f.js';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { P as post_tooltip } from './post-tooltip-
|
|
1
|
+
export { P as post_tooltip } from './post-tooltip-1be020fd.js';
|
|
2
2
|
import './index-40846676.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-52c62831.js';
|
|
4
4
|
import './attribute-observer-2f203993.js';
|
|
5
5
|
import './index-0aec278f.js';
|
|
6
6
|
import './constants-8d548297.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as PostAccordion}from"./p-
|
|
1
|
+
export{P as PostAccordion}from"./p-6c3ac622.js";export{P as PostAccordionItem}from"./p-bd85e141.js";export{P as PostAvatar}from"./p-99502c06.js";export{P as PostBackToTop}from"./p-7a7ce5d1.js";export{P as PostBanner}from"./p-dc8af283.js";export{P as PostBreadcrumb}from"./p-5171e02f.js";export{P as PostBreadcrumbItem,a as PostMenuItem}from"./p-74122649.js";export{P as PostCardControl}from"./p-bff8004e.js";export{P as PostClosebutton,a as PostHeader,b as PostIcon,c as PostLanguageOption,d as PostLanguageSwitch,e as PostList,f as PostListItem,g as PostLogo,h as PostMainnavigation,i as PostMegadropdown,j as PostMegadropdownTrigger,k as PostMenu,l as PostMenuTrigger,m as PostPopovercontainer,n as PostTogglebutton}from"./p-bac3cb12.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-ce34c58e.js";export{P as PostFooter}from"./p-eb8b3ffa.js";export{P as PostLinkarea}from"./p-ff065ad4.js";export{P as PostPopover}from"./p-47e21420.js";export{P as PostRating}from"./p-a2ae208a.js";export{P as PostTabs}from"./p-9b179f0f.js";export{P as PostTabHeader}from"./p-5f1f7b49.js";export{P as PostTabPanel}from"./p-7ff34767.js";export{P as PostTag}from"./p-e7bec3de.js";export{P as PostTooltip}from"./p-898d9196.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-247a1668.js";import"./p-bacd3e2c.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";import"./p-b095519d.js";import"./p-4af6dbed.js";import"./p-64e3de38.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";import"./p-9748a355.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as post_collapsible,a as post_collapsible_trigger}from"./p-
|
|
1
|
+
export{P as post_collapsible,a as post_collapsible_trigger}from"./p-ce34c58e.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-b095519d.js";import"./p-e1baac59.js";import"./p-fc91cbc2.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_popover}from"./p-47e21420.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-9748a355.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tag}from"./p-e7bec3de.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_tab_header}from"./p-5f1f7b49.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-5959f2bd.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t="9.0.0-next.18";export{t as v}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as e,r as o,h as t,H as s}from"./p-ff95dcd3.js";import{v as i}from"./p-
|
|
1
|
+
import{g as e,r as o,h as t,H as s}from"./p-ff95dcd3.js";import{v as i}from"./p-4575b6be.js";import{g as r}from"./p-9748a355.js";let c=0;const n="data-popover-target",a=e=>{const o=e.target;if(!o||!("getAttribute"in o))return;const t=o.getAttribute(n);if(!t||"key"in e&&"Enter"!==e.key)return;const s=document.getElementById(t);s?.toggle(o)},d=r(n,(e=>{const o=e.hasAttribute(n);e.setAttribute("aria-expanded",o?"false":null)})),l=class{popoverRef;localBeforeToggleHandler;get host(){return e(this)}constructor(e){o(this,e),this.placement="top",this.closeButtonCaption=void 0,this.arrow=!0,this.localBeforeToggleHandler=this.beforeToggleHandler.bind(this)}connectedCallback(){0===c&&(window.addEventListener("pointerup",a),window.addEventListener("keydown",a),d.observe(document.body,{subtree:!0,childList:!0,attributeFilter:[n]})),c++,this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}componentDidLoad(){this.popoverRef.addEventListener("beforetoggle",this.localBeforeToggleHandler)}disconnectedCallback(){c--,0===c&&(window.removeEventListener("click",a),window.removeEventListener("keydown",a),d.disconnect()),this.popoverRef.removeEventListener("beforetoggle",this.localBeforeToggleHandler),this.triggers.forEach((e=>e.removeAttribute("aria-expanded")))}async show(e){this.popoverRef.show(e),e.setAttribute("aria-expanded","true")}async hide(){this.popoverRef.hide(),this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}async toggle(e,o){const t=await this.popoverRef.toggle(e,o);this.triggers.forEach((e=>e.setAttribute("aria-expanded","false"))),e.setAttribute("aria-expanded",`${t}`)}get triggers(){return document.querySelectorAll(`[${n}="${this.host.id}"]`)}beforeToggleHandler(){this.triggers.forEach((e=>e.setAttribute("aria-expanded","false")))}render(){return t(s,{key:"a7976e6c960015ed9b318c75fc8a74afc2337661","data-version":i},t("post-popovercontainer",{key:"1b71f4bce3a6866e19c3900c0e82f814508f8144",arrow:this.arrow,placement:this.placement,ref:e=>this.popoverRef=e},t("div",{key:"b15e45e7fd31edc36fa4c912332984daf0ce9cbc",class:"popover-container"},t("div",{key:"adc170a2738c7f88c60e8885d8ee84f10fa1d546",class:"popover-content"},t("slot",{key:"235dbd1a184353de8d8da038c8c31e3dd7f6dab7"})),t("button",{key:"679fccf088d5589b548ec2186facc6c767aace93",class:"btn-close",onClick:()=>this.hide()},t("span",{key:"e8f61719cc6e9b6ddf85756005f17b9103406055",class:"visually-hidden"},this.closeButtonCaption)))))}};l.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{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}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";export{l as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_banner}from"./p-dc8af283.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-64e3de38.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";import"./p-b095519d.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as i,h as t,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-f573860f.js";import{c as s}from"./p-59373941.js";import{d as a}from"./p-e1baac59.js";const c=class{constructor(i){e(this,i),this.homeUrl=void 0,this.homeText="Home",this.breadcrumbItems=[],this.isConcatenated=void 0,this.lastWindowWidth=void 0}get host(){return i(this)}breadcrumbNavRef;lastItem;validateUrl(){s(this.homeUrl,'The "url" property of the home-icon is invalid')}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}waitForBreadcrumbRef=a((()=>{this.breadcrumbNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbRef()}),50);updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())};getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e instanceof HTMLElement?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbNavRef)return;const e=this.getParentWidth(),i=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,i)=>e+i.getBoundingClientRect().width),0);this.isConcatenated=i>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return t(o,{key:"d24a602e1c84ec7227c44a02ac0bebcfe0358b89","data-version":r},t("nav",{key:"7ba77ead7ee58f141da4b3e38b11372312ddccf0","aria-label":"Breadcrumb",class:"breadcrumbs-nav",ref:e=>this.breadcrumbNavRef=e},t("ol",{key:"210f747196e7450c25f088b258868adc4809e587",class:"no-list breadcrumbs-list"},t("li",{key:"66627682df3f2a9879d037c1f1f0ed3633267590"},t("a",{key:"eb3f05c7badfb40f91aa8d961b4a3cca15946c6e",href:this.homeUrl,class:"breadcrumb-link"},t("span",{key:"d4295523999fe7b0192d7d110e84f939b93be1a9",class:"visually-hidden"},this.homeText),t("post-icon",{key:"d77ed3f3b22acefd7675dbe94023a9763e7afac9",name:"home",class:"home-icon"}))),this.isConcatenated?t("div",{class:"menu-trigger-wrapper","aria-label":"More breadcrumbs",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},t("post-icon",{name:"2111",class:"breadcrumb-item-icon"}),t("div",{class:"actual-menu"},t("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0},t("button",{class:"btn test",tabIndex:-1},"...")),t("post-menu",{id:"breadcrumb-menu"},e.map((e=>t("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const i=e.currentTarget.querySelector("a");i?.click(),e.preventDefault()}}},e.url?t("a",{href:e.url},e.text):t("span",null,e.text))))))):e.map((e=>t("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text))),this.lastItem&&t("post-breadcrumb-item",{key:"602d2071f6077fa61782f87970c8e8756ad8c20d",url:this.lastItem.url,"aria-current":"page",tabindex:-1},this.lastItem.text)),t("div",{key:"e00662dad1d308e9791140acd85dbe34084adf34",class:"hidden-items"},t("a",{key:"8d71359ec18220eaa83095750a1e0fb82e716238",href:this.homeUrl,class:"hidden-breadcrumb-item"},t("span",{key:"c5231a0e4d392627bbc8df44016bd8336438a1fd",class:"visually-hidden"},this.homeText),t("post-icon",{key:"449f27766fb18df99f70cba07de7d5e861a25da6",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>t("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}static get watchers(){return{homeUrl:["validateUrl"]}}};c.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-bottom:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item a{text-decoration:none;color:inherit;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);font-size:var(--post-device-font-size-6)}.breadcrumb-item a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item a:focus-visible{border-radius:var(--post-device-border-radius-focus)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}post-breadcrumb-item:last-of-type{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}post-breadcrumb-item:last-of-type:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";export{c as P}
|
|
1
|
+
import{r as e,g as i,h as t,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-4575b6be.js";import{c as s}from"./p-59373941.js";import{d as a}from"./p-e1baac59.js";const c=class{constructor(i){e(this,i),this.homeUrl=void 0,this.homeText="Home",this.breadcrumbItems=[],this.isConcatenated=void 0,this.lastWindowWidth=void 0}get host(){return i(this)}breadcrumbNavRef;lastItem;validateUrl(){s(this.homeUrl,'The "url" property of the home-icon is invalid')}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}waitForBreadcrumbRef=a((()=>{this.breadcrumbNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbRef()}),50);updateBreadcrumbItems(){this.breadcrumbItems=Array.from(this.host.querySelectorAll("post-breadcrumb-item")).map((e=>({text:e.textContent||"",url:e.getAttribute("url")||""}))),this.lastItem=this.breadcrumbItems[this.breadcrumbItems.length-1]}handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())};getParentWidth(){let e=this.host.parentNode;for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e instanceof HTMLElement?e.clientWidth:window.innerWidth}checkConcatenation(){if(!this.breadcrumbNavRef)return;const e=this.getParentWidth(),i=Array.from(this.host.shadowRoot?.querySelectorAll(".hidden-breadcrumb-item")||[]).reduce(((e,i)=>e+i.getBoundingClientRect().width),0);this.isConcatenated=i>e}handleBreadcrumbItemClick(){if(this.host.shadowRoot){const e=this.host.shadowRoot?.querySelector(".menu-trigger-wrapper")?.querySelector("button");e&&e.click()}}render(){const e=this.breadcrumbItems.slice(0,-1);return t(o,{key:"d24a602e1c84ec7227c44a02ac0bebcfe0358b89","data-version":r},t("nav",{key:"7ba77ead7ee58f141da4b3e38b11372312ddccf0","aria-label":"Breadcrumb",class:"breadcrumbs-nav",ref:e=>this.breadcrumbNavRef=e},t("ol",{key:"210f747196e7450c25f088b258868adc4809e587",class:"no-list breadcrumbs-list"},t("li",{key:"66627682df3f2a9879d037c1f1f0ed3633267590"},t("a",{key:"eb3f05c7badfb40f91aa8d961b4a3cca15946c6e",href:this.homeUrl,class:"breadcrumb-link"},t("span",{key:"d4295523999fe7b0192d7d110e84f939b93be1a9",class:"visually-hidden"},this.homeText),t("post-icon",{key:"d77ed3f3b22acefd7675dbe94023a9763e7afac9",name:"home",class:"home-icon"}))),this.isConcatenated?t("div",{class:"menu-trigger-wrapper","aria-label":"More breadcrumbs",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},t("post-icon",{name:"2111",class:"breadcrumb-item-icon"}),t("div",{class:"actual-menu"},t("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0},t("button",{class:"btn test",tabIndex:-1},"...")),t("post-menu",{id:"breadcrumb-menu"},e.map((e=>t("post-menu-item",{key:e.url||e.text,class:"breadcrumb-item",onKeyDown:e=>{if("Enter"===e.key||" "===e.key){const i=e.currentTarget.querySelector("a");i?.click(),e.preventDefault()}}},e.url?t("a",{href:e.url},e.text):t("span",null,e.text))))))):e.map((e=>t("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text))),this.lastItem&&t("post-breadcrumb-item",{key:"602d2071f6077fa61782f87970c8e8756ad8c20d",url:this.lastItem.url,"aria-current":"page",tabindex:-1},this.lastItem.text)),t("div",{key:"e00662dad1d308e9791140acd85dbe34084adf34",class:"hidden-items"},t("a",{key:"8d71359ec18220eaa83095750a1e0fb82e716238",href:this.homeUrl,class:"hidden-breadcrumb-item"},t("span",{key:"c5231a0e4d392627bbc8df44016bd8336438a1fd",class:"visually-hidden"},this.homeText),t("post-icon",{key:"449f27766fb18df99f70cba07de7d5e861a25da6",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>t("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}static get watchers(){return{homeUrl:["validateUrl"]}}};c.style="/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:flex;align-items:center}.breadcrumbs-nav{display:flex;align-items:center}.hidden-items{gap:var(--post-device-spacing-gap-inline-4);position:absolute;height:0;overflow:hidden;white-space:nowrap}.breadcrumbs-list{display:flex;flex-wrap:nowrap;position:relative;margin:0;padding:0;list-style:none;align-items:center;height:100%;gap:var(--post-device-spacing-gap-inline-4)}post-icon{display:inline-block;box-sizing:border-box;color:var(--post-scheme-color-interactive-primary-enabled-fg1);height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.breadcrumb-item-icon{padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}li a{display:flex;align-items:center}li a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}li a:focus{border-radius:var(--post-device-border-radius-focus)}li a .home-icon{padding-block:var(--post-device-spacing-padding-4);padding-inline:var(--post-device-spacing-padding-4)}li a .home-icon:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){li a .home-icon a,li a .home-icon:focus,li a .home-icon:hover{color:CanvasText !important}}.menu-trigger-wrapper{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-5)}.actual-menu{display:flex;align-items:center}post-menu-trigger{display:flex;align-items:center;padding-block:var(--post-device-spacing-padding-block-7)}post-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-menu-trigger:focus{border-radius:var(--post-device-border-radius-focus)}post-menu-trigger button{background:none;border:none;line-height:150%;font-size:var(--post-device-font-size-6);cursor:pointer;padding:0;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}post-menu-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-trigger button a,post-menu-trigger button:focus,post-menu-trigger button:hover{color:LinkText !important}}post-menu::part(popover-container){display:flex;flex-direction:column;align-items:start;padding:.6rem;gap:var(--post-device-spacing-gap-inline-4)}post-menu::part(popover-container) ::slotted(post-menu-item:not(:last-child)){margin-bottom:var(--post-device-spacing-gap-inline-4)}.breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item a{text-decoration:none;color:inherit;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);font-size:var(--post-device-font-size-6)}.breadcrumb-item a{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item a:focus-visible{border-radius:var(--post-device-border-radius-focus)}.breadcrumb-item span:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item span:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item a,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}post-breadcrumb-item:last-of-type{pointer-events:none;color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);text-decoration:var(--post-core-text-decoration-none)}post-breadcrumb-item:last-of-type:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";export{c as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_back_to_top}from"./p-7a7ce5d1.js";import"./p-ff95dcd3.js";import"./p-4af6dbed.js";import"./p-4575b6be.js";import"./p-8562c7dc.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,g as t,h as r,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-
|
|
1
|
+
import{r as o,g as t,h as r,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-4575b6be.js";import{c as i}from"./p-b095519d.js";import{n as l}from"./p-5959f2bd.js";const b=class{constructor(t){o(this,t),this.tabId=void 0,this.panel=void 0}get host(){return t(this)}validateFor(o){i(o,'The "panel" prop is required for the post-tab-header.')}componentWillLoad(){this.tabId=`tab-${this.host.id||l(6)}`}render(){return r(e,{key:"f7383136476f3d32a79c39f7cadef8bcde0630f7",id:this.tabId,role:"tab","data-version":a,"aria-selected":"false",tabindex:"-1",class:"tab-title",slot:"tabs"},r("slot",{key:"b88f3ce360da891793e31b84c4bfd4f59511d88a"}))}static get watchers(){return{panel:["validateFor"]}}};b.style='.tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}';export{b as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as o,H as s}from"./p-ff95dcd3.js";import{v as i}from"./p-
|
|
1
|
+
import{r as t,g as e,h as o,H as s}from"./p-ff95dcd3.js";import{v as i}from"./p-4575b6be.js";import{H as a}from"./p-247a1668.js";import{c as r}from"./p-bacd3e2c.js";const c=class{constructor(e){t(this,e),this.headingLevel=void 0,this.multiple=!1}accordionItems;expandedItems=new Set;get host(){return e(this)}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 o(s,{key:"8c3ff1ccd37541dd906f9f7dddfdad241f9a29ee","data-version":i},o("div",{key:"331a8c56a9b2e4497cf6b7e7a7c80f6eb500bf7f",class:"accordion"},o("slot",{key:"a59cab01203187c5ed9b0766f5181aef8e1baf63",onSlotchange:()=>this.registerAccordionItems()})))}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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as t,h as i,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-
|
|
1
|
+
import{r as e,g as t,h as i,H as o}from"./p-ff95dcd3.js";import{v as r}from"./p-4575b6be.js";import{b as s}from"./p-fb8f5195.js";const c=class{constructor(t){e(this,t),this.url=void 0}get host(){return t(this)}validUrl;validateUrl(){try{this.validUrl=this.constructUrl(this.url)}catch(e){this.validUrl=void 0}}constructUrl(e){const t=/^https?:\/\//.test(String(this.url));if("string"==typeof e){const i=t?e:`${window.location.origin}${e}`;return s(i,'The "url" property of the post-breadcrumb-item is invalid'),i}}connectedCallback(){this.validateUrl()}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=this.host.shadowRoot?.querySelector("a");t&&(e.preventDefault(),t.click())}}render(){const e=this.validUrl?"a":"span";return i(o,{key:"ddd9e35e632f29c7854e03ee989527203b65b153","data-version":r},i("post-icon",{key:"713d822e2f32b6f7dfec594f9787c190664fb8d6",name:"2111",class:"breadcrumb-item-icon"}),i(e,{key:"80f211d04535691993caa52b1ee97eb71f7fdbc4",class:"breadcrumb-item",...this.validUrl?{href:this.validUrl}:{},onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"850f1212db8da0d356b8e3d10ba95cf2b49e896c"})))}static get watchers(){return{url:["validateUrl"]}}};c.style=":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";const a=class{constructor(t){e(this,t)}render(){return i(o,{key:"376ce17a520b6cb74c55c009843df878f99ef411",role:"menuitem","data-version":r},i("slot",{key:"e489c5c09f1527e527e052e9f4349c5b26db6ea9"}))}};export{c as P,a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-
|
|
1
|
+
export{P as post_closebutton,a as post_header,b as post_icon,c as post_language_option,d as post_language_switch,e as post_list,f as post_list_item,g as post_logo,h as post_mainnavigation,i as post_megadropdown,j as post_megadropdown_trigger,k as post_menu,l as post_menu_trigger,m as post_popovercontainer,n as post_togglebutton}from"./p-bac3cb12.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-4af6dbed.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-b095519d.js";import"./p-5959f2bd.js";import"./p-fc91cbc2.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as o,h as e,H as i}from"./p-ff95dcd3.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-
|
|
1
|
+
import{r as t,g as o,h as e,H as i}from"./p-ff95dcd3.js";import{s,a as r}from"./p-4af6dbed.js";import{v as a}from"./p-4575b6be.js";import{c}from"./p-8562c7dc.js";import{c as n}from"./p-b095519d.js";const d=class{constructor(o){t(this,o),this.label=void 0,this.belowFold=!1}get el(){return o(this)}translateY;isBelowFold(){return window.scrollY>window.innerHeight}handleScroll=()=>{this.belowFold=this.isBelowFold()};watchBelowFold(t){t?s(this.el,this.translateY):r(this.el,this.translateY)}scrollToTop(){window.scrollTo({top:0})}validateLabel(){c(this.label,"string","The label property of the Back to Top component is required for accessibility purposes. Please ensure it is set."),n(this.label,"The label property of the Back to Top component must not be empty. Please provide a proper text for the label")}componentWillLoad(){this.belowFold=this.isBelowFold()}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,!1),this.translateY=window.getComputedStyle(this.el).getPropertyValue("--post-floating-button-translate-y"),this.belowFold||(this.el.style.transform=`translateY(${this.translateY})`),this.belowFold&&s(this.el,this.translateY),this.validateLabel()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"c718f2e4cd8ee679cabf72cba7a493770fab2585","data-version":a},e("button",{key:"9573fafeb9f4a81b82331f82d42caede5bc8d625",class:"back-to-top","aria-hidden":this.belowFold?"false":"true",tabindex:this.belowFold?"0":"-1",onClick:this.scrollToTop},e("post-icon",{key:"7041105b5bb9dbea36999699c9d77d5eca272984","aria-hidden":"true",name:"3026"}),e("span",{key:"e8ad9cc2b468d304b01221da24e870b90701cb92",class:"visually-hidden"},this.label)))}static get watchers(){return{belowFold:["watchBelowFold"],label:["validateLabel"]}}};d.style=":host{--post-floating-button-translate-y:calc(-1 * var(--post-core-dimension-112));position:fixed;top:var(--post-device-position-1);right:var(--post-device-position-1)}:host .back-to-top{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;box-shadow:var(--post-device-elevation-300);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:flex;align-items:center;justify-content:center}:host .back-to-top{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 .back-to-top: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 .back-to-top:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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 .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{d as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_breadcrumb_item,a as post_menu_item}from"./p-74122649.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,g as t,h as a,H as o}from"./p-ff95dcd3.js";import{v as e}from"./p-
|
|
1
|
+
import{r as s,g as t,h as a,H as o}from"./p-ff95dcd3.js";import{v as e}from"./p-4575b6be.js";import{n as r}from"./p-5959f2bd.js";const i=class{constructor(t){s(this,t),this.panelId=void 0,this.name=void 0}get host(){return t(this)}componentWillLoad(){this.panelId=`panel-${this.host.id||r(6)}`}render(){return a(o,{key:"9d35c9ceec54f1c2983600342e5e63a49ca93aef","data-version":e,id:this.panelId,role:"tabpanel"},a("slot",{key:"8db185ca7a2030343df512962126a91f64840a64"}))}};i.style=":host{display:none}";export{i as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_avatar}from"./p-99502c06.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-b095519d.js";import"./p-440193f4.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,g as t,h as n,H as r}from"./p-ff95dcd3.js";import{v as o}from"./p-
|
|
1
|
+
import{r as e,g as t,h as n,H as r}from"./p-ff95dcd3.js";import{v as o}from"./p-4575b6be.js";import{g as i}from"./p-9748a355.js";import{d as a}from"./p-fb8f5195.js";var u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c,d,s={exports:{}},f={exports:{}},b={exports:{}},v={exports:{}},p={exports:{}};c=p,d=p.exports,Object.defineProperty(d,"__esModule",{value:!0}),d.default=function(e){if(!e)return[];if(Array.isArray(e))return e;if(void 0!==e.nodeType)return[e];if("string"==typeof e&&(e=document.querySelectorAll(e)),void 0!==e.length)return[].slice.call(e,0);throw new TypeError("unexpected input "+String(e))},c.exports=d.default,function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.label,n=void 0===t?"context-to-element":t,o=e.resolveDocument,i=e.defaultToDocument,a=(0,r.default)(e.context)[0];if(o&&a&&a.nodeType===Node.DOCUMENT_NODE&&(a=a.documentElement),!a&&i)return document.documentElement;if(!a)throw new TypeError(n+" requires valid options.context");if(a.nodeType!==Node.ELEMENT_NODE&&a.nodeType!==Node.DOCUMENT_FRAGMENT_NODE)throw new TypeError(n+" requires options.context to be an Element");return a};var n,r=(n=p.exports)&&n.__esModule?n:{default:n};e.exports=t.default}(v,v.exports),function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){for(var e=[],t=(0,r.default)({label:"get/parents",context:(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).context});t;)e.push(t),(t=t.parentNode)&&t.nodeType!==Node.ELEMENT_NODE&&(t=null);return e};var n,r=(n=v.exports)&&n.__esModule?n:{default:n};e.exports=t.default}(b,b.exports);var m={exports:{}};!function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return r||function(e){n.some((function(t){return!!e[t]&&(r=t,!0)}))}(e),e[r](t)};var n=["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector"],r=null;e.exports=t.default}(m,m.exports);var x={exports:{}},h={exports:{}},g={exports:{}},O={exports:{}},w={exports:{}},S={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
* Platform.js <https://mths.be/platform>
|
|
4
4
|
* Copyright 2014-2016 Benjamin Tan <https://demoneaux.github.io/>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_card_control}from"./p-bff8004e.js";import"./p-ff95dcd3.js";import"./p-bacd3e2c.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-4575b6be.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-
|
|
1
|
+
import{r as t,g as i,h as s,H as e}from"./p-ff95dcd3.js";import{v as a}from"./p-4575b6be.js";import{c as r}from"./p-b095519d.js";var o;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(o||(o={}));const n=class{constructor(i){t(this,i),this.firstname=void 0,this.lastname=void 0,this.userid=void 0,this.email=void 0,this.slottedImage=void 0,this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials=""}static INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png";get host(){return i(this)}validateFirstname(){r(this.firstname,"The `firstname` property of the `post-avatar` is required!")}async getAvatar(){if(null!==this.slottedImage)this.avatarType=o.Slotted;else{let t=!1;!t&&this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||this.getAvatarByInitials()}}async getImageByProp(t,i){if(!t)return!1;const s=await this.getStorageItem(t)??{ok:!1,url:""};if(!s.ok)try{const t=await i();s.ok=t.ok,s.url=t.url,this.imageUrl=s.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=o.Image,this.setStorageItem(this.userid,JSON.stringify(s))}catch(i){this.removeStorageItem(t),console.info(`Loading avatar by type "${o.Image}" failed.`)}return s.ok}async fetchImageByUserId(){return await fetch(n.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await this.cryptify(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}getAvatarByInitials(){this.initials=this.getInitials(),this.avatarType=o.Initials}getNames(){return[this.firstname,this.lastname].filter((t=>t))}getInitials(){return this.getNames().map((t=>t.charAt(0))).join("").trim()}async getStorageItem(t){const i=await this.cryptify(t),s=window?.sessionStorage?.getItem(i);return s?JSON.parse(s):null}async setStorageItem(t,i){const s=await this.cryptify(t);window?.sessionStorage?.setItem(s,i)}async removeStorageItem(t){const i=await this.cryptify(t);window?.sessionStorage?.removeItem(i)}async cryptify(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}onSlotDefaultChange(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentWillRender(){this.slottedImage=this.host.querySelector("img"),this.getAvatar()}componentDidLoad(){this.validateFirstname()}render(){const t=this.getNames().reduce(((t,i,e)=>(e>0&&t.push(s("span",null," ")),t.push(i.charAt(0)),t.push(s("span",null,i.slice(1))),t)),[]);return s(e,{"data-version":a},s("slot",{onSlotchange:this.onSlotDefaultChange.bind(this)},"image"===this.avatarType&&s("img",{src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&s("div",{class:"initials"},t)))}static get watchers(){return{firstname:["validateFirstname"]}}};n.style='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}';export{n as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,g as a,h as e,H as i}from"./p-ff95dcd3.js";import{v as o}from"./p-
|
|
1
|
+
import{r as t,c as s,g as a,h as e,H as i}from"./p-ff95dcd3.js";import{v as o}from"./p-4575b6be.js";import{f as r,a as h}from"./p-64e3de38.js";const n=class{constructor(a){t(this,a),this.postChange=s(this,"postChange",7),this.activePanel=void 0}activeTab;showing;hiding;isLoaded=!1;get tabs(){return Array.from(this.host.querySelectorAll("post-tab-header")).filter((t=>t.closest("post-tabs")===this.host))}get host(){return a(this)}postChange;componentDidLoad(){this.moveMisplacedTabs(),this.enableTabs(),this.show(this.activePanel||this.tabs[0]?.panel),this.isLoaded=!0}async show(t){if(t===this.activeTab?.panel)return;const s=this.activeTab,a=this.host.querySelector(`post-tab-header[panel=${t}]`);this.activateTab(a),this.showing&&(this.showing.effect.target.style.display="none",this.showing.finish()),!s||this.showing||this.hiding||this.hidePanel(s.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=>{if(await(s=t,"function"==typeof s.componentOnReady?s.componentOnReady():new Promise((t=>{return a=()=>{t(s)},"function"==typeof requestAnimationFrame?requestAnimationFrame(a):setTimeout(a);var a}))),t.getAttribute("aria-controls"))return;var s;const a=this.getPanel(t.panel);t.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",t.id),t.addEventListener("click",(()=>{this.show(t.panel)})),t.addEventListener("keydown",(s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.panel))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.activeTab&&!this.activeTab.isConnected&&this.show(this.tabs[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 s=this.getPanel(t);s&&(this.hiding=r(s),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){const t=this.getPanel(this.activeTab.panel);t.style.display="block",this.isLoaded&&(this.showing=h(t),this.showing.onfinish=()=>{this.showing=null})}getPanel(t){return this.host.querySelector(`post-tab-panel[name=${t}]`)}navigateTabs(t,s){const a=Array.from(this.tabs).indexOf(t);let e;e="ArrowRight"===s?this.tabs[a+1]||this.tabs[0]:this.tabs[a-1]||this.tabs[this.tabs.length-1],e&&e.focus()}render(){return e(i,{key:"7c81cd091603a01d960ecc2aed9653d0031dd16e","data-version":o},e("div",{key:"716a9f1e05a7ffeca8459e6a88ce4b56364b50ec",class:"tabs-wrapper",part:"tabs"},e("div",{key:"b41b35b26e0e1ef1e285719975841aefbdc4a8e1",class:"tabs",role:"tablist"},e("slot",{key:"065b3a6ecfba2710a344b44cc6d5e73beb0655df",name:"tabs",onSlotchange:()=>this.enableTabs()}))),e("div",{key:"f30ce2c568071c8f144ba50e62b48a1294207c63",class:"tab-content",part:"content"},e("slot",{key:"c71155abdf95343990b2ee85592e7a995f58d05e",onSlotchange:()=>this.moveMisplacedTabs()})))}};n.style='.tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,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}:host{display:block}';export{n as P}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{P as post_accordion_item}from"./p-bd85e141.js";import"./p-ff95dcd3.js";import"./p-4575b6be.js";import"./p-247a1668.js";import"./p-fb8f5195.js";import"./p-440193f4.js";import"./p-bacd3e2c.js";import"./p-8562c7dc.js";import"./p-59373941.js";import"./p-5959f2bd.js";
|