@swisspost/design-system-components 10.0.0-next.48 → 10.0.0-next.50
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/{event-from-C6kpQwhw.js → event-from-CLvtSUKf.js} +20 -6
- package/dist/cjs/{get-root-CfQ2PogP.js → get-root-CyMf3Vsd.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-CZyXYkIN.js → package-qtH-QrKv.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/post-avatar.cjs.entry.js +27 -37
- package/dist/cjs/post-back-to-top.cjs.entry.js +3 -3
- package/dist/cjs/post-banner.cjs.entry.js +5 -5
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +5 -5
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +12 -7
- package/dist/cjs/post-card-control.cjs.entry.js +5 -5
- package/dist/cjs/post-closebutton_15.cjs.entry.js +274 -134
- package/dist/cjs/post-collapsible_2.cjs.entry.js +6 -6
- package/dist/cjs/post-components.cjs.js +1 -1
- package/dist/cjs/post-footer.cjs.entry.js +4 -4
- package/dist/cjs/post-linkarea.cjs.entry.js +19 -8
- package/dist/cjs/post-popover.cjs.entry.js +4 -4
- package/dist/cjs/post-rating.cjs.entry.js +4 -4
- package/dist/cjs/post-tab-header.cjs.entry.js +4 -4
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
- package/dist/cjs/post-tabs.cjs.entry.js +3 -3
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +3 -3
- package/dist/cjs/post-tooltip.cjs.entry.js +4 -4
- package/dist/collection/animations/pop-in.js +14 -0
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-avatar/post-avatar.css +1 -1
- package/dist/collection/components/post-avatar/post-avatar.js +38 -34
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +1 -1
- package/dist/collection/components/post-banner/post-banner.js +2 -2
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +30 -4
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.js +2 -2
- package/dist/collection/components/post-closebutton/button-types.js +1 -0
- package/dist/collection/components/post-closebutton/post-closebutton.css +1 -1
- package/dist/collection/components/post-closebutton/post-closebutton.js +65 -5
- package/dist/collection/components/post-collapsible/post-collapsible.js +1 -1
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +1 -1
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +19 -11
- package/dist/collection/components/post-icon/post-icon.js +39 -33
- package/dist/collection/components/post-language-option/post-language-option.css +1 -1
- package/dist/collection/components/post-language-option/post-language-option.js +1 -2
- package/dist/collection/components/post-language-switch/post-language-switch.js +1 -2
- package/dist/collection/components/post-linkarea/post-linkarea.css +1 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +24 -6
- package/dist/collection/components/post-list/post-list.css +1 -1
- package/dist/collection/components/post-list/post-list.js +1 -1
- package/dist/collection/components/post-list-item/post-list-item.js +1 -1
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +73 -11
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.css +1 -1
- package/dist/collection/components/post-menu/post-menu.js +51 -9
- package/dist/collection/components/post-menu-item/post-menu-item.css +1 -1
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-popover/post-popover.css +1 -1
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +18 -7
- package/dist/collection/components/post-rating/post-rating.css +1 -1
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +1 -1
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +2 -2
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
- package/dist/collection/utils/event-from.js +20 -6
- package/dist/component-names.json +39 -0
- package/dist/components/event-from.js +20 -6
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-avatar.js +28 -36
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/post-banner.js +2 -2
- package/dist/components/post-breadcrumb-item2.js +1 -1
- package/dist/components/post-breadcrumbs.js +14 -7
- package/dist/components/post-card-control.js +3 -3
- package/dist/components/post-closebutton.js +1 -44
- package/dist/components/post-closebutton2.js +77 -0
- package/dist/components/post-collapsible-trigger2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-footer.js +2 -2
- package/dist/components/post-header.js +17 -12
- package/dist/components/post-icon2.js +39 -33
- package/dist/components/post-language-option.js +2 -3
- package/dist/components/post-language-switch.js +1 -2
- package/dist/components/post-linkarea.js +21 -8
- package/dist/components/post-list-item.js +1 -1
- package/dist/components/post-list.js +2 -2
- package/dist/components/post-logo.js +1 -1
- package/dist/components/post-mainnavigation.js +2 -2
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +74 -12
- package/dist/components/post-menu-item2.js +2 -2
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +33 -11
- package/dist/components/post-popover.js +15 -3
- package/dist/components/post-popovercontainer2.js +30 -5
- package/dist/components/post-rating.js +2 -2
- package/dist/components/post-tab-header.js +2 -2
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-togglebutton.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +2 -2
- package/dist/components/react/{p-Tg0GNTZM.js → p-B392lG2N.js} +3 -3
- package/dist/components/react/{p-Dq9F2i7n.js → p-B9Y7UQKI.js} +3 -3
- package/dist/components/react/{p-38PqL5iD.js → p-BXPcgIqO.js} +3 -3
- package/dist/components/react/{p-Da5wbVP8.js → p-BcVKzjda.js} +40 -34
- package/dist/components/react/{p-CiYSngKM.js → p-BlOv-NDA.js} +6 -6
- package/dist/components/react/{p-q8Fvf8A0.js → p-BmpB1vs4.js} +2 -2
- package/dist/components/react/p-BuKAaKXE.js +78 -0
- package/dist/components/react/{p-JHuJA2Lv.js → p-Bw6vnK1I.js} +36 -14
- package/dist/components/react/{p-Ce7jgYmK.js → p-CDsgZHvX.js} +31 -6
- package/dist/components/react/{p-kraHE1r3.js → p-CzIKqBrS.js} +20 -6
- package/dist/components/react/p-DimG3b3P.js +3 -0
- package/dist/components/react/{p-DzYquz3e.js → p-DnHwlsBi.js} +3 -3
- package/dist/components/react/{p-CGsAj6ij.js → p-U9MTjvRU.js} +2 -2
- 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 +29 -37
- package/dist/components/react/post-back-to-top.js +3 -3
- package/dist/components/react/post-banner.js +4 -4
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +21 -14
- package/dist/components/react/post-card-control.js +5 -5
- package/dist/components/react/post-closebutton.js +1 -45
- 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 +8 -8
- package/dist/components/react/post-header.js +19 -14
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-option.js +3 -4
- package/dist/components/react/post-language-switch.js +7 -8
- package/dist/components/react/post-linkarea.js +22 -9
- package/dist/components/react/post-list-item.js +2 -2
- package/dist/components/react/post-list.js +3 -3
- package/dist/components/react/post-logo.js +2 -2
- package/dist/components/react/post-mainnavigation.js +4 -4
- package/dist/components/react/post-megadropdown-trigger.js +3 -3
- package/dist/components/react/post-megadropdown.js +75 -13
- 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.js +17 -5
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-rating.js +4 -4
- package/dist/components/react/post-tab-header.js +3 -3
- package/dist/components/react/post-tab-panel.js +2 -2
- package/dist/components/react/post-tabs.js +2 -2
- package/dist/components/react/post-togglebutton.js +2 -2
- package/dist/components/react/post-tooltip-trigger.js +2 -2
- package/dist/components/react/post-tooltip.js +4 -4
- package/dist/docs.json +174 -12
- package/dist/esm/{event-from-kraHE1r3.js → event-from-CzIKqBrS.js} +20 -6
- package/dist/esm/{get-root-hlzxoycr.js → get-root-BkQ3CrLq.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/package-DimG3b3P.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +5 -5
- package/dist/esm/post-avatar.entry.js +27 -37
- package/dist/esm/post-back-to-top.entry.js +3 -3
- package/dist/esm/post-banner.entry.js +5 -5
- package/dist/esm/post-breadcrumb-item_2.entry.js +5 -5
- package/dist/esm/post-breadcrumbs.entry.js +13 -8
- package/dist/esm/post-card-control.entry.js +5 -5
- package/dist/esm/post-closebutton_15.entry.js +274 -134
- package/dist/esm/post-collapsible_2.entry.js +6 -6
- package/dist/esm/post-components.js +1 -1
- package/dist/esm/post-footer.entry.js +4 -4
- package/dist/esm/post-linkarea.entry.js +19 -8
- package/dist/esm/post-popover.entry.js +4 -4
- package/dist/esm/post-rating.entry.js +4 -4
- package/dist/esm/post-tab-header.entry.js +4 -4
- package/dist/esm/post-tab-panel.entry.js +3 -3
- package/dist/esm/post-tabs.entry.js +3 -3
- package/dist/esm/post-tooltip-trigger.entry.js +3 -3
- package/dist/esm/post-tooltip.entry.js +4 -4
- package/dist/post-components/{p-3c71f590.entry.js → p-048d2c1a.entry.js} +1 -1
- package/dist/post-components/p-0a4d9f33.entry.js +1 -0
- package/dist/post-components/p-11abb64f.entry.js +1 -0
- package/dist/post-components/p-1253185c.entry.js +1 -0
- package/dist/post-components/p-15e0d4b8.entry.js +1 -0
- package/dist/post-components/{p-d61bb2ff.entry.js → p-1d4252ba.entry.js} +1 -1
- package/dist/post-components/{p-aad86320.entry.js → p-3d30eafa.entry.js} +1 -1
- package/dist/post-components/p-4114fc83.entry.js +1 -0
- package/dist/post-components/p-5ddde390.entry.js +1 -0
- package/dist/post-components/p-89411986.entry.js +1 -0
- package/dist/post-components/{p-6777e505.entry.js → p-9bbf7271.entry.js} +1 -1
- package/dist/post-components/{p-BkvZk-PA.js → p-CBFgkSgY.js} +1 -1
- package/dist/post-components/p-CJ80BZ06.js +1 -0
- package/dist/post-components/p-CzIKqBrS.js +1 -0
- package/dist/post-components/p-DimG3b3P.js +1 -0
- package/dist/post-components/p-b034d196.entry.js +1 -0
- package/dist/post-components/p-b36c129a.entry.js +1 -0
- package/dist/post-components/p-b82e7cbe.entry.js +1 -0
- package/dist/post-components/{p-6add880f.entry.js → p-e7fbb03d.entry.js} +1 -1
- package/dist/post-components/p-f1d53256.entry.js +1 -0
- package/dist/post-components/p-f97f3a19.entry.js +1 -0
- package/dist/post-components/{p-16772417.entry.js → p-f9d044a3.entry.js} +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/animations/pop-in.d.ts +1 -0
- package/dist/types/components/post-avatar/post-avatar.d.ts +5 -4
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +5 -0
- package/dist/types/components/post-closebutton/button-types.d.ts +2 -0
- package/dist/types/components/post-closebutton/post-closebutton.d.ts +10 -1
- package/dist/types/components/post-header/post-header.d.ts +5 -0
- package/dist/types/components/post-icon/post-icon.d.ts +11 -0
- package/dist/types/components/post-linkarea/post-linkarea.d.ts +6 -0
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +33 -6
- package/dist/types/components/post-menu/post-menu.d.ts +7 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +6 -2
- package/dist/types/components.d.ts +39 -3
- package/dist/types/utils/event-from.d.ts +2 -1
- package/hydrate/index.js +357 -184
- package/hydrate/index.mjs +357 -184
- package/package.json +8 -6
- package/dist/components/react/p-0Ltezq5O.js +0 -3
- package/dist/esm/package-0Ltezq5O.js +0 -3
- package/dist/post-components/p-0Ltezq5O.js +0 -1
- package/dist/post-components/p-38d3d441.entry.js +0 -1
- package/dist/post-components/p-40f21542.entry.js +0 -1
- package/dist/post-components/p-4243cdd1.entry.js +0 -1
- package/dist/post-components/p-4c18cb8c.entry.js +0 -1
- package/dist/post-components/p-51dc7647.entry.js +0 -1
- package/dist/post-components/p-8363fedb.entry.js +0 -1
- package/dist/post-components/p-83998038.entry.js +0 -1
- package/dist/post-components/p-85bb1b5e.entry.js +0 -1
- package/dist/post-components/p-8f4d8685.entry.js +0 -1
- package/dist/post-components/p-95ad536d.entry.js +0 -1
- package/dist/post-components/p-9d806e89.entry.js +0 -1
- package/dist/post-components/p-_0G7tavk.js +0 -1
- package/dist/post-components/p-c3e38acf.entry.js +0 -1
- package/dist/post-components/p-kraHE1r3.js +0 -1
- package/dist/prebuild.js +0 -26
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/prebuild.d.ts +0 -1
- package/dist/cjs/{breakpoints-DmZ_BQGo.js → breakpoints-CEkeixld.js} +3 -3
- package/dist/esm/{breakpoints-_0G7tavk.js → breakpoints-CJ80BZ06.js} +3 -3
package/hydrate/index.mjs
CHANGED
|
@@ -3227,7 +3227,7 @@ var registerHost = (elm, cmpMeta) => {
|
|
|
3227
3227
|
};
|
|
3228
3228
|
var styles = /* @__PURE__ */ new Map();
|
|
3229
3229
|
|
|
3230
|
-
const version$1 = "10.0.0-next.
|
|
3230
|
+
const version$1 = "10.0.0-next.50";
|
|
3231
3231
|
|
|
3232
3232
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
3233
3233
|
|
|
@@ -3607,12 +3607,20 @@ function debounce(callback, timeout = 200) {
|
|
|
3607
3607
|
* @param ignoreNestedComponents - Whether to ignore events from nested components
|
|
3608
3608
|
* @returns true if the event should be processed, false otherwise
|
|
3609
3609
|
*/
|
|
3610
|
-
function shouldProcessEvent(event, tag, host, ignoreNestedComponents) {
|
|
3610
|
+
function shouldProcessEvent(event, tag, host, ignoreNestedComponents, allowDescendants = false) {
|
|
3611
3611
|
if (!(event instanceof Event && event.target instanceof HTMLElement))
|
|
3612
3612
|
return false;
|
|
3613
3613
|
const eventTarget = event.target;
|
|
3614
|
-
if (
|
|
3615
|
-
|
|
3614
|
+
if (allowDescendants) {
|
|
3615
|
+
// Accept event if target or any ancestor matches tag
|
|
3616
|
+
if (!eventTarget.closest(tag))
|
|
3617
|
+
return false;
|
|
3618
|
+
}
|
|
3619
|
+
else {
|
|
3620
|
+
// Only accept event if target exactly matches tag
|
|
3621
|
+
if (eventTarget.localName !== tag)
|
|
3622
|
+
return false;
|
|
3623
|
+
}
|
|
3616
3624
|
if (ignoreNestedComponents) {
|
|
3617
3625
|
// Find the closest parent with the same tag as the host
|
|
3618
3626
|
const closestParentWithSameTag = findClosestParentWithTag(eventTarget, host.localName);
|
|
@@ -3627,12 +3635,18 @@ function shouldProcessEvent(event, tag, host, ignoreNestedComponents) {
|
|
|
3627
3635
|
* @param option - Configuration options for the event guard
|
|
3628
3636
|
* @param option.ignoreNestedComponents - Whether to ignore events from nested components
|
|
3629
3637
|
*/
|
|
3630
|
-
function EventFrom(tag, option
|
|
3638
|
+
function EventFrom(tag, option) {
|
|
3639
|
+
// Set default values here
|
|
3640
|
+
const opts = {
|
|
3641
|
+
ignoreNestedComponents: true,
|
|
3642
|
+
allowDescendants: false,
|
|
3643
|
+
...option,
|
|
3644
|
+
};
|
|
3631
3645
|
return function (target, propertyKey, descriptor) {
|
|
3632
3646
|
if (descriptor) {
|
|
3633
3647
|
const originalMethod = descriptor.value;
|
|
3634
3648
|
descriptor.value = function (event) {
|
|
3635
|
-
if (!shouldProcessEvent(event, tag, this.host,
|
|
3649
|
+
if (!shouldProcessEvent(event, tag, this.host, opts.ignoreNestedComponents, opts.allowDescendants)) {
|
|
3636
3650
|
return;
|
|
3637
3651
|
}
|
|
3638
3652
|
return originalMethod.call(this, event);
|
|
@@ -3658,7 +3672,7 @@ function EventFrom(tag, option = { ignoreNestedComponents: true }) {
|
|
|
3658
3672
|
if (typeof originalFunction === 'function') {
|
|
3659
3673
|
// Store original and add new behavior
|
|
3660
3674
|
this[privateKey] = (event) => {
|
|
3661
|
-
if (!shouldProcessEvent(event, tag, this.host,
|
|
3675
|
+
if (!shouldProcessEvent(event, tag, this.host, opts.ignoreNestedComponents)) {
|
|
3662
3676
|
return;
|
|
3663
3677
|
}
|
|
3664
3678
|
return originalFunction.call(this, event);
|
|
@@ -3719,7 +3733,7 @@ function isMotionReduced() {
|
|
|
3719
3733
|
return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;
|
|
3720
3734
|
}
|
|
3721
3735
|
|
|
3722
|
-
const postAccordionCss = ":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)}
|
|
3736
|
+
const postAccordionCss = ":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)}";
|
|
3723
3737
|
|
|
3724
3738
|
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
3725
3739
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -3868,7 +3882,7 @@ function nanoid(size = 21) {
|
|
|
3868
3882
|
return id
|
|
3869
3883
|
}
|
|
3870
3884
|
|
|
3871
|
-
const postAccordionItemCss = ".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-
|
|
3885
|
+
const postAccordionItemCss = ".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}";
|
|
3872
3886
|
|
|
3873
3887
|
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
3874
3888
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -3956,9 +3970,16 @@ __decorate$6([
|
|
|
3956
3970
|
const GRAVATAR_DEFAULT = '404';
|
|
3957
3971
|
const GRAVATAR_RATING = 'g';
|
|
3958
3972
|
const GRAVATAR_SIZE = 80;
|
|
3973
|
+
async function cryptify(key) {
|
|
3974
|
+
return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
|
|
3975
|
+
return Array.from(new Uint8Array(buffer))
|
|
3976
|
+
.map(bytes => bytes.toString(16).padStart(2, '0'))
|
|
3977
|
+
.join('');
|
|
3978
|
+
});
|
|
3979
|
+
}
|
|
3959
3980
|
const GRAVATAR_BASE_URL = `https://www.gravatar.com/avatar/{email}?s=${GRAVATAR_SIZE}&d=${GRAVATAR_DEFAULT}&r=${GRAVATAR_RATING}`;
|
|
3960
3981
|
|
|
3961
|
-
const postAvatarCss = "
|
|
3982
|
+
const postAvatarCss = ":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}";
|
|
3962
3983
|
|
|
3963
3984
|
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
|
|
3964
3985
|
var AvatarType;
|
|
@@ -3995,6 +4016,9 @@ class PostAvatar {
|
|
|
3995
4016
|
this.validateEmail();
|
|
3996
4017
|
this.getAvatarImage();
|
|
3997
4018
|
}
|
|
4019
|
+
validateDescription() {
|
|
4020
|
+
checkEmptyOrType(this, 'description', 'string');
|
|
4021
|
+
}
|
|
3998
4022
|
validateUserId() {
|
|
3999
4023
|
checkEmptyOrType(this, 'userid', 'string');
|
|
4000
4024
|
}
|
|
@@ -4014,14 +4038,14 @@ class PostAvatar {
|
|
|
4014
4038
|
imageLoaded = await this.getImageByProp(this.email, this.fetchImageByEmail.bind(this));
|
|
4015
4039
|
}
|
|
4016
4040
|
if (!imageLoaded) {
|
|
4017
|
-
this.
|
|
4041
|
+
this.avatarType = AvatarType.Initials;
|
|
4018
4042
|
}
|
|
4019
4043
|
}
|
|
4020
4044
|
else {
|
|
4021
4045
|
const slottedImageLoaded = await this.getImageByProp(imageUrl, this.fetchSlottedImage.bind(this));
|
|
4022
4046
|
if (!slottedImageLoaded) {
|
|
4023
4047
|
this.slottedImage.style.display = 'none';
|
|
4024
|
-
this.
|
|
4048
|
+
this.avatarType = AvatarType.Initials;
|
|
4025
4049
|
}
|
|
4026
4050
|
else {
|
|
4027
4051
|
this.slottedImage.style.display = 'block';
|
|
@@ -4053,33 +4077,13 @@ class PostAvatar {
|
|
|
4053
4077
|
return await fetch(PostAvatar.INTERNAL_USERID_IMAGE_SRC.replace('{userid}', encodeURIComponent(this.userid)));
|
|
4054
4078
|
}
|
|
4055
4079
|
async fetchImageByEmail() {
|
|
4056
|
-
const email = await
|
|
4080
|
+
const email = await cryptify(this.email);
|
|
4057
4081
|
const imageUrl = GRAVATAR_BASE_URL.replace('{email}', email);
|
|
4058
4082
|
return await fetch(imageUrl);
|
|
4059
4083
|
}
|
|
4060
4084
|
async fetchSlottedImage(imageUrl) {
|
|
4061
4085
|
return await fetch(imageUrl, { method: 'HEAD' });
|
|
4062
4086
|
}
|
|
4063
|
-
getAvatarInitials() {
|
|
4064
|
-
this.initials = this.getInitials();
|
|
4065
|
-
this.avatarType = AvatarType.Initials;
|
|
4066
|
-
}
|
|
4067
|
-
getNames() {
|
|
4068
|
-
return [this.firstname, this.lastname].filter(n => n);
|
|
4069
|
-
}
|
|
4070
|
-
getInitials() {
|
|
4071
|
-
return this.getNames()
|
|
4072
|
-
.map(n => n.charAt(0))
|
|
4073
|
-
.join('')
|
|
4074
|
-
.trim();
|
|
4075
|
-
}
|
|
4076
|
-
async cryptify(key) {
|
|
4077
|
-
return await crypto.subtle.digest('SHA-256', new TextEncoder().encode(key)).then(buffer => {
|
|
4078
|
-
return Array.from(new Uint8Array(buffer))
|
|
4079
|
-
.map(bytes => bytes.toString(16).padStart(2, '0'))
|
|
4080
|
-
.join('');
|
|
4081
|
-
});
|
|
4082
|
-
}
|
|
4083
4087
|
slotChanged() {
|
|
4084
4088
|
const slot = this.host.shadowRoot.querySelector('slot');
|
|
4085
4089
|
const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
@@ -4109,32 +4113,32 @@ class PostAvatar {
|
|
|
4109
4113
|
}
|
|
4110
4114
|
connectedCallback() {
|
|
4111
4115
|
//This provides a fallback by showing the initials while the image is still loading or delayed.
|
|
4112
|
-
this.
|
|
4116
|
+
this.avatarType = AvatarType.Initials;
|
|
4113
4117
|
this.getAvatarImage();
|
|
4114
4118
|
}
|
|
4115
4119
|
componentDidLoad() {
|
|
4116
4120
|
this.validateFirstname();
|
|
4117
4121
|
this.validateLastname();
|
|
4122
|
+
this.validateDescription();
|
|
4118
4123
|
this.validateUserId();
|
|
4119
4124
|
this.validateEmail();
|
|
4120
4125
|
}
|
|
4121
4126
|
render() {
|
|
4122
|
-
const
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
-
|
|
4129
|
-
}, []);
|
|
4130
|
-
return (hAsync(Host, { "data-version": version$1 }, hAsync("span", { class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && hAsync("div", { class: "initials" }, initials)));
|
|
4127
|
+
const names = [this.firstname, this.lastname].filter(n => n).map(n => n.trim());
|
|
4128
|
+
const initials = names
|
|
4129
|
+
.map(n => n.charAt(0))
|
|
4130
|
+
.join('')
|
|
4131
|
+
.trim();
|
|
4132
|
+
const fullname = names.join(' ');
|
|
4133
|
+
return (hAsync(Host, { key: '9e596623d1949c62b1f110e311b839d244b249ef', "data-version": version$1 }, hAsync("span", { key: '6722e4096cb0d2f8b5d171f0d84fef98f74e1cd7', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: '95e8809133eb0de4382e9dc521eda877a6be5a8b', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'cb2ed3eab02f28369911997a94617efaeaa5c00a', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '5565b06795c4651537b20e9abd33492d7cb8a9d1', class: "initials" }, initials, hAsync("span", { key: '58ac3ee3a664a13ff82fc201e04e1896e409fbf1' }, this.description ?? fullname)))));
|
|
4131
4134
|
}
|
|
4132
4135
|
get host() { return getElement(this); }
|
|
4133
4136
|
static get watchers() { return {
|
|
4134
4137
|
"firstname": ["validateFirstname"],
|
|
4135
4138
|
"lastname": ["validateLastname"],
|
|
4136
4139
|
"userid": ["updateUserid"],
|
|
4137
|
-
"email": ["updateEmail"]
|
|
4140
|
+
"email": ["updateEmail"],
|
|
4141
|
+
"description": ["validateDescription"]
|
|
4138
4142
|
}; }
|
|
4139
4143
|
static get style() { return postAvatarCss; }
|
|
4140
4144
|
static get cmpMeta() { return {
|
|
@@ -4145,6 +4149,7 @@ class PostAvatar {
|
|
|
4145
4149
|
"lastname": [1],
|
|
4146
4150
|
"userid": [1],
|
|
4147
4151
|
"email": [1],
|
|
4152
|
+
"description": [1],
|
|
4148
4153
|
"slottedImage": [32],
|
|
4149
4154
|
"avatarType": [32],
|
|
4150
4155
|
"imageUrl": [32],
|
|
@@ -4160,13 +4165,13 @@ class PostAvatar {
|
|
|
4160
4165
|
PostAvatar.INTERNAL_USERID_IMAGE_SRC = 'https://web.post.ch/UserProfileImage/{userid}.png';
|
|
4161
4166
|
|
|
4162
4167
|
// Define common animation options
|
|
4163
|
-
const easing$
|
|
4168
|
+
const easing$2 = 'ease';
|
|
4164
4169
|
const defaultDuration = 500;
|
|
4165
4170
|
const fill$1 = 'forwards';
|
|
4166
4171
|
function createSlideFadeAnimation(el, keyframes, duration = defaultDuration) {
|
|
4167
4172
|
return el.animate(keyframes, {
|
|
4168
4173
|
duration: duration,
|
|
4169
|
-
easing: easing$
|
|
4174
|
+
easing: easing$2,
|
|
4170
4175
|
fill: fill$1,
|
|
4171
4176
|
});
|
|
4172
4177
|
}
|
|
@@ -4257,7 +4262,7 @@ class PostBackToTop {
|
|
|
4257
4262
|
window.removeEventListener('scroll', this.handleScroll);
|
|
4258
4263
|
}
|
|
4259
4264
|
render() {
|
|
4260
|
-
return (hAsync(Host, { key: '
|
|
4265
|
+
return (hAsync(Host, { key: '51abef7d1f650da1476689c46d853f49669da856', "data-version": version$1 }, hAsync("button", { key: '9de175f7962448fa3d658e4a24b01a857925a5b7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '281a177c37cbf98d72a0d6359483750762026b23', "aria-hidden": "true", name: "3026" }), hAsync("span", { key: '9c019806112c905bb6ba2e8ac4da85bcbd334566', class: "visually-hidden" }, this.label))));
|
|
4261
4266
|
}
|
|
4262
4267
|
get host() { return getElement(this); }
|
|
4263
4268
|
static get watchers() { return {
|
|
@@ -4348,7 +4353,7 @@ class PostBanner {
|
|
|
4348
4353
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
4349
4354
|
}
|
|
4350
4355
|
render() {
|
|
4351
|
-
return (hAsync(Host, { key: '
|
|
4356
|
+
return (hAsync(Host, { key: 'fbaf407e5bb79e3e9ab141fe7e8c9cd30c623020', "data-version": version$1, role: "alert" }, hAsync("slot", { key: 'c33efd8785392e5ffb037cded176f0c9d15405df', name: "close-button" }), hAsync("slot", { key: '762de4f8c6996f43c88ca02968b70dbd980cde00', name: "heading" }), hAsync("slot", { key: 'e46bb26c3b85795cbd3fcb854efcba7456062d56' }), this.hasActions && (hAsync("div", { key: '7c38eb6721cf1a0e427d6e096260d9b4a0523295', class: "actions" }, hAsync("slot", { key: '7ae6ecbb21f63629ed779373ce60c7cedfb988a4', name: "actions" })))));
|
|
4352
4357
|
}
|
|
4353
4358
|
get host() { return getElement(this); }
|
|
4354
4359
|
static get watchers() { return {
|
|
@@ -4369,7 +4374,7 @@ class PostBanner {
|
|
|
4369
4374
|
}; }
|
|
4370
4375
|
}
|
|
4371
4376
|
__decorate$5([
|
|
4372
|
-
EventFrom('post-closebutton')
|
|
4377
|
+
EventFrom('post-closebutton', { allowDescendants: true })
|
|
4373
4378
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
4374
4379
|
|
|
4375
4380
|
const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
|
|
@@ -4413,7 +4418,7 @@ class PostBreadcrumbItem {
|
|
|
4413
4418
|
}
|
|
4414
4419
|
render() {
|
|
4415
4420
|
const BreadcrumbTag = this.validUrl ? 'a' : 'span';
|
|
4416
|
-
return (hAsync(Host, { key: '
|
|
4421
|
+
return (hAsync(Host, { key: '9ccdcf67335a106fd70e1d756a941736827454c0', "data-version": version$1 }, hAsync("post-icon", { key: 'e0c9479626737582764a4ecd55612d3d9ee4ae21', name: "2111", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: '75f7b88edee2dda2907429c3c1ab55efe9e5137b', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: '1e59f84b6a9fd8b73372371e79fff43e44bd88c6' }))));
|
|
4417
4422
|
}
|
|
4418
4423
|
get host() { return getElement(this); }
|
|
4419
4424
|
static get watchers() { return {
|
|
@@ -4433,7 +4438,7 @@ class PostBreadcrumbItem {
|
|
|
4433
4438
|
}; }
|
|
4434
4439
|
}
|
|
4435
4440
|
|
|
4436
|
-
const postBreadcrumbsCss = "
|
|
4441
|
+
const postBreadcrumbsCss = ":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}";
|
|
4437
4442
|
|
|
4438
4443
|
class PostBreadcrumbs {
|
|
4439
4444
|
constructor(hostRef) {
|
|
@@ -4466,12 +4471,16 @@ class PostBreadcrumbs {
|
|
|
4466
4471
|
validateHomeText() {
|
|
4467
4472
|
checkEmptyOrType(this, 'homeUrl', 'string');
|
|
4468
4473
|
}
|
|
4474
|
+
validateLabel() {
|
|
4475
|
+
checkRequiredAndType(this, 'menuLabel', 'string');
|
|
4476
|
+
}
|
|
4469
4477
|
componentWillLoad() {
|
|
4470
4478
|
this.updateBreadcrumbItems();
|
|
4471
4479
|
}
|
|
4472
4480
|
componentDidLoad() {
|
|
4473
4481
|
this.validateHomeUrl();
|
|
4474
4482
|
this.validateHomeText();
|
|
4483
|
+
this.validateLabel();
|
|
4475
4484
|
window.addEventListener('resize', this.handleResize);
|
|
4476
4485
|
this.waitForBreadcrumbsRef();
|
|
4477
4486
|
}
|
|
@@ -4519,23 +4528,24 @@ class PostBreadcrumbs {
|
|
|
4519
4528
|
}
|
|
4520
4529
|
render() {
|
|
4521
4530
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
4522
|
-
return (hAsync(Host, { key: '
|
|
4531
|
+
return (hAsync(Host, { key: '6e0095670a7f07079a0aa135673f49d74b5308e7', "data-version": version$1 }, hAsync("nav", { key: '9558a78399f82f7168a5958470aed393a5ca035e', "aria-label": "Breadcrumbs", class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: 'a1cd27d3f95a23a4a94937b582588f0b87cf33f6', class: "no-list breadcrumbs-list" }, hAsync("li", { key: '7a3917328194a2676e22776f8946639d4a4e4c17' }, hAsync("a", { key: '56e224d2b484efd5a88a9df63f09450757e3f0ae', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: '94fbe7c49748926d2fdb419ce4c212b7f0b9e419', class: "visually-hidden" }, this.homeText), hAsync("post-icon", { key: '25c64b9e548eaa92ca0f3da55a0b09d2ec17f876', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { role: "none", class: "menu-trigger-wrapper", onKeyDown: e => {
|
|
4523
4532
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
4524
4533
|
e.preventDefault();
|
|
4525
4534
|
this.handleBreadcrumbItemClick();
|
|
4526
4535
|
}
|
|
4527
|
-
} }, hAsync("post-icon", { name: "2111", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0 }, hAsync("button", { class: "btn test", tabIndex: -1 }, "...")), hAsync("post-menu", { id: "breadcrumb-menu" }, visibleItems.map(item => (hAsync("post-menu-item", { key: item.url || item.text, class: "breadcrumb-item", onKeyDown: e => {
|
|
4536
|
+
} }, hAsync("post-icon", { name: "2111", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0 }, hAsync("button", { class: "btn test", tabIndex: -1 }, "...")), hAsync("post-menu", { id: "breadcrumb-menu", label: this.menuLabel }, visibleItems.map(item => (hAsync("post-menu-item", { key: item.url || item.text, class: "breadcrumb-item", onKeyDown: e => {
|
|
4528
4537
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
4529
4538
|
const linkElement = e.currentTarget.querySelector('a');
|
|
4530
4539
|
linkElement?.click();
|
|
4531
4540
|
e.preventDefault();
|
|
4532
4541
|
}
|
|
4533
|
-
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text)))), this.lastItem && (hAsync("post-breadcrumb-item", { key: '
|
|
4542
|
+
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '81337a6c458f5d9eb761f7764f12db3b442d310f', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: 'af840f26afe472d479bc8515252f4dca1f565f55', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: 'ea12eee48b386a1dc35978269e20f0e360d72e59', class: "hidden-items" }, hAsync("a", { key: '9a0427d1dbdd98b7174fbe8d117d3ab36e66ffe3', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '661f29d2c9c2acb6d46c98f06b56e561f488c750', class: "visually-hidden" }, this.homeText), hAsync("post-icon", { key: 'e7585ea456944250e55915cdc38496c050a81a12', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
|
|
4534
4543
|
}
|
|
4535
4544
|
get host() { return getElement(this); }
|
|
4536
4545
|
static get watchers() { return {
|
|
4537
4546
|
"homeUrl": ["validateHomeUrl"],
|
|
4538
|
-
"homeText": ["validateHomeText"]
|
|
4547
|
+
"homeText": ["validateHomeText"],
|
|
4548
|
+
"menuLabel": ["validateLabel"]
|
|
4539
4549
|
}; }
|
|
4540
4550
|
static get style() { return postBreadcrumbsCss; }
|
|
4541
4551
|
static get cmpMeta() { return {
|
|
@@ -4544,6 +4554,7 @@ class PostBreadcrumbs {
|
|
|
4544
4554
|
"$members$": {
|
|
4545
4555
|
"homeUrl": [1, "home-url"],
|
|
4546
4556
|
"homeText": [1, "home-text"],
|
|
4557
|
+
"menuLabel": [1, "menu-label"],
|
|
4547
4558
|
"breadcrumbItems": [32],
|
|
4548
4559
|
"isConcatenated": [32],
|
|
4549
4560
|
"lastWindowWidth": [32]
|
|
@@ -4554,7 +4565,7 @@ class PostBreadcrumbs {
|
|
|
4554
4565
|
}; }
|
|
4555
4566
|
}
|
|
4556
4567
|
|
|
4557
|
-
const postCardControlCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.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}}";
|
|
4568
|
+
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}}";
|
|
4558
4569
|
|
|
4559
4570
|
let cardControlIds = 0;
|
|
4560
4571
|
/**
|
|
@@ -4792,14 +4803,14 @@ class PostCardControl {
|
|
|
4792
4803
|
this.hasIcon = Boolean(this.host.querySelector('[slot="icon"]') || this.icon);
|
|
4793
4804
|
}
|
|
4794
4805
|
render() {
|
|
4795
|
-
return (hAsync(Host, { key: '
|
|
4806
|
+
return (hAsync(Host, { key: '8d037d8e16b06d1e72d3d6ee4f61a80e9c54a78a', "data-version": version$1, onClick: this.cardClickHandler }, hAsync("div", { key: '650cbbdad994689e633b60c04d905306d4ff954e', class: {
|
|
4796
4807
|
'card-control': true,
|
|
4797
4808
|
'is-checked': this.checked,
|
|
4798
4809
|
'is-disabled': this.disabled,
|
|
4799
4810
|
'is-focused': this.focused,
|
|
4800
4811
|
'is-valid': this.validity !== undefined && this.validity !== false,
|
|
4801
4812
|
'is-invalid': this.validity === false,
|
|
4802
|
-
} }, hAsync("input", { key: '
|
|
4813
|
+
} }, hAsync("input", { key: 'ba744035982e0ea02294a254d887083ef6c33308', ref: el => (this.control = el), id: this.controlId, class: "card-control--input", type: this.type, name: this.name, value: this.value, checked: this.checked, "aria-describedby": `${this.controlId}_content`, "aria-disabled": this.disabled, "aria-invalid": this.validity === false, onClick: this.controlClickHandler, onInput: this.controlChangeHandler, onChange: this.controlChangeHandler, onFocus: this.controlFocusHandler, onBlur: this.controlFocusHandler, onKeyDown: this.controlKeyDownHandler }), hAsync("label", { key: 'a853126a4b04abacf9c7ef0285cb42f99f294db2', id: `${this.controlId}_label`, htmlFor: this.controlId, class: "card-control--label" }, this.label, this.description ? (hAsync("div", { class: "card-control--description" }, this.description)) : null), this.hasIcon ? (hAsync("div", { class: "card-control--icon" }, hAsync("slot", { name: "icon" }, this.icon ? hAsync("post-icon", { name: this.icon }) : null))) : null, hAsync("div", { key: '4bd2a280659e0f48a5c92d71eb287617130170d1', id: `${this.controlId}_content`, class: "card-control--content" }, hAsync("slot", { key: 'cfab67b8e8dc9ecea3f5a18cbe95e835bf5aba44' })))));
|
|
4803
4814
|
}
|
|
4804
4815
|
componentDidRender() {
|
|
4805
4816
|
this.setHostContext();
|
|
@@ -4861,7 +4872,9 @@ class PostCardControl {
|
|
|
4861
4872
|
}; }
|
|
4862
4873
|
}
|
|
4863
4874
|
|
|
4864
|
-
const
|
|
4875
|
+
const BUTTON_TYPES = ['button', 'submit', 'reset'];
|
|
4876
|
+
|
|
4877
|
+
const postClosebuttonCss = ".visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton .btn{padding:0;border:unset;min-height:unset;min-width:unset;width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-closebutton .btn>post-icon{min-width:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{cursor:pointer;background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{color:HighlightText !important}}";
|
|
4865
4878
|
|
|
4866
4879
|
/**
|
|
4867
4880
|
* @slot default - Slot for placing visually hidden label in the close button.
|
|
@@ -4869,24 +4882,50 @@ const postClosebuttonCss = ".btn-icon-close{padding:0;border:unset;min-height:un
|
|
|
4869
4882
|
class PostClosebutton {
|
|
4870
4883
|
constructor(hostRef) {
|
|
4871
4884
|
registerInstance(this, hostRef);
|
|
4885
|
+
this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
|
|
4886
|
+
/**
|
|
4887
|
+
* Overrides the close button's type ("button" by default)
|
|
4888
|
+
*/
|
|
4889
|
+
this.buttonType = 'button';
|
|
4890
|
+
}
|
|
4891
|
+
validateButtonType() {
|
|
4892
|
+
checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
|
|
4872
4893
|
}
|
|
4873
4894
|
componentDidLoad() {
|
|
4874
|
-
this.
|
|
4895
|
+
this.checkContent();
|
|
4896
|
+
}
|
|
4897
|
+
connectedCallback() {
|
|
4898
|
+
this.mutationObserver.observe(this.host, {
|
|
4899
|
+
childList: true,
|
|
4900
|
+
characterData: true,
|
|
4901
|
+
subtree: true,
|
|
4902
|
+
});
|
|
4875
4903
|
}
|
|
4876
|
-
|
|
4877
|
-
if (
|
|
4904
|
+
disconnectedCallback() {
|
|
4905
|
+
if (this.mutationObserver) {
|
|
4906
|
+
this.mutationObserver.disconnect();
|
|
4907
|
+
}
|
|
4908
|
+
}
|
|
4909
|
+
checkContent() {
|
|
4910
|
+
this.validateButtonType();
|
|
4911
|
+
if (!this.host.querySelector('.visually-hidden').textContent) {
|
|
4878
4912
|
console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
|
|
4879
4913
|
}
|
|
4880
4914
|
}
|
|
4881
4915
|
render() {
|
|
4882
|
-
return (hAsync(Host, { key: '
|
|
4916
|
+
return (hAsync(Host, { key: '9b5bb7e95c6cf3039119ce485e963ac672834bc3', "data-version": version$1 }, hAsync("button", { key: '084709a7c632a8c665905a667fa6498cae1972a6', class: "btn", type: this.buttonType }, hAsync("post-icon", { key: 'e19209e0c8de59d3e187531e0185d8f2d5c85408', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '233184a45391e5a9b89635345f2324a87f5e9558', class: "visually-hidden" }, hAsync("slot", { key: 'c213ac1dbdd98d83a8b2dc1b74c85926404ad1c1' })))));
|
|
4883
4917
|
}
|
|
4884
4918
|
get host() { return getElement(this); }
|
|
4919
|
+
static get watchers() { return {
|
|
4920
|
+
"buttonType": ["validateButtonType"]
|
|
4921
|
+
}; }
|
|
4885
4922
|
static get style() { return postClosebuttonCss; }
|
|
4886
4923
|
static get cmpMeta() { return {
|
|
4887
|
-
"$flags$":
|
|
4924
|
+
"$flags$": 4,
|
|
4888
4925
|
"$tagName$": "post-closebutton",
|
|
4889
|
-
"$members$":
|
|
4926
|
+
"$members$": {
|
|
4927
|
+
"buttonType": [1, "button-type"]
|
|
4928
|
+
},
|
|
4890
4929
|
"$listeners$": undefined,
|
|
4891
4930
|
"$lazyBundleId$": "-",
|
|
4892
4931
|
"$attrsToReflect$": []
|
|
@@ -4967,7 +5006,7 @@ class PostCollapsible {
|
|
|
4967
5006
|
triggers.forEach(trigger => trigger.update());
|
|
4968
5007
|
}
|
|
4969
5008
|
render() {
|
|
4970
|
-
return (hAsync(Host, { key: '
|
|
5009
|
+
return (hAsync(Host, { key: '3a11f1a60c536544881def998bcdf81f6d248837', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined }, hAsync("slot", { key: '6ea66375cdffefd02c8293aa1542c4cbfce905a4' })));
|
|
4971
5010
|
}
|
|
4972
5011
|
get host() { return getElement(this); }
|
|
4973
5012
|
static get watchers() { return {
|
|
@@ -5083,7 +5122,7 @@ class PostCollapsibleTrigger {
|
|
|
5083
5122
|
this.updateAriaAttributes();
|
|
5084
5123
|
}
|
|
5085
5124
|
render() {
|
|
5086
|
-
return (hAsync(Host, { key: '
|
|
5125
|
+
return (hAsync(Host, { key: 'd0851c032e622f4a182e1321331e84eaa0440245', "data-version": version$1 }, hAsync("slot", { key: 'd495c42f409de0f9230c01031ecddab69cead1b7' })));
|
|
5087
5126
|
}
|
|
5088
5127
|
get host() { return getElement(this); }
|
|
5089
5128
|
static get watchers() { return {
|
|
@@ -5105,7 +5144,7 @@ __decorate$4([
|
|
|
5105
5144
|
EventFrom('post-collapsible')
|
|
5106
5145
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
5107
5146
|
|
|
5108
|
-
const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}
|
|
5147
|
+
const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";
|
|
5109
5148
|
|
|
5110
5149
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
5111
5150
|
/**
|
|
@@ -5161,7 +5200,7 @@ class PostFooter {
|
|
|
5161
5200
|
return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
5162
5201
|
}
|
|
5163
5202
|
render() {
|
|
5164
|
-
return (hAsync(Host, { key: '
|
|
5203
|
+
return (hAsync(Host, { key: '36aa67b511dd3fdb9c0244b89f80c24feb86b3a6', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '0b4accb1d39734fda0b2ae7e602ae05618d1f6f8' }, hAsync("h2", { key: '3b6147bb75772338192b17da5086e33d45f0cc4e', class: "visually-hidden" }, this.label), hAsync("div", { key: '3ae237e599d226c8413bd785540f2706a61f130f', class: "footer-container" }, hAsync("div", { key: 'c844467c43a718b117cc863beb75ac1ffccc7286', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: 'ab0859972f61a8a0b28184654b0b8a7da5d6d199', class: "footer-column" }, hAsync("div", { key: '9356dc60f36a614718b1e668aa6c8f988e611305', class: "footer-socialmedia" }, hAsync("slot", { key: 'aeea4c639ae1b092a90816cebfc892e7ae9608ac', name: "socialmedia" })), hAsync("div", { key: '6404adf8c76f4756c729c453a4f5285577973596', class: "footer-app" }, hAsync("slot", { key: 'ebfbf7f1b5db296b1de165035156819043d2a329', name: "app" }))), hAsync("div", { key: '38017619c9da0f5abd0b34e9406f94e239e54b99', class: "footer-businesssectors" }, hAsync("slot", { key: '93f13e71cbd102074b6f2a55c369470f66b3ae8d', name: "businesssectors" })), hAsync("div", { key: '88c077c96627d557a47d3136a65196b67fafc2c1', class: "footer-meta" }, hAsync("slot", { key: '9c0f64a2f2d715d6b420938efa63c861415376bd', name: "meta" })), hAsync("div", { key: '1dc3cdbe0cb628d7e688c15de5959758e8837489', class: "footer-copyright" }, hAsync("slot", { key: 'b62fe042ac7b098747bb21605fed2fa6883dbb23', name: "copyright" }))))));
|
|
5165
5204
|
}
|
|
5166
5205
|
get host() { return getElement(this); }
|
|
5167
5206
|
static get watchers() { return {
|
|
@@ -5182,16 +5221,16 @@ class PostFooter {
|
|
|
5182
5221
|
}; }
|
|
5183
5222
|
}
|
|
5184
5223
|
|
|
5185
|
-
const easing = 'ease';
|
|
5186
|
-
const duration = 500;
|
|
5224
|
+
const easing$1 = 'ease';
|
|
5225
|
+
const duration$1 = 500;
|
|
5187
5226
|
const fill = 'forwards';
|
|
5188
5227
|
function slideUp(el, translateSize = '-100%') {
|
|
5189
5228
|
return el.animate([
|
|
5190
5229
|
{ transform: 'translateY(0)' }, // Starting position (no translation)
|
|
5191
5230
|
{ transform: `translateY(${translateSize})` }, // End position
|
|
5192
5231
|
], {
|
|
5193
|
-
duration: duration,
|
|
5194
|
-
easing,
|
|
5232
|
+
duration: duration$1,
|
|
5233
|
+
easing: easing$1,
|
|
5195
5234
|
fill,
|
|
5196
5235
|
});
|
|
5197
5236
|
}
|
|
@@ -5200,13 +5239,13 @@ function slideDown(el, translateSize = '-100%') {
|
|
|
5200
5239
|
{ transform: `translateY(${translateSize})` }, // Starting position (no translation)
|
|
5201
5240
|
{ transform: 'translateY(0)' }, // End position
|
|
5202
5241
|
], {
|
|
5203
|
-
duration: duration,
|
|
5204
|
-
easing,
|
|
5242
|
+
duration: duration$1,
|
|
5243
|
+
easing: easing$1,
|
|
5205
5244
|
fill,
|
|
5206
5245
|
});
|
|
5207
5246
|
}
|
|
5208
5247
|
|
|
5209
|
-
const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1020;position:relative;--post-logo-height:calc(var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px));--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-local-header-top:calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) - var(--post-local-header-expanded-height) );--post-global-controls-top:clamp( 1000 * var(--post-global-header-top), calc(-1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height))), 0px )}@media screen and (min-width: 1024px){:host:has(.global-sub>*:not(.logo):focus-within),:host:has(.local-sub:focus-within){--post-global-header-top:0;--post-local-header-top:var(--post-global-header-expanded-height);--post-logo-height:var(--post-global-header-expanded-height);--post-global-controls-top:0}}
|
|
5248
|
+
const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1020;position:relative;--post-logo-height:calc(var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px));--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-local-header-top:calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) - var(--post-local-header-expanded-height) );--post-global-controls-top:clamp( 1000 * var(--post-global-header-top), calc(-1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height))), 0px )}@media screen and (min-width: 1024px){:host:has(.global-sub>*:not(.logo):focus-within),:host:has(.local-sub:focus-within){--post-global-header-top:0;--post-local-header-top:var(--post-global-header-expanded-height);--post-logo-height:var(--post-global-header-expanded-height);--post-global-controls-top:0}}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:4px;height:var(--post-global-header-expanded-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:4;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:8px;inset-block-start:var(--post-global-header-top);transition:inset-block-start .2s ease-in-out}}.global-header:has(+.local-header.no-navigation.no-title){box-shadow:var(--post-device-elevation-300)}.global-sub{display:flex;align-items:center;gap:4px}@media screen and (min-width: 1024px){.global-sub:not(:has(.logo)){position:relative;transition:inset-block-start .2s ease-in-out;inset-block-start:var(--post-global-controls-top)}.global-sub:not(:last-child):not(:first-child){flex-grow:1}}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--post-global-header-expanded-height);width:var(--post-global-header-expanded-height);min-height:var(--post-global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{transition:height .2 ease-in-out;height:var(--post-logo-height)}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-inline-start:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;inset-block-start:var(--post-local-header-top);flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-height:var(--post-local-header-expanded-min-height);background:#fff;transition:box-shadow .2s ease-in-out}.local-header::after{content:\"\";position:absolute;width:100%;height:1px;background-color:#e1e0dc;inset-block-end:-1px;z-index:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.local-header::after{background-color:Highlight}}@media screen and (min-width: 1024px){.local-header{z-index:3;box-shadow:var(--post-device-elevation-300);transition:box-shadow .2s ease-in-out,inset-block-start .2s ease-in-out}.local-header:not(.no-title){padding-block-start:18px}}@media screen and (max-width: 1023.98px){.local-header{z-index:3;padding-block:8px;flex-wrap:wrap;gap:12px}.local-header.local-header-mobile-extended::after{inset-block-end:0}.local-header:not(.local-header-mobile-extended){box-shadow:var(--post-device-elevation-300)}}.local-header.no-navigation{padding-block:0}.local-header.no-navigation .navigation{display:none}.local-header.no-navigation.no-title{display:none}.local-sub{margin-inline-end:16px}@media screen and (max-width: 1023.98px){.local-sub{margin-inline-end:4px}}::slotted(.list-inline){margin:0 !important;z-index:3 !important;position:relative !important}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{display:flex;align-items:center;justify-content:space-between;inset-block-start:var(--post-global-header-reduced-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:#fff}}@media screen and (max-width: 1023.98px){.navigation{position:sticky;z-index:2;inset-inline:0;inset-block-start:var(--post-header-height)}.mobile-menu{background-color:#fafafa}::slotted(post-mainnavigation),.navigation-footer{padding-block:16px 24px;padding-inline:40px}.navigation-header,::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column}.navigation.extended .navigation-header,.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}::slotted(post-mainnavigation){padding-block:24px}.navigation.extended>div{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height))}.navigation.extended.megadropdown-open>div{overflow-y:hidden}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}.navigation-footer{background-color:#f0efed;gap:24px}.navigation-footer ::slotted(post-language-switch){margin-top:16px}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.navigation-footer{gap:16px}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:16px}}";
|
|
5210
5249
|
|
|
5211
5250
|
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5212
5251
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -5220,6 +5259,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
5220
5259
|
};
|
|
5221
5260
|
/**
|
|
5222
5261
|
* @slot post-logo - Should be used together with the `<post-logo>` component.
|
|
5262
|
+
* @slot global-controls - Holds search button in the global header.
|
|
5223
5263
|
* @slot meta-navigation - Holds an `<ul>` with meta navigation links.
|
|
5224
5264
|
* @slot post-togglebutton - Holds the mobile menu toggler.
|
|
5225
5265
|
* @slot post-language-switch - Should be used with the `<post-language-switch>` component.
|
|
@@ -5227,6 +5267,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
5227
5267
|
* @slot default - Custom controls or content, right aligned in the local header.
|
|
5228
5268
|
* @slot post-mainnavigation - Has a default slot because it's only meant to be used in the `<post-header>`.
|
|
5229
5269
|
* @slot target-group - Holds the list of buttons to choose the target group.
|
|
5270
|
+
* @slot global-login - Holds the user menu or login button in the global header.
|
|
5271
|
+
* @slot navigation-controls - Custom controls, right aligned with the main navigation.
|
|
5230
5272
|
*/
|
|
5231
5273
|
class PostHeader {
|
|
5232
5274
|
get hasMobileMenu() {
|
|
@@ -5263,6 +5305,7 @@ class PostHeader {
|
|
|
5263
5305
|
this.throttledResize = throttle(50, () => this.updateLocalHeaderHeight());
|
|
5264
5306
|
this.device = breakpoint.get('device');
|
|
5265
5307
|
this.hasNavigation = false;
|
|
5308
|
+
this.hasTitle = false;
|
|
5266
5309
|
this.mobileMenuExtended = false;
|
|
5267
5310
|
this.megadropdownOpen = false;
|
|
5268
5311
|
this.breakpointChange = (e) => {
|
|
@@ -5299,6 +5342,7 @@ class PostHeader {
|
|
|
5299
5342
|
this.host.addEventListener('click', this.handleLinkClick);
|
|
5300
5343
|
window.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
5301
5344
|
this.checkNavigationExistence();
|
|
5345
|
+
this.checkTitleExistence();
|
|
5302
5346
|
this.switchLanguageSwitchMode();
|
|
5303
5347
|
this.handleScrollParentResize();
|
|
5304
5348
|
this.lockBody(false, this.mobileMenuExtended, 'mobileMenuExtended');
|
|
@@ -5319,7 +5363,8 @@ class PostHeader {
|
|
|
5319
5363
|
window.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
5320
5364
|
window.removeEventListener('resize', this.throttledResize);
|
|
5321
5365
|
window.removeEventListener('scroll', this.handleScrollEvent);
|
|
5322
|
-
scrollParent
|
|
5366
|
+
if (scrollParent)
|
|
5367
|
+
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
5323
5368
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
5324
5369
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
5325
5370
|
this.host.removeEventListener('click', this.handleLinkClick);
|
|
@@ -5336,6 +5381,9 @@ class PostHeader {
|
|
|
5336
5381
|
checkNavigationExistence() {
|
|
5337
5382
|
this.hasNavigation = this.host.querySelectorAll('post-mainnavigation').length > 0;
|
|
5338
5383
|
}
|
|
5384
|
+
checkTitleExistence() {
|
|
5385
|
+
this.hasTitle = this.host.querySelectorAll('[slot="title"]').length > 0;
|
|
5386
|
+
}
|
|
5339
5387
|
async closeMobileMenu() {
|
|
5340
5388
|
this.mobileMenuAnimation.finish();
|
|
5341
5389
|
const menuButton = this.getMenuButton();
|
|
@@ -5461,23 +5509,21 @@ class PostHeader {
|
|
|
5461
5509
|
});
|
|
5462
5510
|
}
|
|
5463
5511
|
renderNavigation() {
|
|
5464
|
-
const
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
navigationClasses.push('extended');
|
|
5468
|
-
}
|
|
5469
|
-
if (this.megadropdownOpen) {
|
|
5470
|
-
navigationClasses.push('megadropdown-open');
|
|
5512
|
+
const mainNavigation = (hAsync("slot", { name: "post-mainnavigation", onSlotchange: () => this.checkNavigationExistence() }));
|
|
5513
|
+
if (this.device === 'desktop') {
|
|
5514
|
+
return (hAsync("div", { class: { 'navigation': true, 'megadropdown-open': this.megadropdownOpen } }, mainNavigation, hAsync("slot", { name: "navigation-controls" })));
|
|
5471
5515
|
}
|
|
5472
|
-
return (hAsync("div", { class:
|
|
5516
|
+
return (hAsync("div", { class: { navigation: true, extended: this.mobileMenuExtended }, style: { '--post-header-navigation-current-inset': `${this.mobileMenu?.scrollTop ?? 0}px` } }, hAsync("div", { class: "mobile-menu", ref: el => (this.mobileMenu = el) }, hAsync("div", { class: "navigation-header" }, hAsync("slot", { name: "navigation-controls" }), hAsync("slot", { name: "target-group" })), mainNavigation, hAsync("div", { class: "navigation-footer" }, hAsync("slot", { name: "meta-navigation" }), hAsync("slot", { name: "post-language-switch" })))));
|
|
5473
5517
|
}
|
|
5474
5518
|
render() {
|
|
5475
5519
|
const localHeaderClasses = ['local-header'];
|
|
5476
5520
|
if (this.mobileMenuExtended)
|
|
5477
5521
|
localHeaderClasses.push('local-header-mobile-extended');
|
|
5478
|
-
if (!this.hasNavigation)
|
|
5522
|
+
if (this.device !== 'desktop' || !this.hasNavigation)
|
|
5479
5523
|
localHeaderClasses.push('no-navigation');
|
|
5480
|
-
|
|
5524
|
+
if (!this.hasTitle)
|
|
5525
|
+
localHeaderClasses.push('no-title');
|
|
5526
|
+
return (hAsync(Host, { key: 'fd3c4a534af28b2e35f4a02502283e04be0d9683', "data-version": version$1, "data-color-scheme": "light" }, hAsync("div", { key: '61c70adea7525d3daa7690ac9243c7697df5c8bc', class: "global-header" }, hAsync("div", { key: '1fdb106a9624a07d3ad3fd1cb4eade9b05282ab5', class: "global-sub" }, hAsync("div", { key: '2c62bccfa8d5fa9642528db265e76aac0d13022c', class: "logo" }, hAsync("slot", { key: '75b87c2428b7ccad6940976e46156b807257cbc5', name: "post-logo" }))), hAsync("div", { key: 'c1950198cbac96132ca5b1c886bb94238c53b903', class: "global-sub" }, this.device === 'desktop' && hAsync("slot", { key: '2e695987df3da854db3ec18cc4b1283d0f06dfd1', name: "target-group" })), hAsync("div", { key: '50366842180e3aae87d4e4da68a8f73c2f62c347', class: "global-sub" }, hAsync("slot", { key: '7eba07e3dddbc26843a50b39a69953a01d9e2a5e', name: "global-controls" }), !this.hasMobileMenu && hAsync("slot", { key: 'aa9fc50e2eb8eee4e3d9de76ccbf564ac30a8d03', name: "meta-navigation" }), !this.hasMobileMenu && hAsync("slot", { key: '7742f0d0e30d5b0d90ca9352fec72e49a97ec3cb', name: "post-language-switch" }), hAsync("slot", { key: 'a3545c4bb2a61c00105763059f3bd66ddd829681', name: "global-login" }), this.hasNavigation && (hAsync("div", { key: 'bb8df618571ea8cadb89b0cd8d50bba7c0dec038', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, hAsync("slot", { key: '83b9542127213e39644c280cf9f4e19aaf3f071a', name: "post-togglebutton" }))))), hAsync("div", { key: '2ab719d2610d46050fc99345237b7b9cc54fd467', class: localHeaderClasses.join(' ') }, hAsync("slot", { key: '0e02b3f7421a1c67e99fdc92aadcf61153665820', name: "title", onSlotchange: () => this.checkTitleExistence() }), this.hasTitle && (hAsync("div", { key: '94b091a29727bd556a4907ac4bdb2f8757483135', class: "local-sub" }, hAsync("slot", { key: '7647015350e21278b104ff4538525abeaea98442', name: "local-controls" }), hAsync("slot", { key: '4e42d3fe5c4f676b7bb836c976c1d7e59a1052ae' }))), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
|
|
5481
5527
|
}
|
|
5482
5528
|
get host() { return getElement(this); }
|
|
5483
5529
|
static get watchers() { return {
|
|
@@ -5491,6 +5537,7 @@ class PostHeader {
|
|
|
5491
5537
|
"$members$": {
|
|
5492
5538
|
"device": [32],
|
|
5493
5539
|
"hasNavigation": [32],
|
|
5540
|
+
"hasTitle": [32],
|
|
5494
5541
|
"mobileMenuExtended": [32],
|
|
5495
5542
|
"megadropdownOpen": [32],
|
|
5496
5543
|
"toggleMobileMenu": [64]
|
|
@@ -5546,52 +5593,58 @@ class PostIcon {
|
|
|
5546
5593
|
validateScale() {
|
|
5547
5594
|
checkEmptyOrType(this, 'scale', 'number');
|
|
5548
5595
|
}
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5596
|
+
/**
|
|
5597
|
+
* Construct the icon URL according to the following rules:
|
|
5598
|
+
* 1. `@base` (absolute URL) → use directly.
|
|
5599
|
+
* 2. `@base` (relative URL) → resolve with `base href` and/or `origin`
|
|
5600
|
+
* - If `base href` is absolute → use just that.
|
|
5601
|
+
* - If `base href` is relative → prepend with `origin`.
|
|
5602
|
+
* - If `base href` does not exist → use only `origin`.
|
|
5603
|
+
* 3. `@meta` (absolute URL) → use directly.
|
|
5604
|
+
* 4. `@meta` (relative URL) → resolve with `base href` and/or `origin`. (same as above)
|
|
5605
|
+
* 5. `CDN_URL` fallback → `https://unpkg.com/...`.
|
|
5606
|
+
**/
|
|
5553
5607
|
getUrl() {
|
|
5554
5608
|
const fileName = `${this.name}.svg`;
|
|
5555
5609
|
if (!IS_BROWSER && !this.base) {
|
|
5556
5610
|
return `${CDN_URL}${fileName}`;
|
|
5557
5611
|
}
|
|
5612
|
+
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
5613
|
+
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
5614
|
+
const cleanUrl = (url) => url.replace(/([^:])\/\//g, '$1/');
|
|
5558
5615
|
const currentDomain = IS_BROWSER ? window.location.origin : '';
|
|
5559
5616
|
const baseHref = IS_BROWSER
|
|
5560
5617
|
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
5561
5618
|
: '';
|
|
5562
|
-
const isBaseHrefAbsolute = /^https?:\/\//.test(baseHref);
|
|
5563
5619
|
const metaIconBase = IS_BROWSER
|
|
5564
|
-
? document
|
|
5565
|
-
.querySelector('meta[name="design-system-settings"]')
|
|
5566
|
-
?.getAttribute('data-post-icon-base') || ''
|
|
5620
|
+
? document.querySelector('meta[name="design-system-settings"]')?.getAttribute('data-post-icon-base') || ''
|
|
5567
5621
|
: '';
|
|
5568
|
-
|
|
5569
|
-
const
|
|
5570
|
-
|
|
5571
|
-
|
|
5572
|
-
|
|
5573
|
-
|
|
5574
|
-
|
|
5575
|
-
return
|
|
5576
|
-
}
|
|
5622
|
+
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
5623
|
+
const buildUrlWithBase = (relativeUrl) => {
|
|
5624
|
+
const normalizedHref = normalizeUrl(baseHref);
|
|
5625
|
+
const normalizedRelative = normalizeUrl(relativeUrl);
|
|
5626
|
+
if (isAbsolute(normalizedHref)) {
|
|
5627
|
+
return `${normalizedHref}${normalizedRelative}`;
|
|
5628
|
+
}
|
|
5629
|
+
return `${currentDomain}${normalizedHref}${normalizedRelative}`;
|
|
5630
|
+
};
|
|
5577
5631
|
let url;
|
|
5578
|
-
|
|
5579
|
-
|
|
5580
|
-
url =
|
|
5581
|
-
|
|
5582
|
-
|
|
5583
|
-
|
|
5584
|
-
|
|
5585
|
-
|
|
5586
|
-
|
|
5587
|
-
|
|
5588
|
-
|
|
5589
|
-
|
|
5590
|
-
|
|
5591
|
-
|
|
5592
|
-
|
|
5593
|
-
}
|
|
5594
|
-
return url.replace(/([^:])\/\//g, '$1/');
|
|
5632
|
+
// Highest Priority is this.base
|
|
5633
|
+
if (this.base) {
|
|
5634
|
+
url = isAbsolute(this.base)
|
|
5635
|
+
? `${normalizeUrl(this.base)}${fileName}`
|
|
5636
|
+
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
5637
|
+
return cleanUrl(url);
|
|
5638
|
+
}
|
|
5639
|
+
// Second Priority is metaIconBase
|
|
5640
|
+
if (metaIconBase) {
|
|
5641
|
+
url = isAbsolute(metaIconBase)
|
|
5642
|
+
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
5643
|
+
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
5644
|
+
return cleanUrl(url);
|
|
5645
|
+
}
|
|
5646
|
+
// Fallback to CDN
|
|
5647
|
+
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
5595
5648
|
}
|
|
5596
5649
|
getStyles() {
|
|
5597
5650
|
const url = this.getUrl();
|
|
@@ -5612,7 +5665,7 @@ class PostIcon {
|
|
|
5612
5665
|
this.validateAnimation();
|
|
5613
5666
|
}
|
|
5614
5667
|
render() {
|
|
5615
|
-
return (hAsync(Host, { key: '
|
|
5668
|
+
return (hAsync(Host, { key: '0031b3e2e4016f9b28cade66fa435741940946a7', "data-version": version$1 }, hAsync("span", { key: '0efbcdd5f1dd737640238a0ab81b67ca8218adec', style: this.getStyles() })));
|
|
5616
5669
|
}
|
|
5617
5670
|
get host() { return getElement(this); }
|
|
5618
5671
|
static get watchers() { return {
|
|
@@ -5643,7 +5696,7 @@ class PostIcon {
|
|
|
5643
5696
|
|
|
5644
5697
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
5645
5698
|
|
|
5646
|
-
const postLanguageOptionCss = "
|
|
5699
|
+
const postLanguageOptionCss = "post-language-option{display:inline-block}post-language-option 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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option button{background-color:ButtonFace !important}post-language-option button:hover{background-color:Highlight !important}}post-language-option button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-option a{color:var(--post-current-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:-2px !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:-2px !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-option:where([variant=menu]){min-width:72px}post-language-option:where([variant=menu])[active]:not([active=false]){display:none}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-option:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-option:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}";
|
|
5647
5700
|
|
|
5648
5701
|
/**
|
|
5649
5702
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -5692,13 +5745,12 @@ class PostLanguageOption {
|
|
|
5692
5745
|
}
|
|
5693
5746
|
render() {
|
|
5694
5747
|
const lang = this.code.toLowerCase();
|
|
5695
|
-
const role = this.variant === 'menu' ? 'menuitem' : undefined;
|
|
5696
5748
|
const emitOnKeyDown = (e) => {
|
|
5697
5749
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
5698
5750
|
this.emitChange();
|
|
5699
5751
|
}
|
|
5700
5752
|
};
|
|
5701
|
-
return (hAsync(Host, { key: '
|
|
5753
|
+
return (hAsync(Host, { key: 'b86bf33feb890e5dfbfae16f45ce2e56fdfaf16a', "data-version": version$1, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name))) : (hAsync("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)))));
|
|
5702
5754
|
}
|
|
5703
5755
|
get host() { return getElement(this); }
|
|
5704
5756
|
static get watchers() { return {
|
|
@@ -5799,14 +5851,13 @@ class PostLanguageSwitch {
|
|
|
5799
5851
|
updateChildrenVariant() {
|
|
5800
5852
|
this.languageOptions.forEach(el => {
|
|
5801
5853
|
el.setAttribute('variant', this.variant);
|
|
5802
|
-
el.setAttribute('role', this.variant == 'menu' ? 'menuitem' : 'listitem');
|
|
5803
5854
|
});
|
|
5804
5855
|
}
|
|
5805
5856
|
renderList() {
|
|
5806
5857
|
return (hAsync(Host, { "data-version": version$1 }, hAsync("div", { class: "post-language-switch-list", role: "list", "aria-label": this.caption, "aria-describedby": this.listSpanId }, hAsync("span", { id: this.listSpanId, class: "visually-hidden" }, this.description), hAsync("slot", null))));
|
|
5807
5858
|
}
|
|
5808
5859
|
renderDropdown() {
|
|
5809
|
-
return (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-trigger", { for: this.menuId }, hAsync("button", { class: "post-language-switch-trigger" }, this.activeLang, hAsync("span", { class: "visually-hidden" }, this.caption), hAsync("span", { class: "visually-hidden" }, this.description), hAsync("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), hAsync("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container",
|
|
5860
|
+
return (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-trigger", { for: this.menuId }, hAsync("button", { class: "post-language-switch-trigger" }, this.activeLang, hAsync("span", { class: "visually-hidden" }, this.caption), hAsync("span", { class: "visually-hidden" }, this.description), hAsync("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), hAsync("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", label: this.caption }, hAsync("slot", null))));
|
|
5810
5861
|
}
|
|
5811
5862
|
render() {
|
|
5812
5863
|
return this.variant === 'list' ? this.renderList() : this.renderDropdown();
|
|
@@ -5836,38 +5887,51 @@ __decorate$2([
|
|
|
5836
5887
|
EventFrom('post-language-option')
|
|
5837
5888
|
], PostLanguageSwitch.prototype, "handlePostChange", null);
|
|
5838
5889
|
|
|
5839
|
-
const postLinkareaCss = ":host{display:
|
|
5890
|
+
const postLinkareaCss = ":host{display:block;cursor:pointer}";
|
|
5840
5891
|
|
|
5841
5892
|
const INTERACTIVE_ELEMENTS = ['a'].join(',');
|
|
5842
5893
|
const INTERACTIVE_ELEMENTS_SELECTOR = `:where(${INTERACTIVE_ELEMENTS})`;
|
|
5843
5894
|
class PostLinkarea {
|
|
5844
5895
|
constructor(hostRef) {
|
|
5845
5896
|
registerInstance(this, hostRef);
|
|
5897
|
+
this.mutationObserver = new MutationObserver(this.checkInteractiveElements.bind(this));
|
|
5846
5898
|
}
|
|
5847
5899
|
dispatchClick({ ctrlKey, shiftKey, altKey, metaKey }) {
|
|
5848
|
-
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5900
|
+
this.interactiveElements[0]?.dispatchEvent(new MouseEvent('click', { ctrlKey, shiftKey, altKey, metaKey }));
|
|
5901
|
+
}
|
|
5902
|
+
checkInteractiveElements() {
|
|
5903
|
+
this.interactiveElements = this.host.querySelectorAll(INTERACTIVE_ELEMENTS_SELECTOR);
|
|
5904
|
+
if (this.interactiveElements.length > 1) {
|
|
5905
|
+
console.error(`The \`post-linkarea\` currently contains ${this.interactiveElements.length} interactive elements when it should contain only one.`);
|
|
5852
5906
|
}
|
|
5853
|
-
|
|
5907
|
+
}
|
|
5908
|
+
connectedCallback() {
|
|
5909
|
+
this.mutationObserver.observe(this.host, { childList: true });
|
|
5910
|
+
}
|
|
5911
|
+
componentWillLoad() {
|
|
5912
|
+
this.checkInteractiveElements();
|
|
5913
|
+
}
|
|
5914
|
+
disconnectedCallback() {
|
|
5915
|
+
this.mutationObserver.disconnect();
|
|
5854
5916
|
}
|
|
5855
5917
|
render() {
|
|
5856
|
-
return (hAsync(Host, { key: '
|
|
5918
|
+
return (hAsync(Host, { key: 'faa2a8c9b2fc4261496e0dbb091bae2aeee04e3b', "data-version": version$1, onClick: (e) => this.dispatchClick(e), tabindex: "0" }, hAsync("slot", { key: '57c30507720e9a04436cb4e518aa19b023cd2c39' })));
|
|
5857
5919
|
}
|
|
5858
5920
|
get host() { return getElement(this); }
|
|
5859
5921
|
static get style() { return postLinkareaCss; }
|
|
5860
5922
|
static get cmpMeta() { return {
|
|
5861
5923
|
"$flags$": 9,
|
|
5862
5924
|
"$tagName$": "post-linkarea",
|
|
5863
|
-
"$members$":
|
|
5925
|
+
"$members$": {
|
|
5926
|
+
"interactiveElements": [32]
|
|
5927
|
+
},
|
|
5864
5928
|
"$listeners$": undefined,
|
|
5865
5929
|
"$lazyBundleId$": "-",
|
|
5866
5930
|
"$attrsToReflect$": []
|
|
5867
5931
|
}; }
|
|
5868
5932
|
}
|
|
5869
5933
|
|
|
5870
|
-
const postListCss = "
|
|
5934
|
+
const postListCss = "post-list{display:flex;flex-direction:column;gap:var(--post-list-title-gap, 0)}post-list>[role=list]{display:flex;flex-direction:column;gap:var(--post-list-item-gap, 0)}post-list:where([horizontal]:not([horizontal=false])){flex-direction:row;align-items:center}post-list:where([horizontal]:not([horizontal=false]))>[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
|
|
5871
5935
|
|
|
5872
5936
|
/**
|
|
5873
5937
|
* @slot default - Slot for placing the list title.
|
|
@@ -5900,7 +5964,7 @@ class PostList {
|
|
|
5900
5964
|
}
|
|
5901
5965
|
}
|
|
5902
5966
|
render() {
|
|
5903
|
-
return (hAsync(Host, { key: '
|
|
5967
|
+
return (hAsync(Host, { key: '908588a3f1261efbb85dbefade9f85f8ec6f16f8', "data-version": version$1 }, hAsync("div", { key: '44b224379be814dab98e16ad12a3ca0f10e61ac0', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, hAsync("slot", { key: '1aed36b7c286796a4d617643e7606e63bc2dd95a' })), hAsync("div", { key: '3e1d137712b3e7616bab450426964f6c9334198e', role: "list", "aria-labelledby": this.titleId }, hAsync("slot", { key: 'fd5abb2fca95d32295fbfa158795413264200ae8', name: "post-list-item" }))));
|
|
5904
5968
|
}
|
|
5905
5969
|
get host() { return getElement(this); }
|
|
5906
5970
|
static get style() { return postListCss; }
|
|
@@ -5931,7 +5995,7 @@ class PostListItem {
|
|
|
5931
5995
|
this.host.setAttribute('slot', 'post-list-item');
|
|
5932
5996
|
}
|
|
5933
5997
|
render() {
|
|
5934
|
-
return (hAsync(Host, { key: '
|
|
5998
|
+
return (hAsync(Host, { key: '67204f0c31a6bc4cad3359030a8da57a045de7c5', role: "listitem", slot: "post-list-item", version: version$1 }, hAsync("slot", { key: '0c68073c601a3792880fc0e68af24a4a204548ed' })));
|
|
5935
5999
|
}
|
|
5936
6000
|
get host() { return getElement(this); }
|
|
5937
6001
|
static get style() { return postListItemCss; }
|
|
@@ -5969,7 +6033,7 @@ class PostLogo {
|
|
|
5969
6033
|
render() {
|
|
5970
6034
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
5971
6035
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
5972
|
-
return (hAsync(Host, { key: '
|
|
6036
|
+
return (hAsync(Host, { key: 'acd3bfab8d395cde2d79066580a8e53e65c426f4', "data-version": version$1 }, hAsync(LogoTag, { key: 'c5c2f8a2be6204bb693d5d53fd95e75133518a1d', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '675b756441237173c1046b74c2dfe2dfc08bfd7f', class: "description" }, hAsync("slot", { key: '710fd3483f56ad353e1a99f4fff2acc78ee53b46', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: 'e72b70e26da0fefd52a7e9aec41772dd5c9f0258', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: 'b67d56c9319bb576a56c76c5299f4a81c93d6c3c', id: "Logo" }, hAsync("rect", { key: '8c073060a51c5e6942c1b33fc5c2a3a7eb422f07', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: 'f97840922aa977b0f74bc5e8a88ff99136c80e46', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: 'f7faf347bb660e2a4550b48fc2d997ad01b2b8ae', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
5973
6037
|
}
|
|
5974
6038
|
get host() { return getElement(this); }
|
|
5975
6039
|
static get watchers() { return {
|
|
@@ -5988,7 +6052,7 @@ class PostLogo {
|
|
|
5988
6052
|
}; }
|
|
5989
6053
|
}
|
|
5990
6054
|
|
|
5991
|
-
const postMainnavigationCss = "post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;outline-offset:-2px !important}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}@media screen and (min-width: 1024px){post-mainnavigation{display:block;position:relative;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-mainnavigation nav{flex:1 1 auto;overflow:hidden;scroll-behavior:smooth}post-mainnavigation .scroll-control{cursor:pointer;position:absolute;inset-block:0;z-index:5;padding:16px;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-mainnavigation .scroll-control.scroll-left{inset-inline-start:0}post-mainnavigation .scroll-control.scroll-right{inset-inline-end:0}post-mainnavigation .scroll-control.d-none{display:none}post-mainnavigation .scroll-control post-icon{font-size:1rem}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height, 0);gap:4px;font-size:16px;z-index:4}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:5}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-active,post-mainnavigation post-list-item>button .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-mainnavigation post-list-item>a.selected .nav-el-active,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item>button.selected .nav-el-active,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button.selected .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-mainnavigation post-list-item>a.selected .nav-el-inactive,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item>button.selected .nav-el-inactive,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button.selected .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close).selected,post-mainnavigation post-megadropdown button:not(.btn-icon-close)[aria-expanded=true],post-mainnavigation post-megadropdown a.selected,post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .scroll-control{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}";
|
|
6055
|
+
const postMainnavigationCss = "post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;outline-offset:-2px !important}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}@media screen and (min-width: 1024px){post-mainnavigation{display:flex;overflow:hidden;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-mainnavigation nav{flex:1 1 auto;overflow:hidden;scroll-behavior:smooth}post-mainnavigation .scroll-control{cursor:pointer;z-index:5;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-mainnavigation .scroll-control.scroll-left{margin-inline-end:-3rem}post-mainnavigation .scroll-control.scroll-right{margin-inline-start:-3rem}post-mainnavigation .scroll-control.d-none{display:none}post-mainnavigation .scroll-control post-icon{font-size:1rem}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height, 0);gap:4px;font-size:16px;z-index:4}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:5}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-active,post-mainnavigation post-list-item>button .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.active,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.active,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-mainnavigation post-list-item>a.active .nav-el-active,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item>button.active .nav-el-active,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-mainnavigation post-list-item>a.active .nav-el-inactive,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item>button.active .nav-el-inactive,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)).active,post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-current=page],post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-expanded=true],post-mainnavigation post-megadropdown a.active,post-mainnavigation post-megadropdown a[aria-current=page],post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .scroll-control{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-list-item>a.active,post-mainnavigation post-list-item>a[aria-current=page],post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.active,post-mainnavigation post-list-item>button[aria-current=page],post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page],post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}";
|
|
5992
6056
|
|
|
5993
6057
|
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
5994
6058
|
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
@@ -6133,7 +6197,7 @@ class PostMainnavigation {
|
|
|
6133
6197
|
}, NAVBAR_DISABLE_DURATION);
|
|
6134
6198
|
}
|
|
6135
6199
|
render() {
|
|
6136
|
-
return (hAsync(Host, { key: '
|
|
6200
|
+
return (hAsync(Host, { key: '04ae6ffdd6560113431b70c3c27f16057fc9a87d', slot: "post-mainnavigation", version: version$1 }, hAsync("div", { key: '2f79728dcbbfe94a343b880e2ba07331f45c9f30', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '3e762484bbcd03ac0d67b4ab722ffcd862bb073e', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '1150bfdf724e4d93b45f1fff071fba56d31d15b5', ref: el => (this.navbar = el) }, hAsync("slot", { key: '3496b7c6d2d75300b1727148ff9b9965717d9909' })), hAsync("div", { key: '1fa6dd50d9650ab6e5047c607f7e5ed0416ed245', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '9487d621e1d7289a0afeb1d0443ec8bc70cd5f3e', "aria-hidden": "true", name: "chevronright" }))));
|
|
6137
6201
|
}
|
|
6138
6202
|
static get style() { return postMainnavigationCss; }
|
|
6139
6203
|
static get cmpMeta() { return {
|
|
@@ -6149,7 +6213,7 @@ class PostMainnavigation {
|
|
|
6149
6213
|
}; }
|
|
6150
6214
|
}
|
|
6151
6215
|
|
|
6152
|
-
const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:5;position:fixed;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.
|
|
6216
|
+
const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:5;position:fixed;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.active,.megadropdown post-list .list-title h3 a[aria-current=page],.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px;white-space:normal;word-break:break-word}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-block-end:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{order:-1;display:block}}.megadropdown .close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
|
|
6153
6217
|
|
|
6154
6218
|
class PostMegadropdown {
|
|
6155
6219
|
constructor(hostRef) {
|
|
@@ -6162,6 +6226,7 @@ class PostMegadropdown {
|
|
|
6162
6226
|
* and updates automatically when the dropdown is toggled.
|
|
6163
6227
|
*/
|
|
6164
6228
|
this.isVisible = false;
|
|
6229
|
+
this.trigger = false;
|
|
6165
6230
|
/** Holds the current animation class. */
|
|
6166
6231
|
this.animationClass = null;
|
|
6167
6232
|
this.handleClickOutside = (event) => {
|
|
@@ -6183,11 +6248,20 @@ class PostMegadropdown {
|
|
|
6183
6248
|
this.hide(false);
|
|
6184
6249
|
};
|
|
6185
6250
|
}
|
|
6186
|
-
|
|
6187
|
-
|
|
6188
|
-
|
|
6189
|
-
|
|
6190
|
-
|
|
6251
|
+
get megadropdownTrigger() {
|
|
6252
|
+
const hostId = this.host.getAttribute('id');
|
|
6253
|
+
return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"] > button`) : null;
|
|
6254
|
+
}
|
|
6255
|
+
connectedCallback() {
|
|
6256
|
+
window.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
6257
|
+
}
|
|
6258
|
+
componentDidRender() {
|
|
6259
|
+
this.getFocusableElements();
|
|
6260
|
+
}
|
|
6261
|
+
componentDidLoad() {
|
|
6262
|
+
this.checkInitialAriaCurrent();
|
|
6263
|
+
this.setupObserver();
|
|
6264
|
+
this.handleAriaCurrentChange([]);
|
|
6191
6265
|
}
|
|
6192
6266
|
disconnectedCallback() {
|
|
6193
6267
|
this.removeListeners();
|
|
@@ -6195,9 +6269,7 @@ class PostMegadropdown {
|
|
|
6195
6269
|
if (PostMegadropdown.activeDropdown === this) {
|
|
6196
6270
|
PostMegadropdown.activeDropdown = null;
|
|
6197
6271
|
}
|
|
6198
|
-
|
|
6199
|
-
componentWillRender() {
|
|
6200
|
-
this.getFocusableElements();
|
|
6272
|
+
this.defaultSlotObserver.disconnect();
|
|
6201
6273
|
}
|
|
6202
6274
|
/**
|
|
6203
6275
|
* Toggles the dropdown visibility based on its current state.
|
|
@@ -6246,8 +6318,11 @@ class PostMegadropdown {
|
|
|
6246
6318
|
async focusFirst() {
|
|
6247
6319
|
this.firstFocusableEl?.focus();
|
|
6248
6320
|
}
|
|
6249
|
-
|
|
6250
|
-
|
|
6321
|
+
breakpointChange(e) {
|
|
6322
|
+
this.device = e.detail;
|
|
6323
|
+
if (this.device === 'desktop' && this.isVisible) {
|
|
6324
|
+
this.animationClass = null;
|
|
6325
|
+
}
|
|
6251
6326
|
}
|
|
6252
6327
|
/**
|
|
6253
6328
|
* Forces the dropdown to close without animation.
|
|
@@ -6304,9 +6379,59 @@ class PostMegadropdown {
|
|
|
6304
6379
|
}
|
|
6305
6380
|
}
|
|
6306
6381
|
}
|
|
6382
|
+
/**
|
|
6383
|
+
* Sets up a MutationObserver on the host to watch for changes
|
|
6384
|
+
* in `aria-current` attributes.
|
|
6385
|
+
*/
|
|
6386
|
+
setupObserver() {
|
|
6387
|
+
const config = {
|
|
6388
|
+
subtree: true,
|
|
6389
|
+
attributes: true,
|
|
6390
|
+
attributeFilter: ['aria-current'],
|
|
6391
|
+
};
|
|
6392
|
+
this.defaultSlotObserver = new MutationObserver(this.handleAriaCurrentChange.bind(this));
|
|
6393
|
+
this.defaultSlotObserver.observe(this.host, config);
|
|
6394
|
+
}
|
|
6395
|
+
/**
|
|
6396
|
+
* Adds or removes the 'active' class on the megadropdown trigger button
|
|
6397
|
+
* based on the active state.
|
|
6398
|
+
*
|
|
6399
|
+
* @param isActive - Whether the trigger should appear active
|
|
6400
|
+
*/
|
|
6401
|
+
setTriggerActive(isActive) {
|
|
6402
|
+
const trigger = this.megadropdownTrigger;
|
|
6403
|
+
if (!trigger)
|
|
6404
|
+
return;
|
|
6405
|
+
if (isActive) {
|
|
6406
|
+
trigger.classList.add('active');
|
|
6407
|
+
}
|
|
6408
|
+
else {
|
|
6409
|
+
trigger.classList.remove('active');
|
|
6410
|
+
}
|
|
6411
|
+
}
|
|
6412
|
+
/**
|
|
6413
|
+
* Updates the megadropdown trigger state when the megadropdown content changes.
|
|
6414
|
+
* Checks if any element inside the megadropdown has `aria-current="page"`
|
|
6415
|
+
* and sets the trigger as active accordingly.
|
|
6416
|
+
*/
|
|
6417
|
+
handleAriaCurrentChange(mutations) {
|
|
6418
|
+
if (!mutations.length)
|
|
6419
|
+
return;
|
|
6420
|
+
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
6421
|
+
this.setTriggerActive(hasCurrentPage);
|
|
6422
|
+
}
|
|
6423
|
+
/**
|
|
6424
|
+
* Checks on initialization if any element inside the megadropdown
|
|
6425
|
+
* has `aria-current="page"` and sets the trigger as active if so.
|
|
6426
|
+
*/
|
|
6427
|
+
checkInitialAriaCurrent() {
|
|
6428
|
+
const hasCurrentPage = this.host.querySelector('[aria-current="page"]');
|
|
6429
|
+
if (hasCurrentPage)
|
|
6430
|
+
this.setTriggerActive(true);
|
|
6431
|
+
}
|
|
6307
6432
|
render() {
|
|
6308
6433
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
6309
|
-
return (hAsync(Host, { key: '
|
|
6434
|
+
return (hAsync(Host, { key: '40023f8684db4cfff78f69d2d5786e4c3a0332b4', version: version$1 }, hAsync("div", { key: '986f114148d355b7a6e92c19d1c02c925eb27fce', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, hAsync("div", { key: 'c14d01be681f596148d39f272375615eafdf25c0', class: "megadropdown" }, hAsync("slot", { key: '5f60ff26e694c107c569e06d30e18a5940d3e7b1', name: "megadropdown-title" }), hAsync("div", { key: '49202a8a0dcebc086220db637cf25d96510b6eac', class: "megadropdown-content" }, hAsync("slot", { key: '98593b2824d21f065b4c183c8980d94136b175bf' })), hAsync("div", { key: 'ed1dfbbebd101a98153657007f8037c0282b47ef', onClick: () => this.hide(true), class: "back-button" }, hAsync("slot", { key: '4e737d72e77271cb025976ae5e5fe4d5f653480a', name: "back-button" })), hAsync("div", { key: '0bf1316c091efbf294be89efeebae7937c013b29', onClick: () => this.hide(true), class: "close-button" }, hAsync("slot", { key: '594a412944fff3fee09639b85cc13a9291b96a10', name: "close-button" }))))));
|
|
6310
6435
|
}
|
|
6311
6436
|
get host() { return getElement(this); }
|
|
6312
6437
|
static get style() { return postMegadropdownCss; }
|
|
@@ -6316,6 +6441,7 @@ class PostMegadropdown {
|
|
|
6316
6441
|
"$members$": {
|
|
6317
6442
|
"device": [32],
|
|
6318
6443
|
"isVisible": [32],
|
|
6444
|
+
"trigger": [32],
|
|
6319
6445
|
"animationClass": [32],
|
|
6320
6446
|
"toggle": [64],
|
|
6321
6447
|
"show": [64],
|
|
@@ -6425,7 +6551,7 @@ class PostMegadropdownTrigger {
|
|
|
6425
6551
|
document.removeEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
|
|
6426
6552
|
}
|
|
6427
6553
|
render() {
|
|
6428
|
-
return (hAsync(Host, { key: '
|
|
6554
|
+
return (hAsync(Host, { key: 'a817027c84bb4a3418807ccbb200d36190e03d6f', "data-version": version$1, "tab-index": "-1" }, hAsync("button", { key: '1e560734f4a5f742a9efa2bff6833c1ae3e11117' }, hAsync("slot", { key: '42bf1a30f432b1fcf8e0fec1cd1d499126623234' }))));
|
|
6429
6555
|
}
|
|
6430
6556
|
get host() { return getElement(this); }
|
|
6431
6557
|
static get watchers() { return {
|
|
@@ -6448,7 +6574,7 @@ __decorate$1([
|
|
|
6448
6574
|
EventFrom('post-megadropdown', { ignoreNestedComponents: false })
|
|
6449
6575
|
], PostMegadropdownTrigger.prototype, "handleToggleMegadropdown", void 0);
|
|
6450
6576
|
|
|
6451
|
-
const postMenuCss = "
|
|
6577
|
+
const postMenuCss = ":host{display:block}:where([part=menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}";
|
|
6452
6578
|
|
|
6453
6579
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6454
6580
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -6462,7 +6588,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
6462
6588
|
};
|
|
6463
6589
|
/**
|
|
6464
6590
|
* @part menu - The container element that holds the list of menu items.
|
|
6465
|
-
|
|
6591
|
+
* @slot header - Holds the header part of the menu.
|
|
6592
|
+
*/
|
|
6466
6593
|
class PostMenu {
|
|
6467
6594
|
constructor(hostRef) {
|
|
6468
6595
|
registerInstance(this, hostRef);
|
|
@@ -6501,18 +6628,32 @@ class PostMenu {
|
|
|
6501
6628
|
}
|
|
6502
6629
|
};
|
|
6503
6630
|
this.handlePostToggle = (event) => {
|
|
6504
|
-
this.isVisible = event.detail;
|
|
6631
|
+
this.isVisible = event.detail.isOpen;
|
|
6505
6632
|
this.toggleMenu.emit(this.isVisible);
|
|
6506
6633
|
requestAnimationFrame(() => {
|
|
6507
6634
|
if (this.isVisible) {
|
|
6508
6635
|
this.lastFocusedElement = this.root?.activeElement;
|
|
6509
6636
|
const menuItems = this.getSlottedItems();
|
|
6510
|
-
if (
|
|
6511
|
-
menuItems
|
|
6637
|
+
if (event.detail.first) {
|
|
6638
|
+
if (menuItems.length > 0) {
|
|
6639
|
+
// Add role="menu" to the popovercontainer
|
|
6640
|
+
this.host.setAttribute('role', 'menu');
|
|
6641
|
+
// Add role="menuitem" to the focusable elements
|
|
6642
|
+
menuItems.forEach(item => {
|
|
6643
|
+
item.setAttribute('role', 'menuitem');
|
|
6644
|
+
});
|
|
6645
|
+
// Add aria-label to the menu
|
|
6646
|
+
if (this.label)
|
|
6647
|
+
this.host.setAttribute('aria-label', this.label);
|
|
6648
|
+
}
|
|
6512
6649
|
}
|
|
6650
|
+
menuItems[0].focus();
|
|
6513
6651
|
}
|
|
6514
6652
|
else if (this.lastFocusedElement) {
|
|
6515
|
-
|
|
6653
|
+
setTimeout(() => {
|
|
6654
|
+
// This timeout is added for NVDA to announce the menu as collapsed
|
|
6655
|
+
this.lastFocusedElement.focus();
|
|
6656
|
+
}, 0);
|
|
6516
6657
|
}
|
|
6517
6658
|
});
|
|
6518
6659
|
};
|
|
@@ -6526,6 +6667,9 @@ class PostMenu {
|
|
|
6526
6667
|
validatePlacement() {
|
|
6527
6668
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
6528
6669
|
}
|
|
6670
|
+
validateLabel() {
|
|
6671
|
+
checkRequiredAndType(this, 'label', 'string');
|
|
6672
|
+
}
|
|
6529
6673
|
connectedCallback() {
|
|
6530
6674
|
this.root = getRoot(this.host);
|
|
6531
6675
|
this.host.addEventListener('keydown', this.handleKeyDown);
|
|
@@ -6538,6 +6682,7 @@ class PostMenu {
|
|
|
6538
6682
|
}
|
|
6539
6683
|
componentDidLoad() {
|
|
6540
6684
|
this.validatePlacement();
|
|
6685
|
+
this.validateLabel();
|
|
6541
6686
|
if (this.popoverRef) {
|
|
6542
6687
|
this.popoverRef.addEventListener('postToggle', this.handlePostToggle);
|
|
6543
6688
|
}
|
|
@@ -6614,8 +6759,9 @@ class PostMenu {
|
|
|
6614
6759
|
}
|
|
6615
6760
|
}
|
|
6616
6761
|
getSlottedItems() {
|
|
6617
|
-
const slot = this.host.shadowRoot.
|
|
6618
|
-
const slottedElements =
|
|
6762
|
+
const slot = this.host.shadowRoot.querySelectorAll('slot');
|
|
6763
|
+
const slottedElements = [];
|
|
6764
|
+
slot.forEach(slotItem => slottedElements.push(...slotItem.assignedElements()));
|
|
6619
6765
|
return (slottedElements
|
|
6620
6766
|
// If the element is a slot, get the assigned elements
|
|
6621
6767
|
.flatMap(el => (el instanceof HTMLSlotElement ? el.assignedElements() : el))
|
|
@@ -6623,11 +6769,12 @@ class PostMenu {
|
|
|
6623
6769
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
6624
6770
|
}
|
|
6625
6771
|
render() {
|
|
6626
|
-
return (hAsync(Host, { key: '
|
|
6772
|
+
return (hAsync(Host, { key: 'd98d7b0a1c607732ab12c94f8d872408a053c19b', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '669e6062e5ff0dfac0d311cc8fdd0bb51735aac1', placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '6bc1abb7b764e9e6985a839904ed5575ea20a519', part: "menu" }, hAsync("slot", { key: '6b8670f2e80ed93761797b9161ddf54bb88f73ec', name: "header" }), hAsync("slot", { key: '971f39ae63f22a503e36aeecb67575304ce14248' })))));
|
|
6627
6773
|
}
|
|
6628
6774
|
get host() { return getElement(this); }
|
|
6629
6775
|
static get watchers() { return {
|
|
6630
|
-
"placement": ["validatePlacement"]
|
|
6776
|
+
"placement": ["validatePlacement"],
|
|
6777
|
+
"label": ["validateLabel"]
|
|
6631
6778
|
}; }
|
|
6632
6779
|
static get style() { return postMenuCss; }
|
|
6633
6780
|
static get cmpMeta() { return {
|
|
@@ -6635,6 +6782,7 @@ class PostMenu {
|
|
|
6635
6782
|
"$tagName$": "post-menu",
|
|
6636
6783
|
"$members$": {
|
|
6637
6784
|
"placement": [1],
|
|
6785
|
+
"label": [1],
|
|
6638
6786
|
"isVisible": [32],
|
|
6639
6787
|
"toggle": [64],
|
|
6640
6788
|
"show": [64],
|
|
@@ -6649,14 +6797,14 @@ __decorate([
|
|
|
6649
6797
|
EventFrom('post-popovercontainer')
|
|
6650
6798
|
], PostMenu.prototype, "handlePostToggle", void 0);
|
|
6651
6799
|
|
|
6652
|
-
const postMenuItemCss = "post-menu-item 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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size
|
|
6800
|
+
const postMenuItemCss = "post-menu-item 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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;width:100%;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.5rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1.25rem;height:1.25rem;margin:.125rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.375rem;height:1.375rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}";
|
|
6653
6801
|
|
|
6654
6802
|
class PostMenuItem {
|
|
6655
6803
|
constructor(hostRef) {
|
|
6656
6804
|
registerInstance(this, hostRef);
|
|
6657
6805
|
}
|
|
6658
6806
|
render() {
|
|
6659
|
-
return (hAsync(Host, { key: '
|
|
6807
|
+
return (hAsync(Host, { key: '6b2c8542aed22132c627fadb6be036124e37853e', "data-version": version$1 }, hAsync("slot", { key: '8059cb5112270641ef7ba860cdacb2cdaa75fd59' })));
|
|
6660
6808
|
}
|
|
6661
6809
|
static get style() { return postMenuItemCss; }
|
|
6662
6810
|
static get cmpMeta() { return {
|
|
@@ -6744,7 +6892,7 @@ class PostMenuTrigger {
|
|
|
6744
6892
|
}
|
|
6745
6893
|
}
|
|
6746
6894
|
render() {
|
|
6747
|
-
return (hAsync(Host, { key: '
|
|
6895
|
+
return (hAsync(Host, { key: 'e4ab1c0cd7227b83994cbd74f2bb3fe88c48126e', "data-version": version$1, "tab-index": "-1" }, hAsync("slot", { key: '9c5aa5d42457f6716c7607b50b5453cdce8d50d0' })));
|
|
6748
6896
|
}
|
|
6749
6897
|
get host() { return getElement(this); }
|
|
6750
6898
|
static get watchers() { return {
|
|
@@ -6764,7 +6912,7 @@ class PostMenuTrigger {
|
|
|
6764
6912
|
}; }
|
|
6765
6913
|
}
|
|
6766
6914
|
|
|
6767
|
-
const postPopoverCss = "
|
|
6915
|
+
const postPopoverCss = "*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}";
|
|
6768
6916
|
|
|
6769
6917
|
/**
|
|
6770
6918
|
* @slot default - Slot for placing content inside the popover.
|
|
@@ -6878,7 +7026,7 @@ class PostPopover {
|
|
|
6878
7026
|
trigger.setAttribute('aria-expanded', force ? 'false' : null);
|
|
6879
7027
|
}
|
|
6880
7028
|
render() {
|
|
6881
|
-
return (hAsync(Host, { key: '
|
|
7029
|
+
return (hAsync(Host, { key: '4224bfe1dc1bdb7fdfb86da67b54816e8cc6fce4', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '3d7e370a89214878d33598cafd3d118c74d16312', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'ed806f93ddec2656a15a1b242246c9c09b34f58a', class: "popover-container" }, hAsync("div", { key: 'd60dd75153f88fc65d56dc9ec7387363e78cb835', class: "popover-content" }, hAsync("slot", { key: 'f37005a225ecde32a80dd5efc3e61ccea7ab6dc5' })), hAsync("post-closebutton", { key: 'c440bc94fb2832a8b8fcc0dd545b5f9d65cf834a', onClick: () => this.hide() }, this.closeButtonCaption)))));
|
|
6882
7030
|
}
|
|
6883
7031
|
get host() { return getElement(this); }
|
|
6884
7032
|
static get watchers() { return {
|
|
@@ -9592,7 +9740,22 @@ function apply() {
|
|
|
9592
9740
|
injectStyles(document);
|
|
9593
9741
|
}
|
|
9594
9742
|
|
|
9595
|
-
const
|
|
9743
|
+
const duration = 250;
|
|
9744
|
+
const easing = 'ease-out';
|
|
9745
|
+
function popIn(el) {
|
|
9746
|
+
if (!el)
|
|
9747
|
+
return;
|
|
9748
|
+
return el.animate([
|
|
9749
|
+
{ transform: 'scale(0.9)', opacity: 0 },
|
|
9750
|
+
{ transform: 'scale(1)', opacity: 1 },
|
|
9751
|
+
], {
|
|
9752
|
+
duration,
|
|
9753
|
+
easing,
|
|
9754
|
+
fill: 'forwards',
|
|
9755
|
+
});
|
|
9756
|
+
}
|
|
9757
|
+
|
|
9758
|
+
const postPopovercontainerCss = "@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:where(post-popovercontainer)>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(post-popovercontainer)>div{border:2px solid rgba(0,0,0,0)}}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer)[safe-space]::after{content:\"\";position:fixed;inset:0;z-index:-1;pointer-events:auto}:where(post-popovercontainer)[safe-space=triangle]::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:where(post-popovercontainer)[safe-space=trapezoid]::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:where(post-popovercontainer):not(:has(.arrow))>div{box-shadow:var(--post-device-elevation-300)}:where(post-popovercontainer):has(.arrow)>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.top)>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.left)>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.right)>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}";
|
|
9596
9759
|
|
|
9597
9760
|
/**
|
|
9598
9761
|
* @slot - Default slot for placing content inside the popovercontainer.
|
|
@@ -9601,6 +9764,7 @@ class PostPopovercontainer {
|
|
|
9601
9764
|
constructor(hostRef) {
|
|
9602
9765
|
registerInstance(this, hostRef);
|
|
9603
9766
|
this.postToggle = createEvent(this, "postToggle");
|
|
9767
|
+
this.firstOpen = true;
|
|
9604
9768
|
/**
|
|
9605
9769
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
9606
9770
|
* Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted
|
|
@@ -9700,9 +9864,19 @@ class PostPopovercontainer {
|
|
|
9700
9864
|
this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
9701
9865
|
const isOpen = e.newState === 'open';
|
|
9702
9866
|
if (isOpen) {
|
|
9867
|
+
const content = this.host.querySelector('.popover-content');
|
|
9703
9868
|
this.startAutoupdates();
|
|
9869
|
+
if (content && this.animation === 'pop-in') {
|
|
9870
|
+
popIn(content);
|
|
9871
|
+
}
|
|
9704
9872
|
if (this.safeSpace)
|
|
9705
9873
|
window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
|
|
9874
|
+
// Emit event with `first` flag only true on the first open
|
|
9875
|
+
if (this.firstOpen) {
|
|
9876
|
+
this.postToggle.emit({ isOpen, first: this.firstOpen });
|
|
9877
|
+
this.firstOpen = false;
|
|
9878
|
+
return;
|
|
9879
|
+
}
|
|
9706
9880
|
}
|
|
9707
9881
|
else {
|
|
9708
9882
|
if (typeof this.clearAutoUpdate === 'function')
|
|
@@ -9710,7 +9884,7 @@ class PostPopovercontainer {
|
|
|
9710
9884
|
if (this.safeSpace)
|
|
9711
9885
|
window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
|
|
9712
9886
|
}
|
|
9713
|
-
this.postToggle.emit(isOpen);
|
|
9887
|
+
this.postToggle.emit({ isOpen: isOpen, first: false });
|
|
9714
9888
|
}
|
|
9715
9889
|
/**
|
|
9716
9890
|
* Start listening for DOM updates, scroll events etc. that have
|
|
@@ -9841,10 +10015,9 @@ class PostPopovercontainer {
|
|
|
9841
10015
|
}
|
|
9842
10016
|
}
|
|
9843
10017
|
render() {
|
|
9844
|
-
|
|
9845
|
-
return (hAsync(Host, { key: '357f53696ca28ab2c137d47e2192038dc756c289', "data-version": version$1, popover: this.manualClose ? 'manual' : 'auto' }, hAsync("div", { key: '9c40bdc5034ccf14157ee1ae8ce33fe58a9049e4', class: animationClass }, this.arrow && (hAsync("span", { key: '6133ab54aaea6f198560ca5cb30f5604318203f6', class: "arrow", ref: el => {
|
|
10018
|
+
return (hAsync(Host, { key: '493d032d16ace815b6c031e77dbcc673f26d149b', "data-version": version$1, popover: this.manualClose ? 'manual' : 'auto' }, hAsync("div", { key: '97bb357cada0456b3aa458e12768d9ad5458ef24', class: "popover-content" }, this.arrow && (hAsync("span", { key: 'f5f2256470edad5a8ca89c32b3a44ef0fe388eea', class: "arrow", ref: el => {
|
|
9846
10019
|
this.arrowRef = el;
|
|
9847
|
-
} })), hAsync("slot", { key: '
|
|
10020
|
+
} })), hAsync("slot", { key: 'f259b6ad624cf392e0d41026b4eab586009cb3c7' }))));
|
|
9848
10021
|
}
|
|
9849
10022
|
get host() { return getElement(this); }
|
|
9850
10023
|
static get watchers() { return {
|
|
@@ -9893,7 +10066,7 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
|
|
|
9893
10066
|
'--post-safe-space-trigger-y-end',
|
|
9894
10067
|
];
|
|
9895
10068
|
|
|
9896
|
-
const postRatingCss = "
|
|
10069
|
+
const postRatingCss = ":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%)}";
|
|
9897
10070
|
|
|
9898
10071
|
class PostRating {
|
|
9899
10072
|
validateLabel() {
|
|
@@ -9988,7 +10161,7 @@ class PostRating {
|
|
|
9988
10161
|
}
|
|
9989
10162
|
}
|
|
9990
10163
|
render() {
|
|
9991
|
-
return (hAsync(Host, { key: '
|
|
10164
|
+
return (hAsync(Host, { key: 'befb055aff44467d2da231043db28797f843c239', "data-version": version$1 }, hAsync("div", { key: 'c231944ad2638c2b69b6ae9e8ad92a962aa50139', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} out of ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
9992
10165
|
'star': true,
|
|
9993
10166
|
'before-hover': i < this.hoveredIndex,
|
|
9994
10167
|
'active': i < Math.round(this.currentRating),
|
|
@@ -10019,7 +10192,7 @@ class PostRating {
|
|
|
10019
10192
|
}; }
|
|
10020
10193
|
}
|
|
10021
10194
|
|
|
10022
|
-
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}
|
|
10195
|
+
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}:host{display:block}.tab-title{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}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}";
|
|
10023
10196
|
|
|
10024
10197
|
/**
|
|
10025
10198
|
* @slot default - Slot for the content of the tab header.
|
|
@@ -10035,7 +10208,7 @@ class PostTabHeader {
|
|
|
10035
10208
|
this.tabId = `tab-${this.host.id || nanoid(6)}`;
|
|
10036
10209
|
}
|
|
10037
10210
|
render() {
|
|
10038
|
-
return (hAsync(Host, { key: '
|
|
10211
|
+
return (hAsync(Host, { key: '387d9db0111153ca4a7da1a9ad600daeafa3b7a1', id: this.tabId, role: "tab", "data-version": version$1, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, hAsync("slot", { key: '62126f05530776ca45b151b00834fa0c68c5b26e' })));
|
|
10039
10212
|
}
|
|
10040
10213
|
get host() { return getElement(this); }
|
|
10041
10214
|
static get watchers() { return {
|
|
@@ -10073,7 +10246,7 @@ class PostTabPanel {
|
|
|
10073
10246
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
10074
10247
|
}
|
|
10075
10248
|
render() {
|
|
10076
|
-
return (hAsync(Host, { key: '
|
|
10249
|
+
return (hAsync(Host, { key: '97ae92b05f495a63bd5ec5f57eb196fdf6772ca8', "data-version": version$1, id: this.panelId, role: "tabpanel" }, hAsync("slot", { key: '8b36e0849fcd65662a27bc62ac29cec0d8db4f41' })));
|
|
10077
10250
|
}
|
|
10078
10251
|
get host() { return getElement(this); }
|
|
10079
10252
|
static get watchers() { return {
|
|
@@ -10240,7 +10413,7 @@ class PostTabs {
|
|
|
10240
10413
|
nextTab.focus();
|
|
10241
10414
|
}
|
|
10242
10415
|
render() {
|
|
10243
|
-
return (hAsync(Host, { key: '
|
|
10416
|
+
return (hAsync(Host, { key: 'eb30ee19d073caf4f32e255045eff58c0cb511f5', "data-version": version$1 }, hAsync("div", { key: '0920e0cbb6565ff8a9ff663e938291c050d6c93c', class: "tabs-wrapper", part: "tabs" }, hAsync("div", { key: 'df3a5a698a77719b371879effba16e11709b2c22', class: "tabs", role: "tablist" }, hAsync("slot", { key: 'e6c9592b39e999369eb1b6f43b08e7130872add9', name: "tabs", onSlotchange: () => this.enableTabs() }))), hAsync("div", { key: '14cdae926ce10f854577de34b713c8e269568dbb', class: "tab-content", part: "content" }, hAsync("slot", { key: 'f2aaff6a23f8dd2683963cb25c95d41953e708f5', onSlotchange: () => this.moveMisplacedTabs() }))));
|
|
10244
10417
|
}
|
|
10245
10418
|
get host() { return getElement(this); }
|
|
10246
10419
|
static get style() { return postTabsCss; }
|
|
@@ -10287,7 +10460,7 @@ class PostTogglebutton {
|
|
|
10287
10460
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e));
|
|
10288
10461
|
}
|
|
10289
10462
|
render() {
|
|
10290
|
-
return (hAsync(Host, { key: '
|
|
10463
|
+
return (hAsync(Host, { key: '190c53c4bbada662698addcb288bcb50a8d179b3', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '544bf7d937386a6e65be75e249f3dcc080054d74' })));
|
|
10291
10464
|
}
|
|
10292
10465
|
get host() { return getElement(this); }
|
|
10293
10466
|
static get style() { return postTogglebuttonCss; }
|
|
@@ -10364,11 +10537,11 @@ class PostTooltip {
|
|
|
10364
10537
|
* @param e Popovercontainer toggle event
|
|
10365
10538
|
*/
|
|
10366
10539
|
handleToggle(e) {
|
|
10367
|
-
this.open = e.detail;
|
|
10540
|
+
this.open = e.detail.isOpen;
|
|
10368
10541
|
}
|
|
10369
10542
|
render() {
|
|
10370
10543
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
10371
|
-
return (hAsync(Host, { key: '
|
|
10544
|
+
return (hAsync(Host, { key: 'cdde276f07efb0916bb3b0cd7cf761788421e251', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '06b4d472448d4083f717ce13e73ff9426f422ec4', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: 'c5efcac53b6c0fa207ceee34ee86580c7566f8a8' }))));
|
|
10372
10545
|
}
|
|
10373
10546
|
get host() { return getElement(this); }
|
|
10374
10547
|
static get watchers() { return {
|
|
@@ -15580,7 +15753,7 @@ class PostTooltipTrigger {
|
|
|
15580
15753
|
this.tooltip?.hide();
|
|
15581
15754
|
}
|
|
15582
15755
|
render() {
|
|
15583
|
-
return (hAsync(Host, { key: '
|
|
15756
|
+
return (hAsync(Host, { key: '49529a68fdcc56e8967cdd147ac4c5c35177e70f', "data-version": version$1 }, hAsync("slot", { key: '2b38e3412393f39dd6b2da480f591e4bec38ba34', onSlotchange: () => this.handleSlotChange() })));
|
|
15584
15757
|
}
|
|
15585
15758
|
get host() { return getElement(this); }
|
|
15586
15759
|
static get watchers() { return {
|