@swisspost/design-system-components 10.0.0-next.69 → 10.0.0-next.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{package-CzSn3NmD.js → package-Ds_LS1pB.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/post-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +1 -1
- package/dist/cjs/post-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/post-banner.cjs.entry.js +1 -1
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/post-closebutton_14.cjs.entry.js +15 -15
- package/dist/cjs/post-collapsible_2.cjs.entry.js +1 -1
- package/dist/cjs/post-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/post-footer.cjs.entry.js +3 -3
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox-option.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox.cjs.entry.js +2 -2
- package/dist/cjs/post-login-widget.cjs.entry.js +2 -2
- package/dist/cjs/post-number-input.cjs.entry.js +3 -3
- package/dist/cjs/post-pagination.cjs.entry.js +1 -1
- package/dist/cjs/post-popover-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/post-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/post-stepper.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/post-tabs.cjs.entry.js +3 -3
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +2 -1
- package/dist/collection/components/post-header/post-header.js +4 -4
- package/dist/collection/components/post-icon/post-icon.js +1 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-listbox/post-listbox.js +1 -1
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +2 -2
- package/dist/collection/components/post-login-widget/post-login-widget.js +1 -1
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-number-input/post-number-input.js +2 -2
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +2 -2
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-stepper/post-stepper.js +1 -1
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
- package/dist/collection/components/post-tab-item/post-tab-item.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 +2 -2
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-header.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-linkarea.js +1 -1
- package/dist/components/post-listbox-option.js +1 -1
- package/dist/components/post-listbox.js +1 -1
- package/dist/components/post-login-widget.js +1 -1
- package/dist/components/post-logo.js +1 -1
- package/dist/components/post-mainnavigation.js +1 -1
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-popover-trigger.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-rating.js +1 -1
- package/dist/components/post-stepper-item.js +1 -1
- package/dist/components/post-stepper.js +1 -1
- package/dist/components/post-tab-item.js +1 -1
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-togglebutton2.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/react/{p-B4tq6hiA.js → p-B076QoO3.js} +1 -1
- package/dist/components/react/{p-DwJ5SwpN.js → p-B2iQay0-.js} +1 -1
- package/dist/components/react/{p-HNUXY1z7.js → p-B_RL4AOE.js} +1 -1
- package/dist/components/react/p-BoFDru4R.js +1 -0
- package/dist/components/react/{p-D1KBbwmi.js → p-BuL0WAoF.js} +1 -1
- package/dist/components/react/{p-DRtzK3cr.js → p-C8b6-YQl.js} +1 -1
- package/dist/components/react/{p-BYfHrHCb.js → p-Cu9RsvYK.js} +1 -1
- package/dist/components/react/{p-Bj33xnuq.js → p-D6uA8DbL.js} +1 -1
- package/dist/components/react/{p-DAIxJysJ.js → p-DSSN7xW4.js} +1 -1
- package/dist/components/react/p-DW7sbg9f.js +1 -0
- package/dist/components/react/{p-De_QjSNJ.js → p-DgdnwpId.js} +1 -1
- package/dist/components/react/{p-BbOp03Tv.js → p-Dmnnz3fB.js} +1 -1
- package/dist/components/react/{p-UY924tHr.js → p-tpgRP2Dr.js} +1 -1
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-autocomplete.js +1 -1
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +1 -1
- package/dist/components/react/post-banner.js +1 -1
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +1 -1
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/post-date-picker.js +1 -1
- package/dist/components/react/post-footer.js +1 -1
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-menu-item.js +1 -1
- package/dist/components/react/post-language-menu.js +1 -1
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-listbox-option.js +1 -1
- package/dist/components/react/post-listbox.js +1 -1
- package/dist/components/react/post-login-widget.js +1 -1
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +1 -1
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +1 -1
- 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-number-input.js +1 -1
- package/dist/components/react/post-pagination.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +1 -1
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-stepper-item.js +1 -1
- package/dist/components/react/post-stepper.js +1 -1
- package/dist/components/react/post-tab-item.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +1 -1
- package/dist/docs.json +9 -1
- package/dist/esm/package-DW7sbg9f.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +1 -1
- package/dist/esm/post-autocomplete.entry.js +1 -1
- package/dist/esm/post-avatar.entry.js +1 -1
- package/dist/esm/post-back-to-top.entry.js +1 -1
- package/dist/esm/post-banner.entry.js +1 -1
- package/dist/esm/post-breadcrumb-item.entry.js +1 -1
- package/dist/esm/post-breadcrumbs.entry.js +1 -1
- package/dist/esm/post-closebutton_14.entry.js +15 -15
- package/dist/esm/post-collapsible_2.entry.js +1 -1
- package/dist/esm/post-date-picker.entry.js +1 -1
- package/dist/esm/post-footer.entry.js +3 -3
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/post-listbox-option.entry.js +3 -3
- package/dist/esm/post-listbox.entry.js +2 -2
- package/dist/esm/post-login-widget.entry.js +2 -2
- package/dist/esm/post-number-input.entry.js +3 -3
- package/dist/esm/post-pagination.entry.js +1 -1
- package/dist/esm/post-popover-trigger.entry.js +2 -2
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/post-stepper-item.entry.js +2 -2
- package/dist/esm/post-stepper.entry.js +2 -2
- package/dist/esm/post-tab-item.entry.js +2 -2
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/post-tabs.entry.js +3 -3
- package/dist/esm/post-tooltip-trigger.entry.js +2 -2
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/{p-f88a161a.entry.js → p-092f8795.entry.js} +1 -1
- package/dist/post-components/{p-500a3fc7.entry.js → p-17ccebe6.entry.js} +1 -1
- package/dist/post-components/{p-d57462a3.entry.js → p-1d58bec1.entry.js} +1 -1
- package/dist/post-components/{p-8b68164f.entry.js → p-25c28493.entry.js} +1 -1
- package/dist/post-components/p-29ada3d7.entry.js +1 -0
- package/dist/post-components/{p-95df4d4e.entry.js → p-2fcca5ec.entry.js} +1 -1
- package/dist/post-components/{p-0992cba9.entry.js → p-3cefd49e.entry.js} +1 -1
- package/dist/post-components/{p-220d0eab.entry.js → p-3fea238c.entry.js} +1 -1
- package/dist/post-components/{p-0c249c71.entry.js → p-5068ae7e.entry.js} +1 -1
- package/dist/post-components/{p-cca0cf23.entry.js → p-521178f5.entry.js} +1 -1
- package/dist/post-components/p-534fed55.entry.js +1 -0
- package/dist/post-components/{p-5664d5b5.entry.js → p-570d64dd.entry.js} +1 -1
- package/dist/post-components/{p-dfe811cc.entry.js → p-5f52cba3.entry.js} +1 -1
- package/dist/post-components/{p-c95fcb40.entry.js → p-77d5e17b.entry.js} +1 -1
- package/dist/post-components/{p-52f85cba.entry.js → p-86697a58.entry.js} +1 -1
- package/dist/post-components/{p-906b669b.entry.js → p-987bebe8.entry.js} +1 -1
- package/dist/post-components/{p-272de102.entry.js → p-9ca5c297.entry.js} +1 -1
- package/dist/post-components/{p-1e28d279.entry.js → p-9ea3066f.entry.js} +1 -1
- package/dist/post-components/p-DW7sbg9f.js +1 -0
- package/dist/post-components/{p-cd6684e1.entry.js → p-a6fc33fa.entry.js} +1 -1
- package/dist/post-components/{p-30e5bc99.entry.js → p-ac853d6b.entry.js} +1 -1
- package/dist/post-components/p-bd09bc20.entry.js +1 -0
- package/dist/post-components/p-c2e05ba0.entry.js +1 -0
- package/dist/post-components/{p-d99bdef2.entry.js → p-c55b537b.entry.js} +1 -1
- package/dist/post-components/p-dded4f13.entry.js +1 -0
- package/dist/post-components/{p-6644e626.entry.js → p-e6ba44b1.entry.js} +1 -1
- package/dist/post-components/{p-fc2882a8.entry.js → p-ead1094e.entry.js} +1 -1
- package/dist/post-components/{p-9fab1847.entry.js → p-f12e59a0.entry.js} +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-footer/post-footer.d.ts +1 -0
- package/hydrate/index.js +36 -35
- package/hydrate/index.mjs +36 -35
- package/package.json +4 -4
- package/dist/components/react/p-B4l5EAoq.js +0 -1
- package/dist/components/react/p-CfQqdIV2.js +0 -1
- package/dist/esm/package-B4l5EAoq.js +0 -3
- package/dist/post-components/p-5ade4255.entry.js +0 -1
- package/dist/post-components/p-694e76be.entry.js +0 -1
- package/dist/post-components/p-92e4a7f7.entry.js +0 -1
- package/dist/post-components/p-B4l5EAoq.js +0 -1
- package/dist/post-components/p-c70cad6e.entry.js +0 -1
- package/dist/post-components/p-f14ca918.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DPdHkdGf.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-Ds_LS1pB.js');
|
|
5
5
|
var fade = require('./fade-CPQhl1fP.js');
|
|
6
6
|
var index$1 = require('./index-qCzRmwgB.js');
|
|
7
7
|
require('./index-YBj3gUJp.js');
|
|
@@ -315,10 +315,10 @@ const PostTabs = class {
|
|
|
315
315
|
}
|
|
316
316
|
render() {
|
|
317
317
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
318
|
-
return (index.h(index.Host, { key: '
|
|
318
|
+
return (index.h(index.Host, { key: '4eb78778cb1a98e78714b5b8d69d15eaa68170c6', "data-version": _package.version }, index.h("div", { key: '203c1529d44e676d40dd4f87593bcce07901079f', class: "tabs-wrapper", part: "post-tabs" }, index.h(TabsContainer, { key: '70f132a96d11fdcc0f0e9bab5053cc3a188b5b04', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, index.h("slot", { key: '24e2b06bf1b884d83d6c915d4c54029856f2a0ec', onSlotchange: () => {
|
|
319
319
|
this.moveMisplacedTabs();
|
|
320
320
|
this.enableTabs();
|
|
321
|
-
} }))), !this.isNavigationMode && (index.h("div", { key: '
|
|
321
|
+
} }))), !this.isNavigationMode && (index.h("div", { key: 'bd6530a08d31258fa028761f44f0db4dc12541ec', class: "tab-content", part: "post-tabs-content" }, index.h("slot", { key: 'df50010f2b6cfbd77bc435bedbff1677415869e5', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
322
322
|
}
|
|
323
323
|
get host() { return index.getElement(this); }
|
|
324
324
|
static get watchers() { return {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-DPdHkdGf.js');
|
|
4
4
|
var index$1 = require('./index-qCzRmwgB.js');
|
|
5
5
|
require('./index-YBj3gUJp.js');
|
|
6
|
-
var _package = require('./package-
|
|
6
|
+
var _package = require('./package-Ds_LS1pB.js');
|
|
7
7
|
var focusable = require('./focusable-ZqET_zrB.js');
|
|
8
8
|
require('./_commonjsHelpers-BJu3ubxk.js');
|
|
9
9
|
|
|
@@ -172,7 +172,7 @@ const PostTooltipTrigger = class {
|
|
|
172
172
|
this.tooltip?.hide();
|
|
173
173
|
}
|
|
174
174
|
render() {
|
|
175
|
-
return (index.h(index.Host, { key: '
|
|
175
|
+
return (index.h(index.Host, { key: '7121e61cb791f41af5f41b5e2586b0a0399a4e05', "data-version": _package.version }, index.h("slot", { key: '5de58a569a3bfedb44330c7b66150e58afdfea9b', onSlotchange: () => this.handleSlotChange() })));
|
|
176
176
|
}
|
|
177
177
|
get host() { return index.getElement(this); }
|
|
178
178
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DPdHkdGf.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-Ds_LS1pB.js');
|
|
5
5
|
var index$1 = require('./index-qCzRmwgB.js');
|
|
6
6
|
require('./index-YBj3gUJp.js');
|
|
7
7
|
var placement = require('./placement-qEFR9hmI.js');
|
|
@@ -71,7 +71,7 @@ const PostTooltip = class {
|
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
73
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
74
|
-
return (index.h(index.Host, { key: '
|
|
74
|
+
return (index.h(index.Host, { key: '4822f0831a0ce3e74e7eeb181f562b2e4624efc8', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'ba403db39900c4fddc6ab7dca4be73c17b2e60bf', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, index.h("slot", { key: '205a693e6e0c2ed41c7c8b5a2dd8ae214f20e199' }))));
|
|
75
75
|
}
|
|
76
76
|
get host() { return index.getElement(this); }
|
|
77
77
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{display:block}footer{
|
|
1
|
+
:host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block: 32px;--post-footer-container-padding-inline: 16px;--post-footer-container-max-width: 1200px;--post-footer-prefooter-padding-block: 16px;--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-list-flex-direction: column;--post-footer-list-gap: 8px;--post-footer-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-prefooter-padding-block: 32px;--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-list-flex-direction: row;--post-footer-list-gap: 16px;--post-footer-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-list-gap: 24px;--post-footer-businesssectors-margin-block-end: 24px;--post-footer-meta-font-size: 16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.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(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}
|
|
@@ -3,6 +3,7 @@ import { version } from "../../../../package";
|
|
|
3
3
|
import { checkRequiredAndType, breakpoint } from "../../utils/index";
|
|
4
4
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
5
5
|
/**
|
|
6
|
+
* @slot prefooter - Slot for the pre-footer.
|
|
6
7
|
* @slot grid-{1|2|3|4}-title - Slot for the accordion headers (mobile).
|
|
7
8
|
* @slot grid-{1|2|3|4} - Slot for the accordion bodies (mobile) and the grid cells (tablet, desktop).
|
|
8
9
|
* @slot socialmedia - Slot for the social media links.
|
|
@@ -56,7 +57,7 @@ export class PostFooter {
|
|
|
56
57
|
return GRID_SLOTS.map(slotName => (h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, h("h3", null, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
57
58
|
}
|
|
58
59
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
60
|
+
return (h(Host, { key: 'f0a0abbe852d39eb1332a6344cd715bddc69023e', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'cdd1dc30d2640a9a5191d896ab3de488b0e5cb23' }, h("h2", { key: '1293bee6f59464063e389c5ec2a7d2962f1cd7ce', class: "visually-hidden" }, this.textFooter), h("div", { key: 'f3452f2268046670e02345ed5bcce1def5b04928', class: "prefooter" }, h("div", { key: 'cbcdcb33d552617d744f8815b62a028844b22336', class: "footer-container" }, h("slot", { key: 'f55b1a0366d34be71214e8b4df60360d97d75e28', name: "prefooter" }))), h("div", { key: 'ba6ae9f95e2f307a2b3991212281bd10336af73a', class: "footer-main" }, h("div", { key: '8971982c6114d5dc502d142602d0006d82066b9b', class: "footer-container" }, h("div", { key: '74d538afd66347d9dbe4e27fc584e05846282dfd', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: '253b835a08b632d1dcda79c482e0a217985a3ed0', class: "footer-column" }, h("div", { key: '83a3d358d8df658d9bb77cac8e72d141cde0e884', class: "footer-socialmedia" }, h("slot", { key: '116c471844a25ade258c9f70e17e82ca5679aec6', name: "socialmedia" })), h("div", { key: 'a8412b6846be4ed93f062696614152abfd477069', class: "footer-app" }, h("slot", { key: '98e4ef1e591a5c550c92450c5395fb32792f1d09', name: "app" }))), h("div", { key: 'dec506b9c0b9307fa95a310fc60f3e2b4eee3a3f', class: "footer-businesssectors" }, h("slot", { key: 'bef507c9c9eabbff7feb73bef66eea2ea79b5d80', name: "businesssectors" })), h("div", { key: 'eacf793fc1ebbfed753eefbd736dd2a1b38169b0', class: "footer-meta" }, h("slot", { key: 'b35f1fff30f3a657f1aff2fec6926abbd600e796', name: "meta" })), h("div", { key: '42d97c3267ed09061d8aae5297c2939436a1acbc', class: "footer-copyright" }, h("slot", { key: '4adbba5bd0d51064f7b4aa7c8a78cc5e9728dbc4', name: "copyright" })))))));
|
|
60
61
|
}
|
|
61
62
|
static get is() { return "post-footer"; }
|
|
62
63
|
static get encapsulation() { return "shadow"; }
|
|
@@ -317,10 +317,10 @@ export class PostHeader {
|
|
|
317
317
|
render() {
|
|
318
318
|
const onDesktop = Build.isServer || this.device === 'desktop';
|
|
319
319
|
const onTabletAndMobile = Build.isServer || this.device !== 'desktop';
|
|
320
|
-
return (h(Host, { key: '
|
|
321
|
-
h("slot", { key: '
|
|
322
|
-
h("slot", { key: '
|
|
323
|
-
], h("slot", { key: '
|
|
320
|
+
return (h(Host, { key: '7a816d9b241bc77d8312603c596500e262e16c6d', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: 'c39b23a433fa6836bf237b5ffd46f0cc8d16ce99' }, h("div", { key: '4ef37141bf91c1e310967900a0df434cad468d79', class: "global-header" }, h("div", { key: '392a6eb0843040795227be1a743ef50dc8610b4b', class: "section" }, h("div", { key: '1db72fc26051ad5b20334bb7457da014cba2c270', class: "logo" }, h("slot", { key: 'f7db0f88aaca60aa3fdd0078511b63fa64096075', name: "post-logo" })), h("div", { key: '5cdb963d5f526d2c09e6088f1d0fec15388a9202', class: "sliding-controls" }, onDesktop && (h("div", { key: 'b13c2478cf96d52d0495966bcdcd2e0008a9a081', class: "audience" }, h("slot", { key: '03d8ff11bee4a766924cb03968b50488fb83c758', name: "audience" }))), h("slot", { key: 'a48370fa1234ced9ea27882cb918beb558829c4d', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
|
|
321
|
+
h("slot", { key: '662dbdc1faaba785a56da6501e300ce90c56e95a', name: "global-nav-secondary" }),
|
|
322
|
+
h("slot", { key: '563e7768746790668fe003286b8bc78e6166c88d', name: "language-menu" }),
|
|
323
|
+
], h("slot", { key: '94684b18892e5db7885ac090da8adaf070e66dc8', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'aade08412fd81792b03eed6ee9061c42b2676607', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '5a9d5ba975eecde12d6ed9b40eb01f5f1f17d9ef' }, this.textMenu), h("post-icon", { key: 'f6fe7ffe9694b2288d426031a2066edda38fabcc', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: '5fe932daa9ab5dbfa16690690b2b727ce27cf23d', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: 'ffd76274ea6aba7ec3b086c1c907eac2d4dd78aa', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '401d0a456bd79d63af036bb238b87dd5980a7451', class: "section" }, h("slot", { key: '8ce9f525906f866b7b8f0d827ab1be701c618862', name: "title" }), this.hasTitle && h("slot", { key: '1107dfe235d79ca9168d02bc6364e6188044f34f', name: "local-nav" }), onDesktop && h("slot", { key: 'c34a5bb6360ff305a17d9a743e9ec8fbe4d2dae3', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: 'ceb027e4f353bc4af8b6f2f840cc5d67638dc532', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
324
324
|
}
|
|
325
325
|
static get is() { return "post-header"; }
|
|
326
326
|
static get encapsulation() { return "shadow"; }
|
|
@@ -112,7 +112,7 @@ export class PostIcon {
|
|
|
112
112
|
this.validateAnimation();
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
|
-
return (h(Host, { key: '
|
|
115
|
+
return (h(Host, { key: 'f0c7dbf7fe05218aa6fc6cde30e249f1a709df27', "data-version": version }, h("span", { key: 'b814a9f52a2eee57b7a59913c84caada39f63d30', style: this.getStyles() })));
|
|
116
116
|
}
|
|
117
117
|
static get is() { return "post-icon"; }
|
|
118
118
|
static get encapsulation() { return "shadow"; }
|
|
@@ -55,7 +55,7 @@ export class PostLinkarea {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '9db757ece0cdc82469682b1dd9683c9cd5d842c8', "data-version": version, onClick: (e) => this.dispatchClick(e) }, h("slot", { key: '7098c364b730823965b8dce1c985a1164a983476' })));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "post-linkarea"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -131,7 +131,7 @@ export class PostListbox {
|
|
|
131
131
|
this.updateSelection(event.detail);
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return (h(Host, { key: '
|
|
134
|
+
return (h(Host, { key: '22580e81cfb0e65becc36408f7d4523b0ad2d312', "data-version": version }, h("post-popovercontainer", { key: 'd01fad1ac1f9651360c16e7177dd1fce47795f35', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? h("slot", { name: "blank-slate" }) : h("slot", null))));
|
|
135
135
|
}
|
|
136
136
|
static get is() { return "post-listbox"; }
|
|
137
137
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,9 +9,9 @@ export class PostListboxOption {
|
|
|
9
9
|
this.highlighted = false;
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: 'c2e1c5052d742c62e82eaac30a01d525048b3a2e', "data-version": version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
13
13
|
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
14
|
-
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '
|
|
14
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, h("span", { key: '2b0cdab57c328df649c1353c41e2c4cfe57378d0', class: "option-content" }, this.value, h("span", { key: 'e5807160223e87095dc3c0c076ec84317050cf18', class: "option-description" }, h("slot", { key: '45f0020b9eebe13b84880a842c095daa51cf0feb' }))), this.selected && h("post-icon", { key: '80a23567a10075cbc8269f4769dd7d8aba7b2961', "aria-hidden": "true", name: "checkmark" })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "post-listbox-option"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -52,7 +52,7 @@ export class PostLoginWidget {
|
|
|
52
52
|
this.postChange.emit({ authenticated: next });
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: '5bb42861c3ecefa1cfb5a8a44e8d3a5a460c4f4e', "data-version": version }, this.authenticated === true ? h("slot", { name: "authenticated" }) : h("slot", { name: "unauthenticated" })));
|
|
56
56
|
}
|
|
57
57
|
static get is() { return "post-login-widget"; }
|
|
58
58
|
static get encapsulation() { return "shadow"; }
|
|
@@ -20,7 +20,7 @@ export class PostLogo {
|
|
|
20
20
|
render() {
|
|
21
21
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
22
22
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '4d3410b6904aa6d02fc25ccd83379ca1f89988fc', "data-version": version }, h(LogoTag, { key: '08e525251bf27647966a441155a9be0a31880f7b', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd87e43fa9d763b62f82ec6da194e2e6bd36160c6', class: "description" }, h("slot", { key: 'ade627d309d459f656eb63c90ed60899ae005ac5', onSlotchange: () => this.checkDescription() })), h("svg", { key: '2f344cbef09f65607381368cac9d517f3b0b685a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '7939c4cfdee6f72fb3fdad8527ff27b4895e82d3', id: "Logo" }, h("rect", { key: '1f3837db876668b6c6e056334e10e5641868b0c2', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'cb24bf87c4b6563b01c9cd679e789538001e3f56', 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" }), h("path", { key: 'da75a832055f5f577196d9fa6d7473be44f8ed89', 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" }))))));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "post-logo"; }
|
|
26
26
|
static get encapsulation() { return "shadow"; }
|
|
@@ -123,7 +123,7 @@ export class PostMainnavigation {
|
|
|
123
123
|
}, NAVBAR_DISABLE_DURATION);
|
|
124
124
|
}
|
|
125
125
|
render() {
|
|
126
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: '45fdd34a6248953a9ac0d588c29226a5e25c4706', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '0807ccb2eee82ee5edd0c1ccf853fcbe63e7dd37', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: 'd7c848e59304e90eb05fc667d02b8e29329a0edf', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '34910b382d0152a53772845b2fbe204ea2be628b', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '2bbe37345ab50e66e976d7f56b88ed616a152ffc' })), h("div", { key: 'a8e44327bb726aab36f09e40765b26f20c9a6bdb', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '80683326ad6a9bbe9c3aa3ad15da0a761e7c3658', "aria-hidden": "true", name: "chevronright" }))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "post-mainnavigation"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|
|
@@ -293,7 +293,7 @@ export class PostMegadropdown {
|
|
|
293
293
|
}
|
|
294
294
|
render() {
|
|
295
295
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
296
|
-
return (h(Host, { key: '
|
|
296
|
+
return (h(Host, { key: 'c543ed13087070f879ddf173a4e09c352a5159b0', version: version }, h("div", { key: 'c53881d01625c04de35d9d3cf7dce2e19ceb80b3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '8eef59a973c990afc550917b50aba7f173385eb3', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '9ca2ef61e1a8b06cb9cac4434ce31230f3126c61', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '4e174af7f7dffdf1f128678ccbe0ef3cd16e7386', class: "megadropdown-content" }, h("slot", { key: '605680943b3231eab02a16c0a7198678d60dc3e2' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
297
297
|
}
|
|
298
298
|
static get is() { return "post-megadropdown"; }
|
|
299
299
|
static get encapsulation() { return "shadow"; }
|
|
@@ -77,7 +77,7 @@ export class PostMegadropdownTrigger {
|
|
|
77
77
|
this.megadropdown.toggle();
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: '8de24577a809c89ebe46f4c7ef1532c5877a1113', "data-version": version }, h("button", { key: 'cabc13855412e4a1245e252095233260e039225b', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, h("span", { key: 'd0adcd8bab3e5f6f7b4b5271f7688e313a209e4a' }, h("span", { key: '0917886a953d08fad7fd9c86a6df6e3c4d617826', innerHTML: this.slottedContent }), h("span", { key: 'c43bdc75311aa8625b7fb1356febb4b0b465f56a', "aria-hidden": "true" }, h("slot", { key: 'b19ff347103a69fd2b900b72a388b5840df35e7a' }))), h("post-icon", { key: 'c34d5898e6bf3f9bd7b71c99376b05e93a110d27', name: "chevrondown" }))));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "post-megadropdown-trigger"; }
|
|
83
83
|
static get encapsulation() { return "shadow"; }
|
|
@@ -192,7 +192,7 @@ export class PostMenu {
|
|
|
192
192
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
193
193
|
}
|
|
194
194
|
render() {
|
|
195
|
-
return (h(Host, { key: '
|
|
195
|
+
return (h(Host, { key: '7d0b1cd5bbb556696a565678446d046e6ff076f6', "data-version": version }, h("post-popovercontainer", { key: '0ae774fe00ca20072166dc8cd101462852227868', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'b222a596f617242223d83ca52fe5bea8a5cec99a', part: "post-menu" }, h("slot", { key: 'dd48fe47915864ffe3febcc27151e458db52a8f4', name: "header" }), h("slot", { key: '1ed5dccd1fbd838f05a11498717257c175be5073' })))));
|
|
196
196
|
}
|
|
197
197
|
static get is() { return "post-menu"; }
|
|
198
198
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,7 +59,7 @@ export class PostMenuTrigger {
|
|
|
59
59
|
return null;
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'b73b99c8a2de05ad60a9f51dfa1b88a1d2cd1d00', "data-version": version }, h("slot", { key: 'b5082151629ba33458cb37a2415a7ed6af77463d' })));
|
|
63
63
|
}
|
|
64
64
|
static get is() { return "post-menu-trigger"; }
|
|
65
65
|
static get encapsulation() { return "shadow"; }
|
|
@@ -88,10 +88,10 @@ export class PostNumberInput {
|
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
90
|
const areButtonsShown = !!this.input;
|
|
91
|
-
return (h(Host, { key: '
|
|
91
|
+
return (h(Host, { key: '856504c3a82ef504178fc937f5f60a38acb28244', "data-version": version, class: {
|
|
92
92
|
'number-input-sm': this.small,
|
|
93
93
|
'disabled': this.isDisabled,
|
|
94
|
-
} }, areButtonsShown && (h("div", { key: '
|
|
94
|
+
} }, areButtonsShown && (h("div", { key: 'ce30cbb021d0240d600c64c75ab29c85ff0c0f89', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '05081a8183aa6d33f3669cee426d11bf981e42a5', name: "minus" }))), h("div", { key: '382d0dc2a4039af32ce7bf81ec5d75522dba856b', class: "input-container" }, h("slot", { key: '8b6887afdf073173ab8fa7226d8bfb7b7a99801e', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: 'c72c3af1708036502a926a0e7b7096ddbf3f9a0c', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: '2a2dbf0aa3b88cee41d7e7f6aa2652660a3e46d8', name: "plus" })))));
|
|
95
95
|
}
|
|
96
96
|
static get is() { return "post-number-input"; }
|
|
97
97
|
static get encapsulation() { return "shadow"; }
|
|
@@ -62,7 +62,7 @@ export class PostPopover {
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '09e88f4db9dfc6ed370649d014f51ddbc0862231', "data-version": version }, h("post-popovercontainer", { key: '9a3326e81e8d0d580fb7afe1e9b37faa30e24559', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'a1c4398621bdabe564b382a588c4b0c25500d32f', class: "popover-container" }, h("div", { key: '01d695a07369d0f4fb0ee04ffdfd5abb30db3fef', class: "popover-content" }, h("slot", { key: '14edd33928d9f404c2b44df4d1a9f874af2b4fb5' })), h("post-closebutton", { key: '7951a656d27ffff55e2b394732ba31c243d39009', onClick: () => this.hide() }, this.textClose)))));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "post-popover"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -105,7 +105,7 @@ export class PostPopoverTrigger {
|
|
|
105
105
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
106
106
|
}
|
|
107
107
|
render() {
|
|
108
|
-
return (h(Host, { key: '
|
|
108
|
+
return (h(Host, { key: 'e9cf2ac9db54388c4a8743489f7b6712a99fefcd', "data-version": version }, h("slot", { key: 'eecc2384629001fd05ff1a62b691d3be01ebc0d4', onSlotchange: () => this.setupTrigger() })));
|
|
109
109
|
}
|
|
110
110
|
static get is() { return "post-popover-trigger"; }
|
|
111
111
|
static get encapsulation() { return "shadow"; }
|
|
@@ -346,9 +346,9 @@ export class PostPopovercontainer {
|
|
|
346
346
|
}
|
|
347
347
|
}
|
|
348
348
|
render() {
|
|
349
|
-
return (h(Host, { key: '
|
|
349
|
+
return (h(Host, { key: 'da51b463f946b73ed581ab510f5eed9ccb13c4db', "data-version": version, popover: "auto" }, h("div", { key: '51ba8b11b60b502a6fa03c4b808d392129a61c80', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: '0c7460ca5005698768972b8c1f3115c621291444', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
350
350
|
this.arrowRef = el;
|
|
351
|
-
} })), h("span", { key: '
|
|
351
|
+
} })), h("span", { key: 'd8b7fa2a392ba30b5e830e49b475ca5ee08f7f7a', part: "post-popovercontainer-border-mask" }), h("slot", { key: 'd0be7e1cb648d34fc04fc43f0db3e9e44a8ccf2d' }))));
|
|
352
352
|
}
|
|
353
353
|
static get is() { return "post-popovercontainer"; }
|
|
354
354
|
static get encapsulation() { return "shadow"; }
|
|
@@ -87,7 +87,7 @@ export class PostRating {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: '7daf53685c00e611e289c1ce8eb4cb6491c2025b', "data-version": version }, h("div", { key: 'd14774efb201b5f27b9c5f1557726d4683a7b34f', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
91
91
|
'star': true,
|
|
92
92
|
'before-hover': i < this.hoveredIndex,
|
|
93
93
|
'active': i < Math.round(this.currentRating),
|
|
@@ -107,7 +107,7 @@ export class PostStepper {
|
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
render() {
|
|
110
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '8d6184e49608c81446eb3aa880df8a4535b9b959', "data-version": version }, h("ol", { key: '7340f39e1c7f8b903cb5f5e9c2cd536f54f0d60c' }, h("slot", { key: '6a120449b6224f4a53c68bfedf08ef753d011b8b', onSlotchange: () => this.updateSteps() })), h("div", { key: '9b4f91edd4bc7496a6c8c8976687323edf67d78e', class: "active-step", "aria-hidden": "true" }, h("span", { key: '70ad722fa40e413cf4ceadb3af8575dcffc33b81', class: "active-step-label" }, this.mobileActiveStepLabel), h("span", { key: '02ea637605b7dfeb423daf7efb64b2abd572cea8', innerHTML: this.mobileActiveStepName }))));
|
|
111
111
|
}
|
|
112
112
|
static get is() { return "post-stepper"; }
|
|
113
113
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
|
|
|
2
2
|
import { version } from "../../../../package";
|
|
3
3
|
export class PostStepperItem {
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'f41ae27d8de89912b3aa34d9c89f5ec69f3df301', "data-version": version, role: "listitem" }, h("span", { key: '00a0dd2eb3fb020e49c5782245e1f3e72c77e780', class: "stepper-item-content" }, h("span", { key: 'bc9932083d295b92db24ddd22cb18a755db5ad11', class: "step-hidden-label visually-hidden" }), h("span", { key: 'efe2d809c82c1d7de9e0cdf4e52b924943afa0bf', class: "label" }, h("slot", { key: '47aceca3fc331ef91da60674dbc2af5ea7e76ec8' })))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "post-stepper-item"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -33,7 +33,7 @@ export class PostTabItem {
|
|
|
33
33
|
this.isNavigationMode = hasAnchor;
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: 'ad908beacdffc7d6ce2eb0cab7a7a2868e876a34', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, h("slot", { key: 'd8208d5c9b78f31351ad6c32677b8c693ec449f6' })));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "post-tab-item"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -15,7 +15,7 @@ export class PostTabPanel {
|
|
|
15
15
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'd80c058e686d94347bfcb266f35f73247fc6db5a', "data-version": version, id: this.panelId, role: "tabpanel", slot: "panels" }, h("slot", { key: 'dc226cf7fe57939fd53a8f1cc68c9eaf766d5c1e' })));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "post-tab-panel"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -291,10 +291,10 @@ export class PostTabs {
|
|
|
291
291
|
}
|
|
292
292
|
render() {
|
|
293
293
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
294
|
-
return (h(Host, { key: '
|
|
294
|
+
return (h(Host, { key: '4eb78778cb1a98e78714b5b8d69d15eaa68170c6', "data-version": version }, h("div", { key: '203c1529d44e676d40dd4f87593bcce07901079f', class: "tabs-wrapper", part: "post-tabs" }, h(TabsContainer, { key: '70f132a96d11fdcc0f0e9bab5053cc3a188b5b04', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, h("slot", { key: '24e2b06bf1b884d83d6c915d4c54029856f2a0ec', onSlotchange: () => {
|
|
295
295
|
this.moveMisplacedTabs();
|
|
296
296
|
this.enableTabs();
|
|
297
|
-
} }))), !this.isNavigationMode && (h("div", { key: '
|
|
297
|
+
} }))), !this.isNavigationMode && (h("div", { key: 'bd6530a08d31258fa028761f44f0db4dc12541ec', class: "tab-content", part: "post-tabs-content" }, h("slot", { key: 'df50010f2b6cfbd77bc435bedbff1677415869e5', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
298
298
|
}
|
|
299
299
|
static get is() { return "post-tabs"; }
|
|
300
300
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,7 +27,7 @@ export class PostTogglebutton {
|
|
|
27
27
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '9d5a1290041d0a1959efceb520423124e5a09270', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '9168b19b5ddd39dcf61139ff335db773d3da1a1a' })));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "post-togglebutton"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -64,7 +64,7 @@ export class PostTooltip {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '4822f0831a0ce3e74e7eeb181f562b2e4624efc8', "data-version": version }, h("post-popovercontainer", { key: 'ba403db39900c4fddc6ab7dca4be73c17b2e60bf', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '205a693e6e0c2ed41c7c8b5a2dd8ae214f20e199' }))));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "post-tooltip"; }
|
|
70
70
|
static get encapsulation() { return "shadow"; }
|
|
@@ -169,7 +169,7 @@ export class PostTooltipTrigger {
|
|
|
169
169
|
this.tooltip?.hide();
|
|
170
170
|
}
|
|
171
171
|
render() {
|
|
172
|
-
return (h(Host, { key: '
|
|
172
|
+
return (h(Host, { key: '7121e61cb791f41af5f41b5e2586b0a0399a4e05', "data-version": version }, h("slot", { key: '5de58a569a3bfedb44330c7b66150e58afdfea9b', onSlotchange: () => this.handleSlotChange() })));
|
|
173
173
|
}
|
|
174
174
|
static get is() { return "post-tooltip-trigger"; }
|
|
175
175
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t="10.0.0-next.
|
|
1
|
+
const t="10.0.0-next.70";export{t as v}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{v as i}from"./package.js";import{c as s}from"./index2.js";import{b as n}from"./index3.js";import{d}from"./post-accordion2.js";import{d as p}from"./post-accordion-item2.js";import{d as c}from"./post-collapsible2.js";import{d as l}from"./post-collapsible-trigger2.js";import{d as f}from"./post-icon2.js";const m=["grid-1","grid-2","grid-3","grid-4"],g=o(class extends e{validateTextFooter(){s(this,"textFooter","string")}constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=n.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){globalThis.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateTextFooter(),m.forEach((o=>{const e=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,e.length>0)}))}disconnectedCallback(){globalThis.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return e=>{o.includes(this.device)&&e.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(e.target.name,e.target.assignedElements().length>0)}}updateGridSlotDisplay(o,e){this.gridSlotDisplayed[o]!==e&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:e})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},m.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return m.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("h3",null,t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(r,{key:"f0a0abbe852d39eb1332a6344cd715bddc69023e","data-version":i,"data-color-scheme":"light"},t("footer",{key:"cdd1dc30d2640a9a5191d896ab3de488b0e5cb23"},t("h2",{key:"1293bee6f59464063e389c5ec2a7d2962f1cd7ce",class:"visually-hidden"},this.textFooter),t("div",{key:"f3452f2268046670e02345ed5bcce1def5b04928",class:"prefooter"},t("div",{key:"cbcdcb33d552617d744f8815b62a028844b22336",class:"footer-container"},t("slot",{key:"f55b1a0366d34be71214e8b4df60360d97d75e28",name:"prefooter"}))),t("div",{key:"ba6ae9f95e2f307a2b3991212281bd10336af73a",class:"footer-main"},t("div",{key:"8971982c6114d5dc502d142602d0006d82066b9b",class:"footer-container"},t("div",{key:"74d538afd66347d9dbe4e27fc584e05846282dfd",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"253b835a08b632d1dcda79c482e0a217985a3ed0",class:"footer-column"},t("div",{key:"83a3d358d8df658d9bb77cac8e72d141cde0e884",class:"footer-socialmedia"},t("slot",{key:"116c471844a25ade258c9f70e17e82ca5679aec6",name:"socialmedia"})),t("div",{key:"a8412b6846be4ed93f062696614152abfd477069",class:"footer-app"},t("slot",{key:"98e4ef1e591a5c550c92450c5395fb32792f1d09",name:"app"}))),t("div",{key:"dec506b9c0b9307fa95a310fc60f3e2b4eee3a3f",class:"footer-businesssectors"},t("slot",{key:"bef507c9c9eabbff7feb73bef66eea2ea79b5d80",name:"businesssectors"})),t("div",{key:"eacf793fc1ebbfed753eefbd736dd2a1b38169b0",class:"footer-meta"},t("slot",{key:"b35f1fff30f3a657f1aff2fec6926abbd600e796",name:"meta"})),t("div",{key:"42d97c3267ed09061d8aae5297c2939436a1acbc",class:"footer-copyright"},t("slot",{key:"4adbba5bd0d51064f7b4aa7c8a78cc5e9728dbc4",name:"copyright"}))))))}get host(){return this}static get watchers(){return{textFooter:[{validateTextFooter:0}]}}static get style(){return":host{display:block}footer{border-block-start:1px solid #373632;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-prefooter-padding-block:16px;--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-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-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-prefooter-padding-block:32px;--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-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-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-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.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)}.prefooter{background-color:#fafafa}.prefooter .footer-container{padding-block:0}.prefooter ::slotted([slot=prefooter]){padding-block:var(--post-footer-prefooter-padding-block)}.footer-main{background-color:#fc0}.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:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.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(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-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)}.prefooter ::slotted(div),.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]},void 0,{textFooter:[{validateTextFooter:0}]}]),b=g,h=function(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-footer":customElements.get(a(o))||customElements.define(a(o),g);break;case"post-accordion":customElements.get(a(o))||d();break;case"post-accordion-item":customElements.get(a(o))||p();break;case"post-collapsible":customElements.get(a(o))||c();break;case"post-collapsible-trigger":customElements.get(a(o))||l();break;case"post-icon":customElements.get(a(o))||f()}}))};export{b as PostFooter,h as defineCustomElement}
|