@swisspost/internet-header 10.4.0 → 10.6.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/{breakpoints-CI0Xuh1L.js → breakpoints-Kruvy8Dm.js} +11 -10
- package/dist/cjs/{event-from-CwMw19f8.js → event-from-CTcQxB9-.js} +19 -13
- package/dist/cjs/index-B5ypPkK3.js +4 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-HZ6bBKwJ.js → package-D7UYFbVU.js} +1 -1
- package/dist/cjs/{package-CL8OSAS4.js → package-pKyFPwiA.js} +1 -1
- package/dist/cjs/post-accordion_4.cjs.entry.js +5 -5
- package/dist/cjs/post-autocomplete.cjs.entry.js +65 -50
- package/dist/cjs/post-avatar.cjs.entry.js +1 -1
- package/dist/cjs/post-back-to-top.cjs.entry.js +20 -8
- package/dist/cjs/post-banner.cjs.entry.js +2 -9
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +35 -5
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +215 -65
- package/dist/cjs/post-closebutton.cjs.entry.js +46 -8
- package/dist/cjs/post-date-picker.cjs.entry.js +13 -11
- package/dist/cjs/post-footer.cjs.entry.js +4 -5
- package/dist/cjs/post-header.cjs.entry.js +5 -5
- package/dist/cjs/post-icon.cjs.entry.js +2 -2
- package/dist/cjs/post-language-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/post-language-menu.cjs.entry.js +3 -3
- package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
- package/dist/cjs/post-listbox-option.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox.cjs.entry.js +4 -4
- package/dist/cjs/post-logo.cjs.entry.js +2 -2
- package/dist/cjs/post-mainnavigation.cjs.entry.js +2 -2
- package/dist/cjs/post-megadropdown-trigger.cjs.entry.js +3 -3
- package/dist/cjs/post-megadropdown.cjs.entry.js +5 -6
- package/dist/cjs/post-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/post-menu_2.cjs.entry.js +25 -10
- package/dist/cjs/post-number-input.cjs.entry.js +3 -3
- package/dist/cjs/post-pagination.cjs.entry.js +1 -1
- package/dist/cjs/post-popover-trigger.cjs.entry.js +4 -4
- package/dist/cjs/post-popover.cjs.entry.js +5 -5
- package/dist/cjs/post-popovercontainer.cjs.entry.js +341 -196
- package/dist/cjs/post-progressbar.cjs.entry.js +1 -1
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/post-side-navigation-trigger.cjs.entry.js +3 -3
- package/dist/cjs/post-side-navigation.cjs.entry.js +4 -5
- package/dist/cjs/post-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/post-stepper.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/post-tabs.cjs.entry.js +4 -4
- package/dist/cjs/post-togglebutton.cjs.entry.js +2 -2
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +3 -3
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/swisspost-internet-footer.cjs.entry.js +3 -11
- package/dist/cjs/swisspost-internet-header.cjs.entry.js +51 -69
- package/dist/cjs/swisspost-internet-header.cjs.js +1 -1
- package/dist/collection/components/post-internet-footer/post-internet-footer.js +2 -10
- package/dist/collection/components/post-internet-header/post-internet-header.js +16 -66
- package/dist/collection/config/klp-urls.js +33 -0
- package/dist/collection/services/config.service.js +1 -2
- package/dist/collection/tests/setup-tests.js +1 -0
- package/dist/components/breakpoints.js +1 -1
- package/dist/components/event-from.js +1 -1
- package/dist/components/package.js +1 -1
- package/dist/components/package2.js +1 -1
- package/dist/components/post-autocomplete.js +1 -1
- 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-footer2.js +1 -1
- package/dist/components/post-header2.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-linkarea.js +1 -1
- package/dist/components/post-listbox-option.js +1 -1
- package/dist/components/post-listbox.js +1 -1
- package/dist/components/post-logo2.js +1 -1
- package/dist/components/post-mainnavigation2.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-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/swisspost-internet-footer.js +1 -1
- package/dist/components/swisspost-internet-header.js +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/{breakpoints-C3jWktf-.js → breakpoints-I1j7a0bW.js} +11 -10
- package/dist/esm/{event-from-rEfV4v4a.js → event-from-BEcxHjuM.js} +19 -14
- package/dist/esm/index-h3opCZqH.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-B4lS4y6E.js → package-Dy8-dzD8.js} +1 -1
- package/dist/esm/{package-tTf1w3A9.js → package-T8T3po4z.js} +1 -1
- package/dist/esm/post-accordion_4.entry.js +5 -5
- package/dist/esm/post-autocomplete.entry.js +65 -50
- package/dist/esm/post-avatar.entry.js +1 -1
- package/dist/esm/post-back-to-top.entry.js +20 -8
- package/dist/esm/post-banner.entry.js +2 -9
- package/dist/esm/post-breadcrumb-item.entry.js +35 -5
- package/dist/esm/post-breadcrumbs.entry.js +215 -65
- package/dist/esm/post-closebutton.entry.js +46 -8
- package/dist/esm/post-date-picker.entry.js +13 -11
- package/dist/esm/post-footer.entry.js +4 -5
- package/dist/esm/post-header.entry.js +5 -5
- package/dist/esm/post-icon.entry.js +2 -2
- package/dist/esm/post-language-menu-item.entry.js +1 -1
- package/dist/esm/post-language-menu.entry.js +3 -3
- package/dist/esm/post-linkarea.entry.js +2 -2
- package/dist/esm/post-listbox-option.entry.js +3 -3
- package/dist/esm/post-listbox.entry.js +4 -4
- package/dist/esm/post-logo.entry.js +2 -2
- package/dist/esm/post-mainnavigation.entry.js +2 -2
- package/dist/esm/post-megadropdown-trigger.entry.js +3 -3
- package/dist/esm/post-megadropdown.entry.js +5 -6
- package/dist/esm/post-menu-item.entry.js +2 -2
- package/dist/esm/post-menu_2.entry.js +25 -10
- package/dist/esm/post-number-input.entry.js +3 -3
- package/dist/esm/post-pagination.entry.js +1 -1
- package/dist/esm/post-popover-trigger.entry.js +4 -4
- package/dist/esm/post-popover.entry.js +5 -5
- package/dist/esm/post-popovercontainer.entry.js +341 -196
- package/dist/esm/post-progressbar.entry.js +1 -1
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/post-side-navigation-trigger.entry.js +3 -3
- package/dist/esm/post-side-navigation.entry.js +4 -5
- package/dist/esm/post-stepper-item.entry.js +2 -2
- package/dist/esm/post-stepper.entry.js +2 -2
- package/dist/esm/post-tab-item.entry.js +2 -2
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/post-tabs.entry.js +4 -4
- package/dist/esm/post-togglebutton.entry.js +2 -2
- package/dist/esm/post-tooltip-trigger.entry.js +3 -3
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/esm/swisspost-internet-footer.entry.js +3 -11
- package/dist/esm/swisspost-internet-header.entry.js +51 -69
- package/dist/esm/swisspost-internet-header.js +1 -1
- package/dist/esm-es5/breakpoints-I1j7a0bW.js +1 -0
- package/dist/esm-es5/event-from-BEcxHjuM.js +1 -0
- package/dist/esm-es5/index-h3opCZqH.js +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{package-B4lS4y6E.js → package-Dy8-dzD8.js} +1 -1
- package/dist/esm-es5/package-T8T3po4z.js +1 -0
- package/dist/esm-es5/post-accordion_4.entry.js +1 -1
- package/dist/esm-es5/post-autocomplete.entry.js +1 -1
- package/dist/esm-es5/post-avatar.entry.js +1 -1
- package/dist/esm-es5/post-back-to-top.entry.js +1 -1
- package/dist/esm-es5/post-banner.entry.js +1 -1
- package/dist/esm-es5/post-breadcrumb-item.entry.js +1 -1
- package/dist/esm-es5/post-breadcrumbs.entry.js +1 -1
- package/dist/esm-es5/post-closebutton.entry.js +1 -1
- package/dist/esm-es5/post-date-picker.entry.js +1 -1
- package/dist/esm-es5/post-footer.entry.js +1 -1
- package/dist/esm-es5/post-header.entry.js +1 -1
- package/dist/esm-es5/post-icon.entry.js +1 -1
- package/dist/esm-es5/post-language-menu-item.entry.js +1 -1
- package/dist/esm-es5/post-language-menu.entry.js +1 -1
- package/dist/esm-es5/post-linkarea.entry.js +1 -1
- package/dist/esm-es5/post-listbox-option.entry.js +1 -1
- package/dist/esm-es5/post-listbox.entry.js +1 -1
- package/dist/esm-es5/post-logo.entry.js +1 -1
- package/dist/esm-es5/post-mainnavigation.entry.js +1 -1
- package/dist/esm-es5/post-megadropdown-trigger.entry.js +1 -1
- package/dist/esm-es5/post-megadropdown.entry.js +1 -1
- package/dist/esm-es5/post-menu-item.entry.js +1 -1
- package/dist/esm-es5/post-menu_2.entry.js +1 -1
- package/dist/esm-es5/post-number-input.entry.js +1 -1
- package/dist/esm-es5/post-pagination.entry.js +1 -1
- package/dist/esm-es5/post-popover-trigger.entry.js +1 -1
- package/dist/esm-es5/post-popover.entry.js +1 -1
- package/dist/esm-es5/post-popovercontainer.entry.js +1 -1
- package/dist/esm-es5/post-progressbar.entry.js +1 -1
- package/dist/esm-es5/post-rating.entry.js +1 -1
- package/dist/esm-es5/post-side-navigation-trigger.entry.js +1 -1
- package/dist/esm-es5/post-side-navigation.entry.js +1 -1
- package/dist/esm-es5/post-stepper-item.entry.js +1 -1
- package/dist/esm-es5/post-stepper.entry.js +1 -1
- package/dist/esm-es5/post-tab-item.entry.js +1 -1
- package/dist/esm-es5/post-tab-panel.entry.js +1 -1
- package/dist/esm-es5/post-tabs.entry.js +1 -1
- package/dist/esm-es5/post-togglebutton.entry.js +1 -1
- package/dist/esm-es5/post-tooltip-trigger.entry.js +1 -1
- package/dist/esm-es5/post-tooltip.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-footer.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-header.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-header.js +1 -1
- package/dist/swisspost-internet-header/index.esm.js +1 -1
- package/dist/swisspost-internet-header/{p-80993537.system.entry.js → p-000978a2.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-31f0de1e.entry.js → p-03587cd5.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-09d4521f.entry.js → p-068b1e2b.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-087b1e22.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-bc470741.entry.js → p-089412b9.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-f523050e.entry.js → p-094ef16a.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-ab97669b.system.entry.js → p-0c651391.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-0d4d5c56.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-bf2996de.system.entry.js → p-0f501e99.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-1502d221.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-d7e470ff.system.entry.js → p-155f5b00.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-161b1a45.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-16623b05.entry.js +1 -0
- package/dist/swisspost-internet-header/p-1780039a.entry.js +1 -0
- package/dist/swisspost-internet-header/p-1a18ac48.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-06de7983.entry.js → p-1b2b7af5.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-2196012d.entry.js +1 -0
- package/dist/swisspost-internet-header/p-2197ca9e.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-21e537be.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-25407470.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-79512699.entry.js → p-255b2067.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-2b0f93fb.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-c1e959fb.entry.js → p-2da6fba5.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-2e8c0f26.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-f7a9a615.system.entry.js → p-31af5cf2.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-35b6e07c.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-8e61f407.system.entry.js → p-39af32a0.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-3d38ab21.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-25a5281d.entry.js → p-3ff138ba.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-42806d60.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-658dd74d.entry.js → p-4557a744.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-4562d9d8.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-17a3d14a.system.entry.js → p-4bdbf9e9.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-53c33e94.entry.js +1 -0
- package/dist/swisspost-internet-header/p-5443664a.entry.js +1 -0
- package/dist/swisspost-internet-header/p-547d9572.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-52e305d7.system.entry.js → p-57f1f9e2.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-be97ff93.system.entry.js → p-586ee1e8.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-80cb2bdb.entry.js → p-599e94e7.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-f2ed3863.entry.js → p-613fa3a4.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-651b9efe.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-120a2867.entry.js → p-6d6fb84b.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-6f187e15.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-a9c5178f.system.entry.js → p-6f79a60d.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-1f30f235.system.entry.js → p-72377b16.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-0da236b6.system.entry.js → p-7ad0de4b.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-429f04bc.system.entry.js → p-81f34993.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-e3515572.entry.js → p-826d0669.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-de258c90.system.entry.js → p-84ebaf4b.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-8717e0ce.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-8f21a530.entry.js +1 -0
- package/dist/swisspost-internet-header/p-98d2dfb3.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-9b6c8533.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-756574fd.entry.js → p-9c5941a2.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-B4kfqOjJ.js → p-B-DGLCj0.js} +1 -1
- package/dist/swisspost-internet-header/p-BEcxHjuM.js +1 -0
- package/dist/swisspost-internet-header/p-BT1GO8tc.system.js +1 -0
- package/dist/swisspost-internet-header/{p-BhneAPKT.system.js → p-COm5Sc71.system.js} +1 -1
- package/dist/swisspost-internet-header/p-D1A3ltXC.system.js +1 -0
- package/dist/swisspost-internet-header/{p-CHYNOqn0.system.js → p-D_rLPX5e.system.js} +1 -1
- package/dist/swisspost-internet-header/p-I1j7a0bW.js +1 -0
- package/dist/swisspost-internet-header/p-R5BnOD0U.system.js +1 -1
- package/dist/swisspost-internet-header/p-T8T3po4z.js +1 -0
- package/dist/swisspost-internet-header/p-a435a51d.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-9b4f74a6.system.entry.js → p-a46ef8a8.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-a75d1e4f.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-db9eae5a.system.entry.js → p-a8b0c0ec.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-abe2eefe.entry.js +1 -0
- package/dist/swisspost-internet-header/p-b344fa82.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-4876e706.system.entry.js → p-b4de053e.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-b85fabc2.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-bb4c3ac1.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-36be5234.entry.js → p-bfc4a6a9.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-2501eb09.entry.js → p-c1e818d2.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-3c228ed0.system.entry.js → p-c96dbc97.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-9e57bd5a.entry.js → p-ca68b8cf.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-caed751e.entry.js +1 -0
- package/dist/swisspost-internet-header/p-cb52e42c.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-1801d35d.system.entry.js → p-cec19e1d.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-d45690b3.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-bda3094c.entry.js → p-d68a1179.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-0de83906.entry.js → p-d7c2cce3.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-2b04e974.system.entry.js → p-d7df13be.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-e5ebe099.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-e69e8fa4.entry.js +1 -0
- package/dist/swisspost-internet-header/p-e6ec5fa5.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-90e78f26.system.entry.js → p-ede58236.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-a204bb79.system.entry.js → p-f3e68437.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-f4489f68.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-7c53064b.entry.js → p-f4ce6247.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-f783b224.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-fe440b79.entry.js → p-fcfd3134.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-fdbcf065.entry.js +1 -0
- package/dist/swisspost-internet-header/p-iSGRM5O1.system.js +1 -0
- package/dist/swisspost-internet-header/swisspost-internet-header.esm.js +1 -1
- package/dist/types/config/klp-urls.d.ts +23 -0
- package/package.json +20 -23
- package/readme.md +2 -2
- package/dist/esm-es5/breakpoints-C3jWktf-.js +0 -1
- package/dist/esm-es5/event-from-rEfV4v4a.js +0 -1
- package/dist/esm-es5/package-tTf1w3A9.js +0 -1
- package/dist/swisspost-internet-header/p-16182f34.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1a39c0c7.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1aeb1d6c.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1ec41382.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1fe8276f.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2738143c.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2990978f.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2ec721b4.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-3373f238.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-34259104.entry.js +0 -1
- package/dist/swisspost-internet-header/p-3c917e9d.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-42394464.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-48cace4d.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-4b44ce5f.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-4d3939eb.entry.js +0 -1
- package/dist/swisspost-internet-header/p-5efffa89.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-65cfb55b.entry.js +0 -1
- package/dist/swisspost-internet-header/p-7a66d431.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-7baa1968.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-805ee472.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-83410f32.entry.js +0 -1
- package/dist/swisspost-internet-header/p-85087a43.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-8b9c9fda.entry.js +0 -1
- package/dist/swisspost-internet-header/p-925c8906.entry.js +0 -1
- package/dist/swisspost-internet-header/p-92e0402a.entry.js +0 -1
- package/dist/swisspost-internet-header/p-999af688.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-C1pxTt7y.system.js +0 -1
- package/dist/swisspost-internet-header/p-CGtndO2e.system.js +0 -1
- package/dist/swisspost-internet-header/p-Ck6UMUSA.js +0 -1
- package/dist/swisspost-internet-header/p-D8meK6Dd.system.js +0 -1
- package/dist/swisspost-internet-header/p-acabba28.entry.js +0 -1
- package/dist/swisspost-internet-header/p-aefc1c4c.entry.js +0 -1
- package/dist/swisspost-internet-header/p-b05dd248.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-b8bb2c10.entry.js +0 -1
- package/dist/swisspost-internet-header/p-c546bebe.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ca9c885e.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e26d9136.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e9582f72.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ec06df2f.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ec43767f.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ec45ed63.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ecb554c7.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-f32d49d7.entry.js +0 -1
- package/dist/swisspost-internet-header/p-f56fe63d.entry.js +0 -1
- package/dist/swisspost-internet-header/p-fe9ac5ca.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-rEfV4v4a.js +0 -1
- package/dist/swisspost-internet-header/p-tTf1w3A9.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as o,transformTag as a,Build as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c}from"./post-icon2.js";import{c as l}from"./component-on-ready.js";import{f as h}from"./fade.js";import{O as b}from"./one-of.js";import{T as p}from"./type.js";var d=function(t,s,e,i){var o,a=arguments.length,r=a<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(s,e,r):o(s,e))||r);return a>3&&r&&Object.defineProperty(s,e,r),r};const v=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=e(this,"postChange",7),this.showing=null,this.hiding=null,this.isLoaded=!1,this.isPagesVariant=!1,this.showLeftScrollButton=!1,this.showRightScrollButton=!1,this.textPrevTabItems="Previous tab items",this.textNextTabItems="Next tab items",this.size="large",this.updateScrollButtons=()=>{if(!this.tabsContainer)return;const t=getComputedStyle(this.tabsContainer),s=Number.parseFloat(t.paddingInlineStart)||0,e=Number.parseFloat(t.paddingInlineEnd)||0,i=this.tabsContainer.clientWidth-s-e,o=this.tabsContainer.scrollWidth-s-e;this.showLeftScrollButton=this.tabsContainer.scrollLeft>0,this.showRightScrollButton=this.tabsContainer.scrollLeft+i<o}}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isPagesVariant&&!this.label&&console.error(`[${this.host.localName}] Property "label" is required in Pages variant. Received: ${JSON.stringify(this.label)}.`,this.host)}componentWillRender(){this.detectVariant()}componentDidLoad(){if(this.leftScrollButton.ariaControlsElements=[this.tabsContainer],this.rightScrollButton.ariaControlsElements=[this.tabsContainer],this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.handleScrollButtons(),this.setupContentObserver(),this.setupResizeObserver(),this.validateLabel(),this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;if(t){this.show(t);const s=this.tabs.find((s=>s.name===t));s&&this.scrollTabIntoView(s)}}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver?.disconnect(),this.resizeObserver?.disconnect(),this.tabsContainer?.removeEventListener("scroll",this.updateScrollButtons)}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver?.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-pages-variant","aria-current"]})}setupResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateScrollButtons),this.resizeObserver.observe(this.tabsContainer)}handleContentChange(t){const s=this.shouldRedetectVariant(t);this.hasAriaCurrentChanged(t)&&this.isPagesVariant&&this.updateActivePagesTab(),s&&this.handleVariantChange(),this.updateScrollButtons()}shouldRedetectVariant(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-pages-variant"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActivePagesTab(){const t=this.findActivePagesTab();t&&t!==this.currentActiveTab&&(this.activateTab(t),this.scrollTabIntoView(t,"smooth"))}handleVariantChange(){const t=this.isPagesVariant;this.detectVariant(),t!==this.isPagesVariant&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectVariant(){const t=this.tabs.some((t=>null!==t.querySelector("a")||"true"===t.dataset.pagesVariant));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both Page Tabs (anchor elements) and Content Tabs (post-tab-panel elements) variants at the same time.");this.isPagesVariant=t,this.host.classList.remove("page-tabs","content-tabs"),this.host.classList.add(this.isPagesVariant?"page-tabs":"content-tabs")}findActivePagesTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){try{if(t===this.currentActiveTab?.name)return;const s=this.currentActiveTab,e=this.host.querySelector(`post-tab-item[name="${t}"]`);if(!e)return;if(this.activateTab(e),this.scrollTabIntoView(e,"smooth"),this.showing&&(this.showing.finish(),this.showing=null),!s||this.showing||this.hiding||this.hidePanel(s.name),await this.awaitAnimation(this.hiding))return;if(this.showSelectedPanel(),await this.awaitAnimation(this.showing))return;this.isLoaded&&this.currentActiveTab&&this.postChange.emit(this.currentActiveTab.name)}catch(t){if(this.isAbortError(t))return;throw t}}async awaitAnimation(t){if(!t)return!1;try{return await t.finished,!1}catch(t){if(this.isAbortError(t))return!0;throw t}}isAbortError(t){return(t instanceof DOMException||t instanceof Error)&&"AbortError"===t.name}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await l(t),this.isPagesVariant)return;if(t.getAttribute("aria-controls"))return;const s=this.getPanel(t.name);s&&(t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(s=>{if("Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.show(t.name)),"Home"!==s.key&&"End"!==s.key)return;s.preventDefault();const e=this.tabs.filter((t=>!t.hasAttribute("disabled")));if(0===e.length)return;const i="Home"===s.key?e[0]:e.at(-1);i&&(i?.focus(),this.show(i.name))})),t.addEventListener("keydown",(s=>{"ArrowRight"!==s.key&&"ArrowLeft"!==s.key||this.navigateTabs(t,s.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.isPagesVariant||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),this.isPagesVariant||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const s=this.getPanel(t);s&&(this.hiding=h(s,"out"),this.hiding.onfinish=()=>{s.style.display="none",this.hiding=null})}showSelectedPanel(){if(!this.currentActiveTab)return;const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=h(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,s){const e=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===s?this.tabs[e+1]||this.tabs[0]:this.tabs[e-1]||this.tabs.at(-1),i&&(i.focus(),this.show(i.name))}scrollTabs(t){const s="prev"===t?-1:1,e=getComputedStyle(this.tabsContainer),i=Number.parseFloat(e.paddingInlineStart)||0,o=Number.parseFloat(e.paddingInlineEnd)||0;this.tabsContainer.scrollBy({left:s*(this.tabsContainer.clientWidth-i-o),behavior:"smooth"})}scrollTabIntoView(t,s="instant"){const e=this.tabsContainer,i=getComputedStyle(e),o=Number.parseFloat(i.paddingInlineStart)||0,a=Number.parseFloat(i.paddingInlineEnd)||0,r=t.offsetLeft,n=r+t.offsetWidth,c=e.scrollLeft+o,l=c+e.clientWidth-o-a;r<c?e.scrollTo({left:r-o,behavior:s}):n>l&&e.scrollTo({left:n-e.clientWidth+a,behavior:s})}handleScrollButtons(){this.updateScrollButtons(),this.tabsContainer.addEventListener("scroll",this.updateScrollButtons)}render(){const t=this.activeTab??this.tabs[0]?.name,s=this.isPagesVariant?"nav":"div";return i(o,{key:"d5776ab3d40faaf892fc494bc57455f94f7905de","data-version":n,style:r.isServer&&!this.isPagesVariant&&t?{["--post-tab-panel-"+t]:"block",["--post-tab-item-"+t]:"1"}:void 0},i("div",{key:"5a8055fd968bcbaa2fe408eb14cb140db0b5cd88",class:"tabs-wrapper",part:"post-tabs"},i("button",{key:"96f5ead41bfcf826941c2d652f61e04729f18f1d",ref:t=>this.leftScrollButton=t,class:"scroll-btn scroll-btn-left",type:"button","aria-label":this.textPrevTabItems,tabindex:this.showLeftScrollButton?0:-1,hidden:!this.showLeftScrollButton,onClick:()=>this.scrollTabs("prev")},i("post-icon",{key:"37593c698ce7266194819ec47eee2412a7b7779d",name:"chevronleft"})),i(s,{key:"6178c4a55c748dab1c4d1ff7eba5ba63332fd6fd",ref:t=>this.tabsContainer=t,class:"tabs",role:this.isPagesVariant?void 0:"tablist","aria-label":this.isPagesVariant?this.label:void 0},i("slot",{key:"e08327a41440a408ae6c8a8885cef34090bfb244",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}})),i("button",{key:"1891e50feaf86f4aac16c63acc4bd836ebff3492",ref:t=>this.rightScrollButton=t,class:"scroll-btn scroll-btn-right",type:"button","aria-label":this.textNextTabItems,tabindex:this.showRightScrollButton?0:-1,hidden:!this.showRightScrollButton,onClick:()=>this.scrollTabs("next")},i("post-icon",{key:"3a95b1bd98566a4783e066aa0ce0e8fb083dc7c3",name:"chevronright"}))),!this.isPagesVariant&&i("div",{key:"aef00cd5120565a053d892963e129f1ee6377a89",class:"tab-content",part:"post-tabs-content"},i("slot",{key:"d8068bcb3d4daa6f62dc4ad0da644d993ca82aa9",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return':host{display:block}:host .tabs-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;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;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 100ms,border-color 100ms,color 100ms;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-44) !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}@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){-webkit-transition:none;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}@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){-webkit-transition:none;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:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:end;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;-webkit-padding-start: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;-webkit-box-shadow:var(--post-device-elevation-200);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;-webkit-border-start:none;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;-webkit-border-end:none;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-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{-ms-flex-negative:0;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-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}: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-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}'}},[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);d([b(["small","large"])],v.prototype,"size",void 0),d([p("string")],v.prototype,"label",void 0);const u=v,g=function(){"undefined"!=typeof customElements&&["post-tabs","post-icon"].forEach((t=>{switch(t){case"post-tabs":customElements.get(a(t))||customElements.define(a(t),v);break;case"post-icon":customElements.get(a(t))||c()}}))};export{u as PostTabs,g as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as a,Build as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as c}from"./post-icon2.js";import{c as l}from"./component-on-ready.js";import{f as h}from"./fade.js";import{O as b}from"./one-of.js";import{T as p}from"./type.js";var d=function(t,e,s,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(e,s,r):o(e,s))||r);return a>3&&r&&Object.defineProperty(e,s,r),r};const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postChange=s(this,"postChange",7),this.showing=null,this.hiding=null,this.isLoaded=!1,this.isPagesVariant=!1,this.showLeftScrollButton=!1,this.showRightScrollButton=!1,this.textPrevTabItems="Previous tab items",this.textNextTabItems="Next tab items",this.size="large",this.updateScrollButtons=()=>{if(!this.tabsContainer)return;const t=getComputedStyle(this.tabsContainer),e=Number.parseFloat(t.paddingInlineStart)||0,s=Number.parseFloat(t.paddingInlineEnd)||0,i=this.tabsContainer.clientWidth-e-s,o=this.tabsContainer.scrollWidth-e-s;this.showLeftScrollButton=this.tabsContainer.scrollLeft>0,this.showRightScrollButton=this.tabsContainer.scrollLeft+i<o}}get tabs(){return Array.from(this.host.querySelectorAll("post-tab-item")).filter((t=>t.closest("post-tabs")===this.host))}get panels(){return Array.from(this.host.querySelectorAll("post-tab-panel")).filter((t=>t.closest("post-tabs")===this.host))}validateLabel(){this.isPagesVariant&&!this.label&&console.error(`[${this.host.localName}] Property "label" is required in Pages variant. Received: ${JSON.stringify(this.label)}.`,this.host)}componentWillRender(){this.detectVariant()}componentDidLoad(){if(this.leftScrollButton.ariaControlsElements=[this.tabsContainer],this.rightScrollButton.ariaControlsElements=[this.tabsContainer],this.moveMisplacedTabs(),this.moveMisplacedPanels(),this.enableTabs(),this.handleScrollButtons(),this.setupContentObserver(),this.setupResizeObserver(),this.validateLabel(),this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;if(t){this.show(t);const e=this.tabs.find((e=>e.name===t));e&&this.scrollTabIntoView(e)}}this.isLoaded=!0}disconnectedCallback(){this.showing&&(this.showing.cancel(),this.showing=null),this.hiding&&(this.hiding.cancel(),this.hiding=null),this.contentObserver&&this.contentObserver?.disconnect(),this.resizeObserver?.disconnect(),this.tabsContainer?.removeEventListener("scroll",this.updateScrollButtons)}setupContentObserver(){this.contentObserver=new MutationObserver(this.handleContentChange.bind(this)),this.contentObserver?.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-pages-variant","aria-current"]})}setupResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateScrollButtons),this.resizeObserver.observe(this.tabsContainer)}handleContentChange(t){const e=this.shouldRedetectVariant(t);this.hasAriaCurrentChanged(t)&&this.isPagesVariant&&this.updateActivePagesTab(),e&&this.handleVariantChange(),this.updateScrollButtons()}shouldRedetectVariant(t){return t.some((t=>"childList"===t.type?t.addedNodes.length>0||t.removedNodes.length>0:"attributes"===t.type&&"data-pages-variant"===t.attributeName))}hasAriaCurrentChanged(t){return t.some((t=>"attributes"===t.type&&"aria-current"===t.attributeName))}updateActivePagesTab(){const t=this.findActivePagesTab();t&&t!==this.currentActiveTab&&(this.activateTab(t),this.scrollTabIntoView(t,"smooth"))}handleVariantChange(){const t=this.isPagesVariant;this.detectVariant(),t!==this.isPagesVariant&&(this.enableTabs(),this.initializeActiveTab())}initializeActiveTab(){if(this.isPagesVariant){const t=this.findActivePagesTab();t&&(this.activateTab(t),this.scrollTabIntoView(t))}else{const t=this.activeTab||this.tabs[0]?.name;t&&this.show(t)}}detectVariant(){const t=this.tabs.some((t=>null!==t.querySelector("a")||"true"===t.dataset.pagesVariant));if(t&&this.panels.length>0)throw Error("PostTabs: Mixed mode detected. Cannot use both Page Tabs (anchor elements) and Content Tabs (post-tab-panel elements) variants at the same time.");this.isPagesVariant=t,this.host.classList.remove("page-tabs","content-tabs"),this.host.classList.add(this.isPagesVariant?"page-tabs":"content-tabs")}findActivePagesTab(){return this.tabs.find((t=>null!==t.querySelector('a[aria-current="page"]')))||null}async show(t){try{if(t===this.currentActiveTab?.name)return;const e=this.currentActiveTab,s=this.host.querySelector(`post-tab-item[name="${t}"]`);if(!s)return;if(this.activateTab(s),this.scrollTabIntoView(s,"smooth"),this.showing&&(this.showing.finish(),this.showing=null),!e||this.showing||this.hiding||this.hidePanel(e.name),await this.awaitAnimation(this.hiding))return;if(this.showSelectedPanel(),await this.awaitAnimation(this.showing))return;this.isLoaded&&this.currentActiveTab&&this.postChange.emit(this.currentActiveTab.name)}catch(t){if(this.isAbortError(t))return;throw t}}async awaitAnimation(t){if(!t)return!1;try{return await t.finished,!1}catch(t){if(this.isAbortError(t))return!0;throw t}}isAbortError(t){return(t instanceof DOMException||t instanceof Error)&&"AbortError"===t.name}moveMisplacedTabs(){this.tabs&&this.tabs.forEach((t=>{t.getAttribute("slot")&&t.removeAttribute("slot")}))}moveMisplacedPanels(){this.panels&&this.panels.forEach((t=>{"panels"!==t.getAttribute("slot")&&t.setAttribute("slot","panels")}))}enableTabs(){this.tabs&&(this.tabs.forEach((async t=>{if(await l(t),this.isPagesVariant)return;if(t.getAttribute("aria-controls"))return;const e=this.getPanel(t.name);e&&(t.setAttribute("aria-controls",e.id),e.setAttribute("aria-labelledby",t.id)),t.addEventListener("click",(()=>{this.show(t.name)})),t.addEventListener("keydown",(e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.show(t.name)),"Home"!==e.key&&"End"!==e.key)return;e.preventDefault();const s=this.tabs.filter((t=>!t.hasAttribute("disabled")));if(0===s.length)return;const i="Home"===e.key?s[0]:s.at(-1);i&&(i?.focus(),this.show(i.name))})),t.addEventListener("keydown",(e=>{"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||this.navigateTabs(t,e.key)}))})),this.currentActiveTab&&!this.currentActiveTab.isConnected&&this.show(this.tabs[0]?.name))}activateTab(t){this.currentActiveTab&&(this.isPagesVariant||(this.currentActiveTab.setAttribute("aria-selected","false"),this.currentActiveTab.setAttribute("tabindex","-1"))),this.isPagesVariant||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),this.currentActiveTab=t}hidePanel(t){const e=this.getPanel(t);e&&(this.hiding=h(e,"out"),this.hiding.onfinish=()=>{e.style.display="none",this.hiding=null})}showSelectedPanel(){if(!this.currentActiveTab)return;const t=this.getPanel(this.currentActiveTab.name);t&&(t.style.display="block",this.isLoaded&&(this.showing=h(t,"in"),this.showing.onfinish=()=>{this.showing=null}))}getPanel(t){return this.host.querySelector(`post-tab-panel[for=${t}]`)}navigateTabs(t,e){const s=Array.from(this.tabs).indexOf(t);let i;i="ArrowRight"===e?this.tabs[s+1]||this.tabs[0]:this.tabs[s-1]||this.tabs.at(-1),i&&(i.focus(),this.show(i.name))}scrollTabs(t){const e="prev"===t?-1:1,s=getComputedStyle(this.tabsContainer),i=Number.parseFloat(s.paddingInlineStart)||0,o=Number.parseFloat(s.paddingInlineEnd)||0;this.tabsContainer.scrollBy({left:e*(this.tabsContainer.clientWidth-i-o),behavior:"smooth"})}scrollTabIntoView(t,e="instant"){const s=this.tabsContainer,i=getComputedStyle(s),o=Number.parseFloat(i.paddingInlineStart)||0,a=Number.parseFloat(i.paddingInlineEnd)||0,r=t.offsetLeft,n=r+t.offsetWidth,c=s.scrollLeft+o,l=c+s.clientWidth-o-a;r<c?s.scrollTo({left:r-o,behavior:e}):n>l&&s.scrollTo({left:n-s.clientWidth+a,behavior:e})}handleScrollButtons(){this.updateScrollButtons(),this.tabsContainer.addEventListener("scroll",this.updateScrollButtons)}render(){const t=this.activeTab??this.tabs[0]?.name,e=this.isPagesVariant?"nav":"div";return i(o,{key:"fb65fd2589517dd6d86e86435ec6b3a3b64b093d","data-version":n,style:r.isServer&&!this.isPagesVariant&&t?{["--post-tab-panel-"+t]:"block",["--post-tab-item-"+t]:"1"}:void 0},i("div",{key:"dbcdd791af381ccc23953acb38a8e71527a804ee",class:"tabs-wrapper",part:"post-tabs"},i("button",{key:"20ce30515d80b282aa93f20a1f3281a1ef0f6359",ref:t=>this.leftScrollButton=t,class:"scroll-btn scroll-btn-left",type:"button","aria-label":this.textPrevTabItems,tabindex:this.showLeftScrollButton?0:-1,hidden:!this.showLeftScrollButton,onClick:()=>this.scrollTabs("prev")},i("post-icon",{key:"9a5402a28656d7a4459b9b848425bd15a45a0fce",name:"chevronleft"})),i(e,{key:"e821db02fd66aef6cf7a9fb5d925b0906571f3b6",ref:t=>this.tabsContainer=t,class:"tabs",role:this.isPagesVariant?void 0:"tablist","aria-label":this.isPagesVariant?this.label:void 0},i("slot",{key:"e3650e43ac269173cb58f1624f02778bf094573c",onSlotchange:()=>{this.moveMisplacedTabs(),this.enableTabs()}})),i("button",{key:"4345a9bc121ce187022cddf019d5c86d875a70e9",ref:t=>this.rightScrollButton=t,class:"scroll-btn scroll-btn-right",type:"button","aria-label":this.textNextTabItems,tabindex:this.showRightScrollButton?0:-1,hidden:!this.showRightScrollButton,onClick:()=>this.scrollTabs("next")},i("post-icon",{key:"2df749c1a4e506d9940ce61e077d0f0f330b7342",name:"chevronright"}))),!this.isPagesVariant&&i("div",{key:"184db29a5826af78d142ed1489be33c45831970b",class:"tab-content",part:"post-tabs-content"},i("slot",{key:"4a984c7de97f2f89e7fd0f829f5bc62e2323f056",name:"panels",onSlotchange:()=>this.moveMisplacedPanels()})))}get host(){return this}static get watchers(){return{label:[{validateLabel:0}]}}static get style(){return':host{display:block}:host .tabs-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;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;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color 100ms,border-color 100ms,color 100ms;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-44) !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}@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){-webkit-transition:none;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}@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){-webkit-transition:none;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:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:end;align-items:end;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;-webkit-padding-start: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)))}@media screen and (min-width: 1024px){:host(.page-tabs) .tabs-wrapper{margin-inline:calc(-1 * (var(--post-container-offset)) + 20px)}:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke);box-shadow:20px 0 0 var(--post-palette-color-nested-tabs-page-stroke),-20px 0 0 var(--post-palette-color-nested-tabs-page-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){:host(.page-tabs) .tabs-wrapper::after{-webkit-box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText;box-shadow:20px 0 0 LinkText,-20px 0 0 LinkText}}: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;-webkit-box-shadow:var(--post-device-elevation-200);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;-webkit-border-start:none;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;-webkit-border-end:none;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-36)}:host(.page-tabs[size=small]) button.scroll-btn{top:var(--post-device-spacing-padding-36)}:host(.content-tabs) .tabs-wrapper button.scroll-btn{-ms-flex-negative:0;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-39) var(--post-device-spacing-padding-40)}:host(.page-tabs:not([size=small])) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-40) var(--post-device-spacing-padding-39)}: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-42) var(--post-device-spacing-padding-43)}:host(.page-tabs[size=small]) button.scroll-btn-right{padding-inline:var(--post-device-spacing-padding-43) var(--post-device-spacing-padding-42)}'}},[257,"post-tabs",{textPrevTabItems:[513,"text-prev-tab-items"],textNextTabItems:[513,"text-next-tab-items"],activeTab:[513,"active-tab"],size:[513],label:[513],isPagesVariant:[32],showLeftScrollButton:[32],showRightScrollButton:[32],show:[64]},void 0,{label:[{validateLabel:0}]}]);d([b(["small","large"])],v.prototype,"size",void 0),d([p("string")],v.prototype,"label",void 0);const u=v,g=function(){"undefined"!=typeof customElements&&["post-tabs","post-icon"].forEach((t=>{switch(t){case"post-tabs":customElements.get(a(t))||customElements.define(a(t),v);break;case"post-icon":customElements.get(a(t))||c()}}))};export{u as PostTabs,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick()),{capture:!0}),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)),{capture:!0})}render(){return o(s,{key:"
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{v as r}from"./package.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggled=!1,this.handleClick=()=>{this.toggled=!this.toggled},this.handleKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.host.click())}}componentWillLoad(){this.host.addEventListener("click",(()=>this.handleClick()),{capture:!0}),this.host.addEventListener("keydown",(t=>this.handleKeydown(t)),{capture:!0})}render(){return o(s,{key:"81fa9d922480059096e4146c10cf2ef72357b482","data-version":r,role:"button",tabindex:"0","aria-pressed":this.toggled.toString()},o("slot",{key:"4e8d793e3867ba4c9c8e17d509652309a79f032a"}))}get host(){return this}static get style(){return":host{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-visible){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-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}"}},[257,"post-togglebutton",{toggled:[1028]}]);function a(){"undefined"!=typeof customElements&&["post-togglebutton"].forEach((t=>{"post-togglebutton"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))}export{n as P,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,Build as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as h}from"./required.js";import{T as
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,Build as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{R as h}from"./required.js";import{T as a}from"./type.js";const l=["pointerenter","pointerleave","focusin","focusout"];let c;const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.delay=0,this.trigger=null,this.delayTimeout=null,this.boundTriggerHandler=this.handleTriggerEvent.bind(this),this.boundTooltipHandler=this.handleTooltipEvent.bind(this)}get tooltip(){if(i.isServer)return null;const t=document.getElementById(this.for);return"post-tooltip"===t?.localName?t:null}componentWillLoad(){i.isBrowser&&import("./focusable.js").then((function(t){return t.f})).then((t=>{c??=t.default}))}componentDidLoad(){this.setupTrigger(),this.attachListeners(),this.attachTooltipListeners()}disconnectedCallback(){this.removeListeners(),this.removeTooltipListeners(),this.cleanupTrigger(),this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null)}handleSlotChange(){this.cleanupTrigger(),this.setupTrigger()}cleanupTrigger(){if(this.trigger){const t=this.trigger.getAttribute("aria-describedby")||"";if(t.includes(this.for)){const e=t.split(" ").filter((t=>t!==this.for)).join(" ");e?this.trigger.setAttribute("aria-describedby",e):this.trigger.removeAttribute("aria-describedby")}this.trigger=null}}setupTrigger(){if(this.trigger=this.host.querySelector("*"),this.trigger){c?.(this.trigger)||this.trigger.setAttribute("tabindex","0");const t=this.trigger.getAttribute("aria-describedby")||"";t.includes(this.for)||this.trigger.setAttribute("aria-describedby",`${t} ${this.for}`.trim())}else console.warn("No content found in the post-tooltip-trigger slot. Please insert a focusable element or content that can receive focus.")}attachListeners(){l.forEach((t=>{this.host.addEventListener(t,this.boundTriggerHandler)}))}removeListeners(){l.forEach((t=>{this.host.removeEventListener(t,this.boundTriggerHandler)}))}attachTooltipListeners(){this.tooltip&&(this.tooltip.addEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.addEventListener("pointerleave",this.boundTooltipHandler))}removeTooltipListeners(){this.tooltip&&(this.tooltip.removeEventListener("pointerenter",this.boundTooltipHandler),this.tooltip.removeEventListener("pointerleave",this.boundTooltipHandler))}handleTriggerEvent(t){switch(t.type){case"pointerenter":case"focusin":case"long-press":this.handleEnter();break;case"pointerleave":case"focusout":this.handleLeave(t)}}handleTooltipEvent(t){switch(t.type){case"pointerenter":this.handleEnter();break;case"pointerleave":this.handleLeave(t)}}handleEnter(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.interestHandler()}handleLeave(t){const e=t.relatedTarget;this.tooltip&&e&&this.tooltip.contains(e)||e===this.trigger||this.interestLostHandler()}interestHandler(){this.trigger&&(this.delay>0?this.delayTimeout=globalThis.setTimeout((()=>{this.tooltip?.show(this.trigger),this.delayTimeout=null}),this.delay):this.tooltip?.show(this.trigger))}interestLostHandler(){this.delayTimeout&&(clearTimeout(this.delayTimeout),this.delayTimeout=null),this.tooltip?.hide()}render(){return s(o,{key:"55adc12f457aa8a5dd4357ed27876b0e526f7ae3","data-version":r},s("slot",{key:"84da1734ae1c1ac9376caa693108e3ed54bf176f",onSlotchange:()=>this.handleSlotChange()}))}get host(){return this}static get style(){return"post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}"}},[257,"post-tooltip-trigger",{for:[513],delay:[2]}]);!function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)}([h(),a("string")],p.prototype,"for",void 0);const u=p,d=function(){"undefined"!=typeof customElements&&["post-tooltip-trigger"].forEach((t=>{"post-tooltip-trigger"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{u as PostTooltipTrigger,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as a,P as c}from"./post-popovercontainer2.js";import{v as i}from"./package.js";import{O as n}from"./one-of.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(e){this.open||await this.popoverRef.show(e)}async hide(){this.popoverRef.hide()}async toggle(e,o){this.popoverRef.toggle(e,o)}handleBeforeToggle(e){this.open=e.detail.willOpen}render(){return t(s,{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,h as t,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as a,P as c}from"./post-popovercontainer2.js";import{v as i}from"./package.js";import{O as n}from"./one-of.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.placement="top",this.arrow=!1,this.open=!1}componentDidLoad(){this.host.id||console.error("No id set: <post-tooltip> must have an id, linking it to it's target element with a <post-tooltip-trigger> element.")}async show(e){this.open||await this.popoverRef.show(e)}async hide(){this.popoverRef.hide()}async toggle(e,o){this.popoverRef.toggle(e,o)}handleBeforeToggle(e){this.open=e.detail.willOpen}render(){return t(s,{key:"62d5983e0ef32f851166d0c1d2c457cac0809fdf","data-version":i},t("post-popovercontainer",{key:"10150540956510724ab4832ecceb421a7013d983",safeSpace:"trapezoid",class:this.arrow?"has-arrow":"",role:"tooltip",arrow:this.arrow,placement:this.placement,autoHide:!0,onPostBeforeToggle:e=>this.handleBeforeToggle(e),ref:e=>this.popoverRef=e},t("slot",{key:"cdfaf0e916afa55ec3f1a7f64003101985560e27"})))}get host(){return this}static get style(){return':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;-webkit-box-shadow:inset 0 0 0 var(--post-device-spacing-padding-14) var(--post-scheme-color-surface-accent-bg);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);word-wrap:break-word;white-space:normal}'}},[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]);!function(e,o,t,s){var r,a=arguments.length,c=a<3?o:null===s?s=Object.getOwnPropertyDescriptor(o,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,o,t,s);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(c=(a<3?r(c):a>3?r(o,t,c):r(o,t))||c);a>3&&c&&Object.defineProperty(o,t,c)}([n(c)],p.prototype,"placement",void 0);const d=p,l=function(){"undefined"!=typeof customElements&&["post-tooltip","post-popovercontainer"].forEach((e=>{switch(e){case"post-tooltip":customElements.get(r(e))||customElements.define(r(e),p);break;case"post-popovercontainer":customElements.get(r(e))||a()}}))};export{d as PostTooltip,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as o,h as
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as o,h as s,Host as e,transformTag as i}from"@stencil/core/internal/client";import{c as r,T as n,L as l,s as c,v as a,g as p}from"./package2.js";import{d}from"./post-accordion2.js";import{d as m}from"./post-accordion-item2.js";import{d as f}from"./post-collapsible2.js";import{d as u}from"./post-collapsible-trigger2.js";import{d as h}from"./post-footer2.js";import{d as g}from"./post-icon2.js";const b=t(class extends o{constructor(t){if(super(),!1!==t&&this.__registerHost(),this.liveSupportEnabled=!1,this.cookieSettingsEnabled=!1,this.liveSupportEnabled=this.unbluEnabled(),this.cookieSettingsEnabled=this.ucUIEnabled(),!this.liveSupportEnabled){let t,o=0;const s=()=>{const s=this.unbluEnabled(),e=this.ucUIEnabled(),i=s&&e;s&&(this.liveSupportEnabled=!0),e&&(this.cookieSettingsEnabled=!0),(i||o>=5)&&window.clearInterval(t),o++};t=window.setInterval(s,1e3)}}unbluEnabled(){return"function"==typeof window.unbluLSLoad}ucUIEnabled(){return"object"==typeof window.UC_UI&&"function"==typeof window.UC_UI.showSecondLayer}handleCookieSettingsClick(){window.UC_UI.showSecondLayer()}renderListWithTitle(t,o){if(!t)return;const{titleProps:e,listProps:i,linkProps:c}=o,a=p(t.title),d=r(a);return[s(n,{...e,config:t.title,id:d}),s("ul",{...i,"aria-labelledby":d},t.items.map((t=>s("li",{key:t.text},s(l,{...c,config:t})))))]}render(){if(!c.localizedConfig)return null;if(!c.localizedConfig.footer)return console.warn(`Internet Footer: Current project "${c.projectId}" does not include a footer config. The footer will not be rendered. Remove `,document.querySelector("swisspost-internet-footer"),"from your markup or configure the footer in your portal config to stop seeing this warning."),null;const t=c.localizedConfig.footer;return s(e,{"data-version":a},s("post-footer",{textFooter:this.textFooter},t.prefooter&&s("div",{slot:"prefooter"},this.renderListWithTitle(t.prefooter,{titleProps:{tag:"h3"}})),t.sections?.map(((t,o)=>this.renderListWithTitle(t,{titleProps:{tag:"span",slot:`grid-${o+1}-title`},listProps:{slot:"grid-"+(o+1)}}))),t.socialLinks&&s("div",{slot:"socialmedia"},this.renderListWithTitle(t.socialLinks,{titleProps:{tag:"h3"},linkProps:{class:"btn btn-primary btn-icon",hiddenText:!0}})),t.appStoreLinks&&s("div",{slot:"app"},this.renderListWithTitle(t.appStoreLinks,{titleProps:{tag:"h3"},linkProps:{class:"app-store-badge",hiddenText:!0}})),t.companyLinks&&s("div",{slot:"businesssectors"},this.renderListWithTitle(t.companyLinks,{titleProps:{tag:"h3"}})),t.complianceLinks&&s("div",{slot:"meta"},s("ul",{"aria-label":p(t.complianceLinks.title)},t.complianceLinks.items.map((t=>s("li",{key:t.text},s(l,{config:t})))),this.cookieSettingsEnabled&&s("li",null,s("button",{class:"btn btn-link cookie-settings",onClick:this.handleCookieSettingsClick},this.textCookieSettings)))),t.copyright&&s("p",{slot:"copyright"},t.copyright)))}static get style(){return".cookie-settings{min-height:0;border:0 none;font-weight:inherit}"}},[0,"swisspost-internet-footer",{textFooter:[513,"text-footer"],textCookieSettings:[513,"text-cookie-settings"],liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]),k=b,w=function(){"undefined"!=typeof customElements&&["swisspost-internet-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-footer","post-icon"].forEach((t=>{switch(t){case"swisspost-internet-footer":customElements.get(i(t))||customElements.define(i(t),b);break;case"post-accordion":customElements.get(i(t))||d();break;case"post-accordion-item":customElements.get(i(t))||m();break;case"post-collapsible":customElements.get(i(t))||f();break;case"post-collapsible-trigger":customElements.get(i(t))||u();break;case"post-footer":customElements.get(i(t))||h();break;case"post-icon":customElements.get(i(t))||g()}}))};export{b as P,k as SwisspostInternetFooter,w as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,proxyCustomElement as e,HTMLElement as n,createEvent as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r,L as i,g as c,T as l,s as u,d as g,v as h}from"./package2.js";import{d}from"./post-header2.js";import{d as m}from"./post-icon2.js";import{d as p}from"./post-language-menu2.js";import{d as f}from"./post-language-menu-item2.js";import{d as v}from"./post-logo2.js";import{d as w}from"./post-mainnavigation2.js";import{d as x}from"./post-menu2.js";import{d as k}from"./post-menu-item2.js";import{d as L}from"./post-menu-trigger2.js";import{d as b}from"./post-popovercontainer2.js";import{d as C}from"./post-togglebutton2.js";const y=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),U=({config:e,textClose:n,textBack:s})=>{const o=r(e.trigger.text);return[t("post-megadropdown-trigger",{key:"trigger",for:o},e.trigger.text),t("post-megadropdown",{key:"dropdown",id:o,textClose:n,textBack:s},e.overview&&t(i,{config:e.overview,class:"post-megadropdown-overview",ariaCurrentWhenActive:"page"}),t("div",{class:"row row-cols-1 row-cols-sm-2"},e.sections.map((e=>t(E,{config:e})))))]},E=({config:e})=>{const n=c(e.title),s=r(n);return t("div",{class:"col"},t(l,{class:"post-megadropdown-list-title",id:s,config:e.title}),t("ul",{class:"post-megadropdown-list","aria-labelledby":s},e.items.map((e=>t("li",{key:e.url},t(i,{config:e,ariaCurrentWhenActive:"page"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("returnURL",window.location.href),""+e},j=({config:e,slot:n,textCurrentUser:s,textUserLinks:o,textAccessUserLinks:a})=>{const c="B2B"===e.user.userType,l=c&&e.user.canChangeCompany&&e.user.company,u=("B2C"===e.user.userType||c)&&"userAndProfile"===e.user.changeUserAndProfile||l,g=[e.user.name,e.user.surname].join(" "),h=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(y,{user:e.user,description:s.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:o},t("div",{slot:"header"},t(y,{user:e.user}),e.user.company&&t("p",null,e.user.company),t("p",null,g)),e.accountSwitch&&u&&t("post-menu-item",null,t(i,{config:{text:e.accountSwitch.text,url:A(e.accountSwitch.url),icon:e.accountSwitch.icon}})),e.companySwitch&&l&&t("post-menu-item",null,t(i,{config:{text:e.companySwitch.text,url:A(e.companySwitch.url),icon:e.companySwitch.icon}})),e.options.map((e=>t("post-menu-item",{key:e.url},t(i,{config:e})))),e.logoutLink&&t("post-menu-item",null,t(i,{config:e.logoutLink}))))},R=()=>{const t=new Map,e=document.querySelectorAll('head link[rel="alternate"][hreflang][href]');for(const n of e){const e=n.getAttribute("href");if(!e)continue;const s=n.hreflang?.toLowerCase();if(!t.has(s))try{const n=new URL(e,document.baseURI);t.set(s,n.href)}catch{}}return t},M=t=>{const e=t.split("/").filter(Boolean)[0];if(e)try{return Intl.getCanonicalLocales(e),e}catch{return}},H=t=>t.substring(0,2).toLowerCase(),I=new Map,$=async(t,e,n)=>{if(!P(t))throw Error(`Internet Header: invalid project id "${t}"`);"test"===t&&(e="int01");const s=B(t,e,n);try{const t=await fetch(s);return await t.json()}catch(t){throw Error("Internet Header: fetching config failed. "+t.message)}},B=(t,e,n)=>{if("test"===t)return"assets/config/test-configuration.json";const s=e.toUpperCase(),o=n.toLowerCase(),a=`https://${"PROD"===s?"":"int."}preview.post.ch`;try{const e=""+new URLSearchParams({serviceId:t,environment:s,lang:o});return""+new URL(`${a}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},P=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),W=(t,e,n)=>{if(null===t||null===e||t.origin!==e.origin)return 0;const s=t.pathname.toLocaleLowerCase(),o=e.pathname.toLocaleLowerCase();if(s===o)return 1/0;if(t.pathname.length<e.pathname.length)return 0;if("auto"===n){const n=[t.origin.toLocaleLowerCase(),...s.split("/").filter((t=>null!==t&&""!==t))],a=[e.origin.toLocaleLowerCase(),...o.split("/").filter((t=>null!==t&&""!==t))],r=O(n,a);return Math.min(n.length,a.length)===r?r:0}return 0},O=(t,e)=>{if(null==t||null==e||0===t.length||0===e.length)return 0;let n=0;for(;n<Math.min(t.length,e.length);n++)if(t[n]!==e[n])return 0;return n},D=e(class extends n{alternateLinksObserver;activeRoute="auto";handleActiveRouteChange(){this.updateActiveUrl()}environment="prod";fullWidth=!1;language;async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}project;textBack;textChangeLanguage;textClose;textCurrentLanguage;textCurrentUser;textMain;textMenu;textAccessUserLinks;textUserLinks;headerLoaded;constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=s(this,"headerLoaded",7),void 0===this.project||""===this.project||!P(this.project))throw Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}connectedCallback(){this.observeAlternateLinks()}async componentWillLoad(){this.initAlternateLinks(),await Promise.all([this.fetchHeaderConfig(),this.fetchUserData()])}componentDidLoad(){window.requestAnimationFrame((()=>{this.headerLoaded.emit()}))}disconnectedCallback(){this.alternateLinksObserver?.disconnect(),g()}handleLanguageChangeEvent(t){t.target instanceof n&&"post-language-menu-item"===t.target.localName&&t.detail!==this.language&&this.handleLanguageChange(t.detail)}async fetchHeaderConfig(){try{u.projectId=this.project,u.environment=this.environment.toLocaleLowerCase(),void 0!==this.language&&(u.currentLanguage=this.language),await this.updateConfig()}catch(t){console.error(t)}}async fetchUserData(){try{const t=await fetch("https://n.account.post.ch/v1/session/subscribe",{credentials:"include"});if(t.ok){const e=await t.json();u.user=e?.data}}catch{}}async updateConfig(t){u.localizedConfig=await(async({projectId:t,environment:e,language:n})=>{const s=(()=>{const t=document.querySelector("#PPM_HEADER_DATA");return null!=t?.textContent?JSON.parse(t.textContent):null})();if(s){const t=document.documentElement.lang;return u.currentLanguage=t,s}const o=(t=>{const e=new URL(window.location.href),n=[t,e.searchParams.get("lang"),M(e.pathname),document.documentElement.lang,null!=navigator.language?H(navigator.language):null!=navigator.languages&&navigator.languages.length>0?H(navigator.languages[0]):null,u.currentLanguage].filter((t=>null!=t));return H(n[0]??"de")})(n),a=`${t}-${e}-${o}`;let r=I.get(a);null==r&&(r=$(t,e,o).finally((()=>{I.delete(a)})),I.set(a,r));const i={...await r};return u.currentLanguage=o,i})({projectId:this.project,environment:this.environment,language:t??this.language}),this.updateActiveUrl()}initAlternateLinks(){u.alternateLinks=R()}observeAlternateLinks(){this.alternateLinksObserver=(()=>{const t=new MutationObserver((t=>{t.some((t=>"attributes"===t.type?t.target instanceof HTMLLinkElement&&("href"===t.attributeName||"hreflang"===t.attributeName||"rel"===t.attributeName&&"alternate"===t.target.rel):"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some((t=>t instanceof HTMLLinkElement&&t.hasAttribute("href")&&t.hasAttribute("hreflang")&&t.hasAttribute("rel")&&"alternate"===t.rel))))&&(t=>{u.alternateLinks=t})(R())}));return t.observe(document.head,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href","hreflang","rel"]}),t})()}updateActiveUrl(){u.activeLink=(t=>{const e=(t=>{const e=[];if(!t)return e;const n=t=>{null!=t&&(Array.isArray(t)?t.forEach(n):"object"==typeof t&&null!==t&&("url"in t&&"string"==typeof t.url&&e.push(t),Object.values(t).forEach(n)))};return n(t),e})(u.localizedConfig?.header);if(0===e.length||"none"===t)return null;if("auto"===t||"exact"===t){const t=(t=>t.find((t=>t.active)))(e);if(t)return t}let n;if("auto"===t||"exact"===t)n=new URL(window.location.href);else try{n=new URL(t,document.location.origin)}catch{return console.warn(`Active Route: ${t} is not a valid URL. Navigation highlighting has been disabled.`),null}const s=(t=>t.filter((t=>""!==t.url&&"#"!==t.url&&"/"!==t.url)))(e);return((t,e,n)=>{let s=null;for(const o of t)try{const t=new URL(o.url,document.location.origin),a=W(e,t,n);if(a>0&&((!s||a>s.score)&&(s={link:o,score:a}),a===1/0))break}catch{}return s?s.link:null})(s,n,"exact"===t?"exact":"auto")})(this.activeRoute)}getUserMenuOptions(t){return[...t.userProfile?[t.userProfile]:[],...t.settings?[t.settings]:[],...t.userLinks??[]]}getLanguageUrl(t,e){return u.alternateLinks.get(t.toLowerCase())??e}renderNavItem(e,n={}){return"url"in e?t(i,{...n,config:e}):t(j,{slot:n.slot,config:e,textCurrentUser:this.textCurrentUser,textAccessUserLinks:this.textAccessUserLinks,textUserLinks:this.textUserLinks})}renderNavigation(e,n,s={}){return 0===n.length?null:1===n.length?this.renderNavItem(n[0],{...s,slot:e}):t("ul",{slot:e},n.map((e=>t("li",{key:"url"in e?e.url:e.user.email},this.renderNavItem(e,s)))))}render(){if(!u.localizedConfig?.header)return void console.error(Error("Internet Header: Config cannot be loaded"));const{globalHeader:e,localHeader:n}=u.localizedConfig.header;return t(o,{"data-version":h},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(i,{slot:"post-logo",config:e.postLogo}):t("post-logo",{slot:"post-logo",url:e.postLogo.url,"aria-label":e.postLogo.label,"aria-description":e.postLogo.description},e.postLogo.text),e.audience&&this.renderNavigation("audience",e.audience,{ariaCurrentWhenActive:"location"}),e.primaryNavigation&&this.renderNavigation("global-nav-primary",e.primaryNavigation),e.secondaryNavigation&&this.renderNavigation("global-nav-secondary",e.secondaryNavigation,{ariaCurrentWhenActive:"location"}),e.languages&&e.languages.length>0&&t("post-language-menu",{slot:"language-menu",textChangeLanguage:this.textChangeLanguage,textCurrentLanguage:this.textCurrentLanguage},e.languages.map((e=>t("post-language-menu-item",{key:e.code,url:this.getLanguageUrl(e.code,e.url),active:e.active,code:e.code,name:e.label,description:e.description},e.text)))),e.postLogin&&this.renderNavItem(u.user?{user:u.user,options:this.getUserMenuOptions(e.postLogin),accountSwitch:e.postLogin.accountSwitch,companySwitch:e.postLogin.companySwitch,logoutLink:e.postLogin.logoutLink}:e.postLogin.loginLink,{slot:"post-login"}),n.title&&t("p",{slot:"title"},n.title),n.navigation&&this.renderNavigation("local-nav",n.navigation),n.mainNavigation&&n.mainNavigation.length>0&&t("post-mainnavigation",{slot:"main-nav",textMain:this.textMain},t("ul",null,n.mainNavigation.map((e=>t("li",{key:"url"in e?e.url:e.trigger.text},"url"in e?t(i,{config:e,ariaCurrentWhenActive:"page"}):t(U,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[512,"swisspost-internet-header",{activeRoute:[1,"active-route"],environment:[1],fullWidth:[4,"full-width"],language:[1],project:[1],textBack:[513,"text-back"],textChangeLanguage:[513,"text-change-language"],textClose:[513,"text-close"],textCurrentLanguage:[513,"text-current-language"],textCurrentUser:[513,"text-current-user"],textMain:[513,"text-main"],textMenu:[513,"text-menu"],textAccessUserLinks:[513,"text-access-user-links"],textUserLinks:[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}]),N=D,S=function(){"undefined"!=typeof customElements&&["swisspost-internet-header","post-header","post-icon","post-language-menu","post-language-menu-item","post-logo","post-mainnavigation","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer","post-togglebutton"].forEach((t=>{switch(t){case"swisspost-internet-header":customElements.get(a(t))||customElements.define(a(t),D);break;case"post-header":customElements.get(a(t))||d();break;case"post-icon":customElements.get(a(t))||m();break;case"post-language-menu":customElements.get(a(t))||p();break;case"post-language-menu-item":customElements.get(a(t))||f();break;case"post-logo":customElements.get(a(t))||v();break;case"post-mainnavigation":customElements.get(a(t))||w();break;case"post-menu":customElements.get(a(t))||x();break;case"post-menu-item":customElements.get(a(t))||k();break;case"post-menu-trigger":customElements.get(a(t))||L();break;case"post-popovercontainer":customElements.get(a(t))||b();break;case"post-togglebutton":customElements.get(a(t))||C()}}))};export{D as P,N as SwisspostInternetHeader,S as defineCustomElement}
|
|
1
|
+
import{h as t,proxyCustomElement as e,HTMLElement as n,createEvent as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r,L as i,g as c,T as l,s as u,d as g,v as h}from"./package2.js";import{d as p}from"./post-header2.js";import{d}from"./post-icon2.js";import{d as m}from"./post-language-menu2.js";import{d as f}from"./post-language-menu-item2.js";import{d as v}from"./post-logo2.js";import{d as w}from"./post-mainnavigation2.js";import{d as k}from"./post-menu2.js";import{d as b}from"./post-menu-item2.js";import{d as x}from"./post-menu-trigger2.js";import{d as L}from"./post-popovercontainer2.js";import{d as y}from"./post-togglebutton2.js";const C=({user:e,description:n})=>t("post-avatar",{firstname:e.name,lastname:e.surname,email:e.email,description:n,"aria-hidden":n?void 0:"true"}),E=({config:e,textClose:n,textBack:s})=>{const o=r(e.trigger.text);return[t("post-megadropdown-trigger",{key:"trigger",for:o},e.trigger.text),t("post-megadropdown",{key:"dropdown",id:o,textClose:n,textBack:s},e.overview&&t(i,{config:e.overview,class:"post-megadropdown-overview",ariaCurrentWhenActive:"page"}),t("div",{class:"row row-cols-1 row-cols-sm-2"},e.sections.map((e=>t(U,{config:e})))))]},U=({config:e})=>{const n=c(e.title),s=r(n);return t("div",{class:"col"},t(l,{class:"post-megadropdown-list-title",id:s,config:e.title}),t("ul",{class:"post-megadropdown-list","aria-labelledby":s},e.items.map((e=>t("li",{key:e.url},t(i,{config:e,ariaCurrentWhenActive:"page"}))))))},A=t=>{const e=new URL(t,window.location.href);return e.searchParams.set("returnURL",window.location.href),""+e},j=({config:e,slot:n,textCurrentUser:s,textUserLinks:o,textAccessUserLinks:a})=>{const c="B2B"===e.user.userType,l=c&&e.user.canChangeCompany&&e.user.company,u=("B2C"===e.user.userType||c)&&"userAndProfile"===e.user.changeUserAndProfile||l,g=[e.user.name,e.user.surname].join(" "),h=r(g);return t("div",{slot:n},t("post-menu-trigger",{for:h},t("button",{class:"btn btn-link",type:"button"},t(C,{user:e.user,description:s.replace("{user}",""+g)}),t("span",{class:"visually-hidden"},a))),t("post-menu",{id:h,label:o},t("div",{slot:"header"},t(C,{user:e.user}),e.user.company&&t("p",null,e.user.company),t("p",null,g)),e.accountSwitch&&u&&t("post-menu-item",null,t(i,{config:{text:e.accountSwitch.text,url:A(e.accountSwitch.url),icon:e.accountSwitch.icon}})),e.companySwitch&&l&&t("post-menu-item",null,t(i,{config:{text:e.companySwitch.text,url:A(e.companySwitch.url),icon:e.companySwitch.icon}})),e.options.map((e=>t("post-menu-item",{key:e.url},t(i,{config:e})))),e.logoutLink&&t("post-menu-item",null,t(i,{config:e.logoutLink}))))},R=()=>{const t=new Map,e=document.querySelectorAll('head link[rel="alternate"][hreflang][href]');for(const n of e){const e=n.getAttribute("href");if(!e)continue;const s=n.hreflang?.toLowerCase();if(!t.has(s))try{const n=new URL(e,document.baseURI);t.set(s,n.href)}catch{}}return t},M=t=>{const e=t.split("/").filter(Boolean)[0];if(e)try{return Intl.getCanonicalLocales(e),e}catch{return}},H=t=>t.substring(0,2).toLowerCase(),I=new Map,$=async(t,e,n)=>{if(!P(t))throw Error(`Internet Header: invalid project id "${t}"`);"test"===t&&(e="int01");const s=B(t,e,n);try{const t=await fetch(s);return await t.json()}catch(t){throw Error("Internet Header: fetching config failed. "+t.message)}},B=(t,e,n)=>{if("test"===t)return"assets/config/test-configuration.json";const s=e.toUpperCase(),o=n.toLowerCase(),a=`https://${"PROD"===s?"":"int."}site.post.ch`;try{const e=""+new URLSearchParams({serviceId:t,environment:s,lang:o});return""+new URL(`${a}/api/header?${e}`)}catch(t){throw Error("Internet Header: Config URL is invalid.")}},P=t=>""!==t&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t),W=(t,e,n)=>{if(null===t||null===e||t.origin!==e.origin)return 0;const s=t.pathname.toLocaleLowerCase(),o=e.pathname.toLocaleLowerCase();if(s===o)return 1/0;if(t.pathname.length<e.pathname.length)return 0;if("auto"===n){const n=[t.origin.toLocaleLowerCase(),...s.split("/").filter((t=>null!==t&&""!==t))],a=[e.origin.toLocaleLowerCase(),...o.split("/").filter((t=>null!==t&&""!==t))],r=D(n,a);return Math.min(n.length,a.length)===r?r:0}return 0},D=(t,e)=>{if(null==t||null==e||0===t.length||0===e.length)return 0;let n=0;for(;n<Math.min(t.length,e.length);n++)if(t[n]!==e[n])return 0;return n},O={dev01:"https://n.accountint1.post.ch",dev02:"https://n.accountint1.post.ch",devs1:"https://n.accountint1.post.ch",test:"https://n.accountint1.post.ch",int01:"https://n.accountint1.post.ch",int02:"https://n.accountint2.post.ch",prod:"https://n.account.post.ch"},N=e(class extends n{handleActiveRouteChange(){this.updateActiveUrl()}async handleLanguageChange(t){try{await this.updateConfig(t)}catch(t){console.error(t)}}constructor(t){if(super(),!1!==t&&this.__registerHost(),this.headerLoaded=s(this,"headerLoaded",7),this.activeRoute="auto",this.environment="prod",this.fullWidth=!1,void 0===this.project||""===this.project||!P(this.project))throw Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}connectedCallback(){this.observeAlternateLinks()}async componentWillLoad(){this.initAlternateLinks(),await Promise.all([this.fetchHeaderConfig(),this.fetchUserData()])}componentDidLoad(){window.requestAnimationFrame((()=>{this.headerLoaded.emit()}))}disconnectedCallback(){this.alternateLinksObserver?.disconnect(),g()}handleLanguageChangeEvent(t){t.target instanceof n&&"post-language-menu-item"===t.target.localName&&t.detail!==this.language&&this.handleLanguageChange(t.detail)}async fetchHeaderConfig(){try{u.projectId=this.project,u.environment=this.environment.toLocaleLowerCase(),void 0!==this.language&&(u.currentLanguage=this.language),await this.updateConfig()}catch(t){console.error(t)}}async fetchUserData(){try{const t=(()=>O[this.environment]+"/v1/session/subscribe")(),e=await fetch(t,{credentials:"include"});if(e.ok){const t=await e.json();u.user=t?.data}}catch{}}async updateConfig(t){u.localizedConfig=await(async({projectId:t,environment:e,language:n})=>{const s=(()=>{const t=document.querySelector("#PPM_HEADER_DATA");return null!=t?.textContent?JSON.parse(t.textContent):null})();if(s){const t=document.documentElement.lang;return u.currentLanguage=t,s}const o=(t=>{const e=new URL(window.location.href),n=[t,e.searchParams.get("lang"),M(e.pathname),document.documentElement.lang,null!=navigator.language?H(navigator.language):null!=navigator.languages&&navigator.languages.length>0?H(navigator.languages[0]):null,u.currentLanguage].filter((t=>null!=t));return H(n[0]??"de")})(n),a=`${t}-${e}-${o}`;let r=I.get(a);null==r&&(r=$(t,e,o).finally((()=>{I.delete(a)})),I.set(a,r));const i={...await r};return u.currentLanguage=o,i})({projectId:this.project,environment:this.environment,language:t??this.language}),this.updateActiveUrl()}initAlternateLinks(){u.alternateLinks=R()}observeAlternateLinks(){this.alternateLinksObserver=(()=>{const t=new MutationObserver((t=>{t.some((t=>"attributes"===t.type?t.target instanceof HTMLLinkElement&&("href"===t.attributeName||"hreflang"===t.attributeName||"rel"===t.attributeName&&"alternate"===t.target.rel):"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some((t=>t instanceof HTMLLinkElement&&t.hasAttribute("href")&&t.hasAttribute("hreflang")&&t.hasAttribute("rel")&&"alternate"===t.rel))))&&(t=>{u.alternateLinks=t})(R())}));return t.observe(document.head,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["href","hreflang","rel"]}),t})()}updateActiveUrl(){u.activeLink=(t=>{const e=(t=>{const e=[];if(!t)return e;const n=t=>{null!=t&&(Array.isArray(t)?t.forEach(n):"object"==typeof t&&null!==t&&("url"in t&&"string"==typeof t.url&&e.push(t),Object.values(t).forEach(n)))};return n(t),e})(u.localizedConfig?.header);if(0===e.length||"none"===t)return null;if("auto"===t||"exact"===t){const t=(t=>t.find((t=>t.active)))(e);if(t)return t}let n;if("auto"===t||"exact"===t)n=new URL(window.location.href);else try{n=new URL(t,document.location.origin)}catch{return console.warn(`Active Route: ${t} is not a valid URL. Navigation highlighting has been disabled.`),null}const s=(t=>t.filter((t=>""!==t.url&&"#"!==t.url&&"/"!==t.url)))(e);return((t,e,n)=>{let s=null;for(const o of t)try{const t=new URL(o.url,document.location.origin),a=W(e,t,n);if(a>0&&((!s||a>s.score)&&(s={link:o,score:a}),a===1/0))break}catch{}return s?s.link:null})(s,n,"exact"===t?"exact":"auto")})(this.activeRoute)}getUserMenuOptions(t){return[...t.userProfile?[t.userProfile]:[],...t.settings?[t.settings]:[],...t.userLinks??[]]}getLanguageUrl(t,e){return u.alternateLinks.get(t.toLowerCase())??e}renderNavItem(e,n={}){return"url"in e?t(i,{...n,config:e}):t(j,{slot:n.slot,config:e,textCurrentUser:this.textCurrentUser,textAccessUserLinks:this.textAccessUserLinks,textUserLinks:this.textUserLinks})}renderNavigation(e,n,s={}){return 0===n.length?null:1===n.length?this.renderNavItem(n[0],{...s,slot:e}):t("ul",{slot:e},n.map((e=>t("li",{key:"url"in e?e.url:e.user.email},this.renderNavItem(e,s)))))}render(){if(!u.localizedConfig?.header)return void console.error(Error("Internet Header: Config cannot be loaded"));const{globalHeader:e,localHeader:n}=u.localizedConfig.header;return t(o,{"data-version":h},t("post-header",{textMenu:this.textMenu},"image"in e.postLogo?t(i,{slot:"post-logo",config:e.postLogo}):t("post-logo",{slot:"post-logo",url:e.postLogo.url,"aria-label":e.postLogo.label,"aria-description":e.postLogo.description},e.postLogo.text),e.audience&&this.renderNavigation("audience",e.audience,{ariaCurrentWhenActive:"location"}),e.primaryNavigation&&this.renderNavigation("global-nav-primary",e.primaryNavigation),e.secondaryNavigation&&this.renderNavigation("global-nav-secondary",e.secondaryNavigation,{ariaCurrentWhenActive:"location"}),e.languages&&e.languages.length>0&&t("post-language-menu",{slot:"language-menu",textChangeLanguage:this.textChangeLanguage,textCurrentLanguage:this.textCurrentLanguage},e.languages.map((e=>t("post-language-menu-item",{key:e.code,url:this.getLanguageUrl(e.code,e.url),active:e.active,code:e.code,name:e.label,description:e.description},e.text)))),e.postLogin&&this.renderNavItem(u.user?{user:u.user,options:this.getUserMenuOptions(e.postLogin),accountSwitch:e.postLogin.accountSwitch,companySwitch:e.postLogin.companySwitch,logoutLink:e.postLogin.logoutLink}:e.postLogin.loginLink,{slot:"post-login"}),n.title&&t("p",{slot:"title"},n.title),n.navigation&&this.renderNavigation("local-nav",n.navigation),n.mainNavigation&&n.mainNavigation.length>0&&t("post-mainnavigation",{slot:"main-nav",textMain:this.textMain},t("ul",null,n.mainNavigation.map((e=>t("li",{key:"url"in e?e.url:e.trigger.text},"url"in e?t(i,{config:e,ariaCurrentWhenActive:"page"}):t(E,{config:e,textBack:this.textBack,textClose:this.textClose}))))))))}static get watchers(){return{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}}},[0,"swisspost-internet-header",{activeRoute:[1,"active-route"],environment:[1],fullWidth:[4,"full-width"],language:[1],project:[1],textBack:[513,"text-back"],textChangeLanguage:[513,"text-change-language"],textClose:[513,"text-close"],textCurrentLanguage:[513,"text-current-language"],textCurrentUser:[513,"text-current-user"],textMain:[513,"text-main"],textMenu:[513,"text-menu"],textAccessUserLinks:[513,"text-access-user-links"],textUserLinks:[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{activeRoute:[{handleActiveRouteChange:0}],language:[{handleLanguageChange:0}]}]),S=N,T=function(){"undefined"!=typeof customElements&&["swisspost-internet-header","post-header","post-icon","post-language-menu","post-language-menu-item","post-logo","post-mainnavigation","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer","post-togglebutton"].forEach((t=>{switch(t){case"swisspost-internet-header":customElements.get(a(t))||customElements.define(a(t),N);break;case"post-header":customElements.get(a(t))||p();break;case"post-icon":customElements.get(a(t))||d();break;case"post-language-menu":customElements.get(a(t))||m();break;case"post-language-menu-item":customElements.get(a(t))||f();break;case"post-logo":customElements.get(a(t))||v();break;case"post-mainnavigation":customElements.get(a(t))||w();break;case"post-menu":customElements.get(a(t))||k();break;case"post-menu-item":customElements.get(a(t))||b();break;case"post-menu-trigger":customElements.get(a(t))||x();break;case"post-popovercontainer":customElements.get(a(t))||L();break;case"post-togglebutton":customElements.get(a(t))||y()}}))};export{N as P,S as SwisspostInternetHeader,T as defineCustomElement}
|
package/dist/docs.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { t as throttle } from './index-bR8vy6-s.js';
|
|
2
|
-
|
|
3
1
|
class Breakpoint {
|
|
4
2
|
constructor() {
|
|
5
3
|
this.breakpoints = [
|
|
6
|
-
{ key: 'xl', device: 'desktop', minWidth: 1280 },
|
|
7
|
-
{ key: 'lg', device: 'desktop', minWidth: 1024 },
|
|
8
|
-
{ key: 'md', device: 'tablet', minWidth: 780 },
|
|
9
|
-
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
10
|
-
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
4
|
+
{ key: 'xl', device: 'desktop', minWidth: 1280, mediaQuery: '(min-width: 1280px)' },
|
|
5
|
+
{ key: 'lg', device: 'desktop', minWidth: 1024, mediaQuery: '(min-width: 1024px)' },
|
|
6
|
+
{ key: 'md', device: 'tablet', minWidth: 780, mediaQuery: '(min-width: 780px)' },
|
|
7
|
+
{ key: 'sm', device: 'tablet', minWidth: 600, mediaQuery: '(min-width: 600px)' },
|
|
8
|
+
{ key: 'xs', device: 'mobile', minWidth: 0, mediaQuery: '(min-width: 0px)' },
|
|
11
9
|
];
|
|
12
10
|
this.resizeObserver = globalThis.ResizeObserver
|
|
13
11
|
? new ResizeObserver(() => this.updateCurrentBreakpoint())
|
|
14
12
|
: null;
|
|
15
|
-
this.updateCurrentBreakpoint =
|
|
13
|
+
this.updateCurrentBreakpoint = (options = { emitEvents: true }) => {
|
|
16
14
|
const previousBreakpoint = this.currentBreakpoint;
|
|
17
15
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
18
|
-
return
|
|
16
|
+
return globalThis.matchMedia
|
|
17
|
+
? globalThis.matchMedia(breakpoint.mediaQuery).matches
|
|
18
|
+
: breakpoint.minWidth <= document.documentElement.clientWidth;
|
|
19
19
|
});
|
|
20
20
|
if (!newBreakpoint)
|
|
21
21
|
return;
|
|
@@ -23,9 +23,10 @@ class Breakpoint {
|
|
|
23
23
|
if (!options.emitEvents)
|
|
24
24
|
return;
|
|
25
25
|
Object.keys(this.currentBreakpoint)
|
|
26
|
+
.filter(key => key !== 'mediaQuery')
|
|
26
27
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
27
28
|
.forEach((key) => this.dispatchEvent(key));
|
|
28
|
-
}
|
|
29
|
+
};
|
|
29
30
|
if (this.resizeObserver) {
|
|
30
31
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
31
32
|
this.resizeObserver.observe(document.body);
|
|
@@ -89,31 +89,36 @@ function EventFrom(tag, option) {
|
|
|
89
89
|
}
|
|
90
90
|
/**
|
|
91
91
|
* Traverses up the DOM (including crossing shadow DOM boundaries) to find the closest ancestor
|
|
92
|
-
*
|
|
93
|
-
* @param
|
|
94
|
-
* @param
|
|
92
|
+
* matching the given predicate.
|
|
93
|
+
* @param start - The starting element
|
|
94
|
+
* @param predicate - A type guard used to test each ancestor
|
|
95
95
|
* @returns The closest matching ancestor or null if none found
|
|
96
96
|
*/
|
|
97
|
-
function
|
|
98
|
-
let current =
|
|
97
|
+
function findClosestAcrossShadow(start, predicate) {
|
|
98
|
+
let current = start;
|
|
99
99
|
while (current) {
|
|
100
|
-
if (current
|
|
100
|
+
if (predicate(current)) {
|
|
101
101
|
return current;
|
|
102
102
|
}
|
|
103
|
-
// Check regular parent first
|
|
104
103
|
if (current.parentElement) {
|
|
105
104
|
current = current.parentElement;
|
|
106
105
|
}
|
|
107
|
-
// If no parentElement, check if we're in a shadow root
|
|
108
|
-
else if (current.parentNode instanceof ShadowRoot) {
|
|
109
|
-
current = current.parentNode.host;
|
|
110
|
-
}
|
|
111
|
-
// No more parents to check
|
|
112
106
|
else {
|
|
113
|
-
|
|
107
|
+
// Duck-typed ShadowRoot check (nodeType 11 + host) instead of `instanceof ShadowRoot`,
|
|
108
|
+
// since some test environments (e.g. JSDOM) only partially implement it.
|
|
109
|
+
const parent = current.parentNode;
|
|
110
|
+
if (parent !== null && parent.nodeType === 11 && 'host' in parent) {
|
|
111
|
+
current = parent.host;
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
current = null;
|
|
115
|
+
}
|
|
114
116
|
}
|
|
115
117
|
}
|
|
116
118
|
return null;
|
|
117
119
|
}
|
|
120
|
+
function findClosestParentWithTag(element, tagName) {
|
|
121
|
+
return findClosestAcrossShadow(element, (el) => el.localName === tagName);
|
|
122
|
+
}
|
|
118
123
|
|
|
119
|
-
export { EventFrom as E };
|
|
124
|
+
export { EventFrom as E, findClosestAcrossShadow as f };
|
|
@@ -244,10 +244,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
244
244
|
return import(
|
|
245
245
|
/* webpackMode: "lazy" */
|
|
246
246
|
'./post-side-navigation.entry.js').then(processMod, consoleError);
|
|
247
|
-
case 'post-closebutton':
|
|
248
|
-
return import(
|
|
249
|
-
/* webpackMode: "lazy" */
|
|
250
|
-
'./post-closebutton.entry.js').then(processMod, consoleError);
|
|
251
247
|
case 'post-icon':
|
|
252
248
|
return import(
|
|
253
249
|
/* webpackMode: "lazy" */
|
|
@@ -256,6 +252,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
256
252
|
return import(
|
|
257
253
|
/* webpackMode: "lazy" */
|
|
258
254
|
'./post-number-input.entry.js').then(processMod, consoleError);
|
|
255
|
+
case 'post-closebutton':
|
|
256
|
+
return import(
|
|
257
|
+
/* webpackMode: "lazy" */
|
|
258
|
+
'./post-closebutton.entry.js').then(processMod, consoleError);
|
|
259
259
|
case 'post-menu_2':
|
|
260
260
|
return import(
|
|
261
261
|
/* webpackMode: "lazy" */
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { swisspost_internet_footer as PostInternetFooter } from './swisspost-internet-footer.entry.js';
|
|
2
2
|
export { swisspost_internet_header as PostInternetHeader } from './swisspost-internet-header.entry.js';
|
|
3
3
|
import './index-h3opCZqH.js';
|
|
4
|
-
import './package-
|
|
4
|
+
import './package-Dy8-dzD8.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["swisspost-internet-header",[[
|
|
8
|
+
return bootstrapLazy([["swisspost-internet-header",[[0,"swisspost-internet-header",{"activeRoute":[1,"active-route"],"environment":[1],"fullWidth":[4,"full-width"],"language":[1],"project":[1],"textBack":[513,"text-back"],"textChangeLanguage":[513,"text-change-language"],"textClose":[513,"text-close"],"textCurrentLanguage":[513,"text-current-language"],"textCurrentUser":[513,"text-current-user"],"textMain":[513,"text-main"],"textMenu":[513,"text-menu"],"textAccessUserLinks":[513,"text-access-user-links"],"textUserLinks":[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{"activeRoute":[{"handleActiveRouteChange":0}],"language":[{"handleLanguageChange":0}]}]]],["swisspost-internet-footer",[[0,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs",[[257,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"homeTextOnly":[516,"home-text-only"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"id":[32],"loaded":[32],"hasSlottedHomeAnchor":[32],"hasSlottedHomeIcon":[32],"collapsed":[32],"homeCollapsed":[32],"lastItemWraps":[32]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[16],"inline":[4],"textNextMonth":[513,"text-next-month"],"textNextYear":[513,"text-next-year"],"textNextDecade":[513,"text-next-decade"],"textPreviousMonth":[513,"text-previous-month"],"textPreviousYear":[513,"text-previous-year"],"textPreviousDecade":[513,"text-previous-decade"],"textSwitchYear":[513,"text-switch-year"],"textToggleCalendar":[1,"text-toggle-calendar"],"inputDisabled":[32],"today":[32],"startDate":[32],"show":[64],"hide":[64]},null,{"locale":[{"validateLocale":0},{"updateLocale":0}],"range":[{"updateRange":0}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-megadropdown",[[257,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"selectedValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516],"standalone":[516],"hasSlottedAnchor":[32]}]]],["post-listbox",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[257,"post-tabs",{"textPrevTabItems":[513,"text-prev-tab-items"],"textNextTabItems":[513,"text-next-tab-items"],"activeTab":[513,"active-tab"],"size":[513],"label":[513],"isPagesVariant":[32],"showLeftScrollButton":[32],"showRightScrollButton":[32],"show":[64]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar",[[257,"post-avatar",{"firstname":[513],"lastname":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]}]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper",[[257,"post-stepper",{"textCurrentStep":[513,"text-current-step"],"textCompletedStep":[513,"text-completed-step"],"textStepNumber":[513,"text-step-number"],"currentIndex":[2,"current-index"],"selectedIndex":[2,"selected-index"],"mobileActiveStepLabel":[32],"mobileActiveStepName":[32]},null,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-popovercontainer",[[257,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"offset":[2],"arrow":[4],"safeSpace":[513,"safe-space"],"autoHide":[4,"auto-hide"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon",[[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["post-language-menu",[[257,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[513],"activeLang":[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"variant":[{"handleVariantChange":0}]}]]],["post-header",[[257,"post-header",{"fullWidth":[516,"full-width"],"textMenu":[513,"text-menu"],"device":[32],"hasTitle":[32],"hasMainNav":[32],"hasLocalNav":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"device":[{"lockBody":0}],"burgerMenuExtended":[{"lockBody":0}]}]]],["post-language-menu-item",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item",[[0,"post-menu-item"]]],["post-menu_2",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}],[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -248,6 +248,6 @@ const Title = ({ config, tag: TagName = 'p', ...htmlAttributes }) => {
|
|
|
248
248
|
return h(TagName, { ...htmlAttributes, ...resolveTextAttributes(config) });
|
|
249
249
|
};
|
|
250
250
|
|
|
251
|
-
const version = "10.
|
|
251
|
+
const version = "10.6.0";
|
|
252
252
|
|
|
253
253
|
export { Link as L, Title as T, createIdFrom as c, dispose as d, getText as g, state as s, version as v };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-h3opCZqH.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-T8T3po4z.js';
|
|
3
3
|
import { R as Required } from './required-tHxh_hWW.js';
|
|
4
4
|
import { O as OneOf } from './one-of-w2eXPAzD.js';
|
|
5
|
-
import { E as EventFrom } from './event-from-
|
|
5
|
+
import { E as EventFrom } from './event-from-BEcxHjuM.js';
|
|
6
6
|
import { n as nanoid } from './nanoid-8LXe8Zt_.js';
|
|
7
7
|
import { T as Type } from './type-Daxpt5v6.js';
|
|
8
8
|
import { g as getRoot } from './get-root-08F-DB-d.js';
|
|
@@ -269,7 +269,7 @@ const PostCollapsible = class {
|
|
|
269
269
|
triggers.forEach(trigger => trigger.update());
|
|
270
270
|
}
|
|
271
271
|
render() {
|
|
272
|
-
return (h(Host, { key: '
|
|
272
|
+
return (h(Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, h("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
|
|
273
273
|
}
|
|
274
274
|
get host() { return getElement(this); }
|
|
275
275
|
};
|
|
@@ -337,7 +337,7 @@ const PostCollapsibleTrigger = class {
|
|
|
337
337
|
if (!this.trigger || !collapsible)
|
|
338
338
|
return;
|
|
339
339
|
// a nested collapsible may have no id, but aria-controls needs one to reference
|
|
340
|
-
collapsible.id
|
|
340
|
+
collapsible.id ||= `collapsible-${crypto.randomUUID()}`;
|
|
341
341
|
const collapsibleId = collapsible.id;
|
|
342
342
|
// add the controlled collapsible's id to the aria-controls list
|
|
343
343
|
const ariaControls = this.trigger.getAttribute('aria-controls');
|
|
@@ -384,7 +384,7 @@ const PostCollapsibleTrigger = class {
|
|
|
384
384
|
this.updateAriaAttributes();
|
|
385
385
|
}
|
|
386
386
|
render() {
|
|
387
|
-
return (h(Host, { key: '
|
|
387
|
+
return (h(Host, { key: '4d28c7068acd2e1b4a5f2272bee3b51ec5d8a216', "data-version": version }, h("slot", { key: '0bcbb780ed6d06ef36b9129b22b4a5dcd5aa7294' })));
|
|
388
388
|
}
|
|
389
389
|
get host() { return getElement(this); }
|
|
390
390
|
};
|