@swisspost/design-system-components 10.0.0-next.53 → 10.0.0-next.54
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/{package-CTyJAQzZ.js → package-CvZxvdTJ.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +1 -1
- package/dist/cjs/post-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +1 -1
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/post-card-control.cjs.entry.js +1 -1
- package/dist/cjs/post-closebutton_15.cjs.entry.js +58 -20
- package/dist/cjs/post-collapsible_2.cjs.entry.js +1 -1
- package/dist/cjs/post-footer.cjs.entry.js +1 -1
- package/dist/cjs/post-linkarea.cjs.entry.js +1 -1
- package/dist/cjs/post-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/post-popover.cjs.entry.js +1 -1
- package/dist/cjs/post-rating.cjs.entry.js +1 -1
- package/dist/cjs/post-tab-header.cjs.entry.js +1 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/post-tabs.cjs.entry.js +1 -1
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +1 -1
- package/dist/cjs/post-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/post-banner/post-banner.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +4 -2
- package/dist/collection/components/post-menu/post-menu.js +7 -5
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +50 -12
- package/dist/components/package.js +1 -1
- package/dist/components/post-banner.js +1 -1
- package/dist/components/post-megadropdown.js +4 -2
- package/dist/components/post-menu2.js +7 -5
- package/dist/components/post-popovercontainer2.js +46 -12
- package/dist/components/react/{p-vCHPi-c4.js → p-2U_BGLjc.js} +1 -1
- package/dist/components/react/{p-CEP4VRNR.js → p-BK474oMI.js} +1 -1
- package/dist/components/react/{p-DZ_1ljyU.js → p-BUxAs8N5.js} +1 -1
- package/dist/components/react/p-BXRsHuTS.js +3 -0
- package/dist/components/react/{p-CJocYMQ7.js → p-BfLuYwf7.js} +1 -1
- package/dist/components/react/{p-ClCCjdRt.js → p-Ccgu_WOx.js} +2 -2
- package/dist/components/react/{p-oXx3C5kr.js → p-D3CFjhAf.js} +2 -2
- package/dist/components/react/{p-DC1SzgZS.js → p-D4NSCxrX.js} +1 -1
- package/dist/components/react/{p-D_8kJXLe.js → p-DVxZMuPW.js} +1 -1
- package/dist/components/react/{p-RFewkSE5.js → p-Dj7qWba5.js} +4 -4
- package/dist/components/react/{p-ClNlUIJm.js → p-mENtrn2l.js} +47 -13
- package/dist/components/react/{p-BB-k_ccz.js → p-nSFSgY-P.js} +9 -7
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +2 -2
- package/dist/components/react/post-banner.js +2 -2
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +7 -7
- package/dist/components/react/post-card-control.js +2 -2
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/post-footer.js +6 -6
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-option.js +1 -1
- package/dist/components/react/post-language-switch.js +5 -5
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-list-item.js +1 -1
- package/dist/components/react/post-list.js +1 -1
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +2 -2
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +5 -3
- package/dist/components/react/post-menu-item.js +1 -1
- package/dist/components/react/post-menu-trigger.js +1 -1
- package/dist/components/react/post-menu.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +4 -4
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-rating.js +2 -2
- package/dist/components/react/post-tab-header.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +2 -2
- package/dist/docs.json +5 -1
- package/dist/esm/package-BXRsHuTS.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +1 -1
- package/dist/esm/post-avatar.entry.js +1 -1
- package/dist/esm/post-back-to-top.entry.js +1 -1
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/post-breadcrumb-item_2.entry.js +1 -1
- package/dist/esm/post-breadcrumbs.entry.js +1 -1
- package/dist/esm/post-card-control.entry.js +1 -1
- package/dist/esm/post-closebutton_15.entry.js +58 -20
- package/dist/esm/post-collapsible_2.entry.js +1 -1
- package/dist/esm/post-footer.entry.js +1 -1
- package/dist/esm/post-linkarea.entry.js +1 -1
- package/dist/esm/post-popover-trigger.entry.js +1 -1
- package/dist/esm/post-popover.entry.js +1 -1
- package/dist/esm/post-rating.entry.js +1 -1
- package/dist/esm/post-tab-header.entry.js +1 -1
- package/dist/esm/post-tab-panel.entry.js +1 -1
- package/dist/esm/post-tabs.entry.js +1 -1
- package/dist/esm/post-tooltip-trigger.entry.js +1 -1
- package/dist/esm/post-tooltip.entry.js +1 -1
- package/dist/post-components/{p-ff13396a.entry.js → p-02ea3ec5.entry.js} +1 -1
- package/dist/post-components/{p-240d3470.entry.js → p-0e92dbef.entry.js} +1 -1
- package/dist/post-components/{p-43ea9ba0.entry.js → p-0ec2bdd7.entry.js} +1 -1
- package/dist/post-components/{p-b3bc89ad.entry.js → p-11c204e0.entry.js} +1 -1
- package/dist/post-components/{p-ce396597.entry.js → p-197a0f25.entry.js} +1 -1
- package/dist/post-components/{p-f1a6e07a.entry.js → p-261b1452.entry.js} +1 -1
- package/dist/post-components/{p-6b73114c.entry.js → p-3274ab81.entry.js} +1 -1
- package/dist/post-components/{p-f4aac83e.entry.js → p-658b1ccc.entry.js} +1 -1
- package/dist/post-components/{p-ac1f1ebb.entry.js → p-77e43032.entry.js} +1 -1
- package/dist/post-components/{p-3f9554e1.entry.js → p-8f0fc02a.entry.js} +1 -1
- package/dist/post-components/{p-6de34182.entry.js → p-96750e25.entry.js} +1 -1
- package/dist/post-components/p-BXRsHuTS.js +1 -0
- package/dist/post-components/p-b5b5e4b9.entry.js +1 -0
- package/dist/post-components/p-b8059ba1.entry.js +1 -0
- package/dist/post-components/{p-4d84bb4a.entry.js → p-bf41fe56.entry.js} +1 -1
- package/dist/post-components/{p-be376a2b.entry.js → p-d6134e24.entry.js} +1 -1
- package/dist/post-components/p-e7029b9e.entry.js +1 -0
- package/dist/post-components/{p-d288a9b1.entry.js → p-e90688ab.entry.js} +1 -1
- package/dist/post-components/{p-efdaa2ad.entry.js → p-ea5da614.entry.js} +1 -1
- package/dist/post-components/{p-5a9885dd.entry.js → p-f1b815b6.entry.js} +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +5 -0
- package/hydrate/index.js +59 -21
- package/hydrate/index.mjs +59 -21
- package/package.json +4 -4
- package/dist/components/react/p-DeqIcjvO.js +0 -3
- package/dist/esm/package-DeqIcjvO.js +0 -3
- package/dist/post-components/p-5450bd15.entry.js +0 -1
- package/dist/post-components/p-5b53b042.entry.js +0 -1
- package/dist/post-components/p-87d9de40.entry.js +0 -1
- package/dist/post-components/p-DeqIcjvO.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { g as checkEmptyOrUrl } from './index-VmK3ABCB.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { f as checkRequiredAndUrl, c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
2
|
import { c as checkRequiredAndType, a as checkEmptyOrType, b as checkRequiredAndOneOf } from './index-VmK3ABCB.js';
|
|
3
3
|
import './breakpoints-CJ80BZ06.js';
|
|
4
|
-
import { v as version } from './package-
|
|
4
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
5
5
|
|
|
6
6
|
const postCardControlCss = ".form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:\"\";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url(\"data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:\"\";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:\"input label icon\" \"input content content\"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:var(--post-current-fg) !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e\")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:\"\";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:\"\";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}";
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { d as checkEmptyOrOneOf, a as checkEmptyOrType, c as checkRequiredAndType, g as checkEmptyOrUrl } from './index-VmK3ABCB.js';
|
|
4
4
|
import { t as throttle, b as breakpoint, I as IS_BROWSER } from './breakpoints-CJ80BZ06.js';
|
|
5
5
|
import { a as getFocusableChildren } from './get-focusable-children-D9ZHp2FP.js';
|
|
@@ -932,7 +932,9 @@ const PostMegadropdown = class {
|
|
|
932
932
|
if (PostMegadropdown.activeDropdown === this) {
|
|
933
933
|
PostMegadropdown.activeDropdown = null;
|
|
934
934
|
}
|
|
935
|
-
this.defaultSlotObserver
|
|
935
|
+
if (this.defaultSlotObserver) {
|
|
936
|
+
this.defaultSlotObserver.disconnect();
|
|
937
|
+
}
|
|
936
938
|
}
|
|
937
939
|
/**
|
|
938
940
|
* Toggles the dropdown visibility based on its current state.
|
|
@@ -1099,7 +1101,7 @@ const PostMegadropdown = class {
|
|
|
1099
1101
|
}
|
|
1100
1102
|
render() {
|
|
1101
1103
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
1102
|
-
return (h(Host, { key: '
|
|
1104
|
+
return (h(Host, { key: 'd111d8d93a9b64018f3df88813da8f6d1c65759e', version: version }, h("div", { key: 'd7cb2b98624c9241108bc66cc11c15c0a2e7acf3', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, h("div", { key: '9f0280b6f28f19ee7f9ba4707209b64b38759927', class: "megadropdown" }, h("slot", { key: '71f2521e1ab13406dd986c18a7c52e171148b0b0', name: "megadropdown-title" }), h("slot", { key: '148de1446aade76b074e155d07b70e775fc9612c', name: "megadropdown-overview-link" }), h("div", { key: '269c1e1db66acb7c274c720a9f715d29e875ef54', class: "megadropdown-content" }, h("slot", { key: '444040337c57e64bcc57f56415c4c40513ef0a5b' })), h("div", { key: 'f97d8c578ee19b5ba7d593e5d110e3b283255087', onClick: () => this.hide(true), class: "back-button" }, h("slot", { key: 'dc04da3a42714e2e8742ab8ed25bcc288a236294', name: "back-button" })), h("div", { key: '354eca51a5aef76d483a30e595bedfa95792d7ce', onClick: () => this.hide(true), class: "close-button" }, h("slot", { key: '28693622360c0da91f3051426be545852c5ec337', name: "close-button" }))))));
|
|
1103
1105
|
}
|
|
1104
1106
|
get host() { return getElement(this); }
|
|
1105
1107
|
};
|
|
@@ -1281,10 +1283,12 @@ const PostMenu = class {
|
|
|
1281
1283
|
this.toggleMenu.emit(this.isVisible);
|
|
1282
1284
|
if (this.isVisible) {
|
|
1283
1285
|
this.lastFocusedElement = this.root?.activeElement;
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
menuItems
|
|
1287
|
-
|
|
1286
|
+
requestAnimationFrame(() => {
|
|
1287
|
+
const menuItems = this.getSlottedItems();
|
|
1288
|
+
if (menuItems.length > 0) {
|
|
1289
|
+
menuItems[0].focus();
|
|
1290
|
+
}
|
|
1291
|
+
});
|
|
1288
1292
|
}
|
|
1289
1293
|
else if (this.lastFocusedElement) {
|
|
1290
1294
|
this.lastFocusedElement.focus();
|
|
@@ -1398,7 +1402,7 @@ const PostMenu = class {
|
|
|
1398
1402
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
1399
1403
|
}
|
|
1400
1404
|
render() {
|
|
1401
|
-
return (h(Host, { key: '
|
|
1405
|
+
return (h(Host, { key: 'eef3d3cdf2553c2627ddf580a95c70f00c02d388', "data-version": version }, h("post-popovercontainer", { key: '27c3341bec9d4ee98b59f70e902913f03954c32c', onPostShow: this.handlePostShown, onPostToggle: this.handlePostToggled, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'ef6c0ab8b6de380c23f6562a3d0ba34d9eaace98', part: "menu" }, h("slot", { key: 'edca1d3e9ab11d016ba18baf9f8d6aa65bb71958', name: "header" }), h("slot", { key: '40596847f9bac957a5992364997f0bcd8fd6a704' })))));
|
|
1402
1406
|
}
|
|
1403
1407
|
get host() { return getElement(this); }
|
|
1404
1408
|
static get watchers() { return {
|
|
@@ -4252,6 +4256,7 @@ const PostPopovercontainer = class {
|
|
|
4252
4256
|
* Whether or not the popovercontainer should close when user clicks outside of it
|
|
4253
4257
|
*/
|
|
4254
4258
|
this.manualClose = false;
|
|
4259
|
+
this.currentAnimation = null;
|
|
4255
4260
|
}
|
|
4256
4261
|
validatePlacement() {
|
|
4257
4262
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -4293,8 +4298,6 @@ const PostPopovercontainer = class {
|
|
|
4293
4298
|
if (this.toggleTimeoutId)
|
|
4294
4299
|
return;
|
|
4295
4300
|
this.eventTarget = target;
|
|
4296
|
-
if (this.toggleTimeoutId)
|
|
4297
|
-
return;
|
|
4298
4301
|
this.calculatePosition();
|
|
4299
4302
|
this.host.showPopover();
|
|
4300
4303
|
}
|
|
@@ -4305,17 +4308,19 @@ const PostPopovercontainer = class {
|
|
|
4305
4308
|
const content = this.host.querySelector('.popover-content');
|
|
4306
4309
|
this.startAutoupdates();
|
|
4307
4310
|
if (content) {
|
|
4308
|
-
|
|
4309
|
-
if (animation
|
|
4311
|
+
// Only run animation and emit related events if animation is defined
|
|
4312
|
+
if (this.animation === null) {
|
|
4313
|
+
// No animation case
|
|
4310
4314
|
this.postBeforeToggle.emit({ willOpen: true });
|
|
4311
4315
|
this.postBeforeShow.emit({ first: this.hasOpenedOnce });
|
|
4312
|
-
}
|
|
4313
|
-
animation?.finished.then(() => {
|
|
4314
4316
|
this.postToggle.emit({ isOpen: true });
|
|
4315
4317
|
this.postShow.emit({ first: this.hasOpenedOnce });
|
|
4316
4318
|
if (this.hasOpenedOnce)
|
|
4317
4319
|
this.hasOpenedOnce = false;
|
|
4318
|
-
}
|
|
4320
|
+
}
|
|
4321
|
+
else {
|
|
4322
|
+
this.runOpenAnimation(content);
|
|
4323
|
+
}
|
|
4319
4324
|
}
|
|
4320
4325
|
if (this.safeSpace) {
|
|
4321
4326
|
window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
|
|
@@ -4331,17 +4336,50 @@ const PostPopovercontainer = class {
|
|
|
4331
4336
|
if (this.safeSpace) {
|
|
4332
4337
|
window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
|
|
4333
4338
|
}
|
|
4339
|
+
// Cancel any running animation
|
|
4340
|
+
if (this.animation !== null && this.currentAnimation) {
|
|
4341
|
+
this.currentAnimation.cancel();
|
|
4342
|
+
this.currentAnimation = null;
|
|
4343
|
+
}
|
|
4344
|
+
this.postBeforeToggle.emit({ willOpen: false });
|
|
4334
4345
|
this.postToggle.emit({ isOpen: false });
|
|
4335
4346
|
this.postHide.emit();
|
|
4336
4347
|
}
|
|
4348
|
+
/**
|
|
4349
|
+
* Runs the animation and emits the toggle/show/hide events in the correct timing
|
|
4350
|
+
*/
|
|
4351
|
+
async runOpenAnimation(element) {
|
|
4352
|
+
let animation;
|
|
4353
|
+
try {
|
|
4354
|
+
animation = popIn(element);
|
|
4355
|
+
this.currentAnimation = animation;
|
|
4356
|
+
if (animation.playState === 'running') {
|
|
4357
|
+
this.postBeforeToggle.emit({ willOpen: true });
|
|
4358
|
+
this.postBeforeShow.emit({ first: this.hasOpenedOnce });
|
|
4359
|
+
}
|
|
4360
|
+
await animation.finished;
|
|
4361
|
+
this.postToggle.emit({ isOpen: true });
|
|
4362
|
+
this.postShow.emit({ first: this.hasOpenedOnce });
|
|
4363
|
+
this.hasOpenedOnce = true;
|
|
4364
|
+
}
|
|
4365
|
+
catch (err) {
|
|
4366
|
+
console.warn('Animation failed or was interrupted:', err);
|
|
4367
|
+
// Reset all states to closing
|
|
4368
|
+
this.postBeforeToggle.emit({ willOpen: false });
|
|
4369
|
+
this.postBeforeShow.emit({ first: this.hasOpenedOnce });
|
|
4370
|
+
this.postToggle.emit({ isOpen: false });
|
|
4371
|
+
}
|
|
4372
|
+
finally {
|
|
4373
|
+
if (this.currentAnimation === animation) {
|
|
4374
|
+
this.currentAnimation = null;
|
|
4375
|
+
}
|
|
4376
|
+
}
|
|
4377
|
+
}
|
|
4337
4378
|
/**
|
|
4338
4379
|
* Programmatically hide the popovercontainer
|
|
4339
4380
|
*/
|
|
4340
4381
|
async hide() {
|
|
4341
4382
|
if (!this.toggleTimeoutId) {
|
|
4342
|
-
if (this.eventTarget && this.eventTarget instanceof HTMLElement) {
|
|
4343
|
-
this.eventTarget.focus();
|
|
4344
|
-
}
|
|
4345
4383
|
this.eventTarget = null;
|
|
4346
4384
|
this.host.hidePopover();
|
|
4347
4385
|
this.postHide.emit();
|
|
@@ -4507,9 +4545,9 @@ const PostPopovercontainer = class {
|
|
|
4507
4545
|
}
|
|
4508
4546
|
}
|
|
4509
4547
|
render() {
|
|
4510
|
-
return (h(Host, { key: '
|
|
4548
|
+
return (h(Host, { key: 'ec57bb478a7fe7d6449ef1ed4d91db4d0835ea4e', "data-version": version, popover: this.manualClose ? 'manual' : 'auto' }, h("div", { key: '2969b3c6ef9441d06b9c913f47bb64e84006dbe4', class: "popover-content" }, this.arrow && (h("span", { key: '03b8addd0bee91d9358e9554f2d507b9a349e0db', class: "arrow", ref: el => {
|
|
4511
4549
|
this.arrowRef = el;
|
|
4512
|
-
} })), h("slot", { key: '
|
|
4550
|
+
} })), h("slot", { key: '2fb25dce5ea9e5f1044cde4839df61af34c8b667' }))));
|
|
4513
4551
|
}
|
|
4514
4552
|
get host() { return getElement(this); }
|
|
4515
4553
|
static get watchers() { return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { I as IS_BROWSER } from './breakpoints-CJ80BZ06.js';
|
|
4
4
|
import { a as checkEmptyOrType, c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
5
5
|
import { E as EventFrom } from './event-from-CzIKqBrS.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
4
4
|
import { b as breakpoint } from './breakpoints-CJ80BZ06.js';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
|
|
4
4
|
const postLinkareaCss = ":host{display:block;cursor:pointer}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { i as isFocusable } from './focusable-HygIVKXC.js';
|
|
4
4
|
import { c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
5
5
|
import './breakpoints-CJ80BZ06.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
2
|
import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
|
|
3
|
-
import { v as version } from './package-
|
|
3
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
4
4
|
import { g as getDeepFocusableChildren } from './get-focusable-children-D9ZHp2FP.js';
|
|
5
5
|
import { d as checkEmptyOrOneOf, c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
6
6
|
import './breakpoints-CJ80BZ06.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
import { n as nanoid } from './index.browser-BLchVpF6.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { n as nanoid } from './index.browser-BLchVpF6.js';
|
|
4
4
|
import { c as checkRequiredAndType } from './index-VmK3ABCB.js';
|
|
5
5
|
import './breakpoints-CJ80BZ06.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { f as fadeOut, a as fadeIn } from './fade-SbIC4aZX.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
2
|
import { I as IS_BROWSER } from './breakpoints-CJ80BZ06.js';
|
|
3
3
|
import { a as checkEmptyOrType } from './index-VmK3ABCB.js';
|
|
4
|
-
import { v as version } from './package-
|
|
4
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
5
5
|
import { i as isFocusable } from './focusable-HygIVKXC.js';
|
|
6
6
|
|
|
7
7
|
const postTooltipTriggerCss = "post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, a as getElement } from './index-CFNKgUjL.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-BXRsHuTS.js';
|
|
3
3
|
import { d as checkEmptyOrOneOf } from './index-VmK3ABCB.js';
|
|
4
4
|
import './breakpoints-CJ80BZ06.js';
|
|
5
5
|
import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as t,a as o}from"./p-CFNKgUjL.js";import{v as r}from"./p-
|
|
1
|
+
import{r as e,h as i,H as t,a as o}from"./p-CFNKgUjL.js";import{v as r}from"./p-BXRsHuTS.js";import{f as s,c as a}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const c=class{constructor(i){e(this,i),this.breadcrumbItems=[],this.waitForBreadcrumbsRef=function(e,i=200){let t;return(...o)=>{t&&clearTimeout(t),t=setTimeout(e,i,...o)}}((()=>{this.breadcrumbsNavRef?.clientWidth>0?this.checkConcatenation():this.waitForBreadcrumbsRef()}),50),this.handleResize=()=>{window.innerWidth!==this.lastWindowWidth&&(this.lastWindowWidth=window.innerWidth,this.checkConcatenation())}}validateHomeUrl(){s(this,"homeUrl")}validateHomeText(){a(this,"homeText","string")}validateLabel(){a(this,"label","string")}validateMenuLabel(){a(this,"menuLabel","string")}componentWillLoad(){this.updateBreadcrumbItems()}componentDidLoad(){this.validateHomeUrl(),this.validateHomeText(),this.validateLabel(),this.validateMenuLabel(),window.addEventListener("resize",this.handleResize),this.waitForBreadcrumbsRef()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}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]}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.breadcrumbsNavRef)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 i(t,{key:"0c98c8ea09e4f17781fd8c404d445bd42aaacad5","data-version":r},i("nav",{key:"aefa39943fd6ccbfcb2f01b19266785644bb4e32","aria-label":this.label,class:"breadcrumbs-nav",ref:e=>this.breadcrumbsNavRef=e},i("ol",{key:"d9542316f160f5fc98ca1ddadc27db5f24df78a1",class:"no-list breadcrumbs-list"},i("li",{key:"3b4c9798492ffa8a6cbc65081efa08c3793a1325"},i("a",{key:"f7fd7c962d548a372198b5b1640a9f63fa36a809",href:this.homeUrl,class:"breadcrumb-link"},i("span",{key:"3aa94c9eca27de39a9e564ec719eea4d821a6692",class:"visually-hidden"},this.homeText),i("post-icon",{key:"04e54f7e16c21dcf0dcee0d9a8753e09d1382605",name:"home",class:"home-icon"}))),this.isConcatenated?i("li",{class:"menu-trigger-wrapper"},i("post-icon",{name:"chevronright",class:"breadcrumb-item-icon"}),i("div",{class:"actual-menu"},i("post-menu-trigger",{for:"breadcrumb-menu",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleBreadcrumbItemClick())}},i("button",{class:"btn",tabIndex:-1},"...")),i("post-menu",{id:"breadcrumb-menu",label:this.menuLabel},e.map((e=>i("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?i("a",{href:e.url},e.text):i("span",null,e.text))))))):e.map((e=>i("li",null,i("post-breadcrumb-item",{url:e.url,key:e.url||e.text},e.text)))),this.lastItem&&i("li",{key:"5209d2ddf74d62f792bb472825f699acaf30bc07","aria-current":"page"},i("post-breadcrumb-item",{key:"0b8aa3f765e776c2fa971f7c8762280194cc1b0f",url:this.lastItem.url,tabindex:-1},this.lastItem.text))),i("div",{key:"704affacb1515b48e4b129f1ef2c2d314ddd00d6",class:"hidden-items"},i("a",{key:"2562e65299bff39a0d1c8d4b20d2ecc4d6747f4c",href:this.homeUrl,class:"hidden-breadcrumb-item"},i("span",{key:"75d352977ecd05fc5fa2bb5f26ed40e809961c3d",class:"visually-hidden"},this.homeText),i("post-icon",{key:"b24fbc251d0a519fa03f85dd36413f3c79ece47c",name:"home",class:"home-icon"})),this.breadcrumbItems.map((e=>i("post-breadcrumb-item",{url:e.url,key:`hidden-${e.url||e.text}`,class:"hidden-breadcrumb-item"},e.text))))))}get host(){return o(this)}static get watchers(){return{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],label:["validateLabel"],menuLabel:["validateMenuLabel"]}}};c.style=":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-block-end: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 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}}li[aria-current=page] post-breadcrumb-item{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)}li[aria-current=page] post-breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-selected-fg1);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";export{c as post_breadcrumbs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,a as i}from"./p-CFNKgUjL.js";import{v as a}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e,a as i}from"./p-CFNKgUjL.js";import{v as a}from"./p-BXRsHuTS.js";import{b as c,d as r}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";import{E as s}from"./p-CzIKqBrS.js";import{n as d}from"./p-BLchVpF6.js";const n=[1,2,3,4,5,6];const l=class{constructor(t){o(this,t),this.expandedItems=new Set,this.multiple=!1}validateHeadingLevel(){c(this,"headingLevel",n),this.accordionItems.forEach((o=>{o.setAttribute("heading-level",String(this.headingLevel))}))}componentWillLoad(){this.registerAccordionItems()}componentDidLoad(){this.validateHeadingLevel()}collapseToggleHandler(o){const t=o.target,e=this.expandedItems.has(t);e?this.expandedItems.delete(t):this.expandedItems.add(t),this.multiple||e||Array.from(this.expandedItems.values()).filter((o=>o!==t)).forEach((o=>{o.toggle(!1)}))}async toggle(o){const t=this.accordionItems.find((t=>t.id===o));if(!t)throw new Error(`No post-accordion-item found with id #${o}.`);await t.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((o=>o.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((o=>o.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((o=>!o.collapsed||this.expandedItems.has(o))).forEach(((o,t)=>{this.multiple||0===t?this.expandedItems.add(o):o.setAttribute("collapsed","")}))}render(){return t(e,{key:"ab800b580f0dd591a9413305afa282ff7e697759","data-version":a},t("div",{key:"258ba1dc99811545c0dd9796ef521a05a0c87dda",class:"accordion"},t("slot",{key:"2ad7482962316723f5c8ff334bad7cc33b6fa953",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],l.prototype,"collapseToggleHandler",null),l.style=":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-block-start:calc(var(--post-device-border-width-default)*-1)}";const h=class{constructor(t){o(this,t),this.collapsed=!1}validateHeadingLevel(){r(this,"headingLevel",n)}componentWillLoad(){this.id=this.host.id||`p${d(6)}`}componentDidLoad(){this.validateHeadingLevel()}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(e,{key:"b98847d19894430b6f65130aebf8673a45afd1e6",id:this.id,"data-version":a},t("div",{key:"f26f9d3a4a1f59db23b4698b321e28e112c3eed0",part:"accordion-item",class:"accordion-item"},t("post-collapsible-trigger",{key:"14bdacce04d67a03655f600feeaeec065e0fc198",for:`${this.id}--collapse`},t(`h${o??this.headingLevel??2}`,{key:"7a07a70d172306ce37f8bd0143b21ed7ec0cab8a",class:"accordion-header",id:`${this.id}--header`},t("button",{key:"5ad0698a62df5c4b2c0a77ff622090b20f348e9c",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"button"},t("span",{key:"6e5fcb0c9efa8a57e05fd162c72b9c170a8210c6",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"41a1409f723bf52de893324ce45d4e7f31eb8908",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"7186adfe4a4fe67f4dbaeb7569820d0d06c18428",name:"header"}),t("post-icon",{key:"add240b0275b083c537efb28c4a2825ac22e1b47",name:"chevrondown"})))),t("post-collapsible",{key:"4231577c41c7633327c147d2b9adcd847ffc7261",id:`${this.id}--collapse`,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"3f3cea3f5468e35f658f7d143db32391fa5fe2f1",class:"accordion-body",part:"body"},t("slot",{key:"013f6cc755a04b880d91513059e36bcc2be5f412"})))))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};(function(o,t,e,i){var a,c=arguments.length,r=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(r=(c<3?a(r):c>3?a(t,e,r):a(t,e))||r);c>3&&r&&Object.defineProperty(t,e,r)})([s("post-accordion-item")],h.prototype,"onCollapseToggle",null),h.style='.accordion-item::after{display:block;content:"";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:"";inset:0;inset-block-end:auto;border-block-start-width:var(--post-device-border-width-default);border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}';export{l as post_accordion,h as post_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i,a as o}from"./p-CFNKgUjL.js";import{v as e}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i,a as o}from"./p-CFNKgUjL.js";import{v as e}from"./p-BXRsHuTS.js";import{i as h}from"./p-HygIVKXC.js";import{c as r}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const a=class{syncAriaExpanded(t){this.ariaExpanded=t,this.trigger&&this.trigger.setAttribute("aria-expanded",String(t))}validateFor(){r(this,"for","string")}get popover(){const t=document.getElementById(this.for);return"post-popover"===t?.localName?t:null}setupTrigger(){this.trigger=this.host.querySelector("*"),this.trigger?(this.trigger.setAttribute("aria-expanded",this.ariaExpanded.toString()),h(this.trigger)||(this.trigger.setAttribute("tabindex","0"),this.trigger.setAttribute("role","button")),this.trigger.setAttribute("aria-haspopup","true"),this.trigger.setAttribute("aria-controls",this.for),this.trigger.addEventListener("click",this.boundHandleToggle),this.trigger.addEventListener("keydown",this.boundHandleKeyDown)):console.error("No content found in the post-popover-trigger slot. Please insert a focusable element or content that can receive focus.")}handleToggle(){const t=this.popover;t?(t.toggle(this.trigger),this.focusTrigger()):console.warn(`No post-popover found with ID: ${this.for}`)}focusTrigger(){!this.popoverOpen&&this.trigger&&this.trigger.focus()}constructor(s){t(this,s),this.ariaExpanded=!1,this.popoverOpen=!1,this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleToggle())},this.boundHandleToggle=this.handleToggle.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandlePostToggle=t=>{this.popoverOpen=t.detail.isOpen,this.focusTrigger()}}componentDidLoad(){this.validateFor(),this.setupTrigger(),this.popover?.addEventListener("postToggle",this.boundHandlePostToggle)}disconnectedCallback(){this.trigger.removeEventListener("click",this.boundHandleToggle),this.trigger.removeEventListener("keydown",this.boundHandleKeyDown),this.popover?.removeEventListener("postToggle",this.boundHandlePostToggle)}render(){return s(i,{key:"d7467aa400f407d76df06e8bbc84210e5f016073","data-version":e},s("slot",{key:"618f3d14fb89b3ad3c101a58f8519c337d9f1721",onSlotchange:()=>this.setupTrigger()}))}get host(){return o(this)}static get watchers(){return{popoverOpen:["syncAriaExpanded"],for:["validateFor"]}}};a.style=":host{cursor:pointer}";export{a as post_popover_trigger}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,a}from"./p-CFNKgUjL.js";import{v as s}from"./p-
|
|
1
|
+
import{r as t,h as i,H as e,a}from"./p-CFNKgUjL.js";import{v as s}from"./p-BXRsHuTS.js";import{c as r,a as o,e as n}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const h=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var d;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials",t[t.Null=null]="Null"}(d||(d={}));const c=class{constructor(i){t(this,i),this.avatarType=null,this.imageUrl="",this.imageAlt="",this.initials="",this.storageKey=""}validateFirstname(){r(this,"firstname","string")}validateLastname(){o(this,"lastname","string")}updateUserid(){this.validateUserId(),this.getAvatarImage()}updateEmail(){this.validateEmail(),this.getAvatarImage()}validateDescription(){o(this,"description","string")}validateUserId(){o(this,"userid","string")}validateEmail(){this.email&&n(this,"email",h)}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const i=this.slottedImage?.getAttribute("src");i?await this.getImageByProp(i,this.fetchSlottedImage.bind(this))?this.slottedImage.style.display="block":(this.slottedImage.style.display="none",this.avatarType=d.Initials):(this.userid&&(t=await this.getImageByProp(this.userid,this.fetchImageByUserId.bind(this))),!t&&this.email?.match(h)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=d.Initials))}async getImageByProp(t,i){if(!t)return!1;let e;try{e=await i(t)}catch(t){return console.info("Loading avatar image failed.",t),!1}return!!e?.ok&&(this.imageUrl=e.url,this.imageAlt=`${this.firstname} ${this.lastname} avatar`,this.avatarType=d.Image,!0)}async fetchImageByUserId(){return await fetch(c.INTERNAL_USERID_IMAGE_SRC.replace("{userid}",encodeURIComponent(this.userid)))}async fetchImageByEmail(){const t=await async function(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("")))}(this.email),i="https://www.gravatar.com/avatar/{email}?s=80&d=404&r=g".replace("{email}",t);return await fetch(i)}async fetchSlottedImage(t){return await fetch(t,{method:"HEAD"})}slotChanged(){const t=this.host.shadowRoot.querySelector("slot");(t?.assignedNodes({flatten:!0})||[]).forEach((t=>{t.nodeType===Node.ELEMENT_NODE&&"IMG"===t.tagName&&this.observeImageSrcChanges(t)})),this.getAvatarImage()}observeImageSrcChanges(t){this.slottedImageObserver&&this.slottedImageObserver.disconnect(),this.slottedImageObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"src"===t.attributeName&&this.getAvatarImage()}))})),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]})}connectedCallback(){this.avatarType=d.Initials,this.getAvatarImage()}componentDidLoad(){this.validateFirstname(),this.validateLastname(),this.validateDescription(),this.validateUserId(),this.validateEmail()}render(){const t=[this.firstname,this.lastname].filter((t=>t)).map((t=>t.trim())),a=t.map((t=>t.charAt(0))).join("").trim(),r=t.join(" ");return i(e,{key:"9e596623d1949c62b1f110e311b839d244b249ef","data-version":s},i("span",{key:"6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7",class:"slotted"===this.avatarType?"":"d-none"},i("slot",{key:"95e8809133eb0de4382e9dc521eda877a6be5a8b",onSlotchange:this.slotChanged.bind(this)})),"image"===this.avatarType&&i("img",{key:"cb2ed3eab02f28369911997a94617efaeaa5c00a",src:this.imageUrl,alt:this.imageAlt}),"initials"===this.avatarType&&i("span",{key:"5565b06795c4651537b20e9abd33492d7cb8a9d1",class:"initials"},a,i("span",{key:"58ac3ee3a664a13ff82fc201e04e1896e409fbf1"},this.description??r)))}get host(){return a(this)}static get watchers(){return{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}}};c.INTERNAL_USERID_IMAGE_SRC="https://web.post.ch/UserProfileImage/{userid}.png",c.style=':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;font-weight:400}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{c as post_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s,a as i}from"./p-CFNKgUjL.js";import{v as a}from"./p-
|
|
1
|
+
import{r as e,h as t,H as s,a as i}from"./p-CFNKgUjL.js";import{v as a}from"./p-BXRsHuTS.js";const c=`:where(${["a"].join(",")})`,n=class{constructor(t){e(this,t),this.mutationObserver=new MutationObserver(this.checkInteractiveElements.bind(this))}dispatchClick({ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}){this.interactiveElements[0]?.dispatchEvent(new MouseEvent("click",{ctrlKey:e,shiftKey:t,altKey:s,metaKey:i}))}checkInteractiveElements(){this.interactiveElements=this.host.querySelectorAll(c),this.interactiveElements.length>1&&console.error(`The \`post-linkarea\` currently contains ${this.interactiveElements.length} interactive elements when it should contain only one.`)}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentWillLoad(){this.checkInteractiveElements()}disconnectedCallback(){this.mutationObserver.disconnect()}render(){return t(s,{key:"faa2a8c9b2fc4261496e0dbb091bae2aeee04e3b","data-version":a,onClick:e=>this.dispatchClick(e),tabindex:"0"},t("slot",{key:"57c30507720e9a04436cb4e518aa19b023cd2c39"}))}get host(){return i(this)}};n.style=":host{display:block;cursor:pointer}";export{n as post_linkarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as a,H as r,a as i}from"./p-CFNKgUjL.js";import{v as e}from"./p-
|
|
1
|
+
import{r as t,c as s,h as a,H as r,a as i}from"./p-CFNKgUjL.js";import{v as e}from"./p-BXRsHuTS.js";import{c as o}from"./p-VmK3ABCB.js";import"./p-CJ80BZ06.js";const n=class{validateLabel(){o(this,"label","string")}validateStars(){o(this,"stars","number")}validateCurrentRating(){o(this,"currentRating","number")}componentWillLoad(){this.validateLabel(),this.validateStars(),this.validateCurrentRating()}constructor(a){t(this,a),this.postInput=s(this,"postInput"),this.postChange=s(this,"postChange"),this.hasChanged=!1,this.stars=5,this.currentRating=0,this.readonly=!1,this.keydownHandler=this.keydownHandler.bind(this),this.blurHandler=this.blurHandler.bind(this),this.hoverHandler=this.hoverHandler.bind(this)}update(t){this.readonly||t<0||t>this.stars||(this.currentRating=this.currentRating!==t?t:0,this.postInput.emit({value:this.currentRating}),this.hasChanged=!0)}keydownHandler(t){switch(t.key){case"ArrowDown":case"ArrowLeft":t.preventDefault(),this.update(this.currentRating-1);break;case"ArrowUp":case"ArrowRight":t.preventDefault(),this.update(this.currentRating+1);break;case"Home":t.preventDefault(),this.update(0);break;case"End":t.preventDefault(),this.update(this.stars);break;case"Enter":case" ":this.blurHandler();break;default:return}}blurHandler(){this.hasChanged&&(this.postChange.emit({value:this.currentRating}),this.hasChanged=!1)}hoverHandler(t,s){this.readonly||("mouseenter"===s.type?this.hoveredIndex=t:"mouseleave"===s.type&&(this.hoveredIndex=void 0))}render(){return a(r,{key:"9089061145d80c4791a56580d107d6fab88f1d6d","data-version":e},a("div",{key:"81f0ba286541aecf6ddfd2e2fa113526a02abdcd",role:"slider",class:"rating",tabindex:"0","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":this.stars,"aria-valuenow":this.currentRating,"aria-valuetext":`${this.currentRating} / ${this.stars}`,"aria-readonly":this.readonly?"true":"false",onKeyDown:this.keydownHandler,onBlur:this.blurHandler},Array.from({length:this.stars}).map(((t,s)=>a("div",{key:`star-${t}`,"aria-hidden":"true",class:{star:!0,"before-hover":s<this.hoveredIndex,active:s<Math.round(this.currentRating),hover:s===this.hoveredIndex,"after-active":s>this.hoveredIndex&&s<this.currentRating},onClick:()=>this.update(s+1),onMouseEnter:t=>this.hoverHandler(s,t),onMouseLeave:t=>this.hoverHandler(s,t)},a("post-icon",{name:"favoritestar",class:"stroke"}),a("post-icon",{name:"favoritestar-solid",class:"fill"}))))))}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}}};n.style=":host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";export{n as post_rating}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,a as r}from"./p-CFNKgUjL.js";import{v as a}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e,a as r}from"./p-CFNKgUjL.js";import{v as a}from"./p-BXRsHuTS.js";import{c as i}from"./p-VmK3ABCB.js";import{b as s}from"./p-CJ80BZ06.js";const n=["grid-1","grid-2","grid-3","grid-4"],p=class{validateLabel(){i(this,"label","string")}constructor(t){o(this,t),this.device=s.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=(...o)=>t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateLabel(),n.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},n.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return n.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(e,{key:"36aa67b511dd3fdb9c0244b89f80c24feb86b3a6","data-version":a,"data-color-scheme":"light"},t("footer",{key:"0b4accb1d39734fda0b2ae7e602ae05618d1f6f8"},t("h2",{key:"3b6147bb75772338192b17da5086e33d45f0cc4e",class:"visually-hidden"},this.label),t("div",{key:"3ae237e599d226c8413bd785540f2706a61f130f",class:"footer-container"},t("div",{key:"c844467c43a718b117cc863beb75ac1ffccc7286",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"ab0859972f61a8a0b28184654b0b8a7da5d6d199",class:"footer-column"},t("div",{key:"9356dc60f36a614718b1e668aa6c8f988e611305",class:"footer-socialmedia"},t("slot",{key:"aeea4c639ae1b092a90816cebfc892e7ae9608ac",name:"socialmedia"})),t("div",{key:"6404adf8c76f4756c729c453a4f5285577973596",class:"footer-app"},t("slot",{key:"ebfbf7f1b5db296b1de165035156819043d2a329",name:"app"}))),t("div",{key:"38017619c9da0f5abd0b34e9406f94e239e54b99",class:"footer-businesssectors"},t("slot",{key:"93f13e71cbd102074b6f2a55c369470f66b3ae8d",name:"businesssectors"})),t("div",{key:"88c077c96627d557a47d3136a65196b67fafc2c1",class:"footer-meta"},t("slot",{key:"9c0f64a2f2d715d6b420938efa63c861415376bd",name:"meta"})),t("div",{key:"1dc3cdbe0cb628d7e688c15de5959758e8837489",class:"footer-copyright"},t("slot",{key:"b62fe042ac7b098747bb21605fed2fa6883dbb23",name:"copyright"})))))}get host(){return r(this)}static get watchers(){return{label:["validateLabel"]}}};p.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";export{p as post_footer}
|