@swisspost/design-system-components 10.1.0 → 10.2.0
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/{create-validator-decorator-86dxH9IC.js → create-validator-decorator-BchTP-YG.js} +1 -1
- package/dist/cjs/{index-B_88IIiS.js → index-BDBlw92l.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{one-of-D2-HNvlh.js → one-of-IgKJFMA_.js} +1 -1
- package/dist/cjs/{package-MGiZpKVI.js → package-2syswPDO.js} +1 -1
- package/dist/cjs/{pattern-74wTAOem.js → pattern-BCnL1qK3.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/post-autocomplete.cjs.entry.js +15 -6
- package/dist/cjs/post-avatar.cjs.entry.js +6 -6
- package/dist/cjs/post-back-to-top.cjs.entry.js +5 -5
- package/dist/cjs/post-banner.cjs.entry.js +4 -4
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +7 -7
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +6 -6
- package/dist/cjs/post-closebutton_14.cjs.entry.js +23 -23
- package/dist/cjs/post-collapsible_2.cjs.entry.js +4 -4
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +5 -5
- package/dist/cjs/post-footer.cjs.entry.js +35 -17
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
- package/dist/cjs/post-listbox.cjs.entry.js +4 -4
- package/dist/cjs/post-number-input.cjs.entry.js +4 -4
- package/dist/cjs/post-pagination.cjs.entry.js +5 -5
- package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -5
- package/dist/cjs/post-popover.cjs.entry.js +8 -8
- package/dist/cjs/post-progressbar.cjs.entry.js +4 -4
- package/dist/cjs/post-rating.cjs.entry.js +6 -6
- package/dist/cjs/post-side-navigation-trigger.cjs.entry.js +6 -6
- package/dist/cjs/post-side-navigation.cjs.entry.js +7 -7
- package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/post-stepper.cjs.entry.js +7 -7
- package/dist/cjs/post-tab-item.cjs.entry.js +6 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +6 -6
- package/dist/cjs/post-tabs.cjs.entry.js +8 -8
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +6 -6
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{required-BfGxoBch.js → required-BXiinq5t.js} +1 -1
- package/dist/cjs/{type-DPQ_KdZx.js → type-l3fnHs_E.js} +1 -1
- package/dist/cjs/{url-BokbLhZt.js → url-Dmn5zP5b.js} +1 -1
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +10 -1
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +32 -14
- package/dist/collection/components/post-listbox/post-listbox.css +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-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 +7 -7
- 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 +2 -2
- 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-progressbar/post-progressbar.js +1 -1
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-side-navigation/post-side-navigation.js +1 -1
- package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.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 +2 -2
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.css +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-autocomplete.js +1 -1
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-listbox-option.js +1 -1
- package/dist/components/post-listbox.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-progressbar.js +1 -1
- package/dist/components/post-rating.js +1 -1
- package/dist/components/post-side-navigation-trigger.js +1 -1
- package/dist/components/post-side-navigation.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/index.js +1 -1
- package/dist/components/react/{p-DPoCmx6A.js → p-BBldpA5o.js} +1 -1
- package/dist/components/react/{p-BaIVE0ki.js → p-BLxhbOxJ.js} +1 -1
- package/dist/components/react/{p-BIPy5bUN.js → p-BVwVxBtC.js} +1 -1
- package/dist/components/react/{p-Y40GC4D4.js → p-CNhNLSwV.js} +1 -1
- package/dist/components/react/{p-BHWrp-Gm.js → p-CTdS2ONV.js} +1 -1
- package/dist/components/react/{p-Ce54Fm7b.js → p-CzqW5_YD.js} +1 -1
- package/dist/components/react/{p-T15Cu71x.js → p-DEmm6Dal.js} +1 -1
- package/dist/components/react/{p-DUKHlJSz.js → p-DG11ySYQ.js} +1 -1
- package/dist/components/react/{p-so3hr8A9.js → p-DUMQ0Em_.js} +1 -1
- package/dist/components/react/p-YQBh4peU.js +1 -0
- package/dist/components/react/{p-CC_Rb5Kj.js → p-pPs8_sxf.js} +1 -1
- package/dist/components/react/{p-CHYjGt8k.js → p-qL_Kd0ZG.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-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-progressbar.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-side-navigation-trigger.js +1 -1
- package/dist/components/react/post-side-navigation.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 +5 -5
- package/dist/esm/{create-validator-decorator-BURbkkYl.js → create-validator-decorator-BzX_jW0Z.js} +1 -1
- package/dist/esm/{index-CsEmPq6P.js → index-BAtz9iuv.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{one-of-C-rie7lV.js → one-of-D5QwMlvb.js} +1 -1
- package/dist/esm/{package-jK9tFtoG.js → package-YQBh4peU.js} +1 -1
- package/dist/esm/{pattern-D_JfUaW0.js → pattern-CrL4IkfA.js} +1 -1
- package/dist/esm/post-accordion_2.entry.js +5 -5
- package/dist/esm/post-autocomplete.entry.js +15 -6
- package/dist/esm/post-avatar.entry.js +6 -6
- package/dist/esm/post-back-to-top.entry.js +5 -5
- package/dist/esm/post-banner.entry.js +4 -4
- package/dist/esm/post-breadcrumb-item.entry.js +7 -7
- package/dist/esm/post-breadcrumbs.entry.js +6 -6
- package/dist/esm/post-closebutton_14.entry.js +23 -23
- package/dist/esm/post-collapsible_2.entry.js +4 -4
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +5 -5
- package/dist/esm/post-footer.entry.js +35 -17
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/post-listbox-option.entry.js +4 -4
- package/dist/esm/post-listbox.entry.js +4 -4
- package/dist/esm/post-number-input.entry.js +4 -4
- package/dist/esm/post-pagination.entry.js +5 -5
- package/dist/esm/post-popover-trigger.entry.js +5 -5
- package/dist/esm/post-popover.entry.js +8 -8
- package/dist/esm/post-progressbar.entry.js +4 -4
- package/dist/esm/post-rating.entry.js +6 -6
- package/dist/esm/post-side-navigation-trigger.entry.js +6 -6
- package/dist/esm/post-side-navigation.entry.js +7 -7
- package/dist/esm/post-stepper-item.entry.js +3 -3
- package/dist/esm/post-stepper.entry.js +7 -7
- package/dist/esm/post-tab-item.entry.js +6 -6
- package/dist/esm/post-tab-panel.entry.js +6 -6
- package/dist/esm/post-tabs.entry.js +8 -8
- package/dist/esm/post-tooltip-trigger.entry.js +6 -6
- package/dist/esm/post-tooltip.entry.js +5 -5
- package/dist/esm/{required-CE6lKrV1.js → required-BX_AhSO0.js} +1 -1
- package/dist/esm/{type-BXIcop4C.js → type-BYIjiHKr.js} +1 -1
- package/dist/esm/{url-BYWsovGo.js → url-CZMYpchD.js} +1 -1
- package/dist/post-components/{p-f5d0ada2.entry.js → p-0cceee23.entry.js} +1 -1
- package/dist/post-components/p-0sQVSOjO.js +1 -0
- package/dist/post-components/{p-d12584be.entry.js → p-22a30622.entry.js} +1 -1
- package/dist/post-components/{p-c01c4158.entry.js → p-22b1df28.entry.js} +1 -1
- package/dist/post-components/{p-3c1f1c7d.entry.js → p-24d208eb.entry.js} +1 -1
- package/dist/post-components/p-3dc7e1b4.entry.js +1 -0
- package/dist/post-components/{p-efb45d93.entry.js → p-4cf66554.entry.js} +1 -1
- package/dist/post-components/{p-c74a900f.entry.js → p-52cf29ae.entry.js} +1 -1
- package/dist/post-components/{p-5ab73bfa.entry.js → p-542c9c58.entry.js} +1 -1
- package/dist/post-components/{p-28e89c2c.entry.js → p-593c14a2.entry.js} +1 -1
- package/dist/post-components/{p-4c8212e9.entry.js → p-5a9ba878.entry.js} +1 -1
- package/dist/post-components/{p-898d4ef5.entry.js → p-5ac593dd.entry.js} +1 -1
- package/dist/post-components/{p-6c5cbda6.entry.js → p-675f62bc.entry.js} +1 -1
- package/dist/post-components/{p-16f6729f.entry.js → p-7a9b5fc3.entry.js} +1 -1
- package/dist/post-components/{p-32df61b4.entry.js → p-81e4e124.entry.js} +1 -1
- package/dist/post-components/p-85b497d7.entry.js +1 -0
- package/dist/post-components/{p-7085c7e7.entry.js → p-8c76ce4d.entry.js} +1 -1
- package/dist/post-components/{p-b312510d.entry.js → p-8e0da839.entry.js} +1 -1
- package/dist/post-components/{p-65480bb4.entry.js → p-8ea92775.entry.js} +1 -1
- package/dist/post-components/{p-eae56000.entry.js → p-94f76989.entry.js} +1 -1
- package/dist/post-components/p-9e9de801.entry.js +1 -0
- package/dist/post-components/p-BAtz9iuv.js +2 -0
- package/dist/post-components/{p-llOQ9Bhx.js → p-BzmELz-M.js} +1 -1
- package/dist/post-components/{p-CzwheJVI.js → p-C0Z-E_YL.js} +1 -1
- package/dist/post-components/{p-B9Ec0mux.js → p-CveORA5D.js} +1 -1
- package/dist/post-components/p-DsgIP6Dq.js +1 -0
- package/dist/post-components/p-YQBh4peU.js +1 -0
- package/dist/post-components/{p-7d02d657.entry.js → p-a342b434.entry.js} +1 -1
- package/dist/post-components/p-ac83c46d.entry.js +1 -0
- package/dist/post-components/{p-01d60c90.entry.js → p-c06f6719.entry.js} +1 -1
- package/dist/post-components/{p-98a346f3.entry.js → p-cf891de3.entry.js} +1 -1
- package/dist/post-components/{p-aa952f99.entry.js → p-ef71ff85.entry.js} +1 -1
- package/dist/post-components/{p-5070241f.entry.js → p-f9673487.entry.js} +1 -1
- package/dist/post-components/p-fOjbWhb_.js +1 -0
- package/dist/post-components/{p-2e35b425.entry.js → p-fb899183.entry.js} +1 -1
- package/dist/post-components/{p-dc1b91df.entry.js → p-fb9eba9c.entry.js} +1 -1
- package/dist/post-components/{p-9454c025.entry.js → p-ffb2fae3.entry.js} +1 -1
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +1 -0
- package/dist/types/components/post-footer/post-footer.d.ts +5 -4
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +1 -1
- package/hydrate/index.js +82 -55
- package/hydrate/index.mjs +82 -55
- package/package.json +4 -4
- package/dist/components/react/p-jK9tFtoG.js +0 -1
- package/dist/post-components/p-59858cd1.entry.js +0 -1
- package/dist/post-components/p-698a0e26.entry.js +0 -1
- package/dist/post-components/p-Bgt5RZOY.js +0 -1
- package/dist/post-components/p-BtHmKxxb.js +0 -1
- package/dist/post-components/p-CsEmPq6P.js +0 -2
- package/dist/post-components/p-DZQPpPV5.js +0 -1
- package/dist/post-components/p-a8b5c08a.entry.js +0 -1
- package/dist/post-components/p-fd95b5a2.entry.js +0 -1
- package/dist/post-components/p-jK9tFtoG.js +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var _package = require('./package-
|
|
6
|
-
var required = require('./required-
|
|
7
|
-
var type = require('./type-
|
|
8
|
-
var pattern = require('./pattern-
|
|
9
|
-
require('./create-validator-decorator-
|
|
5
|
+
var _package = require('./package-2syswPDO.js');
|
|
6
|
+
var required = require('./required-BXiinq5t.js');
|
|
7
|
+
var type = require('./type-l3fnHs_E.js');
|
|
8
|
+
var pattern = require('./pattern-BCnL1qK3.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
const postStepperCss = () => `ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}`;
|
|
12
12
|
|
|
@@ -114,7 +114,7 @@ const PostStepper = class {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
|
-
return (index.h(index.Host, { key: '
|
|
117
|
+
return (index.h(index.Host, { key: '52c9943bca4c1d7b1d964d812ce21d8b0eb2d236', "data-version": _package.version }, index.h("ol", { key: 'ea1f27a214d9cdf14b5f2d07f14a8d54836a32b3' }, index.h("slot", { key: '6f07fe49d55152123dc39645ef17bf5557753005', onSlotchange: () => this.updateSteps() })), index.h("div", { key: 'ad3af45bc5d1493f9f1084cc28c77c39d27cbd35', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: '6e3f5decadc8bcc67812dd67f6efe0afa0613b46', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: '4aeb9376181d78007a929c5e8e4ba11c181039bb', innerHTML: this.mobileActiveStepName }))));
|
|
118
118
|
}
|
|
119
119
|
get host() { return index.getElement(this); }
|
|
120
120
|
static get watchers() { return {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
5
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
6
|
-
var _package = require('./package-
|
|
7
|
-
var required = require('./required-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
require('./create-validator-decorator-
|
|
6
|
+
var _package = require('./package-2syswPDO.js');
|
|
7
|
+
var required = require('./required-BXiinq5t.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12
12
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -48,7 +48,7 @@ const PostTabItem = class {
|
|
|
48
48
|
this.isPagesVariant = hasAnchor;
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (index.h(index.Host, { key: '
|
|
51
|
+
return (index.h(index.Host, { key: '974d9682ef0448cf3adf9481ba472a5c196349b3', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": _package.version, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${''}`, style: undefined }, index.h("slot", { key: '6a7ed6323892a40ea22e487bc9460af69fda02c6' })));
|
|
52
52
|
}
|
|
53
53
|
get host() { return index.getElement(this); }
|
|
54
54
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
5
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
6
|
-
var _package = require('./package-
|
|
7
|
-
var required = require('./required-
|
|
8
|
-
var type = require('./type-
|
|
9
|
-
require('./create-validator-decorator-
|
|
6
|
+
var _package = require('./package-2syswPDO.js');
|
|
7
|
+
var required = require('./required-BXiinq5t.js');
|
|
8
|
+
var type = require('./type-l3fnHs_E.js');
|
|
9
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
10
10
|
|
|
11
11
|
const postTabPanelCss = () => `:host{display:none}`;
|
|
12
12
|
|
|
@@ -29,7 +29,7 @@ const PostTabPanel = class {
|
|
|
29
29
|
this.panelId = `panel-${this.host.id || nanoid.nanoid(6)}`;
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (index.h(index.Host, { key: '
|
|
32
|
+
return (index.h(index.Host, { key: '07d93ddaa69253a956ed50cd9ecd6ed039fbc6e2', "data-version": _package.version, id: this.panelId, role: "tabpanel", slot: "panels", style: undefined }, index.h("slot", { key: 'd6887db4e0e4dc22f8f8fdf098d6068ef4bd1a91' })));
|
|
33
33
|
}
|
|
34
34
|
get host() { return index.getElement(this); }
|
|
35
35
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
var fade = require('./fade-CPQhl1fP.js');
|
|
5
5
|
require('./breakpoints-B0Olgvgc.js');
|
|
6
6
|
var componentOnReady = require('./component-on-ready-CifOTqw1.js');
|
|
7
|
-
var _package = require('./package-
|
|
8
|
-
var oneOf = require('./one-of-
|
|
9
|
-
var type = require('./type-
|
|
7
|
+
var _package = require('./package-2syswPDO.js');
|
|
8
|
+
var oneOf = require('./one-of-IgKJFMA_.js');
|
|
9
|
+
var type = require('./type-l3fnHs_E.js');
|
|
10
10
|
require('./utils-s05L2ulk.js');
|
|
11
|
-
require('./create-validator-decorator-
|
|
11
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
12
12
|
|
|
13
|
-
const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{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;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-block-35)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-block-8)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(
|
|
13
|
+
const postTabsCss = () => `:host{display:block}:host .tabs-wrapper{position:relative;display:flex;align-items:center}:host .tabs-wrapper button.scroll-btn{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;align-items:center;justify-content:center;transition:background-color 100ms,border-color 100ms,color 100ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn{background-color:ButtonFace !important}:host .tabs-wrapper button.scroll-btn:hover{background-color:Highlight !important}}:host .tabs-wrapper button.scroll-btn post-icon{color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn post-icon{color:Highlight}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:hover post-icon{color:canvas}}:host .tabs-wrapper button.scroll-btn[hidden]{display:none}:host .tabs-wrapper button.scroll-btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:calc(var(--post-device-spacing-padding-28) + -1*var(--post-device-border-width-default)) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){transition:none}:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus):hover{color:HighlightText;border-color:HighlightText}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .tabs-wrapper button.scroll-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .tabs-wrapper .tabs{overflow-x:hidden;background-color:rgba(0,0,0,0) !important;display:flex;flex-wrap:nowrap;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}:host(.page-tabs){overflow:visible !important}:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1*(var(--post-container-offset)))}:host(.page-tabs) .tabs-wrapper button.scroll-btn{color:var(--post-scheme-color-interactive-primary-enabled-fg5);background-color:var(--post-scheme-color-interactive-primary-enabled-bg5);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke);position:absolute;z-index:2;box-shadow:var(--post-device-elevation-200);border-radius:var(--post-device-border-radius-2)}:host(.page-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-primary-hover-fg4);background-color:var(--post-scheme-color-interactive-primary-hover-bg8)}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-left{inset-inline-start:0;border-inline-start:none;border-radius:0 var(--post-device-border-radius-2) var(--post-device-border-radius-2) 0}:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn-right{inset-inline-end:0;border-inline-end:none;border-radius:var(--post-device-border-radius-2) 0 0 var(--post-device-border-radius-2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper button.scroll-btn.scroll-btn{background-color:Highlight;color:HighlightText}}:host(.page-tabs) .tabs-wrapper::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:var(--post-device-border-width-default);background-color:var(--post-palette-color-nested-tabs-page-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{background-color:LinkText}}:host(.page-tabs) .tabs-wrapper .tabs{padding-inline:calc(var(--post-container-offset));gap:var(--post-device-spacing-gap-inline-5);scrollbar-width:none}:host(.page-tabs) .tabs-wrapper .tabs::-webkit-scrollbar{display:none}:host(.page-tabs:not([size=small])) button.scroll-btn{top:var(--post-device-spacing-padding-block-35)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-block-8)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{flex-shrink:0;color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke) !important;color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(.content-tabs) .tabs-wrapper button.scroll-btn:hover{color:HighlightText}}:host(post-tabs:not([size=small])) button.scroll-btn{height:var(--post-device-sizing-interactive-button-height-10);width:var(--post-device-sizing-interactive-button-width-1);border-radius:var(--post-device-border-radius-2)}:host(post-tabs:not([size=small])) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size5);width:var(--post-device-sizing-interactive-icon-size5)}:host(.page-tabs:not([size=small])) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-38) var(--post-device-spacing-padding-39)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-39) var(--post-device-spacing-padding-38)}:host([size=small]) button.scroll-btn{height:var(--post-device-sizing-interactive-button-size-1);width:var(--post-device-sizing-interactive-button-size-1);border-radius:var(--post-device-border-radius-2)}:host([size=small]) button.scroll-btn post-icon{height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4)}:host(.page-tabs[size=small]) button.scroll-btn-left{padding-inline:var(--post-device-spacing-padding-41) var(--post-device-spacing-padding-42)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-42) var(--post-device-spacing-padding-41)}`;
|
|
14
14
|
|
|
15
15
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
16
16
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -425,10 +425,10 @@ const PostTabs = class {
|
|
|
425
425
|
render() {
|
|
426
426
|
const TabsContainer = this.isPagesVariant ? 'nav' : 'div';
|
|
427
427
|
const style = undefined;
|
|
428
|
-
return (index.h(index.Host, { key: '
|
|
428
|
+
return (index.h(index.Host, { key: '0520b7aba909495feef9358b2e572f767e42dce2', "data-version": _package.version, style: style }, index.h("div", { key: '779d35686ab406d8b60b595aea6ca67eb5b7d82a', class: "tabs-wrapper", part: "post-tabs" }, index.h("button", { key: '2be9734aa1389baf48901e1eafe759f887ed9490', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: this.showLeftScrollButton ? 0 : -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, index.h("post-icon", { key: 'ca6b0acaef9179468737d3669acbc61dfb709657', name: "chevronleft" })), index.h(TabsContainer, { key: 'df8d1f5ca66b86baeb13123459059f1f399f5383', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, index.h("slot", { key: 'e9c618d1f018381f37c0b46aea741abe797d7e37', onSlotchange: () => {
|
|
429
429
|
this.moveMisplacedTabs();
|
|
430
430
|
this.enableTabs();
|
|
431
|
-
} })), index.h("button", { key: '
|
|
431
|
+
} })), index.h("button", { key: '79e0ad08c240f251e5805d71319d6ce32d843367', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: this.showRightScrollButton ? 0 : -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, index.h("post-icon", { key: '491fc9c7746896d9a140fa6cbb97a432ff174ca3', name: "chevronright" }))), !this.isPagesVariant && (index.h("div", { key: '04839eb63e75923e733ec4eea84cd345ae480e70', class: "tab-content", part: "post-tabs-content" }, index.h("slot", { key: '64483606952f79810e7a24105f5c9f822180b6ca', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
432
432
|
}
|
|
433
433
|
get host() { return index.getElement(this); }
|
|
434
434
|
static get watchers() { return {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
-
var _package = require('./package-
|
|
6
|
-
var required = require('./required-
|
|
7
|
-
var type = require('./type-
|
|
8
|
-
require('./create-validator-decorator-
|
|
5
|
+
var _package = require('./package-2syswPDO.js');
|
|
6
|
+
var required = require('./required-BXiinq5t.js');
|
|
7
|
+
var type = require('./type-l3fnHs_E.js');
|
|
8
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
9
9
|
|
|
10
10
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
11
11
|
|
|
@@ -184,7 +184,7 @@ const PostTooltipTrigger = class {
|
|
|
184
184
|
this.tooltip?.hide();
|
|
185
185
|
}
|
|
186
186
|
render() {
|
|
187
|
-
return (index.h(index.Host, { key: '
|
|
187
|
+
return (index.h(index.Host, { key: '37f835a46c96f1f97019b611da8b6be2d6e1a8d7', "data-version": _package.version }, index.h("slot", { key: 'c2fc3d9080948fdcfbd8b2866730e76b770b87ba', onSlotchange: () => this.handleSlotChange() })));
|
|
188
188
|
}
|
|
189
189
|
get host() { return index.getElement(this); }
|
|
190
190
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BDBlw92l.js');
|
|
4
4
|
var placement = require('./placement-qEFR9hmI.js');
|
|
5
5
|
require('./breakpoints-B0Olgvgc.js');
|
|
6
|
-
var _package = require('./package-
|
|
7
|
-
var oneOf = require('./one-of-
|
|
8
|
-
require('./create-validator-decorator-
|
|
6
|
+
var _package = require('./package-2syswPDO.js');
|
|
7
|
+
var oneOf = require('./one-of-IgKJFMA_.js');
|
|
8
|
+
require('./create-validator-decorator-BchTP-YG.js');
|
|
9
9
|
|
|
10
10
|
const postTooltipCss = () => `:host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:"";inset:-13px;z-index:-1}post-popovercontainer{--post-current-bg:var(--post-scheme-color-surface-accent-bg);--post-current-fg:var(--post-scheme-color-surface-accent-fg);--post-popovercontainer-arrow-border-width:var(--post-device-border-width-alternative1);--post-popovercontainer-arrow-border-color:var(--post-scheme-color-surface-accent-fg)}post-popovercontainer::part(post-popovercontainer-border-mask){display:block;box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg)}post-popovercontainer::part(post-popovercontainer-content){border:var(--post-device-border-width-alternative1) solid var(--post-scheme-color-surface-accent-fg);border-radius:var(--post-device-border-radius-1);padding:var(--post-device-spacing-padding-14) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-9);max-width:var(--post-tooltip-max-width, 280px);width:inherit;word-wrap:break-word;white-space:normal}`;
|
|
11
11
|
|
|
@@ -75,7 +75,7 @@ const PostTooltip = class {
|
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
77
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
78
|
-
return (index.h(index.Host, { key: '
|
|
78
|
+
return (index.h(index.Host, { key: 'd49731becbb7395ec68cfae34d316a6248977b53', "data-version": _package.version }, index.h("post-popovercontainer", { key: '12da18a58c2143ef4c2ddff207d081d091e6a40e', 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: '5f941c0311eff468be1c6abe7cbcdab8ba272e15' }))));
|
|
79
79
|
}
|
|
80
80
|
get host() { return index.getElement(this); }
|
|
81
81
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var createValidatorDecorator = require('./create-validator-decorator-
|
|
3
|
+
var createValidatorDecorator = require('./create-validator-decorator-BchTP-YG.js');
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Property decorator that validates the property value is of the specified type.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var createValidatorDecorator = require('./create-validator-decorator-
|
|
3
|
+
var createValidatorDecorator = require('./create-validator-decorator-BchTP-YG.js');
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Property decorator that validates the property value is a valid URL.
|
|
@@ -24,6 +24,13 @@ export class PostAutocomplete {
|
|
|
24
24
|
/** Show or hide the clear button */
|
|
25
25
|
this.clearable = false;
|
|
26
26
|
this.inputValue = '';
|
|
27
|
+
this.handleFocus = () => {
|
|
28
|
+
if (this.filterThreshold !== 0)
|
|
29
|
+
return;
|
|
30
|
+
if (this.inputElement && this.inputElement.value.trim() !== '')
|
|
31
|
+
return;
|
|
32
|
+
this.postFilteringEvent.emit('');
|
|
33
|
+
};
|
|
27
34
|
this.handleOnBlur = () => {
|
|
28
35
|
this.inputElement.value = this.inputValue;
|
|
29
36
|
this.listBoxElement.filter('');
|
|
@@ -166,6 +173,7 @@ export class PostAutocomplete {
|
|
|
166
173
|
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
167
174
|
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
168
175
|
this.inputElement.addEventListener('click', this.showListBox);
|
|
176
|
+
this.inputElement.addEventListener('focus', this.handleFocus);
|
|
169
177
|
}
|
|
170
178
|
}
|
|
171
179
|
detachInputListeners() {
|
|
@@ -174,6 +182,7 @@ export class PostAutocomplete {
|
|
|
174
182
|
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
175
183
|
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
176
184
|
this.inputElement.removeEventListener('click', this.showListBox);
|
|
185
|
+
this.inputElement.removeEventListener('focus', this.handleFocus);
|
|
177
186
|
}
|
|
178
187
|
}
|
|
179
188
|
attachListboxListeners() {
|
|
@@ -199,7 +208,7 @@ export class PostAutocomplete {
|
|
|
199
208
|
this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
|
|
200
209
|
}
|
|
201
210
|
render() {
|
|
202
|
-
return (h(Host, { key: '
|
|
211
|
+
return (h(Host, { key: 'ef5b821b235c6e6a19e9da612a7c3fbc33408e44', "data-version": version }, h("slot", { key: 'a7855fd0e992be6c4fd737e9b7f29c77c1ec8e7f' }), this.clearable && this.inputValue && (h("button", { key: '16a690d24deb1ac1cd50c85cea857ad3e5736fac', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, h("post-icon", { key: 'f254bd331fb15ca6cb5a32ac2a5f5a25cb8e81ea', "aria-hidden": "true", name: "closex" }))), h("post-icon", { key: '87faa8280bb58683262ec40dbec383478c5999f5', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), h("output", { key: '9f8ad0d40d1e12f611f4f2e9e14058dbcca3892e', class: "visually-hidden", ref: el => (this.outputElement = el) })));
|
|
203
212
|
}
|
|
204
213
|
static get is() { return "post-autocomplete"; }
|
|
205
214
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 ::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}
|
|
@@ -12,6 +12,7 @@ import { breakpoint, Required, Type } from "../../utils/index";
|
|
|
12
12
|
import { version } from "../../../../package";
|
|
13
13
|
import { h, Host } from "@stencil/core";
|
|
14
14
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
15
|
+
const SECTION_SLOTS = ['socialmedia', 'app', 'businesssectors', 'meta', 'copyright'];
|
|
15
16
|
/**
|
|
16
17
|
* @slot prefooter - Slot for the pre-footer.
|
|
17
18
|
* @slot grid-{1|2|3|4}-title - Slot for the accordion headers (mobile).
|
|
@@ -19,26 +20,27 @@ const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
|
19
20
|
* @slot socialmedia - Slot for the social media links.
|
|
20
21
|
* @slot app - Slot for the app links.
|
|
21
22
|
* @slot businesssectors - Slot for the business sectors links.
|
|
22
|
-
* @slot meta - Slot for the meta links.
|
|
23
|
-
* @slot copyright - Slot for the copyright text.
|
|
23
|
+
* @slot meta - **Required.** Slot for the meta links.
|
|
24
|
+
* @slot copyright - **Required.** Slot for the copyright text.
|
|
24
25
|
*/
|
|
25
26
|
export class PostFooter {
|
|
26
27
|
constructor() {
|
|
27
28
|
this.device = breakpoint.get('device');
|
|
28
|
-
this.
|
|
29
|
+
this.slotDisplayed = {};
|
|
29
30
|
this.breakpointChange = (e) => {
|
|
30
31
|
this.device = e.detail;
|
|
31
32
|
};
|
|
32
33
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
34
|
+
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
33
35
|
}
|
|
34
36
|
connectedCallback() {
|
|
35
37
|
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
36
38
|
}
|
|
37
39
|
componentWillLoad() {
|
|
38
|
-
// initialize
|
|
39
|
-
GRID_SLOTS.forEach(slotName => {
|
|
40
|
+
// initialize slot visibility by checking the content of each slot
|
|
41
|
+
[...GRID_SLOTS, ...SECTION_SLOTS].forEach(slotName => {
|
|
40
42
|
const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
|
|
41
|
-
this.
|
|
43
|
+
this.updateSlotDisplay(slotName, assignedElements.length > 0);
|
|
42
44
|
});
|
|
43
45
|
}
|
|
44
46
|
disconnectedCallback() {
|
|
@@ -47,23 +49,39 @@ export class PostFooter {
|
|
|
47
49
|
handleGridSlotChange(...devices) {
|
|
48
50
|
return (e) => {
|
|
49
51
|
if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
|
|
50
|
-
this.
|
|
52
|
+
this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
|
|
51
53
|
}
|
|
52
54
|
};
|
|
53
55
|
}
|
|
54
|
-
|
|
55
|
-
if (
|
|
56
|
-
this.
|
|
56
|
+
handleSlotChange(e) {
|
|
57
|
+
if (e.target instanceof HTMLSlotElement) {
|
|
58
|
+
this.updateSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
updateSlotDisplay(slotName, hasContent) {
|
|
62
|
+
if (this.slotDisplayed[slotName] !== hasContent) {
|
|
63
|
+
// @State only re-renders when this.slotDisplayed itself is replaced,
|
|
64
|
+
// not when one of its properties is changed directly
|
|
65
|
+
this.slotDisplayed = { ...this.slotDisplayed, [slotName]: hasContent };
|
|
57
66
|
}
|
|
58
67
|
}
|
|
59
68
|
renderAccordion() {
|
|
60
|
-
return (h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (h("post-accordion-item", { key: slotName, class: { 'd-none': !this.
|
|
69
|
+
return (h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (h("post-accordion-item", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] }, collapsed: true }, h("span", { slot: "header" }, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
|
|
61
70
|
}
|
|
62
71
|
renderColumns() {
|
|
63
|
-
return GRID_SLOTS.map(slotName => (h("div", { key: slotName, class: { 'd-none': !this.
|
|
72
|
+
return GRID_SLOTS.map(slotName => (h("div", { key: slotName, class: { 'd-none': !this.slotDisplayed[slotName] } }, h("h3", null, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
64
73
|
}
|
|
65
74
|
render() {
|
|
66
|
-
|
|
75
|
+
const renderSocialmedia = this.slotDisplayed['socialmedia'];
|
|
76
|
+
const renderApp = this.slotDisplayed['app'];
|
|
77
|
+
const renderBusinesssectors = this.slotDisplayed['businesssectors'];
|
|
78
|
+
const renderMeta = this.slotDisplayed['meta'];
|
|
79
|
+
const renderCopyright = this.slotDisplayed['copyright'];
|
|
80
|
+
const allGridSlotsEmpty = GRID_SLOTS.every(slotName => !this.slotDisplayed[slotName]);
|
|
81
|
+
return (h(Host, { key: 'd34606bcddf871bcf82c64dd710a1e7d1d1dcbb5', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'a82c77c34e1308ed02445a221776f37ebe26d7f9' }, h("h2", { key: '3d6bd7b10494661506a1bd60323e3e3205b1a400', class: "visually-hidden" }, this.textFooter), h("div", { key: '6497d40d70757426194142d8b597101d4f0f5ce6', class: "prefooter" }, h("div", { key: '7d352f9029fe397f0ada15de8dacb9d8a0b2a831', class: "footer-container" }, h("slot", { key: 'bbe3c744a1ea06544ccfda3b1f9a7e52666b69c3', name: "prefooter" }))), h("div", { key: '4bdd7e6f0507bbbc9ccb7a9b3a5f1dad2f1c6936', class: "footer-main" }, h("div", { key: '3b141f824900b9dccb6746bb4b11678f2b90ef53', class: "footer-container" }, h("div", { key: '46ef9417bb0aced5506e8adbeb6001dbcfe119a5', class: { 'footer-grid': true, 'd-none': allGridSlotsEmpty } }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: 'd25f9b4b8e8bf8ce7d090c41c8b9de0c1454c566', class: {
|
|
82
|
+
'footer-column': true,
|
|
83
|
+
'd-none': !renderSocialmedia && !renderApp,
|
|
84
|
+
} }, h("div", { key: '43888182ec9db5d001ff724648f02a43acddb198', class: { 'footer-socialmedia': true, 'd-none': !renderSocialmedia } }, h("slot", { key: 'd96fe2e61b69ead95ba6235bdd63951ff177377a', onSlotchange: this.handleSlotChange, name: "socialmedia" })), h("div", { key: '0eb5c0c55f6d86ef4a179fa55bfb2b37311e1563', class: { 'footer-app': true, 'd-none': !renderApp } }, h("slot", { key: 'dcc9d0121b0febc2b2d4d183ca0aa979dd27b35c', onSlotchange: this.handleSlotChange, name: "app" }))), h("div", { key: '85a47b73374144b13fd40d3f25582e4375873647', class: { 'footer-businesssectors': true, 'd-none': !renderBusinesssectors } }, h("slot", { key: '1cbd28be1c5b8d52df6139db49e1e3b31db03a5a', onSlotchange: this.handleSlotChange, name: "businesssectors" })), h("div", { key: '1877c5230c17196d647f9ed145a21bcfed36321a', class: { 'footer-meta': true, 'd-none': !renderMeta } }, h("slot", { key: '12ca6c0a79db19365daddf3c14b4a395f664d3e1', onSlotchange: this.handleSlotChange, name: "meta" })), h("div", { key: '3dd50edca20df5bd258b1b01da2a88d556d5ea04', class: { 'footer-copyright': true, 'd-none': !renderCopyright } }, h("slot", { key: '058326a07ee00caea0cbac3843ba8190cf68abde', onSlotchange: this.handleSlotChange, name: "copyright" })))))));
|
|
67
85
|
}
|
|
68
86
|
static get is() { return "post-footer"; }
|
|
69
87
|
static get encapsulation() { return "shadow"; }
|
|
@@ -103,7 +121,7 @@ export class PostFooter {
|
|
|
103
121
|
static get states() {
|
|
104
122
|
return {
|
|
105
123
|
"device": {},
|
|
106
|
-
"
|
|
124
|
+
"slotDisplayed": {}
|
|
107
125
|
};
|
|
108
126
|
}
|
|
109
127
|
static get elementRef() { return "host"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}
|
|
1
|
+
post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}
|
|
@@ -129,7 +129,7 @@ export class PostListbox {
|
|
|
129
129
|
this.updateSelection(event.detail);
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
132
|
-
return (h(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) },
|
|
132
|
+
return (h(Host, { key: 'd9008aa55aca4e0a65fdffd67485d74ddc4069f6', "data-version": version, role: "listbox" }, h("post-popovercontainer", { key: '5ba4d68483581101ca4bf6fea04102fa883b71d1', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, h("slot", { key: '286a31eff1b70ec35efcfa745103933598589f2a', name: "blank-slate" }), h("slot", { key: '4cebce7de3143c3eb1deafa57209f7295aa6ec44' }))));
|
|
133
133
|
}
|
|
134
134
|
static get is() { return "post-listbox"; }
|
|
135
135
|
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: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "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: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, h("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, h("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && h("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "post-listbox-option"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,7 +26,7 @@ export class PostLogo {
|
|
|
26
26
|
render() {
|
|
27
27
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
28
28
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: '84ece8e71d7dec66aa634d9a8a37d6bf3197c1b6', "data-version": version }, h(LogoTag, { key: '1531c6e8f32d42e63f5482d2983f18e4c9a23b1a', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: 'd45d33329e30de0de9de56f2d588995a7f97d01e', class: "description" }, h("slot", { key: 'e8665c8d739dc2a2968bf1193c26ba1d1e731b38', onSlotchange: () => this.checkDescription() })), h("svg", { key: 'bb3f534952e29e2e43816c5a5dd55541d05bee26', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '9ca05c263f6c9f41cc5406ccfd030a713ffe0254', id: "Logo" }, h("rect", { key: '30a59adc0eec11af2d90180da1f5a95b03175d21', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'b1cbe7c575d36cf26a1cc41c9124625c2d1e5ef1', 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: '398027f23c8c9a4cf2bc7f8d7c8aa4ec0466f0be', 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" }))))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "post-logo"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -129,7 +129,7 @@ export class PostMainnavigation {
|
|
|
129
129
|
}, NAVBAR_DISABLE_DURATION);
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
132
|
-
return (h(Host, { key: '
|
|
132
|
+
return (h(Host, { key: '2e9f2361426298f620411b1d064e166992ba326e', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '10103d153e37fd591c2ce062ef7455228adbf5b9', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8bb9b82626d05c1fe8f4fd1bb9f8e6d6be59ad8a', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '6905afe8c2dfcf0f2411b45237b52d63f187d2c9', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '2db905e52b1604d9c6097734d055100a58625f09' })), h("div", { key: 'f8ec4f906f1c99fec2198bb350ac1735c2de8469', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: 'afed8c1778691ca5b849d78ee20d51a4b8c02fe6', "aria-hidden": "true", name: "chevronright" }))));
|
|
133
133
|
}
|
|
134
134
|
static get is() { return "post-mainnavigation"; }
|
|
135
135
|
static get encapsulation() { return "shadow"; }
|
|
@@ -38,6 +38,10 @@ export class PostMegadropdown {
|
|
|
38
38
|
this.trigger = false;
|
|
39
39
|
/** Holds the current animation class. */
|
|
40
40
|
this.animationClass = null;
|
|
41
|
+
this.breakpointChange = (e) => {
|
|
42
|
+
this.device = e.detail;
|
|
43
|
+
this.cancelAnimation();
|
|
44
|
+
};
|
|
41
45
|
this.handleClickOutside = async (event) => {
|
|
42
46
|
if (this.device !== 'desktop')
|
|
43
47
|
return;
|
|
@@ -65,7 +69,7 @@ export class PostMegadropdown {
|
|
|
65
69
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
66
70
|
}
|
|
67
71
|
connectedCallback() {
|
|
68
|
-
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange
|
|
72
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
69
73
|
}
|
|
70
74
|
componentDidRender() {
|
|
71
75
|
this.getFocusableElements();
|
|
@@ -76,7 +80,7 @@ export class PostMegadropdown {
|
|
|
76
80
|
this.handleAriaCurrentChange([]);
|
|
77
81
|
}
|
|
78
82
|
disconnectedCallback() {
|
|
79
|
-
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange
|
|
83
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
80
84
|
if (PostMegadropdown.activeDropdown === this)
|
|
81
85
|
PostMegadropdown.activeDropdown = null;
|
|
82
86
|
this.removeListeners();
|
|
@@ -204,10 +208,6 @@ export class PostMegadropdown {
|
|
|
204
208
|
this.currentAnimation?.cancel();
|
|
205
209
|
this.currentAnimation = null;
|
|
206
210
|
}
|
|
207
|
-
breakpointChange(e) {
|
|
208
|
-
this.device = e.detail;
|
|
209
|
-
this.cancelAnimation();
|
|
210
|
-
}
|
|
211
211
|
addListeners() {
|
|
212
212
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
213
213
|
document.addEventListener('keyup', this.handleTabOutside);
|
|
@@ -295,7 +295,7 @@ export class PostMegadropdown {
|
|
|
295
295
|
}
|
|
296
296
|
render() {
|
|
297
297
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
298
|
-
return (h(Host, { key: '
|
|
298
|
+
return (h(Host, { key: '355f69ea10cd4c3c058e4c1e6818f1c9da7d4102', version: version }, h("div", { key: '9c2b9b31aa450c1e1b4257066a38bd3660e834ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '7fe7f257bb41b43b72cda39f1614c5ba4726b940', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '09ffb0ce4a56453d33d4366ce30c0bce09395f93', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: 'd88fb0218c8788981dd7f3213979eba5ab7ff333', class: "megadropdown-content" }, h("slot", { key: 'ab64e771770bd42c4f077ebe5e05685cb285134f' })), 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))))));
|
|
299
299
|
}
|
|
300
300
|
static get is() { return "post-megadropdown"; }
|
|
301
301
|
static get encapsulation() { return "shadow"; }
|
|
@@ -71,7 +71,7 @@ export class PostMegadropdownTrigger {
|
|
|
71
71
|
this.megadropdown.toggle();
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
|
-
return (h(Host, { key: '
|
|
74
|
+
return (h(Host, { key: '40d8afcb6b0ec482c0a13f7b78493a66243e03a5', "data-version": version }, h("button", { key: '6c1362cd4e1af22d26cf9ae74af4092cd083360c', 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: '6bd7d94da2055c1c6fb933402f2478a3cee12cc7' }, h("span", { key: '8109bdcc23c4a0f8c0861b774a974dde75b464f3', innerHTML: this.slottedContent }), h("span", { key: 'edd54adde0d7af4eb9cf7796183d01705d217500', "aria-hidden": "true" }, h("slot", { key: 'dbcc08bb882273f1074dd8963a4b86f67deb0c0a' }))), h("post-icon", { key: '7437573a492181cc3e5ddd59ac3695dc94d43e09', name: "chevrondown" }))));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "post-megadropdown-trigger"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -184,7 +184,7 @@ export class PostMenu {
|
|
|
184
184
|
]));
|
|
185
185
|
}
|
|
186
186
|
render() {
|
|
187
|
-
return (h(Host, { key: '
|
|
187
|
+
return (h(Host, { key: '31142d851d591bc46a43f36b553b6c7abee90674', "data-version": version }, h("post-popovercontainer", { key: '6b4b2a04b25904115fe1c337e73e382a4e162259', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '1284650d5796455201d55e1ecad3507518c7c32c', part: "post-menu" }, h("slot", { key: 'b2dbd125a631c06a591e67c52fd61524bcf037ea', name: "header" }), h("slot", { key: '3b15ec3ad5a25e2e22b6e26e17d9d2d76e9f64fb' })))));
|
|
188
188
|
}
|
|
189
189
|
static get is() { return "post-menu"; }
|
|
190
190
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,7 +65,7 @@ export class PostMenuTrigger {
|
|
|
65
65
|
return null;
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '8f43fe80dd56550141481f157a06caf559494291', "data-version": version }, h("slot", { key: '1b5d220cff9894918aedc54b0585df75095dcb0e' })));
|
|
69
69
|
}
|
|
70
70
|
static get is() { return "post-menu-trigger"; }
|
|
71
71
|
static get encapsulation() { return "shadow"; }
|
|
@@ -89,10 +89,10 @@ export class PostNumberInput {
|
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
91
|
const areButtonsShown = !!this.input;
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: '59cbe12c66b0eabbff15a3110ee847396df2d261', "data-version": version, class: {
|
|
93
93
|
'number-input-sm': this.small,
|
|
94
94
|
'disabled': this.isDisabled,
|
|
95
|
-
} }, areButtonsShown && (h("div", { key: '
|
|
95
|
+
} }, areButtonsShown && (h("div", { key: '43fca97c040104786ab528b04f3e0dd576f29025', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '1b41c236beb802d98f60776827928335d00599c4', name: "minus" }))), h("div", { key: '8342d335e0a84f78514edac5052ffea081fb40c7', class: "input-container" }, h("slot", { key: 'd2f8eae0656faaab31358cd3582c873d4a491e73', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: '0055b317ed6ec64f2451640c436d169bb0b07626', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: 'dafe4a65f6d5d6ba4f54229c55506d5cf14fe126', name: "plus" })))));
|
|
96
96
|
}
|
|
97
97
|
static get is() { return "post-number-input"; }
|
|
98
98
|
static get encapsulation() { return "shadow"; }
|