@gov-design-system-ce/components 4.6.3 → 4.6.5-b
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/app-globals-V2Kpy_OQ.js.map +1 -1
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-banner.cjs.entry.js +3 -3
- package/dist/cjs/gov-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-banner.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-flex_3.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +67 -23
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +65 -12
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-search.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +8 -15
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-tooltip.gov-tooltip-content.entry.cjs.js.map +1 -1
- package/dist/cjs/gov-tooltip_2.cjs.entry.js +34 -9
- package/dist/cjs/gov-tooltip_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizard-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizard.cjs.entry.js +1 -1
- package/dist/cjs/index-BEF5cZxd.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-banner/gov-banner.js +4 -4
- package/dist/collection/components/gov-banner/gov-banner.js.map +1 -1
- package/dist/collection/components/gov-form/autocomplete/autocomplete.utils.js +14 -0
- package/dist/collection/components/gov-form/autocomplete/autocomplete.utils.js.map +1 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +76 -22
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +39 -3
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.js +2 -2
- package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +8 -15
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.js +22 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.js +31 -8
- package/dist/collection/components/gov-tooltip/gov-tooltip.js.map +1 -1
- package/dist/collection/components/gov-wizard/gov-wizard-item.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard.js +1 -1
- package/dist/collection/utils/file.utils.js +28 -9
- package/dist/collection/utils/file.utils.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-banner.js +1 -1
- package/dist/components/gov-banner.js.map +1 -1
- package/dist/components/gov-blockquote.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-collapsible.js +1 -1
- package/dist/components/gov-collapsible.js.map +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-dialog.js +1 -1
- package/dist/components/gov-dropdown.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-flex.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox-group.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-control.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio-group.js +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-range.js +1 -1
- package/dist/components/gov-form-range.js.map +1 -1
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-search.js.map +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-grid-item.js +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-link.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-theme-switch.js +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/{p-BZTY3MxF.js → p-BGK46VRO.js} +2 -2
- package/dist/components/{p-DKo9A5gq.js → p-BHRF-5cf.js} +2 -2
- package/dist/components/{p-DesycS6d.js → p-BICk4EuO.js} +2 -2
- package/dist/components/{p-Bv5L0j6n.js → p-BNoNH6m-.js} +2 -2
- package/dist/components/{p-9imLQpxb.js → p-BSr8e18S.js} +2 -2
- package/dist/components/{p-BNnuBQvo.js → p-BxS4InzB.js} +2 -2
- package/dist/components/{p-CfaJM4SA.js → p-CMmyR4-k.js} +2 -2
- package/dist/components/{p-B0KFtEn3.js → p-CU0plGZP.js} +2 -2
- package/dist/components/{p-djqfSbq-.js → p-ClDhNt_H.js} +2 -2
- package/dist/components/{p-yqJEurSE.js → p-CnKqUwf9.js} +2 -2
- package/dist/components/p-DRXiDAHW.js +2 -0
- package/dist/components/{p-BrdXh0mI.js.map → p-DRXiDAHW.js.map} +1 -1
- package/dist/components/p-DjGO_trZ.js +2 -0
- package/dist/components/p-DjGO_trZ.js.map +1 -0
- package/dist/components/p-DmK9qaKH.js +2 -0
- package/dist/components/p-DmK9qaKH.js.map +1 -0
- package/dist/components/p-isPjiQbr.js +2 -0
- package/dist/components/p-isPjiQbr.js.map +1 -0
- package/dist/components/p-keC6luw7.js +2 -0
- package/dist/components/p-keC6luw7.js.map +1 -0
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-3314505d.entry.js → p-00ab0454.entry.js} +2 -2
- package/dist/core/{p-3314505d.entry.js.map → p-00ab0454.entry.js.map} +1 -1
- package/dist/core/{p-9d9e9401.entry.js → p-05bb35e1.entry.js} +2 -2
- package/dist/core/{p-9d9e9401.entry.js.map → p-05bb35e1.entry.js.map} +1 -1
- package/dist/core/{p-e30968b3.entry.js → p-06497d64.entry.js} +2 -2
- package/dist/core/{p-e30968b3.entry.js.map → p-06497d64.entry.js.map} +1 -1
- package/dist/core/p-0675617d.entry.js +2 -0
- package/dist/core/{p-fca7a0d6.entry.js.map → p-0675617d.entry.js.map} +1 -1
- package/dist/core/{p-4d36cd18.entry.js → p-2493a7f3.entry.js} +2 -2
- package/dist/core/{p-4d36cd18.entry.js.map → p-2493a7f3.entry.js.map} +1 -1
- package/dist/core/p-2e15a654.entry.js +2 -0
- package/dist/core/{p-bd2df430.entry.js.map → p-2e15a654.entry.js.map} +1 -1
- package/dist/core/{p-1626cc67.entry.js → p-30ad7514.entry.js} +2 -2
- package/dist/core/{p-1626cc67.entry.js.map → p-30ad7514.entry.js.map} +1 -1
- package/dist/core/{p-558e75a6.entry.js → p-378cf8de.entry.js} +2 -2
- package/dist/core/{p-558e75a6.entry.js.map → p-378cf8de.entry.js.map} +1 -1
- package/dist/core/{p-be9af807.entry.js → p-3a4799b3.entry.js} +2 -2
- package/dist/core/{p-be9af807.entry.js.map → p-3a4799b3.entry.js.map} +1 -1
- package/dist/core/{p-f7bdb44a.entry.js → p-3ebbe75a.entry.js} +2 -2
- package/dist/core/{p-f7bdb44a.entry.js.map → p-3ebbe75a.entry.js.map} +1 -1
- package/dist/core/p-41bef63a.entry.js +2 -0
- package/dist/core/{p-469f14db.entry.js.map → p-41bef63a.entry.js.map} +1 -1
- package/dist/core/p-4342c252.entry.js +2 -0
- package/dist/core/p-4342c252.entry.js.map +1 -0
- package/dist/core/{p-c1b9f1ab.entry.js → p-473afd7d.entry.js} +2 -2
- package/dist/core/{p-c1b9f1ab.entry.js.map → p-473afd7d.entry.js.map} +1 -1
- package/dist/core/{p-5721cf9b.entry.js → p-48b74272.entry.js} +2 -2
- package/dist/core/{p-5721cf9b.entry.js.map → p-48b74272.entry.js.map} +1 -1
- package/dist/core/{p-04ec45ab.entry.js → p-49b67f59.entry.js} +2 -2
- package/dist/core/{p-04ec45ab.entry.js.map → p-49b67f59.entry.js.map} +1 -1
- package/dist/core/{p-6b44890d.entry.js → p-4bd3f101.entry.js} +2 -2
- package/dist/core/{p-6b44890d.entry.js.map → p-4bd3f101.entry.js.map} +1 -1
- package/dist/core/{p-157a1636.entry.js → p-4e534d68.entry.js} +2 -2
- package/dist/core/{p-157a1636.entry.js.map → p-4e534d68.entry.js.map} +1 -1
- package/dist/core/p-6638d034.entry.js +2 -0
- package/dist/core/{p-73bd93f9.entry.js.map → p-6638d034.entry.js.map} +1 -1
- package/dist/core/{p-46824842.entry.js → p-68a5d225.entry.js} +2 -2
- package/dist/core/{p-46824842.entry.js.map → p-68a5d225.entry.js.map} +1 -1
- package/dist/core/p-6ac9b0f2.entry.js +2 -0
- package/dist/core/p-6ac9b0f2.entry.js.map +1 -0
- package/dist/core/{p-0af96cc0.entry.js → p-6b0625ee.entry.js} +2 -2
- package/dist/core/{p-0af96cc0.entry.js.map → p-6b0625ee.entry.js.map} +1 -1
- package/dist/core/{p-4d365881.entry.js → p-78202a44.entry.js} +2 -2
- package/dist/core/{p-4d365881.entry.js.map → p-78202a44.entry.js.map} +1 -1
- package/dist/core/{p-eb766437.entry.js → p-80052953.entry.js} +2 -2
- package/dist/core/{p-eb766437.entry.js.map → p-80052953.entry.js.map} +1 -1
- package/dist/core/{p-d43959a0.entry.js → p-8ddb6dc6.entry.js} +2 -2
- package/dist/core/{p-d43959a0.entry.js.map → p-8ddb6dc6.entry.js.map} +1 -1
- package/dist/core/{p-d9c574f0.entry.js → p-90cc2ddb.entry.js} +2 -2
- package/dist/core/{p-d9c574f0.entry.js.map → p-90cc2ddb.entry.js.map} +1 -1
- package/dist/core/{p-f3887d6d.entry.js → p-91d5df66.entry.js} +2 -2
- package/dist/core/{p-f3887d6d.entry.js.map → p-91d5df66.entry.js.map} +1 -1
- package/dist/core/{p-187c0eda.entry.js → p-9321fb9d.entry.js} +2 -2
- package/dist/core/{p-187c0eda.entry.js.map → p-9321fb9d.entry.js.map} +1 -1
- package/dist/core/p-943a58b2.entry.js +2 -0
- package/dist/core/{p-33209782.entry.js.map → p-943a58b2.entry.js.map} +1 -1
- package/dist/core/p-B6CqPcY_.js.map +1 -1
- package/dist/core/p-B8TR1oqt.js +3 -0
- package/dist/core/p-B8TR1oqt.js.map +1 -0
- package/dist/core/p-BUmDydor.js.map +1 -1
- package/dist/core/p-BcQO4NH2.js.map +1 -1
- package/dist/core/p-BjcqOprh.js.map +1 -1
- package/dist/core/p-Bo1ROm5Q.js.map +1 -1
- package/dist/core/p-Bz_RzYFb.js.map +1 -1
- package/dist/core/p-C3R1T_pg.js.map +1 -1
- package/dist/core/p-C6JN9gdb.js.map +1 -1
- package/dist/core/p-CDIRBJsi.js.map +1 -1
- package/dist/core/p-CQvUntGY.js.map +1 -1
- package/dist/core/p-Ccwpa1ck.js.map +1 -1
- package/dist/core/p-CgDnDrq5.js.map +1 -1
- package/dist/core/p-Cjg0wpDG.js.map +1 -1
- package/dist/core/p-CoD1xawt.js.map +1 -1
- package/dist/core/p-Cx3bEC5v.js.map +1 -1
- package/dist/core/p-D4TGB274.js.map +1 -1
- package/dist/core/p-DBXGhafv.js.map +1 -1
- package/dist/core/p-DNztiAH0.js.map +1 -1
- package/dist/core/p-DQuL1Twl.js.map +1 -1
- package/dist/core/p-DYcNEwSZ.js.map +1 -1
- package/dist/core/p-EeKNA85D.js.map +1 -1
- package/dist/core/p-GYov8gU1.js.map +1 -1
- package/dist/core/p-NOJjz9dT.js.map +1 -1
- package/dist/core/p-Q99QrOoi.js.map +1 -1
- package/dist/core/p-U40vKHrs.js.map +1 -1
- package/dist/core/p-a4fa2ffc.entry.js +2 -0
- package/dist/core/{p-c4734357.entry.js.map → p-a4fa2ffc.entry.js.map} +1 -1
- package/dist/core/{p-511eed88.entry.js → p-a6f27583.entry.js} +2 -2
- package/dist/core/{p-511eed88.entry.js.map → p-a6f27583.entry.js.map} +1 -1
- package/dist/core/p-a7c322a7.entry.js +2 -0
- package/dist/core/{p-abb7780e.entry.js.map → p-a7c322a7.entry.js.map} +1 -1
- package/dist/core/{p-6d2ce4c7.entry.js → p-ab367b0c.entry.js} +2 -2
- package/dist/core/{p-6d2ce4c7.entry.js.map → p-ab367b0c.entry.js.map} +1 -1
- package/dist/core/{p-c6b55c0a.entry.js → p-ac81cdf6.entry.js} +2 -2
- package/dist/core/{p-c6b55c0a.entry.js.map → p-ac81cdf6.entry.js.map} +1 -1
- package/dist/core/{p-a2c61d50.entry.js → p-ad9227b3.entry.js} +2 -2
- package/dist/core/{p-a2c61d50.entry.js.map → p-ad9227b3.entry.js.map} +1 -1
- package/dist/core/p-af2bd9d3.entry.js +2 -0
- package/dist/core/p-af2bd9d3.entry.js.map +1 -0
- package/dist/core/{p-70b5555f.entry.js → p-b0d4d6bd.entry.js} +2 -2
- package/dist/core/{p-70b5555f.entry.js.map → p-b0d4d6bd.entry.js.map} +1 -1
- package/dist/core/p-b181f85f.entry.js +2 -0
- package/dist/core/{p-57ca8ac7.entry.js.map → p-b181f85f.entry.js.map} +1 -1
- package/dist/core/{p-5305e82e.entry.js → p-b2648255.entry.js} +2 -2
- package/dist/core/{p-5305e82e.entry.js.map → p-b2648255.entry.js.map} +1 -1
- package/dist/core/{p-65a09763.entry.js → p-b37bd421.entry.js} +2 -2
- package/dist/core/{p-65a09763.entry.js.map → p-b37bd421.entry.js.map} +1 -1
- package/dist/core/{p-91cbee1b.entry.js → p-b5e40f40.entry.js} +2 -2
- package/dist/core/{p-91cbee1b.entry.js.map → p-b5e40f40.entry.js.map} +1 -1
- package/dist/core/p-b77c283e.entry.js +2 -0
- package/dist/core/{p-bd389bfd.entry.js.map → p-b77c283e.entry.js.map} +1 -1
- package/dist/core/p-bb5b9ccd.entry.js +2 -0
- package/dist/core/p-bb5b9ccd.entry.js.map +1 -0
- package/dist/core/{p-4c02094d.entry.js → p-c9b2f97c.entry.js} +2 -2
- package/dist/core/{p-4c02094d.entry.js.map → p-c9b2f97c.entry.js.map} +1 -1
- package/dist/core/{p-eb3f6808.entry.js → p-caf817d4.entry.js} +2 -2
- package/dist/core/{p-eb3f6808.entry.js.map → p-caf817d4.entry.js.map} +1 -1
- package/dist/core/p-dc0bd1e5.entry.js +2 -0
- package/dist/core/{p-3e07bf07.entry.js.map → p-dc0bd1e5.entry.js.map} +1 -1
- package/dist/core/{p-db860031.entry.js → p-dd390459.entry.js} +2 -2
- package/dist/core/{p-db860031.entry.js.map → p-dd390459.entry.js.map} +1 -1
- package/dist/core/p-de5dfd70.entry.js +2 -0
- package/dist/core/{p-4da8ac1d.entry.js.map → p-de5dfd70.entry.js.map} +1 -1
- package/dist/core/p-dfb76a14.entry.js +2 -0
- package/dist/core/p-dfb76a14.entry.js.map +1 -0
- package/dist/core/{p-cd163299.entry.js → p-e17def2b.entry.js} +2 -2
- package/dist/core/{p-cd163299.entry.js.map → p-e17def2b.entry.js.map} +1 -1
- package/dist/core/{p-e39e5dc7.entry.js → p-e1d58751.entry.js} +2 -2
- package/dist/core/{p-e39e5dc7.entry.js.map → p-e1d58751.entry.js.map} +1 -1
- package/dist/core/{p-3e07bf07.entry.js → p-e913cfc8.entry.js} +2 -2
- package/dist/core/{p-90ab65b4.entry.js.map → p-e913cfc8.entry.js.map} +1 -1
- package/dist/core/{p-da997fb3.entry.js → p-ea299832.entry.js} +2 -2
- package/dist/core/{p-da997fb3.entry.js.map → p-ea299832.entry.js.map} +1 -1
- package/dist/core/{p-852310d9.entry.js → p-eff8ffff.entry.js} +2 -2
- package/dist/core/{p-852310d9.entry.js.map → p-eff8ffff.entry.js.map} +1 -1
- package/dist/core/{p-4d902f20.entry.js → p-f2d24551.entry.js} +2 -2
- package/dist/core/{p-4d902f20.entry.js.map → p-f2d24551.entry.js.map} +1 -1
- package/dist/core/{p-5c872d64.entry.js → p-f515d912.entry.js} +2 -2
- package/dist/core/{p-bf573a56.entry.js → p-febff4d1.entry.js} +2 -2
- package/dist/core/{p-bf573a56.entry.js.map → p-febff4d1.entry.js.map} +1 -1
- package/dist/core/p-vN03FcXN.js.map +1 -1
- package/dist/esm/app-globals-DQuL1Twl.js.map +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-banner.entry.js +3 -3
- package/dist/esm/gov-banner.entry.js.map +1 -1
- package/dist/esm/gov-flex_3.entry.js +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +68 -24
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +65 -12
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-search.entry.js +1 -1
- package/dist/esm/gov-form-search.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +8 -15
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-tooltip.gov-tooltip-content.entry.js.map +1 -1
- package/dist/esm/gov-tooltip_2.entry.js +34 -9
- package/dist/esm/gov-tooltip_2.entry.js.map +1 -1
- package/dist/esm/gov-wizard-item.entry.js +2 -2
- package/dist/esm/gov-wizard.entry.js +1 -1
- package/dist/esm/index-ClISz4NF.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +187 -69
- package/dist/hydrate/index.mjs +187 -69
- package/dist/types/Users/jf/dev/designSystem/gov-design-system/packages/core/.stencil/packages/core/stencil.config.d.ts +2 -0
- package/dist/types/components/gov-form/autocomplete/autocomplete.utils.d.ts +2 -0
- package/dist/types/components/gov-form/autocomplete/gov-form-autocomplete.d.ts +9 -0
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +1 -0
- package/dist/types/components/gov-form/select/gov-form-select.d.ts +1 -1
- package/dist/types/components/gov-tooltip/gov-tooltip-content.d.ts +4 -0
- package/dist/types/components/gov-tooltip/gov-tooltip.d.ts +3 -0
- package/dist/types/components.d.ts +612 -121
- package/dist/types/stencil-public-runtime.d.ts +170 -11
- package/package.json +32 -28
- package/readme.md +8 -0
- package/dist/components/p-BrdXh0mI.js +0 -2
- package/dist/components/p-DFu5UVoP.js +0 -2
- package/dist/components/p-DFu5UVoP.js.map +0 -1
- package/dist/components/p-DMVQRz4f.js +0 -2
- package/dist/components/p-DMVQRz4f.js.map +0 -1
- package/dist/components/p-UDT3DloZ.js +0 -2
- package/dist/components/p-UDT3DloZ.js.map +0 -1
- package/dist/components/p-x3w8Mun_.js +0 -2
- package/dist/components/p-x3w8Mun_.js.map +0 -1
- package/dist/core/core.css +0 -14776
- package/dist/core/gov-accordion-item.entry.esm.js.map +0 -1
- package/dist/core/gov-accordion.entry.esm.js.map +0 -1
- package/dist/core/gov-attachments.gov-attachments-item.gov-form-message.entry.esm.js.map +0 -1
- package/dist/core/gov-backdrop.entry.esm.js.map +0 -1
- package/dist/core/gov-banner.entry.esm.js.map +0 -1
- package/dist/core/gov-blockquote.entry.esm.js.map +0 -1
- package/dist/core/gov-breadcrumbs.entry.esm.js.map +0 -1
- package/dist/core/gov-button.entry.esm.js.map +0 -1
- package/dist/core/gov-card.entry.esm.js.map +0 -1
- package/dist/core/gov-chip.entry.esm.js.map +0 -1
- package/dist/core/gov-collapsible.entry.esm.js.map +0 -1
- package/dist/core/gov-container.entry.esm.js.map +0 -1
- package/dist/core/gov-control-group.entry.esm.js.map +0 -1
- package/dist/core/gov-cookiebar.entry.esm.js.map +0 -1
- package/dist/core/gov-dialog.entry.esm.js.map +0 -1
- package/dist/core/gov-dropdown.entry.esm.js.map +0 -1
- package/dist/core/gov-empty.entry.esm.js.map +0 -1
- package/dist/core/gov-error-code.entry.esm.js.map +0 -1
- package/dist/core/gov-flex.gov-icon.gov-theme-switch.entry.esm.js.map +0 -1
- package/dist/core/gov-form-autocomplete.entry.esm.js.map +0 -1
- package/dist/core/gov-form-checkbox-group.entry.esm.js.map +0 -1
- package/dist/core/gov-form-checkbox.entry.esm.js.map +0 -1
- package/dist/core/gov-form-control.entry.esm.js.map +0 -1
- package/dist/core/gov-form-file.entry.esm.js.map +0 -1
- package/dist/core/gov-form-group.entry.esm.js.map +0 -1
- package/dist/core/gov-form-input.gov-skeleton.entry.esm.js.map +0 -1
- package/dist/core/gov-form-label.entry.esm.js.map +0 -1
- package/dist/core/gov-form-multi-select.entry.esm.js.map +0 -1
- package/dist/core/gov-form-password-power.entry.esm.js.map +0 -1
- package/dist/core/gov-form-radio-group.entry.esm.js.map +0 -1
- package/dist/core/gov-form-radio.entry.esm.js.map +0 -1
- package/dist/core/gov-form-range.entry.esm.js.map +0 -1
- package/dist/core/gov-form-search.entry.esm.js.map +0 -1
- package/dist/core/gov-form-select.entry.esm.js.map +0 -1
- package/dist/core/gov-form-switch.entry.esm.js.map +0 -1
- package/dist/core/gov-grid-item.entry.esm.js.map +0 -1
- package/dist/core/gov-grid.entry.esm.js.map +0 -1
- package/dist/core/gov-infobar.entry.esm.js.map +0 -1
- package/dist/core/gov-layout-column.entry.esm.js.map +0 -1
- package/dist/core/gov-layout.entry.esm.js.map +0 -1
- package/dist/core/gov-lifecycle.entry.esm.js.map +0 -1
- package/dist/core/gov-link.entry.esm.js.map +0 -1
- package/dist/core/gov-loading.entry.esm.js.map +0 -1
- package/dist/core/gov-message.entry.esm.js.map +0 -1
- package/dist/core/gov-pagination.entry.esm.js.map +0 -1
- package/dist/core/gov-spacer.entry.esm.js.map +0 -1
- package/dist/core/gov-stepper-item.entry.esm.js.map +0 -1
- package/dist/core/gov-stepper.entry.esm.js.map +0 -1
- package/dist/core/gov-tabs-item.entry.esm.js.map +0 -1
- package/dist/core/gov-tabs.entry.esm.js.map +0 -1
- package/dist/core/gov-tag.entry.esm.js.map +0 -1
- package/dist/core/gov-tile.entry.esm.js.map +0 -1
- package/dist/core/gov-toast.entry.esm.js.map +0 -1
- package/dist/core/gov-tooltip.gov-tooltip-content.entry.esm.js.map +0 -1
- package/dist/core/gov-wizard-item.entry.esm.js.map +0 -1
- package/dist/core/gov-wizard.entry.esm.js.map +0 -1
- package/dist/core/loader.esm.js.map +0 -1
- package/dist/core/p-11fc3899.entry.js +0 -2
- package/dist/core/p-11fc3899.entry.js.map +0 -1
- package/dist/core/p-33209782.entry.js +0 -2
- package/dist/core/p-33b462c9.entry.js +0 -2
- package/dist/core/p-33b462c9.entry.js.map +0 -1
- package/dist/core/p-3e5ae012.entry.js +0 -2
- package/dist/core/p-3e5ae012.entry.js.map +0 -1
- package/dist/core/p-469f14db.entry.js +0 -2
- package/dist/core/p-4da8ac1d.entry.js +0 -2
- package/dist/core/p-57ca8ac7.entry.js +0 -2
- package/dist/core/p-73bd93f9.entry.js +0 -2
- package/dist/core/p-90ab65b4.entry.js +0 -2
- package/dist/core/p-ClISz4NF.js +0 -3
- package/dist/core/p-ClISz4NF.js.map +0 -1
- package/dist/core/p-abb7780e.entry.js +0 -2
- package/dist/core/p-bd2df430.entry.js +0 -2
- package/dist/core/p-bd389bfd.entry.js +0 -2
- package/dist/core/p-c21bc8f9.entry.js +0 -2
- package/dist/core/p-c21bc8f9.entry.js.map +0 -1
- package/dist/core/p-c4734357.entry.js +0 -2
- package/dist/core/p-def34832.entry.js +0 -2
- package/dist/core/p-def34832.entry.js.map +0 -1
- package/dist/core/p-fca7a0d6.entry.js +0 -2
- package/dist/types/work/packages/core/.stencil/packages/core/stencil.config.d.ts +0 -2
- /package/dist/components/{p-BZTY3MxF.js.map → p-BGK46VRO.js.map} +0 -0
- /package/dist/components/{p-DKo9A5gq.js.map → p-BHRF-5cf.js.map} +0 -0
- /package/dist/components/{p-DesycS6d.js.map → p-BICk4EuO.js.map} +0 -0
- /package/dist/components/{p-Bv5L0j6n.js.map → p-BNoNH6m-.js.map} +0 -0
- /package/dist/components/{p-9imLQpxb.js.map → p-BSr8e18S.js.map} +0 -0
- /package/dist/components/{p-BNnuBQvo.js.map → p-BxS4InzB.js.map} +0 -0
- /package/dist/components/{p-CfaJM4SA.js.map → p-CMmyR4-k.js.map} +0 -0
- /package/dist/components/{p-B0KFtEn3.js.map → p-CU0plGZP.js.map} +0 -0
- /package/dist/components/{p-djqfSbq-.js.map → p-ClDhNt_H.js.map} +0 -0
- /package/dist/components/{p-yqJEurSE.js.map → p-CnKqUwf9.js.map} +0 -0
- /package/dist/core/{p-5c872d64.entry.js.map → p-f515d912.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as s,h as a,H as t,g as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as s,h as a,H as t,g as i}from"./p-B8TR1oqt.js";import{v as c}from"./p-NOJjz9dT.js";import{a as o,A as b,b as n}from"./p-Cx3bEC5v.js";import{g as d,t as r,b as f}from"./p-CoD1xawt.js";import{i as h}from"./p-CzXeijOj.js";import{t as p}from"./p-Cjg0wpDG.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-Bz_RzYFb.js";const m=class{constructor(a){e(this,a);this.govChange=s(this,"gov-change");this.inheritedAttributes={};this.disabled=false;this.open=false;this.h=d(this.host)}validateSize(e){c(n,e,b.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=h(this.host)}componentDidRender(){p((()=>this.getPropsFromParents()))}getPropsFromParents(){const e=this.h.getParent(o.root);if(e){this.size=e.getAttribute("size")}}render(){return a(t,{key:"1beb62527ea9274e6280ce0b64c9d52c12e4a993",class:this.h.classes([b.root,this.disabled&&b.disabled]),size:this.size,role:"listitem"},a("details",{key:"53ca7688e8f26e85cd76feb073a26d04c5505d2b",class:b.details,id:this.identifier,"aria-disabled":r(this.disabled),open:this.open},a("summary",Object.assign({key:"19fec49b0066b7a6162a6010e0ee20431c2a578b",onClick:e=>{e.stopPropagation();e.preventDefault();!this.disabled&&this.toggle().finally()},class:b.summary,tabIndex:this.disabled?-1:0,"aria-expanded":f(this.open)},this.inheritedAttributes),this.h.hasSlot("icon")&&a("span",{key:"19254947c22fa2b1a2fa4e26eacb22c0c89b40c9",class:b.icon},a("slot",{key:"262be1640f250fabf9918f4162c071bb68dc4fb3",name:"icon"})),a("span",{key:"ebb5ef762ef51921b68a8063fd09c979d7d0d32d",class:b.title},a("slot",{key:"75783345d2276f06e53c401761cb4e57d241e5e0",name:"label"}),a("slot",{key:"f2d9cdff693edbcae6293921fde7996d1b1251b6",name:"annotation"})),a("span",{key:"f7e28ea54455756c7d146c7b88be7001e80b07a8",class:b.right},a("slot",{key:"e76b31bf1c349a8a86d4b91ec1cfa650a75edf60",name:"suffix"}),a("span",{key:"87ea99c9862deb3ff9820fa383cec52956b4655a",class:b.arrow},a("slot",{key:"c8b64a90455a731f359e12550664ba5aa905abbc",name:"toggle-icon"},a("gov-icon",{key:"867406c5634d6446683529f5f647492b9b289a31",name:"chevron-down",type:"components"}))))),a("div",{key:"2adf7441dd470ae1b32a08fb374cd1d9e2d1f789",class:b.content},a("slot",{key:"8eb27d0b33689933b6e71850324c35c89d71c4c0"}))))}async toggle(){this.open=!this.open;this.govChange.emit({open:this.open,component:b.root,ref:this.host})}async currentState(){return this.open}get host(){return i(this)}static get watchers(){return{size:[{validateSize:0}]}}};export{m as gov_accordion_item};
|
|
2
|
+
//# sourceMappingURL=p-2493a7f3.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GovAccordionItem","constructor","hostRef","this","inheritedAttributes","disabled","open","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","componentWillLoad","size","inheritAriaAttributes","componentDidRender","tick","getPropsFromParents","accordion","getParent","AccordionClass","getAttribute","render","Host","key","class","classes","role","details","id","identifier","toBoolAttrIfDefined","Object","assign","onClick","e","stopPropagation","preventDefault","toggle","finally","summary","tabIndex","booleanString","hasSlot","icon","name","title","right","arrow","type","content","govChange","emit","component","ref","currentState"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/**\n\t * Custom accordion item identifier.\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop({ mutable: true }) size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.getPropsFromParents())\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"mappings":"sXAaaA,EAAgB,MAI5B,WAAAC,CAAAC,G,8CAFQC,
|
|
1
|
+
{"version":3,"names":["GovAccordionItem","constructor","hostRef","this","inheritedAttributes","disabled","open","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","componentWillLoad","size","inheritAriaAttributes","componentDidRender","tick","getPropsFromParents","accordion","getParent","AccordionClass","getAttribute","render","Host","key","class","classes","role","details","id","identifier","toBoolAttrIfDefined","Object","assign","onClick","e","stopPropagation","preventDefault","toggle","finally","summary","tabIndex","booleanString","hasSlot","icon","name","title","right","arrow","type","content","govChange","emit","component","ref","currentState"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/**\n\t * Custom accordion item identifier.\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop({ mutable: true }) size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.getPropsFromParents())\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"mappings":"sXAaaA,EAAgB,MAI5B,WAAAC,CAAAC,G,8CAFQC,KAAAC,oBAAkC,GAoBzBD,KAAAE,SAAoB,MAIKF,KAAAG,KAAO,MArBhDH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CA2BD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAmBC,K,CAG3D,iBAAAC,GACCb,KAAKO,aAAaP,KAAKc,MACvBd,KAAKC,oBAAsBc,EAAsBf,KAAKM,K,CAGvD,kBAAAU,GACCC,GAAK,IAAMjB,KAAKkB,uB,CAGT,mBAAAA,GACP,MAAMC,EAAYnB,KAAKI,EAAEgB,UAAUC,EAAeT,MAClD,GAAIO,EAAW,CACdnB,KAAKc,KAAOK,EAAUG,aAAa,O,EAIrC,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAO1B,KAAKI,EAAEuB,QAAQ,CAAChB,EAAmBC,KAC/CZ,KAAKE,UAAYS,EAAmBT,WAClCY,KAAMd,KAAKc,KACXc,KAAK,YACPxB,EAAA,WAAAqB,IAAA,2CACCC,MAAOf,EAAmBkB,QAC1BC,GAAI9B,KAAK+B,WAAU,gBACJC,EAAoBhC,KAAKE,UACxCC,KAAMH,KAAKG,MAEXC,EAAA,UAAA6B,OAAAC,OAAA,CAAAT,IAAA,2CACCU,QAAUC,IACTA,EAAEC,kBACFD,EAAEE,kBACDtC,KAAKE,UAAYF,KAAKuC,SAASC,SAAS,EAE1Cd,MAAOf,EAAmB8B,QAC1BC,SAAU1C,KAAKE,UAAW,EAAK,EAAC,gBACjByC,EAAc3C,KAAKG,OAC9BH,KAAKC,qBAERD,KAAKI,EAAEwC,QAAQ,SACfxC,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBkC,MAC/BzC,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,UAIb1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBoC,OAC/B3C,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,UACX1C,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,gBAGZ1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBqC,OAC/B5C,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,WACX1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBsC,OAC/B7C,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,eACV1C,EAAA,YAAAqB,IAAA,2CAAUqB,KAAK,eAAeI,KAAK,mBAKvC9C,EAAA,OAAAqB,IAAA,2CAAKC,MAAOf,EAAmBwC,SAC9B/C,EAAA,QAAAqB,IAAA,+C,CAWL,YAAMc,GACLvC,KAAKG,MAAQH,KAAKG,KAClBH,KAAKoD,UAAUC,KAAK,CACnBlD,KAAMH,KAAKG,KACXmD,UAAW3C,EAAmBC,KAC9B2C,IAAKvD,KAAKM,M,CAQZ,kBAAMkD,GACL,OAAOxD,KAAKG,I","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,g as o}from"./p-B8TR1oqt.js";import{p as a}from"./p-CQvUntGY.js";import{S as e}from"./p-BcQO4NH2.js";import{g as r,b as d}from"./p-CoD1xawt.js";import{v as h}from"./p-NOJjz9dT.js";import{A as n,a as c}from"./p-Bz_RzYFb.js";import{c as l}from"./p-vN03FcXN.js";import{i as p}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";const f=a(e,["_XS","_S","_M","_L","_XL"]);var b;(function(t){t["DOWN"]="down";t["UP"]="up"})(b||(b={}));const m={root:"gov-collapsible",content:"gov-collapsible__content",disabled:"gov-collapsible--disabled"};const v=class{constructor(s){t(this,s);this.hydrated=false;this.size="m";this.disabled=false;this.open=false;this.inheritedAttributes={};this.h=r(this.host);this.triggerId=l("GovCollapsibleControl");this.contentId=l("GovCollapsibleContent")}validateSize(t){h(f,t,m.root)}componentDidLoad(){this.attributeObserver=new n(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(c)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=p(this.host)}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}connectedCallback(){this.hydrated=true}render(){return s(i,{key:"769978332f69d9faf2a4e8b305db730f30aff4ef",hydrated:this.hydrated,class:this.h.classes([m.root,this.disabled&&m.disabled]),size:this.size},s("gov-button",Object.assign({key:"8471245d9dd22f5599d234f86b7bf2127d8632ac",color:"primary",size:this.size,type:"link",disabled:this.disabled,"onGov-click":t=>{t.stopPropagation();t.preventDefault();this.open=!this.open}},this.inheritedAttributes,{identifier:this.triggerId,"aria-controls":this.contentId,"aria-expanded":d(this.open),"aria-haspopup":"true"}),this.label,s("gov-icon",{key:"01d4627f3817249e3653f8a2fdf0cc2d2d2ad36a",slot:"icon-end",name:this.open?"chevron-up":"chevron-down",type:"components"})),s("div",{key:"0d680443f3fa888d753aaf0090e9c4da177dbf7b",class:m.content,hidden:!this.open,id:this.contentId,"aria-labelledby":this.triggerId,"aria-hidden":d(!this.open)},s("slot",{key:"4b3c64ff8fb7f6d6039d9042328121207ccf7580"})))}get host(){return o(this)}static get watchers(){return{size:[{validateSize:0}]}}};export{v as gov_collapsible};
|
|
2
|
+
//# sourceMappingURL=p-2e15a654.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CollapsibleSizes","pick","Sizes","CollapsibleDirection","CollapsibleClass","root","content","disabled","GovCollapsible","constructor","hostRef","this","hydrated","size","open","inheritedAttributes","h","govHost","host","triggerId","createID","contentId","validateSize","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","connectedCallback","render","Host","key","class","classes","color","type","e","stopPropagation","preventDefault","identifier","booleanString","label","slot","name","hidden","id"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["CollapsibleSizes","pick","Sizes","CollapsibleDirection","CollapsibleClass","root","content","disabled","GovCollapsible","constructor","hostRef","this","hydrated","size","open","inheritedAttributes","h","govHost","host","triggerId","createID","contentId","validateSize","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","connectedCallback","render","Host","key","class","classes","color","type","e","stopPropagation","preventDefault","identifier","booleanString","label","slot","name","hidden","id"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"2VAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGtE,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,UACA,EAHD,CAAYA,MAAoB,KAMzB,MAAMC,EAAmB,CAC/BC,KAAM,kBAKNC,QAAS,2BACTC,SAAU,6B,MCNEC,EAAc,MAO1B,WAAAC,CAAAC,G,UALQC,KAAAC,SAAW,MAeFD,KAAAE,KAA8B,IAU9BF,KAAAJ,SAAoB,MAIKI,KAAAG,KAAO,MAExCH,KAAAI,oBAAkC,GAzB1CJ,KAAKK,EAAIC,EAAQN,KAAKO,MACtBP,KAAKQ,UAAYC,EAAS,yBAC1BT,KAAKU,UAAYD,EAAS,wBAC1B,CA0BD,YAAAE,CAAaC,GACZC,EAAaxB,EAAkBuB,EAAUnB,EAAiBC,K,CAG3D,gBAAAoB,GACCd,KAAKe,kBAAoB,IAAIC,EAAkBhB,KAAKO,MAAM,CAACU,EAAeL,KACzEZ,KAAKkB,sBAAsBD,EAAeL,EAAS,IAGpDZ,KAAKe,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCrB,KAAKW,aAAaX,KAAKE,MAEvBF,KAAKI,oBAAsBkB,EAAsBtB,KAAKO,K,CAGvD,qBAAAW,CAAsBD,EAAuBL,GAC5CZ,KAAKO,KAAKgB,gBAAgBN,GAC1BjB,KAAKI,oBAAmBoB,OAAAC,OAAAD,OAAAC,OAAA,GAAOzB,KAAKI,qBAAmB,CAAEa,CAACA,GAAgBL,G,CAG3E,oBAAAc,G,OACCC,EAAA3B,KAAKe,qBAAiB,MAAAY,SAAA,SAAAA,EAAEC,e,CAGzB,iBAAAC,GACC7B,KAAKC,SAAW,I,CAGjB,MAAA6B,GACC,OACCzB,EAAC0B,EAAI,CAAAC,IAAA,2CAAC/B,SAAUD,KAAKC,SAClBgC,MAAOjC,KAAKK,EAAE6B,QAAQ,CAACzC,EAAiBC,KAAMM,KAAKJ,UAAYH,EAAiBG,WAChFM,KAAMF,KAAKE,MACbG,EAAA,aAAAmB,OAAAC,OAAA,CAAAO,IAAA,2CAAYG,MAAO,UAChBjC,KAAMF,KAAKE,KACXkC,KAAM,OACNxC,SAAUI,KAAKJ,SAAQ,cACTyC,IACbA,EAAEC,kBACFD,EAAEE,iBACFvC,KAAKG,MAAQH,KAAKG,IAAI,GAEnBH,KAAKI,oBAAmB,CAC5BoC,WAAYxC,KAAKQ,UAAS,gBACXR,KAAKU,UAAS,gBACd+B,EAAczC,KAAKG,MAAK,gBACzB,SACfH,KAAK0C,MACNrC,EAAA,YAAA2B,IAAA,2CAAUW,KAAM,WACZC,KAAM5C,KAAKG,KAAO,aAAe,eACjCiC,KAAK,gBAGV/B,EAAA,OAAA2B,IAAA,2CAAKC,MAAOxC,EAAiBE,QAC3BkD,QAAS7C,KAAKG,KACd2C,GAAI9C,KAAKU,UAAS,kBACDV,KAAKQ,UAAS,cAClBiC,GAAezC,KAAKG,OAClCE,EAAA,QAAA2B,IAAA,8C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t,H as e,g as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t,H as e,g as r}from"./p-B8TR1oqt.js";import{a as o}from"./p-C6JN9gdb.js";import{g as i}from"./p-CoD1xawt.js";import"./p-BcQO4NH2.js";const a=class{constructor(t){s(this,t);this.column="12";this.row="1";this.h=i(this.host)}render(){return t(e,{key:"086294eca8d2a38b5b9262739e3030791c9e074a",class:this.h.classes(o.root),role:"listitem"},t("slot",{key:"5eede8d6ed01862f9fe704c5e4c2e31f2a799e69"}))}get host(){return r(this)}};export{a as gov_grid_item};
|
|
2
|
+
//# sourceMappingURL=p-30ad7514.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GovGridItem","constructor","hostRef","this","column","row","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\n\t/**\n\t * Connects rows in the grid\n\t */\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\n\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+JAQaA,EAAW,MAGvB,WAAAC,CAAAC,G,UAQ0CC,
|
|
1
|
+
{"version":3,"names":["GovGridItem","constructor","hostRef","this","column","row","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\n\t/**\n\t * Connects rows in the grid\n\t */\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\n\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+JAQaA,EAAW,MAGvB,WAAAC,CAAAC,G,UAQ0CC,KAAAC,OAAiB,KAoBjBD,KAAAE,IAAc,IA3BvDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA6CD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOT,KAAKG,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as s}from"./p-B8TR1oqt.js";import{g as c,b as o}from"./p-CoD1xawt.js";import{c as d}from"./p-vN03FcXN.js";import{v as n}from"./p-CDIRBJsi.js";import{c as r}from"./p-CgDnDrq5.js";import{d as h}from"./p-CQvUntGY.js";import"./p-DNztiAH0.js";var l;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(l||(l={}));const f={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var b;(function(e){e["A"]="a";e["DIV"]="div"})(b||(b={}));const v=class{constructor(t){e(this,t);this.govToggle=i(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?b.A:b.DIV;return t(a,{key:"8e06f44b5b92bdbbdd47121d3e136485b83ce64e",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),clickable:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:f.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:f.header},t("slot",{name:"headline"})):null,t(e,{key:"e10c86ffa82d2e6227f0212295f4eed2ec68adac",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:f.inner},this.h.hasSlot("img")&&t("div",{key:"f3c3a6f840fb6c8c6a4816e821bc3678fb696140",class:f.img},t("slot",{key:"d935568b7eeab4ce60cd699c301bf735a62e8862",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"a11162b8aa9820facd7e141cecd95327c1d299f4",class:f.icon},t("slot",{key:"e8dbb0a3e4f24eeed4254f8b91e9491029eb0221",name:"icon"})),t("div",{key:"76953be0ece73a123389d5d3e5f5accf5da9fd27",class:f.content},t("slot",{key:"a424223d3cd41e382cb97685c40a11ac43c8f836"})),this.h.hasSlot("footer")&&t("div",{key:"4ab1cfaa4d814f1bf693b44c4a56169caf8cea45",class:f.footer},t("slot",{key:"3427ccf260355c8b8b3b8d1dea54d8e82ec44da5",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return s(this)}};export{v as gov_card};
|
|
2
|
+
//# sourceMappingURL=p-378cf8de.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","constructor","hostRef","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines weather the card can be clickable with hover effect\n\t */\n\t@Prop() readonly clickable: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t collapsible={booleanString(this.collapsible)}\n\t\t\t\t clickable={this.clickable}\n\t\t\t\t direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"mRAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,
|
|
1
|
+
{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","constructor","hostRef","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines weather the card can be clickable with hover effect\n\t */\n\t@Prop() readonly clickable: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t collapsible={booleanString(this.collapsible)}\n\t\t\t\t clickable={this.clickable}\n\t\t\t\t direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as o,g as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,H as o,g as e}from"./p-B8TR1oqt.js";import{v as a}from"./p-NOJjz9dT.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{g as h}from"./p-CoD1xawt.js";import{c as n}from"./p-vN03FcXN.js";import{A as d,a as l}from"./p-Bz_RzYFb.js";import{i as b}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";const m=c(r,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var p;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(p||(p={}));const f={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const v=class{constructor(i){t(this,i);this.govClose=s(this,"gov-close");this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.inheritedAttributes={};this.h=h(this.host);this.toastId=n("GovToast")}validateColor(t){a(m,t,f.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=b(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(f.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(o,{key:"987e5c487dd42f713414dcb0db4c5324db61bc46",class:this.h.classes(f.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"1ebdf5e3b7a44dfa2c5489a3d23f5b7aff2368b4",class:f.icon},i("slot",{key:"be28a32d3ff38e6c9adcaee780cfab4b814c4291",name:"icon"})),i("div",Object.assign({key:"c8a8040d1b724d0e59d10a7dfde32870912c5bed",class:f.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"021b0fede68c4f897c28b1f6ef7b088d71740ec3"})),i("gov-button",{key:"1792f238afbba0ad073cd5513044b15d43cbe07b",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:f.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"b467970959f395a2c14182d98a06b17e471611b4",class:f.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(f.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return e(this)}static get watchers(){return{color:[{validateColor:0}]}}};export{v as gov_toast};
|
|
2
|
+
//# sourceMappingURL=p-3a4799b3.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","constructor","hostRef","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"2VAIO,MAAMA,EAAcC,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGnF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,
|
|
1
|
+
{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","constructor","hostRef","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as a}from"./p-B8TR1oqt.js";import{F as o}from"./p-5itQzbON.js";import{v as n}from"./p-NOJjz9dT.js";import{S as r}from"./p-BcQO4NH2.js";import{C as h}from"./p-U40vKHrs.js";import{p as l}from"./p-CQvUntGY.js";import{g as c,p,t as g}from"./p-CoD1xawt.js";import{c as m}from"./p-vN03FcXN.js";import{c as d}from"./p-Ccwpa1ck.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-DNztiAH0.js";const j=l(r,["_S","_M"]);const b=l(h,["PRIMARY","NEUTRAL"]);var _;(function(t){t["BUTTON"]="button";t["SELECT"]="select"})(_||(_={}));const z={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemMore:"gov-pagination__item--more",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner",arrow:"gov-pagination__arrow"};function y(t,s=1,i=10,e=10){const a=Math.ceil(t/i);if(s<1){s=1}else if(s>a){s=a}let o,n;if(a<=e){o=1;n=a}else{const t=Math.floor(e/2);const i=Math.ceil(e/2)-1;if(s<=t){o=1;n=e}else if(s+i>=a){o=a-e+1;n=a}else{o=s-t;n=s+i}}const r=(s-1)*i;const h=Math.min(r+i-1,t-1);const l=Array.from(Array(n+1-o).keys()).map((t=>o+t));return{totalItems:t,currentPage:s,pageSize:i,totalPages:a,startPage:o,endPage:n,startIndex:r,endIndex:h,pages:l}}const P=class{constructor(i){t(this,i);this.govPage=s(this,"gov-page");this.type="button";this.current=1;this.total=0;this.size="m";this.color="primary";this.pageSize=10;this.maxPages=5;this.accessibleSelectLabel="Vybrat stranu";this.accessiblePageLabel="Strana";this.labelPrev="Přejít o stranu zpět";this.labelStart="Přejít na začátek";this.labelNext="Přejít na další stranu";this.labelEnd="Přejít na konec";this.inheritedAttributes={};this.h=c(this.host);this.pageSelectId=m("GovPageSelect");this.selectId=m("GovSelect")}validateType(t){n(_,t,z.root)}validateSize(t){n(j,t,z.root)}validateColor(t){n(b,t,z.root)}recalculate(){this.recalculatePagination(this.current)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.recalculatePagination(this.current);this.validateSize(this.size);this.validateColor(this.color);this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}recalculatePagination(t){this.pagination=y(this.total,t,this.pageSize,this.maxPages)}isActivePageClass(t,s){if(this.pagination.currentPage===s){return t+" is-active"}else{return t}}prepareLinkUrl(t){if(this.link){return String(this.link).replace("{PAGE}",String(t))}return undefined}resetSelectValue(){if(this.spreadSelectRef){this.spreadSelectRef.getRef().then((t=>{t.value="..."}))}}render(){const t=(t,s,e)=>{const a=t===-1;const o=g(this.pagination.currentPage===t?true:undefined);return i("gov-button",{href:this.prepareLinkUrl(t),color:this.color,size:this.size,type:"base",disabled:a,"on-gov-click":s=>this.onClickHandler(s,t),"aria-label":e?e:t>-1?`${this.accessiblePageLabel} ${t}`:undefined,"aria-current":o,class:z.inner,focusable:true},s)};return i(e,{class:this.h.classes(z.root),type:this.type,color:this.color,size:this.size},i("nav",Object.assign({},this.inheritedAttributes),i("ul",{class:z.list},i("li",{class:p([z.item,z.itemArrow])},t(this.pagination.currentPage>1?1:-1,i("gov-icon",{class:z.arrow,name:"chevron-double-left",type:"components"}),this.labelStart)),i("li",{class:p([z.item,z.itemArrow])},t(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,i("gov-icon",{class:z.arrow,name:"chevron-left",type:"components"}),this.labelPrev)),this.type=="select"?i("li",{class:p([z.item,z.itemSelect])},i("span",{class:z.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,"on-gov-change":this.onSelectHandler.bind(this)},d(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:this.pagination.currentPage===t},t)))))):i(o,null,this.pagination.pages.map((s=>i("li",{class:this.isActivePageClass(z.item,s)},t(s,s,"")))),this.pagination.totalPages?i("li",{class:p([z.item,z.itemMore])},i("span",{class:z.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,ref:t=>this.spreadSelectRef=t,"on-gov-change":this.onSelectHandler.bind(this)},i("option",{selected:true,hidden:true},"..."),d(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:false},t)))))):null),i("li",{class:p([z.item,z.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,i("gov-icon",{class:z.arrow,name:"chevron-right",type:"components"}),this.labelNext)),i("li",{class:p([z.item,z.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,i("gov-icon",{class:z.arrow,name:"chevron-double-right",type:"components"}),this.labelEnd)))))}onClickHandler(t,s){t.stopPropagation();this.recalculatePagination(s);this.govPage.emit({component:z.root,pagination:this.pagination})}onSelectHandler(t){t.stopPropagation();const s=t.detail.value;const i=parseInt(s);this.resetSelectValue();if(isNaN(i)===false){this.recalculatePagination(i);if(this.link){window.location.href=this.prepareLinkUrl(i)}else{this.govPage.emit({component:z.root,pagination:this.pagination})}}}get host(){return a(this)}static get watchers(){return{type:[{validateType:0}],size:[{validateSize:0}],color:[{validateColor:0}],current:[{recalculate:0}],total:[{recalculate:0}],pageSize:[{recalculate:0}],maxPages:[{recalculate:0}]}}};export{P as gov_pagination};
|
|
2
|
+
//# sourceMappingURL=p-3ebbe75a.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","constructor","hostRef","this","type","current","total","size","color","accessibleSelectLabel","accessiblePageLabel","labelPrev","labelStart","labelNext","labelEnd","inheritedAttributes","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","pagination","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","disabled","e","onClickHandler","class","focusable","Host","classes","prepareClasses","name","id","hidden","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.types\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/**\n\t * Description of the possibility to go back one page\n\t */\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/**\n\t * Description of the option to go to the top of paging\n\t */\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/**\n\t * Description of the option to go to the end of paging\n\t */\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/**\n\t * Description of the option to move one page forward\n\t */\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","constructor","hostRef","this","type","current","total","size","color","accessibleSelectLabel","accessiblePageLabel","labelPrev","labelStart","labelNext","labelEnd","inheritedAttributes","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","pagination","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","disabled","e","onClickHandler","class","focusable","Host","classes","prepareClasses","name","id","hidden","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.types\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/**\n\t * Description of the possibility to go back one page\n\t */\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/**\n\t * Description of the option to go to the top of paging\n\t */\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/**\n\t * Description of the option to go to the end of paging\n\t */\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/**\n\t * Description of the option to move one page forward\n\t */\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as s,H as e,g as i,c as n}from"./p-B8TR1oqt.js";import{S as o}from"./p-BcQO4NH2.js";import{g as a}from"./p-CoD1xawt.js";import{p as r}from"./p-CQvUntGY.js";import{C as c}from"./p-U40vKHrs.js";import{i as h,a as l,b as f}from"./p-CgDnDrq5.js";import{v as d}from"./p-NOJjz9dT.js";const u={root:"gov-flex"};const m=class{constructor(s){t(this,s);this.direction="row";this.responsive="true";this.h=a(this.host)}render(){return s(e,{key:"a6d1aed0cf8fd8c94ef83821d142756943bc55f3",class:this.h.classes(u.root)},s("slot",{key:"34551ed862ff8384c3eade0d12762847772a0331"}))}get host(){return i(this)}};r(o,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const p=r(c,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var v;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(v||(v={}));const g={root:"gov-icon"};const w="4.6.5-b";const b=()=>w;const _={};const y={};const S=t=>t.startsWith("http://")||t.startsWith("https://");const k=(t,s,e)=>{if(S(t)){return`${t}/${e}/${s}.svg?v=${b()}`}return`${t}/${e}/${s}.svg`+`?v=${b()}`};async function C({name:t,type:s}){const e=s+"-"+t;if(_[e]){return _[e]}if(!y[e]){y[e]=fetch(k(h(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const i=await y[e];_[e]=i;return i}const L=(t,s,e)=>{if(!l){return}let i="";document.cookie=`${t}=${encodeURIComponent(s)}${i}; path=/`};const D=t=>{if(!l){return null}const s=t+"=";const e=document.cookie.split(";");for(let t=0;t<e.length;t++){let i=e[t].trim();if(i.startsWith(s)){return decodeURIComponent(i.substring(s.length))}}return null};const I=t=>{try{const s=new DOMParser;const e=s.parseFromString(t,"image/svg+xml");const i=e.querySelector("parsererror");if(i){return false}const n=e.documentElement;if(n.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const R=class{constructor(s){t(this,s);this.name=null;this.type="components";this.visible=false;this.error=false;this.h=a(this.host)}validateSize(t){d(o,t,g.root)}validateColor(t){d(p,t,g.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(f()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateSize(this.size);this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const e=await C({name:t,type:s});const i=I(e);this.host.innerHTML=i?e:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return s(e,{class:this.h.classes(g.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{size:[{validateSize:0}],color:[{validateColor:0}],name:[{loadIconPathData:0}]}}};const $=r(o,["_XS","_S","_M","_L","_XL"]);const j={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const z="data-theme";var E;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(E||(E={}));const x=class{constructor(s){t(this,s);this.govChange=n(this,"gov-change");this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=E.auto;this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:j.root,state:this.theme,ref:this.host})};this.h=a(this.host)}validateSize(t){d($,t,j.root)}watchTheme(t){this.htmlElement.setAttribute(z,t);this.htmlElement.classList.remove(...Object.keys(E));this.htmlElement.classList.add(t);L(z,t)}get storageValue(){return D(z)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return l&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(E);let s=this.storageValue;const e=this.htmlElement.getAttribute(z);if(s&&t.includes(s)){this.theme=s}else if(e&&t.includes(e)){this.theme=e}else{this.theme=E.auto}}render(){let t=this.theme===E.dark;if(this.theme===E.auto){t=this.isSystemPrefersColorDark}return s(e,{key:"3015dd1049b1c9a2b5902d1d56c8b3872a275c10",class:this.h.classes(j.root),theme:t?E.dark:E.light,size:this.size},s("button",{key:"ca4b331189fca45f66c4eef138db66482add2834",onClick:()=>this.setThemeState(t?E.light:E.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},s("span",{key:"ed2a779f1e9fe1a0e722439598c9a413e9b39071"},s("span",{key:"f58e164a6b1b389ecfe93f7d2673ea5749a8fd96",class:j.indicator},E.light&&s("gov-icon",{key:"24663f2d33ea2bead59df37fef9932e549070ce4",name:"sun",class:j.iconLight,type:"components"}),E.dark&&s("gov-icon",{key:"a4482c64c35b9c70122a687aca4bb90bfa1000f3",name:"moon",class:j.iconDark,type:"components"})),this.displayLabel?s("span",{class:j.label},t?this.labelDark:this.labelLight):null)))}get host(){return i(this)}static get watchers(){return{size:[{validateSize:0}],theme:[{watchTheme:0}]}}};export{m as gov_flex,R as gov_icon,x as gov_theme_switch};
|
|
2
|
+
//# sourceMappingURL=p-41bef63a.entry.js.map
|