@gov-design-system-ce/components 4.6.4 → 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/gov-flex_3.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +35 -11
- 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/collection/components/gov-form/file/gov-form-file.js +7 -2
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +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-attachments-item.js +1 -1
- package/dist/components/gov-blockquote.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-breadcrumbs.js.map +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-dialog.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox.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-input.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-range.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-link.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-pagination.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-wizard-item.js +1 -1
- package/dist/components/{p-ibUK7mfI.js → p-BGK46VRO.js} +2 -2
- package/dist/components/{p-iTwUkISB.js → p-BICk4EuO.js} +2 -2
- package/dist/components/{p-DN5pb9xA.js → p-BNoNH6m-.js} +2 -2
- package/dist/components/{p-C_URF9Su.js → p-ClDhNt_H.js} +2 -2
- package/dist/components/p-DRXiDAHW.js +2 -0
- package/dist/components/{p-CXPP9vec.js.map → p-DRXiDAHW.js.map} +1 -1
- package/dist/components/{p-pJ_vPAO0.js → p-DjGO_trZ.js} +2 -2
- package/dist/components/{p-yIpIIG5A.js → p-DmK9qaKH.js} +2 -2
- package/dist/components/{p-DEthsMuE.js → p-isPjiQbr.js} +2 -2
- 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-bec959c4.entry.js.map → p-41bef63a.entry.js.map} +1 -1
- package/dist/core/{p-4e2faea7.entry.js → p-4342c252.entry.js} +2 -2
- package/dist/core/{p-4e2faea7.entry.js.map → p-4342c252.entry.js.map} +1 -1
- 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-8d47e346.entry.js → p-6ac9b0f2.entry.js} +2 -2
- package/dist/core/{p-8d47e346.entry.js.map → p-6ac9b0f2.entry.js.map} +1 -1
- 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-f75ad657.entry.js → p-78202a44.entry.js} +2 -2
- package/dist/core/{p-f75ad657.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-d9d29f50.entry.js → p-af2bd9d3.entry.js} +2 -2
- package/dist/core/{p-d9d29f50.entry.js.map → p-af2bd9d3.entry.js.map} +1 -1
- 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-19300834.entry.js → p-b77c283e.entry.js} +2 -2
- package/dist/core/{p-19300834.entry.js.map → p-b77c283e.entry.js.map} +1 -1
- package/dist/core/{p-7f513718.entry.js → p-bb5b9ccd.entry.js} +2 -2
- package/dist/core/{p-7f513718.entry.js.map → p-bb5b9ccd.entry.js.map} +1 -1
- 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-10991f00.entry.js → p-de5dfd70.entry.js} +2 -2
- package/dist/core/{p-10991f00.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/gov-flex_3.entry.js +1 -1
- package/dist/esm/gov-form-file.entry.js +35 -11
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/hydrate/index.js +36 -12
- package/dist/hydrate/index.mjs +36 -12
- package/dist/types/components.d.ts +592 -119
- package/dist/types/stencil-public-runtime.d.ts +170 -11
- package/package.json +32 -28
- package/readme.md +1 -2
- package/dist/components/p-CXPP9vec.js +0 -2
- 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-33209782.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-afe254cb.entry.js +0 -2
- package/dist/core/p-afe254cb.entry.js.map +0 -1
- package/dist/core/p-bd2df430.entry.js +0 -2
- package/dist/core/p-bec959c4.entry.js +0 -2
- package/dist/core/p-c4734357.entry.js +0 -2
- package/dist/core/p-fca7a0d6.entry.js +0 -2
- /package/dist/components/{p-ibUK7mfI.js.map → p-BGK46VRO.js.map} +0 -0
- /package/dist/components/{p-iTwUkISB.js.map → p-BICk4EuO.js.map} +0 -0
- /package/dist/components/{p-DN5pb9xA.js.map → p-BNoNH6m-.js.map} +0 -0
- /package/dist/components/{p-C_URF9Su.js.map → p-ClDhNt_H.js.map} +0 -0
- /package/dist/components/{p-pJ_vPAO0.js.map → p-DjGO_trZ.js.map} +0 -0
- /package/dist/components/{p-yIpIIG5A.js.map → p-DmK9qaKH.js.map} +0 -0
- /package/dist/components/{p-DEthsMuE.js.map → p-isPjiQbr.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 t,c as s,h as i,H as e,g as h}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-B8TR1oqt.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n,a as r,t as c}from"./p-CoD1xawt.js";import{v as l}from"./p-NOJjz9dT.js";import{A as p,a as u}from"./p-Bz_RzYFb.js";import{g as d}from"./p-B6CqPcY_.js";import{t as f}from"./p-Cjg0wpDG.js";import{a as m}from"./p-DNztiAH0.js";import{c as v}from"./p-vN03FcXN.js";import{i as b}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const g=a(o,["_S","_M","_L"]);const j={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const C=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govInput=s(this,"gov-input");this.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=n(this.host);this.f=d(this.h);this.inputId=v("GovInput")}validateSize(t){l(g,t,j.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const h=this.inputRef.offsetWidth;const a=(t-s)/(i-s)*100;let o=a/100*(h-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${o-t}px`}if(this.fillRef){this.fillRef.style.width=`${o}px`}}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));f(this.controlOutputPosition.bind(this))}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()}render(){return i(e,{key:"28444cac3f85772d0efb301cb43219c184f8f2fe",class:j.root,size:this.size},this.h.hasSlot("prefix")&&i("slot",{key:"3ec11551a934f90dd8ee821b11e626a07b865ed0",name:"prefix"}),i("span",{key:"63ac5b2b977124208fe55f237d378cbb7d20e72f",class:"element"},i("input",Object.assign({key:"802a3145c61e9074733e80ae5a66094ae0b9657d",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),i("div",{key:"3aa0f6ab956c1d3f58d256b137dc4bde129d2eba",class:j.fill,ref:t=>this.fillRef=t}),this.tooltip?i("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,i("slot",{key:"b71ca566187911623048a030870330d0b42ae1fd",name:"datalist"})),this.h.hasSlot("sufix")&&i("slot",{key:"18e53573e7b90cba853deead846b30325727e3d1",name:"sufix"}),this.input?i("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:j.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&m(+this.step)){const i=+s;const e=+this.min;const h=+this.max;const a=+this.step;if(isNaN(i)){return false}if(i<e||i>h){return false}const o=i-e;if(o%a!==0){return false}this.value=s;this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:j.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:j.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return h(this)}static get watchers(){return{size:[{validateSize:0},{watchControlAttrs:0}],value:[{watchValue:0}],disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}],success:[{watchControlAttrs:0}]}}};export{C as gov_form_range};
|
|
2
|
+
//# sourceMappingURL=p-b5e40f40.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","constructor","hostRef","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\n\nexport const FormRangeClass = {\n\troot: 'gov-form-range',\n\tfill: 'gov-form-range--fill',\n\tinput: 'gov-form-range--input',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\nimport {validateProp} from \"../../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\nimport {govForm} from \"../../../helpers/Dom/form\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {isNumber} from \"../../../utils/helpers.types\";\nimport {createID} from \"../../../utils/string.utils\";\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-form-range',\n})\nexport class GovFormRange {\n\tprivate inputRef?: HTMLInputElement\n\tprivate outputRef?: HTMLOutputElement\n\tprivate fillRef?: HTMLDivElement\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.inputId = createID(\"GovInput\")\n\t}\n\n\t@Element() host: HTMLGovFormRangeElement\n\t/**\n\t * Range’s size\n\t */\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\n\t/**\n\t * Value of range\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom range identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Name of the range\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Minimum value that is acceptable\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Defines size of each step\n\t */\n\t@Prop() readonly step?: string | number\n\t/**\n\t * Show tooltip with current value\n\t */\n\t@Prop() readonly tooltip?: boolean = false\n\t/**\n\t * Show input with current value\n\t */\n\t@Prop() readonly input?: boolean = false\n\t/**\n\t * Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\n\t */\n\t@Prop() readonly listIdentifier?: string\n\t/**\n\t * Set whether the range is required or not\n\t */\n\t@Prop({reflect: true}) readonly required: boolean = false\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application\n\t */\n\t@Prop({reflect: true}) readonly success: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean\n\t/**\n\t * Makes the range component disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.controlOutputPosition();\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t}\n\n\tprivate get getThumbWidth() {\n\t\tconst styles = window.getComputedStyle(this.inputRef);\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) || 1;\n\t}\n\n\tprivate controlOutputPosition() {\n\t\tconst valueInt = +this.value;\n\t\tconst min = +this.inputRef.min;\n\t\tconst max = +this.inputRef.max;\n\n\t\tconst thumbWidth = (this.getThumbWidth * 16);\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\n\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\n\n\t\tif (this.outputRef) {\n\t\t\tthis.outputRef.textContent = this.value;\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\n\t\t}\n\t\tif (this.fillRef) {\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\n\t\t}\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\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\ttick(this.controlOutputPosition.bind(this))\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\trender() {\n\t\treturn (\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<input type=\"range\"\n\t\t\t\t\t\t ref={el => (this.inputRef = el)}\n\t\t\t\t\t\t onInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\t onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t id={this.identifier || this.inputId}\n\t\t\t\t\t\t name={this.name}\n\t\t\t\t\t\t min={this.min}\n\t\t\t\t\t\t max={this.max}\n\t\t\t\t\t\t step={this.step}\n\t\t\t\t\t\t list={this.listIdentifier}\n\t\t\t\t\t\t value={this.value}\n\t\t\t\t\t\t required={this.required}\n\t\t\t\t\t\t disabled={this.disabled}\n\t\t\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t\t\t aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t aria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\n\t\t\t\t\t{this.tooltip ?\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\n\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t</output>\n\t\t\t\t\t\t: null}\n\t\t\t\t\t<slot name=\"datalist\"></slot>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t\t{this.input ?\n\t\t\t\t\t<gov-form-input\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\n\t\t\t\t\t\tclass={FormRangeClass.input}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t\t: null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCustomInputHandler(e: InputEvent) {\n\t\tconst value = (e.target as HTMLInputElement).value;\n\t\tif (this.step && isNumber(+this.step)) {\n\t\t\tconst numValue = +value;\n\t\t\tconst numMin = +this.min;\n\t\t\tconst numMax = +this.max;\n\t\t\tconst numStep = +this.step;\n\n\t\t\tif (isNaN(numValue)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (numValue < numMin || numValue > numMax) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst diff = numValue - numMin;\n\t\t\tif (diff % numStep !== 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tthis.govInput.emit({\n\t\t\t\tcomponent: FormRangeClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"qjBAIO,MAAMA,EAAiBC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGhD,MAAMC,EAAiB,CAC7BC,KAAM,iBACNC,KAAM,uBACNC,MAAO,yB,MCSKC,EAAY,MASxB,WAAAC,CAAAC,G,8GAUiBC,KAAIC,KAAwB,IA4B5BD,KAAOE,QAAa,MAIpBF,KAAKJ,MAAa,MAQHI,KAAQG,SAAY,MAYpBH,KAAQI,SAAY,MAiC3CJ,KAAmBK,oBAAe,GA9F1CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,GACtBN,KAAKW,QAAUC,EAAS,WACxB,CA0ED,YAAAC,CAAaC,GACZC,EAAazB,EAAgBwB,EAAUrB,EAAeC,K,CAIvD,UAAAsB,GACChB,KAAKiB,uB,CAON,iBAAAC,GACClB,KAAKmB,kB,CAKE,gBAAAA,GACPnB,KAAKS,EAAEW,kBAAkB,OAAQpB,KAAKC,MACtCD,KAAKS,EAAEW,kBAAkB,UAAWC,EAAWrB,KAAKsB,UACpDtB,KAAKS,EAAEW,kBAAkB,WAAYC,EAAWrB,KAAKI,WACrDJ,KAAKS,EAAEW,kBAAkB,UAAWC,EAAWrB,KAAKuB,S,CAGrD,iBAAYC,GACX,MAAMC,EAASC,OAAOC,iBAAiB3B,KAAK4B,UAC5C,OAAOC,WAAWJ,EAAOK,iBAAiB,kBAAoB,C,CAGvD,qBAAAb,GACP,MAAMc,GAAY/B,KAAKgC,MACvB,MAAMC,GAAOjC,KAAK4B,SAASK,IAC3B,MAAMC,GAAOlC,KAAK4B,SAASM,IAE3B,MAAMC,EAAcnC,KAAKwB,cAAgB,GACzC,MAAMY,EAAapC,KAAK4B,SAASS,YACjC,MAAMC,GAAeP,EAAWE,IAAQC,EAAMD,GAAQ,IAEtD,IAAIM,EAAkBD,EAAa,KAAQF,EAAaD,GAAgBA,EAAa,EAErF,GAAInC,KAAKwC,UAAW,CACnBxC,KAAKwC,UAAUC,YAAczC,KAAKgC,MAClC,MAAMU,EAAc1C,KAAKwC,UAAUH,YAAc,EACjDrC,KAAKwC,UAAUG,MAAMC,KAAO,GAAGL,EAAgBG,K,CAEhD,GAAI1C,KAAK6C,QAAS,CACjB7C,KAAK6C,QAAQF,MAAMG,MAAQ,GAAGP,K,EAIhC,gBAAAQ,GACC/C,KAAKgD,kBAAoB,IAAIC,EAAkBjD,KAAKQ,MAAM,CAAC0C,EAAepC,KACzEd,KAAKmD,sBAAsBD,EAAepC,EAAS,IAGpDd,KAAKgD,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCtD,KAAKa,aAAab,KAAKC,MAEvBD,KAAKK,oBAAsBkD,EAAsBvD,KAAKQ,K,CAGvD,kBAAAgD,GACCxD,KAAKmB,mBACLnB,KAAKS,EAAEgD,gBAAgB,WAAYC,OAAO1D,KAAKG,WAC/CwD,EAAK3D,KAAKiB,sBAAsB2C,KAAK5D,M,CAGtC,qBAAAmD,CAAsBD,EAAuBpC,GAC5Cd,KAAKQ,KAAKqD,gBAAgBX,GAC1BlD,KAAKK,oBAA0ByD,OAAAC,OAAAD,OAAAC,OAAA,GAAA/D,KAAKK,qBAAqB,CAAA6C,CAACA,GAAgBpC,G,CAG3E,oBAAAkD,G,OACCC,EAAAjE,KAAKgD,qBAAmB,MAAAiB,SAAA,SAAAA,EAAAC,e,CAGzB,MAAAC,GACC,OACC7D,EAAC8D,EAAI,CAAAC,IAAA,2CAACC,MAAO7E,EAAeC,KAAMO,KAAMD,KAAKC,MAC3CD,KAAKM,EAAEiE,QAAQ,WAAajE,EAAM,QAAA+D,IAAA,2CAAAG,KAAK,WACxClE,EAAM,QAAA+D,IAAA,2CAAAC,MAAM,WACXhE,EAAA,QAAAwD,OAAAC,OAAA,CAAAM,IAAA,2CAAOI,KAAK,QACRC,IAAKC,GAAO3E,KAAK4B,SAAW+C,EAC5BC,QAAS5E,KAAK6E,eAAejB,KAAK5D,MAClC8E,QAAS9E,KAAK+E,eAAenB,KAAK5D,MAClCgF,OAAQhF,KAAKiF,cAAcrB,KAAK5D,MAChCkF,GAAIlF,KAAKmF,YAAcnF,KAAKW,QAC5B6D,KAAMxE,KAAKwE,KACXvC,IAAKjC,KAAKiC,IACVC,IAAKlC,KAAKkC,IACVkD,KAAMpF,KAAKoF,KACXC,KAAMrF,KAAKsF,eACXtD,MAAOhC,KAAKgC,MACZ7B,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,UACXJ,KAAKK,oBACM,iBAAAkF,EAAoBvF,KAAKG,UAC1B,eAAAoF,EAAoBvF,KAAKuB,SACxB,gBAAAgE,EAAoBvF,KAAKI,aAE5CE,EAAA,OAAA+D,IAAA,2CAAKC,MAAO7E,EAAeE,KAAM+E,IAAKC,GAAO3E,KAAK6C,QAAU8B,IAC3D3E,KAAKE,QACLI,EAAQ,UAAAkF,QAASxF,KAAKwE,KAAME,IAAKC,GAAO3E,KAAKwC,UAAYmC,GACvD3E,KAAKgC,OAEL,KACH1B,EAAA,QAAA+D,IAAA,2CAAMG,KAAK,cAEXxE,KAAKM,EAAEiE,QAAQ,UAAYjE,EAAM,QAAA+D,IAAA,2CAAAG,KAAK,UACtCxE,KAAKJ,MACLU,EAAA,iBAAAwD,OAAAC,OAAA,gBACe/D,KAAKyF,qBAAqB7B,KAAK5D,MAC7CsE,MAAO7E,EAAeG,MACtBK,KAAMD,KAAKC,KACX+B,MAAOhC,KAAKgC,MACZ5B,SAAUJ,KAAKI,UACXJ,KAAKK,sBAER,K,CAKN,oBAAAoF,CAAqBC,GACpB,MAAM1D,EAAS0D,EAAEC,OAA4B3D,MAC7C,GAAIhC,KAAKoF,MAAQQ,GAAU5F,KAAKoF,MAAO,CACtC,MAAMS,GAAY7D,EAClB,MAAM8D,GAAU9F,KAAKiC,IACrB,MAAM8D,GAAU/F,KAAKkC,IACrB,MAAM8D,GAAWhG,KAAKoF,KAEtB,GAAIa,MAAMJ,GAAW,CACpB,OAAO,K,CAGR,GAAIA,EAAWC,GAAUD,EAAWE,EAAQ,CAC3C,OAAO,K,CAER,MAAMG,EAAOL,EAAWC,EACxB,GAAII,EAAOF,IAAY,EAAG,CACzB,OAAO,K,CAGRhG,KAAKgC,MAAQA,EACbhC,KAAKmG,SAASC,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,EAKV,cAAAb,CAAea,GACtB1F,KAAKgC,MAAS0D,EAAEC,OAA4B3D,MAC5C0D,EAAEa,kBACFvG,KAAKmG,SAASC,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAIT,cAAAX,CAAeW,GACtBA,EAAEa,kBACFvG,KAAKwG,SAASJ,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAIT,aAAAT,CAAcS,GACrBA,EAAEa,kBACFvG,KAAKyG,QAAQL,KAAK,CACjBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAQjB,cAAMgB,CAASC,GACd,OAAO3G,KAAK4B,SAASgF,MAAMD,E,CAO5B,cAAME,CAAS7E,GACdhC,KAAKgC,MAAQA,C,CAOd,gBAAM8E,GACL9G,KAAKgC,MAAQ,GACbhC,KAAK4B,SAASI,MAAQ,E,CAOvB,YAAM+E,GACL,OAAO/G,KAAK4B,Q","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","constructor","hostRef","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\n\nexport const FormRangeClass = {\n\troot: 'gov-form-range',\n\tfill: 'gov-form-range--fill',\n\tinput: 'gov-form-range--input',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\nimport {validateProp} from \"../../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\nimport {govForm} from \"../../../helpers/Dom/form\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {isNumber} from \"../../../utils/helpers.types\";\nimport {createID} from \"../../../utils/string.utils\";\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-form-range',\n})\nexport class GovFormRange {\n\tprivate inputRef?: HTMLInputElement\n\tprivate outputRef?: HTMLOutputElement\n\tprivate fillRef?: HTMLDivElement\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.inputId = createID(\"GovInput\")\n\t}\n\n\t@Element() host: HTMLGovFormRangeElement\n\t/**\n\t * Range’s size\n\t */\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\n\t/**\n\t * Value of range\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom range identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Name of the range\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Minimum value that is acceptable\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Defines size of each step\n\t */\n\t@Prop() readonly step?: string | number\n\t/**\n\t * Show tooltip with current value\n\t */\n\t@Prop() readonly tooltip?: boolean = false\n\t/**\n\t * Show input with current value\n\t */\n\t@Prop() readonly input?: boolean = false\n\t/**\n\t * Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\n\t */\n\t@Prop() readonly listIdentifier?: string\n\t/**\n\t * Set whether the range is required or not\n\t */\n\t@Prop({reflect: true}) readonly required: boolean = false\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application\n\t */\n\t@Prop({reflect: true}) readonly success: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean\n\t/**\n\t * Makes the range component disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.controlOutputPosition();\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t}\n\n\tprivate get getThumbWidth() {\n\t\tconst styles = window.getComputedStyle(this.inputRef);\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) || 1;\n\t}\n\n\tprivate controlOutputPosition() {\n\t\tconst valueInt = +this.value;\n\t\tconst min = +this.inputRef.min;\n\t\tconst max = +this.inputRef.max;\n\n\t\tconst thumbWidth = (this.getThumbWidth * 16);\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\n\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\n\n\t\tif (this.outputRef) {\n\t\t\tthis.outputRef.textContent = this.value;\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\n\t\t}\n\t\tif (this.fillRef) {\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\n\t\t}\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\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\ttick(this.controlOutputPosition.bind(this))\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\trender() {\n\t\treturn (\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<input type=\"range\"\n\t\t\t\t\t\t ref={el => (this.inputRef = el)}\n\t\t\t\t\t\t onInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\t onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t id={this.identifier || this.inputId}\n\t\t\t\t\t\t name={this.name}\n\t\t\t\t\t\t min={this.min}\n\t\t\t\t\t\t max={this.max}\n\t\t\t\t\t\t step={this.step}\n\t\t\t\t\t\t list={this.listIdentifier}\n\t\t\t\t\t\t value={this.value}\n\t\t\t\t\t\t required={this.required}\n\t\t\t\t\t\t disabled={this.disabled}\n\t\t\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t\t\t aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t aria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\n\t\t\t\t\t{this.tooltip ?\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\n\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t</output>\n\t\t\t\t\t\t: null}\n\t\t\t\t\t<slot name=\"datalist\"></slot>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t\t{this.input ?\n\t\t\t\t\t<gov-form-input\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\n\t\t\t\t\t\tclass={FormRangeClass.input}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t\t: null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCustomInputHandler(e: InputEvent) {\n\t\tconst value = (e.target as HTMLInputElement).value;\n\t\tif (this.step && isNumber(+this.step)) {\n\t\t\tconst numValue = +value;\n\t\t\tconst numMin = +this.min;\n\t\t\tconst numMax = +this.max;\n\t\t\tconst numStep = +this.step;\n\n\t\t\tif (isNaN(numValue)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (numValue < numMin || numValue > numMax) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst diff = numValue - numMin;\n\t\t\tif (diff % numStep !== 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tthis.govInput.emit({\n\t\t\t\tcomponent: FormRangeClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,h as t,H as a,g as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,h as t,H as a,g as o}from"./p-B8TR1oqt.js";import{C as r}from"./p-U40vKHrs.js";import{p as e}from"./p-CQvUntGY.js";import{S as c}from"./p-BcQO4NH2.js";e(c,["_S","_M","_L"]);e(r,["PRIMARY","NEUTRAL"]);const b={root:"gov-form-search"};const f=class{constructor(t){s(this,t);this.size="m";this.color="neutral"}render(){return t(a,{key:"c901368f70213c3be37b44b472002ce0872209d0",class:b.root,color:this.color,size:this.size},t("slot",{key:"4ca581f75ccd75f785f94c1f93500c914b129cc8",name:"input"}),t("slot",{key:"10a34b30a9496b0d9a82b0baaf10b66ac5a2679f",name:"button-erase"}),t("slot",{key:"2888491da6babe4e7586abdda1863850ed67f8a9",name:"button"}))}get host(){return o(this)}};export{f as gov_form_search};
|
|
2
|
+
//# sourceMappingURL=p-b77c283e.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","constructor","hostRef","this","size","color","render","h","Host","key","class","name"],"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\n\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\n\n@Component({\n\ttag: 'gov-form-search',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/**\n\t * Search’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormSearchSizesType = \"m\"\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\n\t\t\t\t<slot name=\"input\"/>\n\t\t\t\t<slot name=\"button-erase\"/>\n\t\t\t\t<slot name=\"button\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"qKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAa,MAH1B,WAAAC,CAAAC,G,UAQiCC,
|
|
1
|
+
{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","constructor","hostRef","this","size","color","render","h","Host","key","class","name"],"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\n\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\n\n@Component({\n\ttag: 'gov-form-search',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/**\n\t * Search’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormSearchSizesType = \"m\"\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\n\t\t\t\t<slot name=\"input\"/>\n\t\t\t\t<slot name=\"button-erase\"/>\n\t\t\t\t<slot name=\"button\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"qKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAa,MAH1B,WAAAC,CAAAC,G,UAQiCC,KAAAC,KAA6B,IAI7BD,KAAAE,MAA6B,SAW7D,CATA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOZ,EAAgBC,KAAMM,MAAOF,KAAKE,MAAOD,KAAMD,KAAKC,MAChEG,EAAA,QAAAE,IAAA,2CAAME,KAAK,UACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,W","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,H as o,g as a}from"./p-B8TR1oqt.js";import{g as s}from"./p-CoD1xawt.js";import{p as i}from"./p-CQvUntGY.js";import{S as r}from"./p-BcQO4NH2.js";import{v as c}from"./p-NOJjz9dT.js";import"./p-CgDnDrq5.js";const n=i(r,["_S","_M","_L","_XL"]);var d;(function(t){t["SIMPLE"]="simple";t["WAVES"]="waves";t["STRIPES"]="stripes";t["LINES"]="lines"})(d||(d={}));var l;(function(t){t["IMAGE"]="image";t["LOGO"]="logo";t["ICON"]="icon"})(l||(l={}));var b;(function(t){t["LIGHT"]="light";t["DARK"]="dark"})(b||(b={}));const f={root:"gov-banner",content:"gov-banner__content"};const h=class{constructor(e){t(this,e);this.size=n._M;this.background=d.SIMPLE;this.foreground=l.IMAGE;this.textColor=b.LIGHT;this.h=s(this.host)}validateSize(t){c(n,t,f.root)}validateBackground(t){c(d,t,f.root)}validateForeground(t){c(l,t,f.root)}validateTextColor(t){c(b,t,f.root)}componentWillLoad(){this.validateSize(this.size);this.validateBackground(this.background);this.validateForeground(this.foreground);this.validateTextColor(this.textColor)}render(){return e(o,Object.assign({key:"142c906194083f6c186d1f1d9033c4f2c9be9bff",class:this.h.classes(f.root),role:"region",size:this.size},this.size!=="xl"?{background:this.background,foreground:this.foreground}:{"text-color":this.textColor}),e("div",{key:"0b52a8859b6cdcd92d0f5e97b460a3e0a899bd44"},e("div",{key:"a36ed5ad57c878d70770ccfeccd172749a555b22",class:f.content},e("slot",{key:"57f52bfb0189450e77c00f4d9904712e555a3125",name:"headline"}),e("slot",{key:"91629f1bf0605ae28d694d044d19bbef9ebb69da"})),this.h.hasSlot("button")&&e("slot",{key:"458a59c73e9bdf02d6cdb1e8c5caea0dcfec526a",name:"button"})),e("slot",{key:"f1d60077313455ed78c78b56c7741b4b593cf7cc",name:"image"}))}get host(){return a(this)}static get watchers(){return{size:[{validateSize:0}],background:[{validateBackground:0}],foreground:[{validateForeground:0}],"text-color":[{validateTextColor:0}]}}};export{h as gov_banner};
|
|
2
|
+
//# sourceMappingURL=p-bb5b9ccd.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","constructor","hostRef","this","size","_M","background","SIMPLE","foreground","IMAGE","textColor","LIGHT","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n BannerBackground,\n BannerBackgroundsType,\n BannerClass,\n BannerForeground,\n BannerForegroundsType,\n BannerSizes,\n BannerSizesType,\n BannerTextColor,\n BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n tag: 'gov-banner',\n})\nexport class GovBanner {\n private h: GovHost\n\n constructor() {\n this.h = govHost(this.host)\n }\n\n @Element() host: HTMLGovBannerElement\n /**\n * Banner’s size.\n */\n @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n /**\n * Banner’s background\n */\n @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n /**\n * Banner’s foreground\n */\n @Prop() readonly foreground: BannerForegroundsType = BannerForeground.IMAGE\n /**\n * XL Banner’s text color\n */\n @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n @Watch('size')\n validateSize(newValue: string): void {\n validateProp(BannerSizes, newValue, BannerClass.root)\n }\n\n @Watch('background')\n validateBackground(newValue: string): void {\n validateProp(BannerBackground, newValue, BannerClass.root)\n }\n\n @Watch('foreground')\n validateForeground(newValue: string): void {\n validateProp(BannerForeground, newValue, BannerClass.root)\n }\n\n @Watch('text-color')\n validateTextColor(newValue: string): void {\n validateProp(BannerTextColor, newValue, BannerClass.root)\n }\n\n componentWillLoad(): void {\n this.validateSize(this.size)\n this.validateBackground(this.background)\n this.validateForeground(this.foreground)\n this.validateTextColor(this.textColor)\n }\n\n render() {\n return (\n <Host class={this.h.classes(BannerClass.root)}\n role=\"region\"\n size={this.size}\n {...(this.size !== \"xl\" ? {\n background: this.background,\n foreground: this.foreground\n } : {'text-color': this.textColor})}>\n <div>\n <div class={BannerClass.content}>\n <slot name=\"headline\"/>\n <slot/>\n </div>\n {this.h.hasSlot('button') && (\n <slot name=\"button\"/>\n )}\n </div>\n <slot name=\"image\"/>\n </Host>\n )\n }\n}\n"],"mappings":"iOAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,
|
|
1
|
+
{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","constructor","hostRef","this","size","_M","background","SIMPLE","foreground","IMAGE","textColor","LIGHT","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n BannerBackground,\n BannerBackgroundsType,\n BannerClass,\n BannerForeground,\n BannerForegroundsType,\n BannerSizes,\n BannerSizesType,\n BannerTextColor,\n BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n tag: 'gov-banner',\n})\nexport class GovBanner {\n private h: GovHost\n\n constructor() {\n this.h = govHost(this.host)\n }\n\n @Element() host: HTMLGovBannerElement\n /**\n * Banner’s size.\n */\n @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n /**\n * Banner’s background\n */\n @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n /**\n * Banner’s foreground\n */\n @Prop() readonly foreground: BannerForegroundsType = BannerForeground.IMAGE\n /**\n * XL Banner’s text color\n */\n @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n @Watch('size')\n validateSize(newValue: string): void {\n validateProp(BannerSizes, newValue, BannerClass.root)\n }\n\n @Watch('background')\n validateBackground(newValue: string): void {\n validateProp(BannerBackground, newValue, BannerClass.root)\n }\n\n @Watch('foreground')\n validateForeground(newValue: string): void {\n validateProp(BannerForeground, newValue, BannerClass.root)\n }\n\n @Watch('text-color')\n validateTextColor(newValue: string): void {\n validateProp(BannerTextColor, newValue, BannerClass.root)\n }\n\n componentWillLoad(): void {\n this.validateSize(this.size)\n this.validateBackground(this.background)\n this.validateForeground(this.foreground)\n this.validateTextColor(this.textColor)\n }\n\n render() {\n return (\n <Host class={this.h.classes(BannerClass.root)}\n role=\"region\"\n size={this.size}\n {...(this.size !== \"xl\" ? {\n background: this.background,\n foreground: this.foreground\n } : {'text-color': this.textColor})}>\n <div>\n <div class={BannerClass.content}>\n <slot name=\"headline\"/>\n <slot/>\n </div>\n {this.h.hasSlot('button') && (\n <slot name=\"button\"/>\n )}\n </div>\n <slot name=\"image\"/>\n </Host>\n )\n }\n}\n"],"mappings":"iOAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAAgB,KAQ5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAAgB,KAO5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAAe,KAMpB,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCXGC,EAAS,MAGlB,WAAAC,CAAAC,G,UAQgCC,KAAAC,KAAwBb,EAAYc,GAInDF,KAAAG,WAAoCZ,EAAiBa,OAIrDJ,KAAAK,WAAoCb,EAAiBc,MAI5BN,KAAAO,UAAkCd,EAAgBe,MAnBxFR,KAAKS,EAAIC,EAAQV,KAAKW,KACzB,CAqBD,YAAAC,CAAaC,GACTC,EAAa1B,EAAayB,EAAUnB,EAAYC,K,CAIpD,kBAAAoB,CAAmBF,GACfC,EAAavB,EAAkBsB,EAAUnB,EAAYC,K,CAIzD,kBAAAqB,CAAmBH,GACfC,EAAatB,EAAkBqB,EAAUnB,EAAYC,K,CAIzD,iBAAAsB,CAAkBJ,GACdC,EAAarB,EAAiBoB,EAAUnB,EAAYC,K,CAGxD,iBAAAuB,GACIlB,KAAKY,aAAaZ,KAAKC,MACvBD,KAAKe,mBAAmBf,KAAKG,YAC7BH,KAAKgB,mBAAmBhB,KAAKK,YAC7BL,KAAKiB,kBAAkBjB,KAAKO,U,CAGhC,MAAAY,GACI,OACIV,EAACW,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOxB,KAAKS,EAAEgB,QAAQ/B,EAAYC,MAClC+B,KAAK,SACLzB,KAAMD,KAAKC,MACND,KAAKC,OAAS,KAAO,CACtBE,WAAYH,KAAKG,WACjBE,WAAYL,KAAKK,YACjB,CAAC,aAAcL,KAAKO,YAC1BE,EAAA,OAAAc,IAAA,4CACId,EAAA,OAAAc,IAAA,2CAAKC,MAAO9B,EAAYE,SACpBa,EAAA,QAAAc,IAAA,2CAAMI,KAAK,aACXlB,EAAA,QAAAc,IAAA,8CAEHvB,KAAKS,EAAEmB,QAAQ,WACZnB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,YAGnBlB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,U","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,F as s,H as i,g as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,F as s,H as i,g as o}from"./p-B8TR1oqt.js";import{p as a}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as c}from"./p-CoD1xawt.js";a(n,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const f=class{constructor(e){t(this,e);this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return e(i,{key:"675f324a6b643d22ae4b737f2049f0f1a51e4972",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},e("slot",{key:"4dc974090359d27cd89e7b7af38f56fd016608d5",name:"icon"}),e("div",{key:"9d3c42f854fe4178886d6218cc99de44c6a27335",class:l.content},e("div",{key:"97891e205f08b2b4c81110bcb7bb3c4ed48362ed",class:l.text},e("div",{key:"6446384bd51f13aff4b9ff0144a4240fe1465b8d",class:l.title},this.href?e(s,null,e("a",{href:this.href,target:this.target,class:l.link,ref:t=>this.triggerRef=t},e("slot",{name:"title"})),e("span",{class:l.icon},e("gov-icon",{name:"chevron-right",type:"components"}))):e("slot",{name:"title"})),e("div",{key:"e25fe83f7f147582005341bb951ac2221bebbfbf",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},e("slot",{key:"5c87e54b826d3e4fbb8231c19e66db7961e63a60"}))),e("slot",{key:"ab53f48d63dbc279788e4f83d77beb7eaabc1425",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return o(this)}};export{f as gov_tile};
|
|
2
|
+
//# sourceMappingURL=p-c9b2f97c.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","constructor","hostRef","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Tile’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/**\n\t * Style variation of the tile.\n\t */\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Link on whole tile\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\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t orientation={this.orientation}\n\t\t\t\t clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"4KAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAO,MA0BnB,WAAAC,CAAAC,G,UArBgCC,
|
|
1
|
+
{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","constructor","hostRef","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Tile’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/**\n\t * Style variation of the tile.\n\t */\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Link on whole tile\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\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t orientation={this.orientation}\n\t\t\t\t clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"4KAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAO,MA0BnB,WAAAC,CAAAC,G,UArBgCC,KAAAC,KAAuB,IAQZD,KAAAE,SAAoB,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQrB,EAAUC,MACnCW,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAA,QAAAK,IAAA,2CAAMM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUG,SACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUI,MACrBU,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUK,OACpBM,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOpB,EAAUE,KACjB0B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOpB,EAAUM,MACtBQ,EAAA,YAAUW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAA,OAAAK,IAAA,2CAAKC,MAAO,GAAGpB,EAAUO,cAAcI,KAAKa,KAAO,GAAGxB,EAAUO,sBAAwB,MACvFO,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s,H as o,g as e}from"./p-B8TR1oqt.js";import{g as a}from"./p-CoD1xawt.js";import{v as i}from"./p-NOJjz9dT.js";import{B as r,a as c}from"./p-Bo1ROm5Q.js";import{p as d}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{p}from"./p-GYov8gU1.js";import"./p-CgDnDrq5.js";import"./p-U40vKHrs.js";const f=d(n,["_XS","_S","_M"]);var m;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(m||(m={}));const l={root:"gov-tag"};const h=class{constructor(s){t(this,s);this.size=f._S;this.color=r.PRIMARY;this.expanded=false;this.h=a(this.host)}validateColor(t){i(r,t,l.root)}validateSize(t){i(c,t,l.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const t=p(this.iconStart);const e=p(this.iconEnd);return s(o,{key:"9ed31c6f9d34001618223db4d842ee55611f8896",class:this.h.classes(l.root),color:this.color,size:this.size,type:this.type},s("span",{key:"617d6cf19dc34385815916b6656f48c14428bff6",class:"element"},s("slot",{key:"d95d40e8a9de633865f174821050ab57174b435f",name:"icon-start"},t&&s("gov-icon",{key:"95a813406d45b8a69f4d4804f4063a7fa88d1038",type:t.type,name:t.name})),s("slot",{key:"4e4ad28e073bc933e3a193283e46d50f413bcf62"}),s("slot",{key:"0642ab987098007d4335d8aed281f4cd431bfe10",name:"icon-end"},e&&s("gov-icon",{key:"00ea783ae37eb0a4461cb97e15cdc9efc332bb27",type:e.type,name:e.name}))))}get host(){return e(this)}static get watchers(){return{color:[{validateColor:0}],size:[{validateSize:0}]}}};export{h as gov_tag};
|
|
2
|
+
//# sourceMappingURL=p-caf817d4.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","constructor","hostRef","this","size","_S","color","ButtonColors","PRIMARY","expanded","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mUAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,
|
|
1
|
+
{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","constructor","hostRef","this","size","_S","color","ButtonColors","PRIMARY","expanded","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mUAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAO,KAMZ,MAAMC,EAAW,CACvBC,KAAM,W,MCHMC,EAAM,MAGlB,WAAAC,CAAAC,G,UAiBgCC,KAAAC,KAAqBV,EAASW,GAI9BF,KAAAG,MAAyBC,EAAaC,QAQtCL,KAAAM,SAAoB,MA5BnDN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA8BD,aAAAC,CAAcC,GACbC,EAAaR,EAAcO,EAAUhB,EAASC,K,CAI/C,YAAAiB,CAAaF,GACZC,EAAaE,EAAaH,EAAUhB,EAASC,K,CAG9C,iBAAAmB,GACCf,KAAKU,cAAcV,KAAKG,OACxBH,KAAKa,aAAab,KAAKC,K,CAGxB,MAAAe,GACC,MAAMC,EAAYC,EAAkBlB,KAAKiB,WACzC,MAAME,EAAUD,EAAkBlB,KAAKmB,SACvC,OACCZ,EAACa,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKO,EAAEgB,QAAQ5B,EAASC,MACpCO,MAAOH,KAAKG,MACZF,KAAMD,KAAKC,KACXuB,KAAMxB,KAAKwB,MAEXjB,EAAA,QAAAc,IAAA,2CAAMC,MAAM,WACXf,EAAA,QAAAc,IAAA,2CAAMI,KAAK,cACTR,GAAaV,EAAA,YAAAc,IAAA,2CAAUG,KAAMP,EAAUO,KAAMC,KAAMR,EAAUQ,QAE/DlB,EAAA,QAAAc,IAAA,6CACAd,EAAA,QAAAc,IAAA,2CAAMI,KAAK,YACTN,GAAWZ,EAAA,YAAAc,IAAA,2CAAUG,KAAML,EAAQK,KAAMC,KAAMN,EAAQM,S","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,c as r,h as g,H as a,g as p}from"./p-B8TR1oqt.js";import{d as i,F as t,a as e,b as m}from"./p-BUmDydor.js";import{g as l}from"./p-CoD1xawt.js";import{v}from"./p-NOJjz9dT.js";import{t as f}from"./p-Cjg0wpDG.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";const n=()=>`gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}`;const s=class{constructor(g){o(this,g);this.govChange=r(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:i.root})};this.h=l(this.host)}validateGap(o){if(o){v(e,o,t.root)}}validateOrientation(o){if(o){v(m,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return g(a,{key:"e0f85e28552b3620666e4e857a96f7492f2aeb58",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"4ac20b47a4f0073b8accf8dc3e3ce75f8cbddc56"}))}get host(){return p(this)}static get watchers(){return{gap:[{validateGap:0}],orientation:[{validateOrientation:0}]}}};s.style=n();export{s as gov_form_radio_group};
|
|
2
|
+
//# sourceMappingURL=p-dc0bd1e5.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["govFormGroupCss","GovFormRadioGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","detail","govChange","emit","component","FormRadioGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wSAAA,MAAMA,EAAkB,usE,
|
|
1
|
+
{"version":3,"names":["govFormGroupCss","GovFormRadioGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","detail","govChange","emit","component","FormRadioGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wSAAA,MAAMA,EAAkB,IAAM,usE,MCoBjBC,EAAiB,MAG7B,WAAAC,CAAAC,G,8CAQiBC,KAAAC,IAA2BC,UAI3BF,KAAAG,YAAyC,WAIfH,KAAAI,MAAiBF,UAoB5DF,KAAAK,aAAgBC,IACfA,EAAMC,kBACNP,KAAKI,MAAQE,EAAME,OAAOJ,MAC1BJ,KAAKS,UAAUC,KAAK,CACnBN,MAAOJ,KAAKI,MACZO,UAAWC,EAAoBC,MAC9B,EAzCFb,KAAKc,EAAIC,EAAQf,KAAKgB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAa9D,iBAAAW,GACCxB,KAAKiB,YAAYjB,KAAKC,KACtBD,KAAKsB,oBAAoBtB,KAAKG,Y,CAG/B,kBAAAsB,GACCC,GAAK,IAAM1B,KAAK2B,qB,CAGjB,iBAAAA,GACC3B,KAAKgB,KAAKY,iBAAiB,kBAAkBC,SAASC,IACrD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAchC,KAAKK,a,CAE7CyB,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQI,QAAUJ,EAAQ1B,QAAUJ,KAAKI,KAAK,G,CAIhD,MAAA+B,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACpC,IAAKD,KAAKC,IAAKqC,MAAOtC,KAAKc,EAAEyB,QAAQlB,EAAeR,MAAOT,MAAOJ,KAAKI,OAC5EU,EAAA,QAAAuB,IAAA,6C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as o}from"./p-B8TR1oqt.js";import{g as r,a as n}from"./p-CoD1xawt.js";import{c as a}from"./p-vN03FcXN.js";import{b as c}from"./p-Bo1ROm5Q.js";import"./p-BcQO4NH2.js";import"./p-U40vKHrs.js";import"./p-CQvUntGY.js";const h={triggerEvents:"click",exclude:""};function d(t,i,s,e=h){const o=p(e);f(e).forEach((e=>{window.addEventListener(e,(e=>{l(e,t,i,s,o)}),false)}))}function l(t,i,s,e,o){const r=t.target;if(!s.contains(r)&&!u(r,o)){e.call(i)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function p(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(i){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,i)}}return}function u(t,i){if(t&&i){for(let s of i){if(s.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const m=class{constructor(s){t(this,s);this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=r(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",n(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",n(!!this.list));this.trigger.setAttribute("aria-expanded",n(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(e,{key:"402f6c2f97151f2abe832422e1eef4f3da15acee",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"0cf6f85829b69b0d0c14eee595557eda4687ce6d"}),s("div",{key:"6658b9882d31fb919a12e97c0abc72a3e641fd6c",ref:t=>d(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":n(!this.open),hidden:!this.open},s("slot",{key:"b4f4b0b240731a2c03dda84989ba1a1d85c4e27a",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return o(this)}static get watchers(){return{open:[{watchOpen:0}]}}};export{m as gov_dropdown};
|
|
2
|
+
//# sourceMappingURL=p-dd390459.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","constructor","hostRef","this","open","position","LEFT","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\nimport {registerClickOutside} from \"stencil-click-outside\"\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {ButtonClass} from \"../button/constants\"\nimport {DropdownClass, Position, PositionType} from \"./constants\"\nimport {DropdownEvent} from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Custom trigger identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Dropdown state\n\t */\n\t@Prop({mutable: true}) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\n\n\t@Watch('open')\n\twatchOpen() {\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (!this.trigger) return;\n\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\n\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t\tthis.open = !this.open\n\n\t\t\tthis.govChange.emit({\n\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\topen: this.open,\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the dropdown\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/**\n\t * Toggle state of dropdown\n\t */\n\t@Method()\n\tasync toggle() {\n\t\tthis.open = !this.open\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","constructor","hostRef","this","open","position","LEFT","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\nimport {registerClickOutside} from \"stencil-click-outside\"\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {ButtonClass} from \"../button/constants\"\nimport {DropdownClass, Position, PositionType} from \"./constants\"\nimport {DropdownEvent} from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Custom trigger identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Dropdown state\n\t */\n\t@Prop({mutable: true}) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\n\n\t@Watch('open')\n\twatchOpen() {\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (!this.trigger) return;\n\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\n\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t\tthis.open = !this.open\n\n\t\t\tthis.govChange.emit({\n\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\topen: this.open,\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the dropdown\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/**\n\t * Toggle state of dropdown\n\t */\n\t@Method()\n\tasync toggle() {\n\t\tthis.open = !this.open\n\t}\n}\n"],"mappings":"2PACA,MAAMA,EAA8B,CAChCC,cAAe,QACfC,QAAS,IA2CN,SAASC,EAAqBC,EAAWC,EAASC,EAAUC,EAAMP,GACrE,MAAMQ,EAAgBC,EAAiBF,GACvCG,EAAiBH,GAAKI,SAAQC,IAC1BC,OAAOC,iBAAiBF,GAAeG,IACnCC,EAAiBD,EAAGX,EAAWC,EAASC,EAAUE,EAAc,GACjE,MAAM,GAEjB,CAWA,SAASQ,EAAiBC,EAAOb,EAAWC,EAASC,EAAUE,GAC3D,MAAMU,EAASD,EAAMC,OACrB,IAAKb,EAAQc,SAASD,KAAYE,EAAWF,EAAQV,GAAgB,CACjEF,EAASe,KAAKjB,EACtB,CACA,CACA,SAASM,EAAiBH,GACtB,GAAIA,EAAIN,cAAe,CACnB,OAAOM,EAAIN,cAAcqB,MAAM,KAAKC,KAAIR,GAAKA,EAAES,QACvD,CACI,MAAO,CAAC,QACZ,CACA,SAASf,EAAiBF,GACtB,GAAIA,EAAIL,QAAS,CACb,IACI,OAAOuB,MAAMC,KAAKC,SAASC,iBAAiBrB,EAAIL,SAC5D,CACQ,MAAO2B,GACHC,QAAQC,KAAK,4BAA4BxB,EAAIL,sEAAuE2B,EAChI,CACA,CACI,MACJ,CACA,SAAST,EAAWF,EAAQc,GACxB,GAAId,GAAUc,EAAc,CACxB,IAAK,IAAIC,KAAgBD,EAAc,CACnC,GAAIC,EAAad,SAASD,GAAS,CAC/B,OAAO,IACvB,CACA,CACA,CACI,OAAO,KACX,CC9FA,IAAYgB,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,gBACA,EAHD,CAAYA,MAAQ,KAOb,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,KAAM,sB,MCEMC,EAAW,MAKvB,WAAAC,CAAAC,G,8CAeuBC,KAAAC,KAAO,MAIbD,KAAAE,SAAyBT,EAASU,KAlBlDH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,OAASC,EAAS,mBACvBR,KAAKS,UAAYD,EAAS,qBAC1B,CAsBD,SAAAE,G,OACCC,EAAAX,KAAKY,WAAO,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiBC,EAAWd,KAAKC,M,CAG7D,WAAIW,GACH,OAAOZ,KAAKM,KAAKS,cAAc,OAAOC,EAAYrB,O,CAGnD,QAAIC,GACH,OAAOI,KAAKI,EAAEa,QAAQ,O,CAGvB,iBAAAC,G,MACC,IAAKlB,KAAKY,QAAS,OAEnBZ,KAAKY,QAAQC,aAAa,gBAAiBb,KAAKO,QAChDP,KAAKY,QAAQC,aAAa,gBAAiBC,IAAad,KAAKJ,OAC7DI,KAAKY,QAAQC,aAAa,gBAAiBC,EAAWd,KAAKC,OAC3DD,KAAKY,QAAQC,aAAa,cAAcF,EAAAX,KAAKmB,cAAU,MAAAR,SAAA,EAAAA,EAAIX,KAAKS,WAEhET,KAAKY,QAAQvC,iBAAiB,aAAcC,IAC3CA,EAAE8C,iBACF9C,EAAE+C,kBACFrB,KAAKC,MAAQD,KAAKC,KAElBD,KAAKsB,UAAUC,KAAK,CACnB5D,UAAW+B,EAAcC,KACzB6B,cAAelD,EACf2B,KAAMD,KAAKC,MACV,G,CAIJ,MAAAwB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO5B,KAAKI,EAAEyB,QAAQ,CAACnC,EAAcC,OAAQM,KAAMD,KAAKC,KAAMC,SAAUF,KAAKE,UAClFE,EAAA,QAAAuB,IAAA,6CACAvB,EAAA,OAAAuB,IAAA,2CACCG,IAAKC,GAAMrE,EAAqBsC,KAAM+B,GAAI,IAAM/B,KAAKC,KAAO,QAC5D2B,MAAOlC,EAAcE,KACrBoC,GAAIhC,KAAKO,OAAM,kBACEP,KAAKS,UAAS,cAClBK,GAAYd,KAAKC,MAC9BgC,QAASjC,KAAKC,MACdG,EAAA,QAAAuB,IAAA,2CAAMO,KAAK,U,CAUf,cAAMC,GACL,OAAOnC,KAAKC,I,CAOb,YAAMmC,GACLpC,KAAKC,MAAQD,KAAKC,I","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as t,h as i,H as a,g as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as t,h as i,H as a,g as r}from"./p-B8TR1oqt.js";import{v as o}from"./p-NOJjz9dT.js";import{W as e,a as c,b as p}from"./p-BjcqOprh.js";import{g as h}from"./p-CoD1xawt.js";import{v as m}from"./p-CDIRBJsi.js";import{c as d}from"./p-CgDnDrq5.js";import{d as n}from"./p-CQvUntGY.js";import"./p-U40vKHrs.js";import"./p-BcQO4NH2.js";import"./p-vN03FcXN.js";import"./p-DNztiAH0.js";const j=class{constructor(i){s(this,i);this.govChange=t(this,"gov-change");this.hydrated=false;this.size="m";this.h=h(this.host)}validateSize(s){o(p,s,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(e.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(d()){await n(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return i(a,{key:"d1957fc0c0058c107769e3cc5390ef986fc9b921",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},i("slot",{key:"a34323c408d790c5945ca0d80db62de2433db438"}))}async validateWcag(){m(this.wcagLabel,this.wcagLabelledBy,c.root)}get host(){return r(this)}static get watchers(){return{size:[{validateSize:0}]}}};export{j as gov_wizard};
|
|
2
|
+
//# sourceMappingURL=p-de5dfd70.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GovWizard","constructor","hostRef","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"4YAaaA,EAAS,MAMrB,WAAAC,CAAAC,G,8CAJQC,
|
|
1
|
+
{"version":3,"names":["GovWizard","constructor","hostRef","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"4YAaaA,EAAS,MAMrB,WAAAC,CAAAC,G,8CAJQC,KAAAC,SAAW,MAWFD,KAAAE,KAAyB,IANzCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAoBO,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAgBJ,MAAMK,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKE,KAAK,G,CAUvC,wBAAMiB,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKG,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAO3B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC1FE,EAAA,QAAAuB,IAAA,6C,CASI,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBtB,EAAYC,K","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as o}from"./p-B8TR1oqt.js";import{c as n}from"./p-vN03FcXN.js";import{g as h,a,t as r}from"./p-CoD1xawt.js";import{g as l}from"./p-B6CqPcY_.js";import{i as c}from"./p-CzXeijOj.js";import{A as f,a as p}from"./p-Bz_RzYFb.js";import"./p-BcQO4NH2.js";import"./p-CQvUntGY.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const u={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",inputFocus:"gov-form-file__input-focus",attachments:"gov-form-file__attachments"};function m(t){const s=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let i=0,e=parseInt(t,10)||0;while(e>=1024&&++i){e=e/1024}return e.toFixed(e<10&&i>0?1:0)+" "+s[i]}function d(t,s){if(typeof s!=="string"||s.trim().length===0){return true}const i=t.name.toLowerCase();const e=(t.type||"").toLowerCase();return s.split(",").map((t=>t.trim().toLowerCase())).filter((t=>t.length>0)).some((t=>{if(t.startsWith(".")){return i.endsWith(t)}if(t==="*"||t==="*/*"){return true}if(t.endsWith("/*")){const s=t.slice(0,t.indexOf("/")+1);return e.startsWith(s)}return e===t}))}function v(t,s){const i=Math.round(t.size);return i<=s}const g=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govFiles=s(this,"gov-files");this.govAddFile=s(this,"gov-add-file");this.govRemoveFile=s(this,"gov-remove-file");this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.multiple=false;this.maxFileSize=-1;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=n("GovInputFile");this.h=h(this.host);this.f=l(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",a(this.invalid));this.f.passAttrToControl("disabled",a(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function s(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const s=t.target.files;if(this.resetAfterPick){if(s.length){this.validateFiles(s)}}else{this.validateFiles(s)}}),false);if(this.expanded){const i=["dragover","dragleave"];const e=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];i.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));e.map((s=>this.inputRef.addEventListener(s,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,s.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const s=t.dataTransfer;this.validateFiles(s.files)}validateFiles(t){let s=[];const i=this.multiple?Array.from(t):Array.from(t).slice(-1);if(!this.multiple&&this.displayAttachments){this.files=[]}i.forEach((t=>{const i=this.files.find((s=>s.file.name===t.name&&s.file.size===t.size))||null;if(i===null||this.ignoreFileDuplicationCheck){const i=typeof this.maxFileSize==="number"&&this.maxFileSize>0?v(t,this.maxFileSize):true;const e=d(t,this.accept);const o={id:n("GovFormFile"),file:t,acceptValid:e,sizeValid:i};if(this.displayAttachments){this.files=[...this.files,o]}else{s=[...s,o]}this.govAddFile.emit({component:u.root,file:o})}}));if(this.displayAttachments){this.syncNativeInputFiles()}this.govFiles.emit({component:u.root,files:s.length?s:this.files});if(this.resetAfterPick){this.reset().finally()}}syncNativeInputFiles(){if(!this.inputRef||typeof DataTransfer==="undefined"){return}try{const t=new DataTransfer;this.files.filter((t=>t.acceptValid===true&&t.sizeValid===true)).forEach((s=>t.items.add(s.file)));this.inputRef.files=t.files}catch(t){if(typeof process!=="undefined"&&process.env&&"production"!=="production");}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(p)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=c(this.host)}async componentDidRender(){this.registerListeners()}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})}render(){return i(e,{key:"2d89af24db1447bba2c7987946b5c63bff65a58a",class:this.h.classes([u.root]),invalid:r(this.invalid),expanded:r(this.expanded)},i("div",{key:"7a37869f8ef203b0f1d6b07cfee8e4f325fe9ecc",class:u.area,ref:t=>this.areaRef=t},i("slot",{key:"10344be7bedf53a4754c8e79bb069c57291b7663"}),i("input",Object.assign({key:"52dc1692d0eaa6310c0166faceb5906627aac73c",class:u.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":r(this.required),"aria-invalid":r(this.invalid),"aria-disabled":r(this.disabled)})),i("div",{key:"1193c6ef7a57894baab2f14619827c2f51441d08",class:u.inputFocus})),this.h.hasSlot("attachments")?i("div",{class:u.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:u.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},t.file.name,i("span",{slot:"name"},t.file.name),t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",m(this.maxFileSize))):null,i("span",{slot:"info"},"(",m(t.file.size),")")))))):null)}onRemoveFileHandler(t){const s=this.files.findIndex((s=>s.id===t.id));if(s!==-1){const t=this.files;const i=this.files[s];t.splice(s,1);this.files=[...t];this.syncNativeInputFiles();this.govRemoveFile.emit({component:u.root,file:i});this.govFiles.emit({component:u.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:u.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:u.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];if(this.inputRef){this.inputRef.value="";this.syncNativeInputFiles()}}get host(){return o(this)}static get watchers(){return{disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}]}}};export{g as gov_form_file};
|
|
2
|
+
//# sourceMappingURL=p-dfb76a14.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FormFileClass","root","area","input","inputFocus","attachments","formatBytes","bytes","units","l","n","parseInt","toFixed","fileAcceptValidation","file","accept","trim","length","fileName","name","toLowerCase","fileType","type","split","map","token","filter","some","startsWith","endsWith","group","slice","indexOf","fileSizeValidation","maxSize","fileSize","Math","round","size","GovFormFile","constructor","hostRef","this","eventsRegistered","expanded","required","disabled","resetAfterPick","ignoreFileDuplicationCheck","displayAttachments","multiple","maxFileSize","errorSize","errorAccept","accessibleAttachmentsLabel","files","inheritedAttributes","fileId","createID","h","govHost","host","f","govForm","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","registerListeners","highlight","areaRef","classList","add","unhighlight","remove","inputRef","addEventListener","e","preventDefault","stopPropagation","target","validateFiles","events","inEvents","outEvents","eventName","preventDefaults","bind","forEach","handleDrop","dataTransfer","filesBuffer","incoming","Array","from","isFile","find","item","isSizeValid","isAcceptValid","newFile","id","acceptValid","sizeValid","govAddFile","emit","component","syncNativeInputFiles","govFiles","reset","finally","DataTransfer","dt","items","process","env","componentDidLoad","attributeObserver","AttributeObserver","attributeName","newValue","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","passAttrToLabel","String","inheritAriaAttributes","componentDidRender","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","Host","key","class","classes","toBoolAttrIfDefined","ref","el","identifier","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","hasSlot","label","onRemoveFileHandler","slot","color","replace","index","findIndex","removeFile","splice","govRemoveFile","govFocus","originalEvent","govBlur","getRef","getAreaRef","value"],"sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\n\troot: 'gov-form-file',\n\tarea: 'gov-form-file__area',\n\tinput: 'gov-form-file__input',\n\tinputFocus: 'gov-form-file__input-focus',\n\tattachments: 'gov-form-file__attachments',\n}\n","export function formatBytes(bytes: any): string {\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n\tlet l = 0,\n\t\tn = parseInt(bytes, 10) || 0\n\n\twhile (n >= 1024 && ++l) {\n\t\tn = n / 1024\n\t}\n\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\n}\n\n// Validates a file against an `accept` attribute value, following the HTML spec\n// (https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept):\n// - \".ext\" → matched against the file NAME suffix (case-insensitive)\n// - \"type/*\" → matched against the file MIME group\n// - \"type/sub\" → exact MIME match\n// Matching the name (not only file.type) is essential: browsers often report an\n// empty or non-standard MIME for extensions like .jsonld, which the previous\n// MIME-only RegExp check always rejected.\nexport function fileAcceptValidation(file: File, accept: string): boolean {\n\tif (typeof accept !== 'string' || accept.trim().length === 0) {\n\t\treturn true\n\t}\n\tconst fileName = file.name.toLowerCase()\n\tconst fileType = (file.type || '').toLowerCase()\n\treturn accept\n\t\t.split(',')\n\t\t.map(token => token.trim().toLowerCase())\n\t\t.filter(token => token.length > 0)\n\t\t.some(token => {\n\t\t\tif (token.startsWith('.')) {\n\t\t\t\treturn fileName.endsWith(token)\n\t\t\t}\n\t\t\tif (token === '*' || token === '*/*') {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (token.endsWith('/*')) {\n\t\t\t\tconst group = token.slice(0, token.indexOf('/') + 1)\n\t\t\t\treturn fileType.startsWith(group)\n\t\t\t}\n\t\t\treturn fileType === token\n\t\t})\n}\n\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\n\tconst fileSize = Math.round(file.size)\n\treturn fileSize <= maxSize\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormFileClass} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-file\",\n})\nexport class GovFormFile {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate areaRef?: HTMLDivElement\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly fileId: string\n\tprivate attributeObserver: AttributeObserver\n\tprivate eventsRegistered = false\n\n\tconstructor() {\n\t\tthis.fileId = createID(\"GovInputFile\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormFileElement\n\t/**\n\t * Expands the file input to fill 100% of the container width.\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the File component disabled.\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * After selecting the files, the main input element will be reset.\n\t * The propagation of the event with the selected files will not be affected.\n\t */\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\n\t/**\n\t * Selected files will not be checked for duplicates based on name and size.\n\t */\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\n\t/**\n\t * Show list of attachments\n\t */\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n\t */\n\t@Prop() readonly accept: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\n\t */\n\t@Prop() readonly multiple: boolean = false\n\t/**\n\t * Maximum embedded file size\n\t */\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\n\t/**\n\t * Custom File identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Error message when the maximum file size is exceeded\n\t */\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\n\t/**\n\t * Insert unsupported file error message\n\t */\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\n\t/**\n\t * Adds accessible label for the list of attachments.\n\t */\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\n\t/**\n\t * Emitted when the File has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Emitted when the File loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when the list of inserted files is changed\n\t */\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a new file is added\n\t */\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a file is removed from the list\n\t */\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\n\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() files: GovFormFileItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\n\t}\n\n\n\tprivate registerListeners() {\n\t\tif (this.eventsRegistered) {\n\t\t\treturn\n\t\t}\n\t\tthis.eventsRegistered = true\n\n\t\tfunction highlight() {\n\t\t\tthis.areaRef.classList.add(\"highlight\")\n\t\t}\n\n\t\tfunction unhighlight() {\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\n\t\t}\n\n\t\tthis.inputRef.addEventListener(\n\t\t\t\"change\",\n\t\t\te => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\n\t\t\t\tif (this.resetAfterPick) {\n\t\t\t\t\tif (files.length) {\n\t\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t}\n\t\t\t},\n\t\t\tfalse,\n\t\t)\n\n\t\tif (this.expanded) {\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\n\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\n\t\t}\n\t}\n\n\tpreventDefaults(e) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t}\n\n\thandleDrop(e: DragEvent) {\n\t\tconst dataTransfer = e.dataTransfer\n\t\tthis.validateFiles(dataTransfer.files)\n\t}\n\n\tprivate validateFiles(files: FileList) {\n\t\tlet filesBuffer: GovFormFileItem[] = []\n\t\t// Without `multiple`, only a single file is allowed. An incoming batch\n\t\t// (drag-drop, framework wrapper, programmatic assignment) can still carry\n\t\t// several files, so cap it to the last one — consistent with the\n\t\t// \"second pick replaces the first\" semantics. (Bug #30570313)\n\t\tconst incoming = this.multiple ? Array.from(files) : Array.from(files).slice(-1)\n\t\tif (!this.multiple && this.displayAttachments) {\n\t\t\tthis.files = []\n\t\t}\n\t\tincoming.forEach(file => {\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null\n\t\t\tif (isFile === null || this.ignoreFileDuplicationCheck) {\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\n\t\t\t\tconst newFile = {\n\t\t\t\t\tid: createID(\"GovFormFile\"),\n\t\t\t\t\tfile,\n\t\t\t\t\tacceptValid: isAcceptValid,\n\t\t\t\t\tsizeValid: isSizeValid,\n\t\t\t\t}\n\t\t\t\tif (this.displayAttachments) {\n\t\t\t\t\tthis.files = [...this.files, newFile]\n\t\t\t\t} else {\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\n\t\t\t\t}\n\t\t\t\tthis.govAddFile.emit({\n\t\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\t\tfile: newFile,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tif (this.displayAttachments) {\n\t\t\tthis.syncNativeInputFiles()\n\t\t}\n\n\t\tthis.govFiles.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\n\t\t})\n\n\t\tif (this.resetAfterPick) {\n\t\t\tthis.reset().finally()\n\t\t}\n\t}\n\n\t// Keep native <input type=\"file\"> in sync with the visible attachments list so\n\t// that a native form submit / FormData carries exactly the files shown in the UI.\n\t// Invalid items (wrong type or oversize) are intentionally excluded.\n\tprivate syncNativeInputFiles() {\n\t\tif (!this.inputRef || typeof DataTransfer === \"undefined\") {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tconst dt = new DataTransfer()\n\t\t\tthis.files\n\t\t\t\t.filter(item => item.acceptValid === true && item.sizeValid === true)\n\t\t\t\t.forEach(item => dt.items.add(item.file))\n\t\t\tthis.inputRef.files = dt.files\n\t\t} catch (e) {\n\t\t\t// Safari < 14.1 / older browsers may reject assigning to .files; nothing safe to fall back to.\n\t\t\tif (typeof process !== \"undefined\" && process.env && process.env.NODE_ENV !== \"production\") {\n\t\t\t\tconsole.warn(\"[gov-form-file] Could not sync native input.files:\", e)\n\t\t\t}\n\t\t}\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.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.registerListeners()\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t expanded={toBoolAttrIfDefined(this.expanded)}>\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormFileClass.input}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tid={this.identifier || this.fileId}\n\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\taccept={this.accept}\n\t\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div class={FormFileClass.inputFocus}/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t{this.files.length && this.displayAttachments ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\n\t\t\t\t\t\t\t{this.files.map(item => (\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t on-gov-remove={() => this.onRemoveFileHandler(item)}>\n\t\t\t\t\t\t\t\t\t{item.file.name}\n\t\t\t\t\t\t\t\t\t<span slot=\"name\">{item.file.name}</span>\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\n\t\t\t\t\t\t\t\t</gov-attachments-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</gov-attachments>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\n\t\tif (index !== -1) {\n\t\t\tconst files = this.files\n\t\t\tconst removeFile = this.files[index]\n\t\t\tfiles.splice(index, 1)\n\t\t\tthis.files = [...files]\n\t\t\tthis.syncNativeInputFiles()\n\t\t\tthis.govRemoveFile.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfile: removeFile,\n\t\t\t})\n\t\t\tthis.govFiles.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfiles,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Returns the reference of the native area element\n\t */\n\t@Method()\n\tasync getAreaRef(): Promise<HTMLDivElement> {\n\t\treturn this.areaRef\n\t}\n\n\t/**\n\t * Remove all files from component state\n\t */\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.files = []\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.value = ''\n\t\t\tthis.syncNativeInputFiles()\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as e,H as c,g as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as e,H as c,g as o}from"./p-B8TR1oqt.js";import{g as s}from"./p-CoD1xawt.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const i=class{constructor(e){a(this,e);this.h=s(this.host)}render(){return e(c,{key:"3080237f7f776dbb4f984e7562c42da7634bf0d0",class:this.h.classes(t.root)},e("div",{key:"54c4ae5e1ea5249fec0268dc42df515c1fb75e07",class:t.content},e("slot",{key:"ed6fa45135ede9ef8a07c7e2d57076bb9b8ada9f",name:"headline"}),e("slot",{key:"c9b8eb4aeee524aa94fc91acef36bd7773d85432"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&e("div",{key:"2e323a07712c2981add9181cc0e7f2e4682b5335",class:t.actions},this.h.hasSlot("actions-primary")&&e("div",{key:"fc63030056a1f625fe8d8fbc800296b1289afe29",class:t.actionsPrimary},e("slot",{key:"785adc2aced7347a3360c769ff3099ee434b3fc8",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&e("div",{key:"a078d1d4d7c6183bb8827d77cdcf844359d4cbdb",class:t.actionsSecondary},e("slot",{key:"85c98084bf4a36f6669f84e35ea3c578edb19fa1",name:"actions-secondary"}))))}get host(){return o(this)}};export{i as gov_cookiebar};
|
|
2
|
+
//# sourceMappingURL=p-e17def2b.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQjB,EAAmBC,OAC9CS,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAmBE,SAC9BQ,
|
|
1
|
+
{"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQjB,EAAmBC,OAC9CS,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAmBE,SAC9BQ,EAAA,QAAAK,IAAA,2CAAMG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAmBG,SAC7BM,KAAKC,EAAES,QAAQ,oBACfT,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAmBI,gBAC9BM,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAA,OAAAK,IAAA,2CAAKC,MAAOhB,EAAmBK,kBAC9BK,EAAA,QAAAK,IAAA,2CAAMG,KAAK,wB","ignoreList":[]}
|