@swisspost/design-system-components 10.0.0-next.70 → 10.0.0-next.72
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/breakpoints-B0Olgvgc.js +206 -0
- package/dist/cjs/component-on-ready-CifOTqw1.js +24 -0
- package/dist/cjs/create-validator-decorator-Bnx17kwi.js +223 -0
- package/dist/cjs/{focusable-ZqET_zrB.js → focusable-COT2uiEV.js} +25 -4
- package/dist/cjs/{index-DPdHkdGf.js → index-ngUOBQot.js} +17 -13
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/nanoid-CmjyF1Cm.js +20 -0
- package/dist/cjs/one-of-BHyX4vYq.js +27 -0
- package/dist/cjs/{package-Ds_LS1pB.js → package-Bi-tiNRc.js} +1 -1
- package/dist/cjs/pattern-BgBx5zGQ.js +27 -0
- package/dist/cjs/post-accordion_2.cjs.entry.js +18 -24
- package/dist/cjs/post-autocomplete.cjs.entry.js +27 -14
- package/dist/cjs/post-avatar.cjs.entry.js +33 -54
- package/dist/cjs/post-back-to-top.cjs.entry.js +21 -12
- package/dist/cjs/post-banner.cjs.entry.js +9 -14
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +48 -41
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +106 -105
- package/dist/cjs/post-closebutton_14.cjs.entry.js +257 -288
- package/dist/cjs/post-collapsible_2.cjs.entry.js +57 -40
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +154 -144
- package/dist/cjs/post-footer.cjs.entry.js +26 -19
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
- package/dist/cjs/post-listbox.cjs.entry.js +4 -6
- package/dist/cjs/post-login-widget.cjs.entry.js +35 -3
- package/dist/cjs/post-number-input.cjs.entry.js +6 -6
- package/dist/cjs/post-pagination.cjs.entry.js +53 -83
- package/dist/cjs/post-popover-trigger.cjs.entry.js +22 -19
- package/dist/cjs/post-popover.cjs.entry.js +25 -23
- package/dist/cjs/post-progressbar.cjs.entry.js +147 -0
- package/dist/cjs/post-rating.cjs.entry.js +34 -35
- package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/post-stepper.cjs.entry.js +49 -38
- package/dist/cjs/post-tab-item.cjs.entry.js +23 -15
- package/dist/cjs/post-tab-panel.cjs.entry.js +23 -16
- package/dist/cjs/post-tabs.cjs.entry.js +24 -30
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +34 -21
- package/dist/cjs/post-tooltip.cjs.entry.js +19 -16
- package/dist/cjs/required-lRDOdbd6.js +44 -0
- package/dist/cjs/type-shT641Eo.js +30 -0
- package/dist/cjs/url-DRUMqVBq.js +34 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/post-accordion/post-accordion.js +11 -8
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -18
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +23 -13
- package/dist/collection/components/post-avatar/avatar-utils.js +2 -2
- package/dist/collection/components/post-avatar/post-avatar.js +29 -72
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +17 -10
- package/dist/collection/components/post-banner/post-banner.js +7 -14
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +92 -47
- package/dist/collection/components/post-breadcrumb-item/variants.js +1 -0
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +110 -114
- package/dist/collection/components/post-closebutton/post-closebutton.js +24 -27
- package/dist/collection/components/post-collapsible/post-collapsible.js +26 -16
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +34 -30
- package/dist/collection/components/post-date-picker/post-date-picker.css +1 -1
- package/dist/collection/components/post-date-picker/post-date-picker.js +64 -96
- package/dist/collection/components/post-footer/post-footer.js +17 -13
- package/dist/collection/components/post-header/post-header.js +18 -24
- package/dist/collection/components/post-icon/post-icon.js +36 -48
- package/dist/collection/components/post-language-menu/post-language-menu.js +16 -22
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -39
- package/dist/collection/components/post-linkarea/post-linkarea.js +2 -2
- package/dist/collection/components/post-listbox/post-listbox.js +3 -5
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +3 -3
- package/dist/collection/components/post-login-widget/post-login-widget.css +1 -0
- package/dist/collection/components/post-login-widget/post-login-widget.js +103 -5
- package/dist/collection/components/post-logo/post-logo.js +16 -13
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +17 -13
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +24 -23
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +7 -15
- package/dist/collection/components/post-menu/post-menu.js +14 -24
- package/dist/collection/components/post-menu-item/post-menu-item.css +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +17 -13
- package/dist/collection/components/post-number-input/post-number-input.js +5 -5
- package/dist/collection/components/post-pagination/post-pagination.js +47 -83
- package/dist/collection/components/post-popover/post-popover.js +20 -22
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +16 -14
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +28 -34
- package/dist/collection/components/post-progressbar/post-progressbar.css +1 -0
- package/dist/collection/components/post-progressbar/post-progressbar.js +136 -0
- package/dist/collection/components/post-rating/post-rating.js +25 -29
- package/dist/collection/components/post-stepper/post-stepper.js +44 -36
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +2 -2
- package/dist/collection/components/post-tab-item/post-tab-item.js +17 -13
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +17 -14
- package/dist/collection/components/post-tabs/post-tabs.js +20 -7
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +5 -3
- package/dist/collection/components/post-tooltip/post-tooltip.js +17 -16
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +30 -19
- package/dist/collection/hydrate-stub/index.stub.js +5 -0
- package/dist/collection/test-setup.js +7 -0
- package/dist/collection/utils/index.js +4 -3
- package/dist/collection/utils/is-value-empty.js +1 -1
- package/dist/collection/utils/locales.js +9 -2
- package/dist/collection/utils/nanoid.js +16 -0
- package/dist/collection/utils/property-decorators/array-of.js +22 -0
- package/dist/collection/utils/property-decorators/bound.js +75 -0
- package/dist/collection/utils/property-decorators/create-validator-decorator.js +211 -0
- package/dist/collection/utils/property-decorators/date.js +21 -0
- package/dist/collection/utils/property-decorators/index.js +9 -0
- package/dist/collection/utils/property-decorators/iso-date.js +21 -0
- package/dist/collection/utils/property-decorators/one-of.js +22 -0
- package/dist/collection/utils/property-decorators/pattern.js +22 -0
- package/dist/collection/utils/property-decorators/required.js +40 -0
- package/dist/collection/utils/property-decorators/type.js +25 -0
- package/dist/collection/utils/property-decorators/url.js +29 -0
- package/dist/component-names.json +1 -0
- package/dist/components/breakpoints.js +1 -0
- package/dist/components/component-on-ready.js +1 -0
- package/dist/components/focusable.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/nanoid.js +1 -0
- package/dist/components/one-of.js +1 -0
- package/dist/components/package.js +1 -1
- package/dist/components/pattern.js +1 -0
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-autocomplete.js +1 -1
- package/dist/components/post-avatar.js +1 -1
- package/dist/components/post-avatar2.js +1 -0
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/post-banner.js +1 -1
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/dist/components/post-breadcrumbs.js +1 -1
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible-trigger2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-date-picker.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-language-menu-item.js +1 -1
- package/dist/components/post-language-menu.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-item2.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-pagination.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.d.ts +11 -0
- package/dist/components/post-progressbar.js +1 -0
- 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/index.js +1 -1
- package/dist/components/react/p-4wtxqxXu.js +1 -0
- package/dist/components/react/p-85IGlhtB.js +1 -0
- package/dist/components/react/p-8LXe8Zt_.js +1 -0
- package/dist/components/react/p-B9ZFuYey.js +1 -0
- package/dist/components/react/p-BXqGI600.js +1 -0
- package/dist/components/react/p-BZSAV0-K.js +1 -0
- package/dist/components/react/p-B_WnO-QF.js +1 -0
- package/dist/components/react/p-BaB8wJvk.js +1 -0
- package/dist/components/react/p-Bg9dtyzK.js +1 -0
- package/dist/components/react/p-Bji_4dfL.js +1 -0
- package/dist/components/react/p-Bn66acGG.js +1 -0
- package/dist/components/react/p-BrY4VWTQ.js +1 -0
- package/dist/components/react/p-Bu2JeHDf.js +1 -0
- package/dist/components/react/p-BxoRVIIr.js +1 -0
- package/dist/components/react/p-CX2E_IXB.js +1 -0
- package/dist/components/react/p-Cd1TsNm7.js +1 -0
- package/dist/components/react/p-CkTAQJGd.js +1 -0
- package/dist/components/react/p-ClG-N42b.js +1 -0
- package/dist/components/react/p-D1zw8FxT.js +1 -0
- package/dist/components/react/p-DwuW52g5.js +1 -0
- package/dist/components/react/p-PM7l--ff.js +1 -0
- package/dist/components/react/p-lpWRZjJp.js +1 -0
- 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-progressbar.d.ts +11 -0
- package/dist/components/react/post-progressbar.js +1 -0
- 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/components/required.js +1 -0
- package/dist/components/type.js +1 -0
- package/dist/components/url.js +1 -0
- package/dist/docs.json +307 -72
- package/dist/esm/breakpoints-BQ3HlJPr.js +202 -0
- package/dist/esm/component-on-ready-lpWRZjJp.js +22 -0
- package/dist/esm/create-validator-decorator-D8qwF5Qe.js +218 -0
- package/dist/esm/{focusable-BD_WT2MO.js → focusable-C7afHKmo.js} +25 -5
- package/dist/esm/{index-DmAi35UF.js → index-BbDawWJ5.js} +17 -13
- package/dist/esm/loader.js +3 -3
- package/dist/esm/nanoid-8LXe8Zt_.js +18 -0
- package/dist/esm/one-of-GPr3FflU.js +25 -0
- package/dist/esm/package-ClG-N42b.js +3 -0
- package/dist/esm/pattern-BWPRYpYv.js +25 -0
- package/dist/esm/post-accordion_2.entry.js +17 -23
- package/dist/esm/post-autocomplete.entry.js +27 -14
- package/dist/esm/post-avatar.entry.js +33 -54
- package/dist/esm/post-back-to-top.entry.js +21 -12
- package/dist/esm/post-banner.entry.js +9 -14
- package/dist/esm/post-breadcrumb-item.entry.js +48 -41
- package/dist/esm/post-breadcrumbs.entry.js +106 -105
- package/dist/esm/post-closebutton_14.entry.js +252 -283
- package/dist/esm/post-collapsible_2.entry.js +57 -40
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +151 -141
- package/dist/esm/post-footer.entry.js +21 -14
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-listbox-option.entry.js +4 -4
- package/dist/esm/post-listbox.entry.js +4 -6
- package/dist/esm/post-login-widget.entry.js +35 -3
- package/dist/esm/post-number-input.entry.js +5 -5
- package/dist/esm/post-pagination.entry.js +52 -82
- package/dist/esm/post-popover-trigger.entry.js +20 -17
- package/dist/esm/post-popover.entry.js +25 -23
- package/dist/esm/post-progressbar.entry.js +145 -0
- package/dist/esm/post-rating.entry.js +29 -30
- package/dist/esm/post-stepper-item.entry.js +3 -3
- package/dist/esm/post-stepper.entry.js +49 -38
- package/dist/esm/post-tab-item.entry.js +22 -14
- package/dist/esm/post-tab-panel.entry.js +22 -15
- package/dist/esm/post-tabs.entry.js +23 -29
- package/dist/esm/post-tooltip-trigger.entry.js +34 -21
- package/dist/esm/post-tooltip.entry.js +19 -16
- package/dist/esm/required-uK-rZZjy.js +42 -0
- package/dist/esm/type-obmwEgkM.js +28 -0
- package/dist/esm/url-B28ByZCe.js +32 -0
- package/dist/post-components/p-00f55af5.entry.js +1 -0
- package/dist/post-components/p-0288484f.entry.js +1 -0
- package/dist/post-components/p-07cdd022.entry.js +1 -0
- package/dist/post-components/{p-c2e05ba0.entry.js → p-12047216.entry.js} +1 -1
- package/dist/post-components/p-17df4e91.entry.js +1 -0
- package/dist/post-components/p-17e046fa.entry.js +1 -0
- package/dist/post-components/p-29bd31a0.entry.js +1 -0
- package/dist/post-components/p-2c6b4e6a.entry.js +1 -0
- package/dist/post-components/p-3b05e01d.entry.js +1 -0
- package/dist/post-components/p-53fd5230.entry.js +1 -0
- package/dist/post-components/p-5b7e6369.entry.js +1 -0
- package/dist/post-components/p-5f4ca179.entry.js +1 -0
- package/dist/post-components/p-62b6154a.entry.js +1 -0
- package/dist/post-components/{p-77d5e17b.entry.js → p-686a6e22.entry.js} +1 -1
- package/dist/post-components/p-758fc84f.entry.js +1 -0
- package/dist/post-components/{p-570d64dd.entry.js → p-7f929bb9.entry.js} +1 -1
- package/dist/post-components/p-8LXe8Zt_.js +1 -0
- package/dist/post-components/p-9865f72c.entry.js +1 -0
- package/dist/post-components/p-99803d57.entry.js +1 -0
- package/dist/post-components/p-BQ3HlJPr.js +1 -0
- package/dist/post-components/p-BRNqUiXj.js +1 -0
- package/dist/post-components/p-BbDawWJ5.js +2 -0
- package/dist/post-components/p-BrY4VWTQ.js +1 -0
- package/dist/post-components/p-CVsNfXZd.js +1 -0
- package/dist/post-components/p-Ck2qPht6.js +1 -0
- package/dist/post-components/p-ClG-N42b.js +1 -0
- package/dist/post-components/p-D4F0BqBW.js +1 -0
- package/dist/post-components/p-DSNGJB58.js +1 -0
- package/dist/post-components/p-IUnDBhPg.js +1 -0
- package/dist/post-components/p-a0e0a760.entry.js +1 -0
- package/dist/post-components/p-a850652d.entry.js +1 -0
- package/dist/post-components/p-aac1a8ea.entry.js +1 -0
- package/dist/post-components/{p-092f8795.entry.js → p-b3f0f9a2.entry.js} +1 -1
- package/dist/post-components/p-c37dba4b.entry.js +1 -0
- package/dist/post-components/p-d061773b.entry.js +1 -0
- package/dist/post-components/p-e2370e94.entry.js +1 -0
- package/dist/post-components/p-f1ca1d3f.entry.js +1 -0
- package/dist/post-components/p-f2e5f44e.entry.js +1 -0
- package/dist/post-components/p-ff98ada4.entry.js +1 -0
- package/dist/post-components/p-lpWRZjJp.js +1 -0
- package/dist/post-components/post-components.css +2 -2
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +0 -2
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +0 -1
- package/dist/types/components/post-avatar/avatar-utils.d.ts +1 -1
- package/dist/types/components/post-avatar/post-avatar.d.ts +0 -13
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +0 -1
- package/dist/types/components/post-banner/post-banner.d.ts +0 -1
- package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +11 -11
- package/dist/types/components/post-breadcrumb-item/variants.d.ts +2 -0
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +20 -26
- package/dist/types/components/post-closebutton/post-closebutton.d.ts +0 -3
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +1 -2
- package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +3 -6
- package/dist/types/components/post-date-picker/post-date-picker.d.ts +0 -12
- package/dist/types/components/post-footer/post-footer.d.ts +0 -1
- package/dist/types/components/post-header/post-header.d.ts +0 -2
- package/dist/types/components/post-icon/post-icon.d.ts +0 -6
- package/dist/types/components/post-language-menu/post-language-menu.d.ts +1 -3
- package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +0 -5
- package/dist/types/components/post-login-widget/post-login-widget.d.ts +17 -2
- package/dist/types/components/post-logo/post-logo.d.ts +0 -1
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -1
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +1 -3
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +0 -2
- package/dist/types/components/post-menu/post-menu.d.ts +1 -4
- package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +0 -1
- package/dist/types/components/post-pagination/post-pagination.d.ts +0 -17
- package/dist/types/components/post-popover/post-popover.d.ts +0 -3
- package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts +0 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +0 -3
- package/dist/types/components/post-progressbar/post-progressbar.d.ts +23 -0
- package/dist/types/components/post-rating/post-rating.d.ts +0 -4
- package/dist/types/components/post-stepper/post-stepper.d.ts +1 -4
- package/dist/types/components/post-tab-item/post-tab-item.d.ts +0 -1
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +0 -1
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -3
- package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +1 -1
- package/dist/types/components.d.ts +119 -29
- package/dist/types/modules.d.ts +2 -0
- package/dist/types/utils/index.d.ts +4 -3
- package/dist/types/utils/nanoid.d.ts +8 -0
- package/dist/types/utils/property-decorators/array-of.d.ts +9 -0
- package/dist/types/utils/property-decorators/bound.d.ts +36 -0
- package/dist/types/utils/property-decorators/create-validator-decorator.d.ts +48 -0
- package/dist/types/utils/property-decorators/date.d.ts +6 -0
- package/dist/types/utils/property-decorators/index.d.ts +9 -0
- package/dist/types/utils/property-decorators/iso-date.d.ts +6 -0
- package/dist/types/utils/property-decorators/one-of.d.ts +8 -0
- package/dist/types/utils/property-decorators/pattern.d.ts +8 -0
- package/dist/types/utils/property-decorators/required.d.ts +17 -0
- package/dist/types/utils/property-decorators/type.d.ts +9 -0
- package/dist/types/utils/property-decorators/url.d.ts +6 -0
- package/hydrate/index.js +1536 -115469
- package/hydrate/index.mjs +1536 -115469
- package/hydrate/index.stub.js +5 -0
- package/package.json +28 -18
- package/dist/cjs/index-YBj3gUJp.js +0 -114540
- package/dist/cjs/index-qCzRmwgB.js +0 -114
- package/dist/cjs/index.browser-BVb9l9T_.js +0 -16
- package/dist/collection/utils/property-checkers/check-array-of.js +0 -8
- package/dist/collection/utils/property-checkers/check-date.js +0 -13
- package/dist/collection/utils/property-checkers/check-iso-date.js +0 -9
- package/dist/collection/utils/property-checkers/check-one-of.js +0 -8
- package/dist/collection/utils/property-checkers/check-pattern.js +0 -8
- package/dist/collection/utils/property-checkers/check-type.js +0 -15
- package/dist/collection/utils/property-checkers/check-url.js +0 -15
- package/dist/collection/utils/property-checkers/constants.js +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js +0 -9
- package/dist/collection/utils/property-checkers/index.js +0 -20
- package/dist/collection/utils/property-checkers/required-and.js +0 -14
- package/dist/components/heading-levels.js +0 -1
- package/dist/components/index.browser.js +0 -1
- package/dist/components/index2.js +0 -1
- package/dist/components/index3.js +0 -6
- package/dist/components/post-breadcrumb-item2.js +0 -1
- package/dist/components/react/p-B076QoO3.js +0 -1
- package/dist/components/react/p-B2BDAeHI.js +0 -1
- package/dist/components/react/p-B2iQay0-.js +0 -1
- package/dist/components/react/p-B_RL4AOE.js +0 -1
- package/dist/components/react/p-BoFDru4R.js +0 -1
- package/dist/components/react/p-BuL0WAoF.js +0 -1
- package/dist/components/react/p-C8b6-YQl.js +0 -1
- package/dist/components/react/p-CJcRbvrI.js +0 -6
- package/dist/components/react/p-Cu9RsvYK.js +0 -1
- package/dist/components/react/p-D6uA8DbL.js +0 -1
- package/dist/components/react/p-DSSN7xW4.js +0 -1
- package/dist/components/react/p-DW7sbg9f.js +0 -1
- package/dist/components/react/p-DgdnwpId.js +0 -1
- package/dist/components/react/p-Dmnnz3fB.js +0 -1
- package/dist/components/react/p-PuHMz_9_.js +0 -1
- package/dist/components/react/p-nA1BKco0.js +0 -1
- package/dist/components/react/p-r4txK0AC.js +0 -1
- package/dist/components/react/p-tpgRP2Dr.js +0 -1
- package/dist/esm/index-CJcRbvrI.js +0 -114535
- package/dist/esm/index-D9bU2pIE.js +0 -104
- package/dist/esm/index.browser-nA1BKco0.js +0 -14
- package/dist/esm/package-DW7sbg9f.js +0 -3
- package/dist/post-components/p-17ccebe6.entry.js +0 -1
- package/dist/post-components/p-1d58bec1.entry.js +0 -1
- package/dist/post-components/p-25c28493.entry.js +0 -1
- package/dist/post-components/p-29ada3d7.entry.js +0 -1
- package/dist/post-components/p-2fcca5ec.entry.js +0 -1
- package/dist/post-components/p-3cefd49e.entry.js +0 -1
- package/dist/post-components/p-3fea238c.entry.js +0 -1
- package/dist/post-components/p-5068ae7e.entry.js +0 -1
- package/dist/post-components/p-521178f5.entry.js +0 -1
- package/dist/post-components/p-534fed55.entry.js +0 -1
- package/dist/post-components/p-5f52cba3.entry.js +0 -1
- package/dist/post-components/p-86697a58.entry.js +0 -1
- package/dist/post-components/p-987bebe8.entry.js +0 -1
- package/dist/post-components/p-9ca5c297.entry.js +0 -1
- package/dist/post-components/p-9ea3066f.entry.js +0 -1
- package/dist/post-components/p-CJcRbvrI.js +0 -6
- package/dist/post-components/p-D9bU2pIE.js +0 -1
- package/dist/post-components/p-DW7sbg9f.js +0 -1
- package/dist/post-components/p-DmAi35UF.js +0 -2
- package/dist/post-components/p-PuHMz_9_.js +0 -1
- package/dist/post-components/p-a6fc33fa.entry.js +0 -1
- package/dist/post-components/p-ac853d6b.entry.js +0 -1
- package/dist/post-components/p-bd09bc20.entry.js +0 -1
- package/dist/post-components/p-c55b537b.entry.js +0 -1
- package/dist/post-components/p-dded4f13.entry.js +0 -1
- package/dist/post-components/p-e6ba44b1.entry.js +0 -1
- package/dist/post-components/p-ead1094e.entry.js +0 -1
- package/dist/post-components/p-f12e59a0.entry.js +0 -1
- package/dist/post-components/p-nA1BKco0.js +0 -1
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/types/language-tags.d.ts +0 -1
- package/dist/types/utils/property-checkers/check-array-of.d.ts +0 -4
- package/dist/types/utils/property-checkers/check-date.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-iso-date.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-one-of.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-pattern.d.ts +0 -3
- package/dist/types/utils/property-checkers/check-type.d.ts +0 -4
- package/dist/types/utils/property-checkers/check-url.d.ts +0 -3
- package/dist/types/utils/property-checkers/constants.d.ts +0 -1
- package/dist/types/utils/property-checkers/empty-or.d.ts +0 -3
- package/dist/types/utils/property-checkers/index.d.ts +0 -34
- package/dist/types/utils/property-checkers/required-and.d.ts +0 -3
- /package/dist/types/{language-tags.js → test-setup.d.ts} +0 -0
|
@@ -1,20 +1,29 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
var breakpoints = require('./breakpoints-B0Olgvgc.js');
|
|
5
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
6
|
+
var required = require('./required-lRDOdbd6.js');
|
|
7
|
+
var type = require('./type-shT641Eo.js');
|
|
8
|
+
require('./create-validator-decorator-Bnx17kwi.js');
|
|
7
9
|
|
|
8
10
|
const postFooterCss = () => `: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}`;
|
|
9
11
|
|
|
12
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
15
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
16
|
+
else
|
|
17
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
18
|
+
if (d = decorators[i])
|
|
19
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
20
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
21
|
+
};
|
|
10
22
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11
23
|
const PostFooter = class {
|
|
12
|
-
validateTextFooter() {
|
|
13
|
-
index.checkRequiredAndType(this, 'textFooter', 'string');
|
|
14
|
-
}
|
|
15
24
|
constructor(hostRef) {
|
|
16
|
-
index
|
|
17
|
-
this.device =
|
|
25
|
+
index.registerInstance(this, hostRef);
|
|
26
|
+
this.device = breakpoints.breakpoint.get('device');
|
|
18
27
|
this.gridSlotDisplayed = {};
|
|
19
28
|
this.breakpointChange = (e) => {
|
|
20
29
|
this.device = e.detail;
|
|
@@ -25,7 +34,6 @@ const PostFooter = class {
|
|
|
25
34
|
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
26
35
|
}
|
|
27
36
|
componentWillLoad() {
|
|
28
|
-
this.validateTextFooter();
|
|
29
37
|
// initialize grid visibility by checking the content of each slot
|
|
30
38
|
GRID_SLOTS.forEach(slotName => {
|
|
31
39
|
const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
|
|
@@ -48,21 +56,20 @@ const PostFooter = class {
|
|
|
48
56
|
}
|
|
49
57
|
}
|
|
50
58
|
renderAccordion() {
|
|
51
|
-
return (index
|
|
59
|
+
return (index.h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (index.h("post-accordion-item", { class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, index.h("span", { slot: "header" }, index.h("slot", { name: slotName + '-title' })), index.h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
|
|
52
60
|
}
|
|
53
61
|
renderColumns() {
|
|
54
|
-
return GRID_SLOTS.map(slotName => (index
|
|
62
|
+
return GRID_SLOTS.map(slotName => (index.h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, index.h("h3", null, index.h("slot", { name: slotName + '-title' })), index.h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
55
63
|
}
|
|
56
64
|
render() {
|
|
57
|
-
return (index
|
|
65
|
+
return (index.h(index.Host, { key: '374c30bdf52f1c826e4016fb60ebe46b212321f3', "data-version": _package.version, "data-color-scheme": "light" }, index.h("footer", { key: 'ad4b7ef1d1c8455fba5377c51b82aa98fabe567c' }, index.h("h2", { key: '2a55bd8dd9764b19ce565e0e718e8caa648dd4e8', class: "visually-hidden" }, this.textFooter), index.h("div", { key: 'bd3fad280de6e35a43dccf5afb90d079b5697039', class: "prefooter" }, index.h("div", { key: '8ae04af140bdef46f1989dbd4e18047b20eb8607', class: "footer-container" }, index.h("slot", { key: 'b2e5e4e3bcfbe4d9eb6323a62fd7d8db312ff49e', name: "prefooter" }))), index.h("div", { key: 'a73f4cbadf30e9e8bd88a657b88e9aeeecd8ac1c', class: "footer-main" }, index.h("div", { key: 'b4fa33216ea90b1c7ce8ad4426ffc04a5b142260', class: "footer-container" }, index.h("div", { key: '68978cc363340f86973f53df82e4adf70e1d18fb', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), index.h("div", { key: 'd867ecbc7431b9f6e76022693bfd77be6f2015cc', class: "footer-column" }, index.h("div", { key: 'e5a345d9cb0d85d8a4f4ce46bde363177f26be5f', class: "footer-socialmedia" }, index.h("slot", { key: 'df306b3404d7cf25a4e93f24a787796c9b6582d0', name: "socialmedia" })), index.h("div", { key: 'b62be898061d5880b0329251af9001d32a1565d0', class: "footer-app" }, index.h("slot", { key: '71d2ac3bcb5fa4056e00bb3ec949c163016d116c', name: "app" }))), index.h("div", { key: 'd1237aa43568afe2d66de7e2871557c8bef692ab', class: "footer-businesssectors" }, index.h("slot", { key: '3470e3f8d1eaadf7eb230e7c788b5524672937b2', name: "businesssectors" })), index.h("div", { key: '0fc6b0bd67ac6982ed98f800d37590fe38725ff5', class: "footer-meta" }, index.h("slot", { key: 'd4ec82246b09ec299836ec13137448e0399dc8cd', name: "meta" })), index.h("div", { key: 'ffe9ad1ea0ff761513a721c1915bc6bdb602832c', class: "footer-copyright" }, index.h("slot", { key: 'bc43ce34d09a3a257ca614fe2b1383ee732d3f68', name: "copyright" })))))));
|
|
58
66
|
}
|
|
59
|
-
get host() { return index
|
|
60
|
-
static get watchers() { return {
|
|
61
|
-
"textFooter": [{
|
|
62
|
-
"validateTextFooter": 0
|
|
63
|
-
}]
|
|
64
|
-
}; }
|
|
67
|
+
get host() { return index.getElement(this); }
|
|
65
68
|
};
|
|
69
|
+
__decorate([
|
|
70
|
+
required.Required(),
|
|
71
|
+
type.Type('string')
|
|
72
|
+
], PostFooter.prototype, "textFooter", void 0);
|
|
66
73
|
PostFooter.style = postFooterCss();
|
|
67
74
|
|
|
68
75
|
exports.post_footer = PostFooter;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
5
5
|
|
|
6
6
|
const postLinkareaCss = () => `:host{display:block;cursor:pointer;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(:focus-within){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-within){outline-color:Highlight !important}}`;
|
|
7
7
|
|
|
@@ -63,7 +63,7 @@ const PostLinkarea = class {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
return (index.h(index.Host, { key: '
|
|
66
|
+
return (index.h(index.Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": _package.version, onClick: (e) => this.dispatchClick(e) }, index.h("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
|
|
67
67
|
}
|
|
68
68
|
get host() { return index.getElement(this); }
|
|
69
69
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
5
5
|
|
|
6
6
|
const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
|
|
7
7
|
|
|
@@ -16,9 +16,9 @@ const PostListboxOption = class {
|
|
|
16
16
|
this.highlighted = false;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: 'f88a84b9004a29fb7c39ea4cbc509d940d70a52d', "data-version": _package.version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
20
20
|
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
21
|
-
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, index.h("span", { key: '
|
|
21
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, index.h("span", { key: '99d154078490d171ab0e4e43b765cbffb44e721e', class: "option-content" }, this.value, index.h("span", { key: '609a205bb61b84d1e56e6e64282cb210f650faca', class: "option-description" }, index.h("slot", { key: 'd08d9dddbea69b693002a20f4127788a6a21acc1' }))), this.selected && index.h("post-icon", { key: '04e999451c694a0cb54e1e3ab5cd3eca29640aaf', "aria-hidden": "true", name: "checkmark" })));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
PostListboxOption.style = postListboxOptionCss();
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
|
|
5
|
-
require('./index-YBj3gUJp.js');
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
require('./breakpoints-B0Olgvgc.js');
|
|
6
5
|
var eventFrom = require('./event-from-CwMw19f8.js');
|
|
6
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
7
7
|
|
|
8
8
|
const postListboxCss = () => `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}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
|
|
9
9
|
|
|
@@ -68,12 +68,10 @@ const PostListbox = class {
|
|
|
68
68
|
const input = this.inputElement;
|
|
69
69
|
if (input) {
|
|
70
70
|
this.popoverContainer?.show(input);
|
|
71
|
-
this.host.role = 'listbox';
|
|
72
71
|
}
|
|
73
72
|
}
|
|
74
73
|
/** Closes the listbox */
|
|
75
74
|
async hide() {
|
|
76
|
-
this.host.removeAttribute('role');
|
|
77
75
|
this.popoverContainer?.hide();
|
|
78
76
|
}
|
|
79
77
|
/** Uses the internal default filtering mode to filter the list of options.
|
|
@@ -139,7 +137,7 @@ const PostListbox = class {
|
|
|
139
137
|
this.updateSelection(event.detail);
|
|
140
138
|
}
|
|
141
139
|
render() {
|
|
142
|
-
return (index.h(index.Host, { key: '
|
|
140
|
+
return (index.h(index.Host, { key: 'e1e88417d8b8f66fbaf7df481fcbd9a63b6189fb', "data-version": _package.version, role: "listbox" }, index.h("post-popovercontainer", { key: '0fca1baeb51be6cf5f4d30c254217dce3349a377', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? index.h("slot", { name: "blank-slate" }) : index.h("slot", null))));
|
|
143
141
|
}
|
|
144
142
|
get host() { return index.getElement(this); }
|
|
145
143
|
};
|
|
@@ -1,14 +1,31 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
6
|
+
var required = require('./required-lRDOdbd6.js');
|
|
7
|
+
var type = require('./type-shT641Eo.js');
|
|
8
|
+
require('./create-validator-decorator-Bnx17kwi.js');
|
|
5
9
|
|
|
10
|
+
const postLoginWidgetCss = () => `:host post-menu-trigger button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}:host post-menu-trigger button:hover{text-decoration:none}:host post-menu-trigger button:disabled{border-style:var(--post-core-border-style-dash)}:host post-menu-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host post-menu-trigger button:is(a){color:LinkText;border:unset}:host post-menu-trigger button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-menu-trigger button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-menu-trigger button>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}:host post-menu-trigger button{border-radius:var(--post-device-border-radius-round) !important;border:0 none;min-height:0;padding:0}:host post-menu-trigger .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
11
|
+
|
|
12
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
14
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
15
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
16
|
+
else
|
|
17
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
18
|
+
if (d = decorators[i])
|
|
19
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
20
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
21
|
+
};
|
|
6
22
|
const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
|
|
7
23
|
const PostLoginWidget = class {
|
|
8
24
|
constructor(hostRef) {
|
|
9
25
|
index.registerInstance(this, hostRef);
|
|
10
26
|
this.postChange = index.createEvent(this, "postChange");
|
|
11
27
|
this.authenticated = null;
|
|
28
|
+
this.user = null;
|
|
12
29
|
}
|
|
13
30
|
async componentWillLoad() {
|
|
14
31
|
{
|
|
@@ -40,6 +57,7 @@ const PostLoginWidget = class {
|
|
|
40
57
|
}
|
|
41
58
|
const json = await response.json();
|
|
42
59
|
const isAuthenticated = json?.data?.email !== undefined;
|
|
60
|
+
this.user = json?.data;
|
|
43
61
|
this.setAuthState(isAuthenticated);
|
|
44
62
|
}
|
|
45
63
|
catch {
|
|
@@ -53,8 +71,22 @@ const PostLoginWidget = class {
|
|
|
53
71
|
this.postChange.emit({ authenticated: next });
|
|
54
72
|
}
|
|
55
73
|
render() {
|
|
56
|
-
return (index.h(index.Host, { key: '
|
|
74
|
+
return (index.h(index.Host, { key: '4aeda818bbda67c88aa188ac3bbb8f0377a5050e', "data-version": _package.version }, this.authenticated === true ? (index.h("div", null, index.h("post-menu-trigger", { for: "user-menu-default" }, index.h("button", { class: "btn btn-link", type: "button" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, description: this.textCurrentUser.replace('{user}', `${this.user.name} ${this.user.surname}`) }), index.h("span", { class: "visually-hidden" }, this.textUserMenuTrigger))), index.h("post-menu", { label: this.textUserMenu, id: "user-menu-default" }, index.h("div", { slot: "header" }, index.h("post-avatar", { firstname: this.user.name, lastname: this.user.surname, email: this.user.email, "aria-hidden": "true" }), this.user.name, " ", this.user.surname), index.h("slot", { name: "user-links" })))) : (index.h("div", null, index.h("slot", { name: "login-link" })))));
|
|
57
75
|
}
|
|
76
|
+
get host() { return index.getElement(this); }
|
|
58
77
|
};
|
|
78
|
+
__decorate([
|
|
79
|
+
required.Required(),
|
|
80
|
+
type.Type('string')
|
|
81
|
+
], PostLoginWidget.prototype, "textCurrentUser", void 0);
|
|
82
|
+
__decorate([
|
|
83
|
+
required.Required(),
|
|
84
|
+
type.Type('string')
|
|
85
|
+
], PostLoginWidget.prototype, "textUserMenu", void 0);
|
|
86
|
+
__decorate([
|
|
87
|
+
required.Required(),
|
|
88
|
+
type.Type('string')
|
|
89
|
+
], PostLoginWidget.prototype, "textUserMenuTrigger", void 0);
|
|
90
|
+
PostLoginWidget.style = postLoginWidgetCss();
|
|
59
91
|
|
|
60
92
|
exports.post_login_widget = PostLoginWidget;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var
|
|
5
|
-
var _package = require('./package-
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
var breakpoints = require('./breakpoints-B0Olgvgc.js');
|
|
5
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
6
6
|
|
|
7
7
|
function getSlottedElement(host, selector) {
|
|
8
8
|
const slottedElements = host.querySelectorAll(selector);
|
|
@@ -54,7 +54,7 @@ const PostNumberInput = class {
|
|
|
54
54
|
this.isIncrementDisabled = false;
|
|
55
55
|
this.isDecrementDisabled = false;
|
|
56
56
|
this.small = false;
|
|
57
|
-
this.setupInput =
|
|
57
|
+
this.setupInput = breakpoints.debounce(50, () => {
|
|
58
58
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
59
59
|
if (!this.input)
|
|
60
60
|
return;
|
|
@@ -127,10 +127,10 @@ const PostNumberInput = class {
|
|
|
127
127
|
}
|
|
128
128
|
render() {
|
|
129
129
|
const areButtonsShown = !!this.input;
|
|
130
|
-
return (index.h(index.Host, { key: '
|
|
130
|
+
return (index.h(index.Host, { key: 'c8ef21f14edba7dcaf82dc66d7735f3ab3022e4f', "data-version": _package.version, class: {
|
|
131
131
|
'number-input-sm': this.small,
|
|
132
132
|
'disabled': this.isDisabled,
|
|
133
|
-
} }, areButtonsShown && (index.h("div", { key: '
|
|
133
|
+
} }, areButtonsShown && (index.h("div", { key: '585049836ec48c09bcf49019375d798d58b1d56b', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, index.h("post-icon", { key: '1891fc6f71f9251e32b254d6a2da72560c86d3f2', name: "minus" }))), index.h("div", { key: '8cffde72970f70573f7d9afacd023bc87b9d9bae', class: "input-container" }, index.h("slot", { key: '69cdc0bef28f380690ce4d4887a3bec3a1dc30b9', onSlotchange: () => this.setupInput() })), areButtonsShown && (index.h("div", { key: '85cc8b04413b1a50ec493b45638f451fc2b5e0fd', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, index.h("post-icon", { key: '00b3a503d183042a406618aaad9a0e3f512e13e7', name: "plus" })))));
|
|
134
134
|
}
|
|
135
135
|
get host() { return index.getElement(this); }
|
|
136
136
|
};
|
|
@@ -1,14 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
|
|
5
|
-
var index_browser = require('./index.browser-BVb9l9T_.js');
|
|
6
|
-
var index$1 = require('./index-qCzRmwgB.js');
|
|
7
|
-
require('./index-YBj3gUJp.js');
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
require('./breakpoints-B0Olgvgc.js');
|
|
8
5
|
var debounce = require('./debounce-BsIBi_-2.js');
|
|
6
|
+
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
7
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
8
|
+
var type = require('./type-shT641Eo.js');
|
|
9
|
+
var required = require('./required-lRDOdbd6.js');
|
|
10
|
+
require('./create-validator-decorator-Bnx17kwi.js');
|
|
9
11
|
|
|
10
12
|
const postPaginationCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.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}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{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}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
11
13
|
|
|
14
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
17
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
18
|
+
else
|
|
19
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
20
|
+
if (d = decorators[i])
|
|
21
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
22
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23
|
+
};
|
|
12
24
|
const ELLIPSIS = '...';
|
|
13
25
|
const MEASUREMENT_DEBOUNCE_MS = 50;
|
|
14
26
|
const RESIZE_DEBOUNCE_MS = 150;
|
|
@@ -27,38 +39,11 @@ const PostPagination = class {
|
|
|
27
39
|
this.debouncedResize = debounce.debounce(this.handleResizeInternal.bind(this), RESIZE_DEBOUNCE_MS);
|
|
28
40
|
this.measurementTimeoutId = null;
|
|
29
41
|
}
|
|
30
|
-
validatePage() {
|
|
31
|
-
this.validateProp('page', 'number', false);
|
|
32
|
-
}
|
|
33
|
-
validatePageSize() {
|
|
34
|
-
this.validateProp('pageSize', 'number', true);
|
|
35
|
-
}
|
|
36
|
-
validateCollectionSize() {
|
|
37
|
-
this.validateProp('collectionSize', 'number', true);
|
|
38
|
-
}
|
|
39
|
-
validateLabel() {
|
|
40
|
-
this.validateProp('label', 'string', true);
|
|
41
|
-
}
|
|
42
|
-
validateTextPrevious() {
|
|
43
|
-
this.validateProp('textPrevious', 'string', true);
|
|
44
|
-
}
|
|
45
|
-
validateTextNext() {
|
|
46
|
-
this.validateProp('textNext', 'string', true);
|
|
47
|
-
}
|
|
48
|
-
validateTextPage() {
|
|
49
|
-
this.validateProp('textPage', 'string', true);
|
|
50
|
-
}
|
|
51
|
-
validateTextFirst() {
|
|
52
|
-
this.validateProp('textFirst', 'string', true);
|
|
53
|
-
}
|
|
54
|
-
validateTextLast() {
|
|
55
|
-
this.validateProp('textLast', 'string', true);
|
|
56
|
-
}
|
|
57
42
|
handlePropsChange() {
|
|
58
43
|
this.updatePagesWithValidation();
|
|
59
44
|
}
|
|
60
45
|
componentWillLoad() {
|
|
61
|
-
this.paginationId = `pagination-${this.host.id ||
|
|
46
|
+
this.paginationId = `pagination-${this.host.id || nanoid.nanoid(6)}`;
|
|
62
47
|
if (this.page == null) {
|
|
63
48
|
this.page = 1;
|
|
64
49
|
}
|
|
@@ -68,7 +53,6 @@ const PostPagination = class {
|
|
|
68
53
|
}
|
|
69
54
|
componentDidLoad() {
|
|
70
55
|
this.loaded = true;
|
|
71
|
-
this.runAllValidations();
|
|
72
56
|
this.scheduleMeasurement();
|
|
73
57
|
}
|
|
74
58
|
disconnectedCallback() {
|
|
@@ -79,31 +63,6 @@ const PostPagination = class {
|
|
|
79
63
|
this.measurementTimeoutId = null;
|
|
80
64
|
}
|
|
81
65
|
}
|
|
82
|
-
/**
|
|
83
|
-
* Validate a prop with the appropriate check function
|
|
84
|
-
*/
|
|
85
|
-
validateProp(propName, type, required = true) {
|
|
86
|
-
if (required) {
|
|
87
|
-
index$1.checkRequiredAndType(this, propName, type);
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
index$1.checkEmptyOrType(this, propName, type);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
/**
|
|
94
|
-
* Run all prop validations
|
|
95
|
-
*/
|
|
96
|
-
runAllValidations() {
|
|
97
|
-
this.validateProp('page', 'number', false);
|
|
98
|
-
this.validateProp('pageSize', 'number', true);
|
|
99
|
-
this.validateProp('collectionSize', 'number', true);
|
|
100
|
-
this.validateProp('label', 'string', true);
|
|
101
|
-
this.validateProp('textPrevious', 'string', true);
|
|
102
|
-
this.validateProp('textNext', 'string', true);
|
|
103
|
-
this.validateProp('textPage', 'string', true);
|
|
104
|
-
this.validateProp('textFirst', 'string', true);
|
|
105
|
-
this.validateProp('textLast', 'string', true);
|
|
106
|
-
}
|
|
107
66
|
/**
|
|
108
67
|
* Schedule measurement attempt with timeout
|
|
109
68
|
*/
|
|
@@ -567,40 +526,51 @@ const PostPagination = class {
|
|
|
567
526
|
get host() { return index.getElement(this); }
|
|
568
527
|
static get watchers() { return {
|
|
569
528
|
"page": [{
|
|
570
|
-
"validatePage": 0
|
|
571
|
-
}, {
|
|
572
529
|
"handlePropsChange": 0
|
|
573
530
|
}],
|
|
574
531
|
"pageSize": [{
|
|
575
|
-
"validatePageSize": 0
|
|
576
|
-
}, {
|
|
577
532
|
"handlePropsChange": 0
|
|
578
533
|
}],
|
|
579
534
|
"collectionSize": [{
|
|
580
|
-
"validateCollectionSize": 0
|
|
581
|
-
}, {
|
|
582
535
|
"handlePropsChange": 0
|
|
583
|
-
}],
|
|
584
|
-
"label": [{
|
|
585
|
-
"validateLabel": 0
|
|
586
|
-
}],
|
|
587
|
-
"textPrevious": [{
|
|
588
|
-
"validateTextPrevious": 0
|
|
589
|
-
}],
|
|
590
|
-
"textNext": [{
|
|
591
|
-
"validateTextNext": 0
|
|
592
|
-
}],
|
|
593
|
-
"textPage": [{
|
|
594
|
-
"validateTextPage": 0
|
|
595
|
-
}],
|
|
596
|
-
"textFirst": [{
|
|
597
|
-
"validateTextFirst": 0
|
|
598
|
-
}],
|
|
599
|
-
"textLast": [{
|
|
600
|
-
"validateTextLast": 0
|
|
601
536
|
}]
|
|
602
537
|
}; }
|
|
603
538
|
};
|
|
539
|
+
__decorate([
|
|
540
|
+
type.Type('number')
|
|
541
|
+
], PostPagination.prototype, "page", void 0);
|
|
542
|
+
__decorate([
|
|
543
|
+
required.Required(),
|
|
544
|
+
type.Type('number')
|
|
545
|
+
], PostPagination.prototype, "pageSize", void 0);
|
|
546
|
+
__decorate([
|
|
547
|
+
required.Required(),
|
|
548
|
+
type.Type('number')
|
|
549
|
+
], PostPagination.prototype, "collectionSize", void 0);
|
|
550
|
+
__decorate([
|
|
551
|
+
required.Required(),
|
|
552
|
+
type.Type('string')
|
|
553
|
+
], PostPagination.prototype, "label", void 0);
|
|
554
|
+
__decorate([
|
|
555
|
+
required.Required(),
|
|
556
|
+
type.Type('string')
|
|
557
|
+
], PostPagination.prototype, "textPrevious", void 0);
|
|
558
|
+
__decorate([
|
|
559
|
+
required.Required(),
|
|
560
|
+
type.Type('string')
|
|
561
|
+
], PostPagination.prototype, "textNext", void 0);
|
|
562
|
+
__decorate([
|
|
563
|
+
required.Required(),
|
|
564
|
+
type.Type('string')
|
|
565
|
+
], PostPagination.prototype, "textPage", void 0);
|
|
566
|
+
__decorate([
|
|
567
|
+
required.Required(),
|
|
568
|
+
type.Type('string')
|
|
569
|
+
], PostPagination.prototype, "textFirst", void 0);
|
|
570
|
+
__decorate([
|
|
571
|
+
required.Required(),
|
|
572
|
+
type.Type('string')
|
|
573
|
+
], PostPagination.prototype, "textLast", void 0);
|
|
604
574
|
PostPagination.style = postPaginationCss();
|
|
605
575
|
|
|
606
576
|
exports.post_pagination = PostPagination;
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
require('./
|
|
3
|
+
var index = require('./index-ngUOBQot.js');
|
|
4
|
+
require('./breakpoints-B0Olgvgc.js');
|
|
5
|
+
var _package = require('./package-Bi-tiNRc.js');
|
|
6
|
+
var focusable = require('./focusable-COT2uiEV.js');
|
|
7
|
+
var type = require('./type-shT641Eo.js');
|
|
8
8
|
require('./_commonjsHelpers-BJu3ubxk.js');
|
|
9
|
+
require('./create-validator-decorator-Bnx17kwi.js');
|
|
9
10
|
|
|
10
11
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
11
12
|
|
|
13
|
+
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
14
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
15
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
16
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else
|
|
18
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
19
|
+
if (d = decorators[i])
|
|
20
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
21
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22
|
+
};
|
|
12
23
|
const PostPopoverTrigger = class {
|
|
13
24
|
syncAriaExpanded(newValue) {
|
|
14
25
|
this.ariaExpanded = newValue;
|
|
@@ -16,13 +27,6 @@ const PostPopoverTrigger = class {
|
|
|
16
27
|
this.trigger.setAttribute('aria-expanded', String(newValue));
|
|
17
28
|
}
|
|
18
29
|
}
|
|
19
|
-
/**
|
|
20
|
-
* Watch for changes to the `for` property to validate its type and ensure it is a string.
|
|
21
|
-
* @param forValue - The new value of the `for` property.
|
|
22
|
-
*/
|
|
23
|
-
validateFor() {
|
|
24
|
-
index.checkEmptyOrType(this, 'for', 'string');
|
|
25
|
-
}
|
|
26
30
|
hasAriaControlsElements(el) {
|
|
27
31
|
return 'ariaControlsElements' in el;
|
|
28
32
|
}
|
|
@@ -80,7 +84,7 @@ const PostPopoverTrigger = class {
|
|
|
80
84
|
}
|
|
81
85
|
}
|
|
82
86
|
constructor(hostRef) {
|
|
83
|
-
index
|
|
87
|
+
index.registerInstance(this, hostRef);
|
|
84
88
|
/**
|
|
85
89
|
* Manages the accessibility attribute `aria-expanded` to indicate whether the associated popover is expanded or collapsed.
|
|
86
90
|
*/
|
|
@@ -103,7 +107,6 @@ const PostPopoverTrigger = class {
|
|
|
103
107
|
};
|
|
104
108
|
}
|
|
105
109
|
componentDidLoad() {
|
|
106
|
-
this.validateFor();
|
|
107
110
|
this.setupTrigger();
|
|
108
111
|
this.popover?.addEventListener('postToggle', this.boundHandlePostToggle);
|
|
109
112
|
}
|
|
@@ -113,18 +116,18 @@ const PostPopoverTrigger = class {
|
|
|
113
116
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
114
117
|
}
|
|
115
118
|
render() {
|
|
116
|
-
return (index
|
|
119
|
+
return (index.h(index.Host, { key: '15106566f7f823c789987c59ef7b655622c95f23', "data-version": _package.version }, index.h("slot", { key: 'e8d4e3f87795b2f323210a2fedee79e462f715bd', onSlotchange: () => this.setupTrigger() })));
|
|
117
120
|
}
|
|
118
|
-
get host() { return index
|
|
121
|
+
get host() { return index.getElement(this); }
|
|
119
122
|
static get watchers() { return {
|
|
120
123
|
"popoverOpen": [{
|
|
121
124
|
"syncAriaExpanded": 0
|
|
122
|
-
}],
|
|
123
|
-
"for": [{
|
|
124
|
-
"validateFor": 0
|
|
125
125
|
}]
|
|
126
126
|
}; }
|
|
127
127
|
};
|
|
128
|
+
__decorate([
|
|
129
|
+
type.Type('string')
|
|
130
|
+
], PostPopoverTrigger.prototype, "for", void 0);
|
|
128
131
|
PostPopoverTrigger.style = postPopoverTriggerCss();
|
|
129
132
|
|
|
130
133
|
exports.post_popover_trigger = PostPopoverTrigger;
|