@gov-design-system-ce/components 4.1.0 → 4.1.1
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/core.cjs.js +1 -1
- package/dist/cjs/gov-flex_4.cjs.entry.js +47 -30
- package/dist/cjs/gov-flex_4.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +2 -3
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +2 -2
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +2 -2
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +3 -4
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +3 -3
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.js +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +4 -4
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.js +2 -2
- package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
- package/dist/collection/components/gov-icon/gov-icon.js +3 -4
- package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
- package/dist/collection/components/gov-icon/list.js +6 -0
- package/dist/collection/components/gov-icon/list.js.map +1 -1
- package/dist/collection/helpers/Dom/document.js +18 -0
- package/dist/collection/helpers/Dom/document.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-dialog.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox-group.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio-group.js +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-form-switch.js.map +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-link.js.map +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-theme-switch.js +1 -1
- package/dist/components/gov-theme-switch.js.map +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/p-0b3574c2.js +2 -0
- package/dist/components/{p-dc952cc2.js → p-1eb9c053.js} +2 -2
- package/dist/components/{p-2b87c27b.js → p-283b66c3.js} +2 -2
- package/dist/components/p-283b66c3.js.map +1 -0
- package/dist/components/{p-7d4f2214.js → p-318d89bd.js} +2 -2
- package/dist/components/{p-929ebfb5.js → p-3d7a21b5.js} +2 -2
- package/dist/components/p-46c567fd.js +2 -0
- package/dist/components/p-46c567fd.js.map +1 -0
- package/dist/components/{p-4149f195.js → p-73938936.js} +2 -2
- package/dist/components/{p-5952a5d0.js → p-7be2301a.js} +2 -2
- package/dist/components/{p-227eb30d.js → p-80dad64b.js} +2 -2
- package/dist/components/{p-31a99bfc.js → p-a6b7a6c2.js} +2 -2
- package/dist/components/{p-45097b4c.js → p-a6be4769.js} +2 -2
- package/dist/components/p-a6be4769.js.map +1 -0
- package/dist/components/{p-dfb5794a.js → p-ac359044.js} +2 -2
- package/dist/components/{p-859a4f0d.js → p-b95ebe8c.js} +2 -2
- package/dist/components/{p-20c2203a.js → p-e8ec030e.js} +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-3fc3c26b.entry.js → p-04fa0ab5.entry.js} +2 -2
- package/dist/core/p-0b3574c2.js +2 -0
- package/dist/core/{p-7d6073aa.entry.js → p-0fdd8929.entry.js} +2 -2
- package/dist/core/{p-783a6b5b.entry.js → p-1200a32d.entry.js} +2 -2
- package/dist/core/p-1200a32d.entry.js.map +1 -0
- package/dist/core/{p-8701c28e.entry.js → p-2739fa61.entry.js} +2 -2
- package/dist/core/{p-c52afdfc.js → p-29ac15d2.js} +2 -2
- package/dist/core/{p-1ac9544f.entry.js → p-3cb36bae.entry.js} +2 -2
- package/dist/core/p-3cb36bae.entry.js.map +1 -0
- package/dist/core/p-3d6edb09.entry.js +2 -0
- package/dist/core/p-3d6edb09.entry.js.map +1 -0
- package/dist/core/p-3f6a2d20.entry.js +2 -0
- package/dist/core/p-3f6a2d20.entry.js.map +1 -0
- package/dist/core/{p-f1fa5e1e.entry.js → p-41c6b262.entry.js} +2 -2
- package/dist/core/p-432c3875.entry.js +2 -0
- package/dist/core/p-432c3875.entry.js.map +1 -0
- package/dist/core/p-4b90fbc4.entry.js +2 -0
- package/dist/core/{p-2c59483f.entry.js → p-4c5f6299.entry.js} +2 -2
- package/dist/core/{p-db22d51c.entry.js → p-561718cd.entry.js} +2 -2
- package/dist/core/{p-ed1131cb.entry.js → p-56dc370d.entry.js} +2 -2
- package/dist/core/{p-c20fe3da.entry.js → p-5c9e6275.entry.js} +2 -2
- package/dist/core/p-65e67731.entry.js +2 -0
- package/dist/core/{p-773f71f6.entry.js → p-6bb37fe2.entry.js} +2 -2
- package/dist/core/p-6e457b3d.entry.js +2 -0
- package/dist/core/{p-1abdcb62.entry.js → p-72130a8f.entry.js} +2 -2
- package/dist/core/{p-6454af62.entry.js → p-7e04730a.entry.js} +2 -2
- package/dist/core/p-97a9725d.entry.js +2 -0
- package/dist/core/{p-9da91318.entry.js.map → p-97a9725d.entry.js.map} +1 -1
- package/dist/core/{p-b4af0bec.entry.js → p-9c2c5447.entry.js} +2 -2
- package/dist/core/{p-7bf52eb9.entry.js → p-9fe35463.entry.js} +2 -2
- package/dist/core/{p-951823cb.entry.js → p-b7cfe254.entry.js} +2 -2
- package/dist/core/p-b923a8d9.entry.js +2 -0
- package/dist/core/{p-d24710ff.entry.js.map → p-b923a8d9.entry.js.map} +1 -1
- package/dist/core/p-bcb45a18.entry.js +2 -0
- package/dist/core/{p-443a813a.entry.js.map → p-bcb45a18.entry.js.map} +1 -1
- package/dist/core/{p-fca60e04.entry.js → p-c054f955.entry.js} +2 -2
- package/dist/core/{p-74458da3.entry.js → p-c916d0d2.entry.js} +2 -2
- package/dist/core/p-c916d0d2.entry.js.map +1 -0
- package/dist/core/{p-c4ffcc37.entry.js → p-ccec8019.entry.js} +2 -2
- package/dist/core/p-cd2d335d.entry.js +2 -0
- package/dist/core/{p-f1056a83.entry.js.map → p-cd2d335d.entry.js.map} +1 -1
- package/dist/core/{p-e2517a72.entry.js → p-d836fcde.entry.js} +2 -2
- package/dist/core/{p-b1efeb41.entry.js → p-da7f1e11.entry.js} +2 -2
- package/dist/core/{p-dec3f948.entry.js → p-dea64896.entry.js} +2 -2
- package/dist/core/{p-a218e2eb.entry.js → p-e61aa53b.entry.js} +2 -2
- package/dist/core/{p-20c2203a.js → p-e8ec030e.js} +2 -2
- package/dist/core/p-ea44d447.entry.js +2 -0
- package/dist/core/{p-cb557873.entry.js → p-ed833334.entry.js} +2 -2
- package/dist/core/p-ed833334.entry.js.map +1 -0
- package/dist/core/{p-fe6fed11.entry.js → p-ed8fc183.entry.js} +2 -2
- package/dist/{components/p-45097b4c.js.map → core/p-ed8fc183.entry.js.map} +1 -1
- package/dist/core/p-f4dac942.entry.js +2 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js +2 -2
- package/dist/esm/gov-accordion.entry.js +2 -2
- package/dist/esm/gov-attachments_3.entry.js +3 -3
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-breadcrumbs.entry.js +2 -2
- package/dist/esm/gov-button.entry.js +3 -3
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-chip.entry.js +2 -2
- package/dist/esm/gov-control-group.entry.js +2 -2
- package/dist/esm/gov-dialog.entry.js +2 -2
- package/dist/esm/gov-empty.entry.js +2 -2
- package/dist/esm/gov-flex_4.entry.js +49 -32
- package/dist/esm/gov-flex_4.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +3 -3
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox-group.entry.js +2 -2
- package/dist/esm/gov-form-checkbox.entry.js +2 -2
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +2 -3
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +2 -2
- package/dist/esm/gov-form-input_2.entry.js +2 -2
- package/dist/esm/gov-form-multi-select.entry.js +4 -4
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio-group.entry.js +2 -2
- package/dist/esm/gov-form-radio.entry.js +2 -2
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +4 -4
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +2 -2
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-infobar.entry.js +2 -2
- package/dist/esm/gov-link.entry.js +2 -2
- package/dist/esm/gov-loading.entry.js +2 -2
- package/dist/esm/gov-message.entry.js +2 -2
- package/dist/esm/gov-pagination.entry.js +2 -2
- package/dist/esm/gov-spacer.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js +2 -2
- package/dist/esm/gov-stepper.entry.js +2 -2
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tag.entry.js +2 -2
- package/dist/esm/gov-toast.entry.js +2 -2
- package/dist/esm/gov-tooltip.entry.js +2 -2
- package/dist/esm/gov-wizard-item.entry.js +2 -2
- package/dist/esm/gov-wizard.entry.js +3 -3
- package/dist/esm/{gov.log-066c3139.js → gov.log-6b64cda6.js} +2 -2
- package/dist/esm/{gov.log-066c3139.js.map → gov.log-6b64cda6.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{props-fb6587c3.js → props-9d3c7ac1.js} +2 -2
- package/dist/esm/{props-fb6587c3.js.map → props-9d3c7ac1.js.map} +1 -1
- package/dist/esm/{wcag-de9a3dc6.js → wcag-253a4421.js} +2 -2
- package/dist/esm/{wcag-de9a3dc6.js.map → wcag-253a4421.js.map} +1 -1
- package/dist/hydrate/index.js +71 -54
- package/dist/hydrate/index.mjs +71 -54
- package/dist/types/components/gov-icon/gov-icon.d.ts +1 -2
- package/dist/types/helpers/Dom/document.d.ts +1 -0
- package/package.json +4 -4
- package/dist/components/p-2b87c27b.js.map +0 -1
- package/dist/components/p-a2435993.js +0 -2
- package/dist/components/p-f44899e1.js +0 -2
- package/dist/components/p-f44899e1.js.map +0 -1
- package/dist/core/p-1ac9544f.entry.js.map +0 -1
- package/dist/core/p-1b3c808d.entry.js +0 -2
- package/dist/core/p-1b3c808d.entry.js.map +0 -1
- package/dist/core/p-2c290fe5.entry.js +0 -2
- package/dist/core/p-40d764ac.entry.js +0 -2
- package/dist/core/p-410ec0dd.entry.js +0 -2
- package/dist/core/p-443a813a.entry.js +0 -2
- package/dist/core/p-48c93ac0.entry.js +0 -2
- package/dist/core/p-48c93ac0.entry.js.map +0 -1
- package/dist/core/p-52ca31be.entry.js +0 -2
- package/dist/core/p-52ca31be.entry.js.map +0 -1
- package/dist/core/p-5ed63e9c.entry.js +0 -2
- package/dist/core/p-74458da3.entry.js.map +0 -1
- package/dist/core/p-783a6b5b.entry.js.map +0 -1
- package/dist/core/p-9da91318.entry.js +0 -2
- package/dist/core/p-a2435993.js +0 -2
- package/dist/core/p-cb557873.entry.js.map +0 -1
- package/dist/core/p-d24710ff.entry.js +0 -2
- package/dist/core/p-f1056a83.entry.js +0 -2
- package/dist/core/p-f6709826.entry.js +0 -2
- package/dist/core/p-fe6fed11.entry.js.map +0 -1
- /package/dist/components/{p-a2435993.js.map → p-0b3574c2.js.map} +0 -0
- /package/dist/components/{p-dc952cc2.js.map → p-1eb9c053.js.map} +0 -0
- /package/dist/components/{p-7d4f2214.js.map → p-318d89bd.js.map} +0 -0
- /package/dist/components/{p-929ebfb5.js.map → p-3d7a21b5.js.map} +0 -0
- /package/dist/components/{p-4149f195.js.map → p-73938936.js.map} +0 -0
- /package/dist/components/{p-5952a5d0.js.map → p-7be2301a.js.map} +0 -0
- /package/dist/components/{p-227eb30d.js.map → p-80dad64b.js.map} +0 -0
- /package/dist/components/{p-31a99bfc.js.map → p-a6b7a6c2.js.map} +0 -0
- /package/dist/components/{p-dfb5794a.js.map → p-ac359044.js.map} +0 -0
- /package/dist/components/{p-859a4f0d.js.map → p-b95ebe8c.js.map} +0 -0
- /package/dist/components/{p-20c2203a.js.map → p-e8ec030e.js.map} +0 -0
- /package/dist/core/{p-3fc3c26b.entry.js.map → p-04fa0ab5.entry.js.map} +0 -0
- /package/dist/core/{p-a2435993.js.map → p-0b3574c2.js.map} +0 -0
- /package/dist/core/{p-7d6073aa.entry.js.map → p-0fdd8929.entry.js.map} +0 -0
- /package/dist/core/{p-8701c28e.entry.js.map → p-2739fa61.entry.js.map} +0 -0
- /package/dist/core/{p-c52afdfc.js.map → p-29ac15d2.js.map} +0 -0
- /package/dist/core/{p-f1fa5e1e.entry.js.map → p-41c6b262.entry.js.map} +0 -0
- /package/dist/core/{p-410ec0dd.entry.js.map → p-4b90fbc4.entry.js.map} +0 -0
- /package/dist/core/{p-2c59483f.entry.js.map → p-4c5f6299.entry.js.map} +0 -0
- /package/dist/core/{p-db22d51c.entry.js.map → p-561718cd.entry.js.map} +0 -0
- /package/dist/core/{p-ed1131cb.entry.js.map → p-56dc370d.entry.js.map} +0 -0
- /package/dist/core/{p-c20fe3da.entry.js.map → p-5c9e6275.entry.js.map} +0 -0
- /package/dist/core/{p-2c290fe5.entry.js.map → p-65e67731.entry.js.map} +0 -0
- /package/dist/core/{p-773f71f6.entry.js.map → p-6bb37fe2.entry.js.map} +0 -0
- /package/dist/core/{p-5ed63e9c.entry.js.map → p-6e457b3d.entry.js.map} +0 -0
- /package/dist/core/{p-1abdcb62.entry.js.map → p-72130a8f.entry.js.map} +0 -0
- /package/dist/core/{p-6454af62.entry.js.map → p-7e04730a.entry.js.map} +0 -0
- /package/dist/core/{p-b4af0bec.entry.js.map → p-9c2c5447.entry.js.map} +0 -0
- /package/dist/core/{p-7bf52eb9.entry.js.map → p-9fe35463.entry.js.map} +0 -0
- /package/dist/core/{p-951823cb.entry.js.map → p-b7cfe254.entry.js.map} +0 -0
- /package/dist/core/{p-fca60e04.entry.js.map → p-c054f955.entry.js.map} +0 -0
- /package/dist/core/{p-c4ffcc37.entry.js.map → p-ccec8019.entry.js.map} +0 -0
- /package/dist/core/{p-e2517a72.entry.js.map → p-d836fcde.entry.js.map} +0 -0
- /package/dist/core/{p-b1efeb41.entry.js.map → p-da7f1e11.entry.js.map} +0 -0
- /package/dist/core/{p-dec3f948.entry.js.map → p-dea64896.entry.js.map} +0 -0
- /package/dist/core/{p-a218e2eb.entry.js.map → p-e61aa53b.entry.js.map} +0 -0
- /package/dist/core/{p-20c2203a.js.map → p-e8ec030e.js.map} +0 -0
- /package/dist/core/{p-f6709826.entry.js.map → p-ea44d447.entry.js.map} +0 -0
- /package/dist/core/{p-40d764ac.entry.js.map → p-f4dac942.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,c as s,h as i,d as a}from"./p-42200001.js";import{g as o}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{S as
|
|
1
|
+
import{p as e,H as t,c as s,h as i,d as a}from"./p-42200001.js";import{g as o}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{S as h}from"./p-92f420cb.js";import{a as n}from"./p-e8ec030e.js";import{v as r}from"./p-0b3574c2.js";import{d as l,s as f,g as m}from"./p-46c567fd.js";import{d}from"./p-68a1aaec.js";const b=c(h,["_XS","_S","_M","_L","_XL"]);const g={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark",labelLight:"gov-theme-switch__label-light",labelDark:"gov-theme-switch__label-dark"};const p="data-theme";var u;(function(e){e["auto"]="auto";e["light"]="light";e["dark"]="dark"})(u||(u={}));const k=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change",7);this.setThemeState=e=>{this.theme=e;this.govChange.emit({component:g.root,state:this.theme,ref:this.host})};this.size="m";this.ariaLabelLight=undefined;this.ariaLabelDark=undefined;this.labelLight=undefined;this.labelDark=undefined;this.theme=u.auto;this.h=o(this.host)}validateSize(e){r(b,e,g.root)}watchTheme(e){this.htmlElement.setAttribute(p,e);this.htmlElement.classList.remove(...Object.keys(u));this.htmlElement.classList.add(e);f(p,e)}get storageValue(){return m(p)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return n&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const e=Object.keys(u);let t=this.storageValue;const s=this.htmlElement.getAttribute(p);if(t&&e.includes(t)){this.theme=t}else if(s&&e.includes(s)){this.theme=s}else{this.theme=u.auto}}render(){let e=this.theme===u.dark;if(this.theme===u.auto){e=this.isSystemPrefersColorDark}return i(a,{key:"a83f030f54527f8e8a2d23c3769f3f1b41c4af4f",class:this.h.classes(g.root),theme:e?u.dark:u.light,size:this.size},i("button",{key:"54f8337d911cf64f24c8db089b9092b806c3a926",onClick:()=>this.setThemeState(e?u.light:u.dark),"aria-label":e?this.ariaLabelLight:this.ariaLabelDark},i("span",{key:"483310b54df8e8de42c087f04b7e0758067c22b8"},i("span",{key:"88b822cac4b5dc3897fa19252b5b1e1a559b8d6d",class:g.indicator},u.light&&i("gov-icon",{key:"f6f162cda66facba8940ba55f7f3283e7796d157",name:"sun",class:g.iconLight,type:"components"}),u.dark&&i("gov-icon",{key:"b36b009c1787e37a3fd5108618c6bb5993f97a23",name:"moon",class:g.iconDark,type:"components"})),i("gov-form-label",{key:"dff2b2b454a87faa1d7e471d2a271c333c983aad",class:g.labelLight,size:this.size},this.labelLight),i("gov-form-label",{key:"1b682ccaff92cc4cfe8462ff2a59507fd61b114b",class:g.labelDark,size:this.size},this.labelDark))))}get host(){return this}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}},[0,"gov-theme-switch",{size:[1],ariaLabelLight:[1,"aria-label-light"],ariaLabelDark:[1,"aria-label-dark"],labelLight:[1,"label-light"],labelDark:[1,"label-dark"],theme:[32]},undefined,{size:["validateSize"],theme:["watchTheme"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-theme-switch","gov-form-label","gov-icon"];e.forEach((e=>{switch(e){case"gov-theme-switch":if(!customElements.get(e)){customElements.define(e,k)}break;case"gov-form-label":if(!customElements.get(e)){d()}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}v();const w=k;const _=v;export{w as GovThemeSwitch,_ as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-theme-switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","iconLight","iconDark","labelLight","labelDark","ATTRIBUTE_THEME_NAME","ThemeList","
|
|
1
|
+
{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","iconLight","iconDark","labelLight","labelDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","proxyCustomElement","H","constructor","this","setThemeState","state","theme","govChange","emit","component","ref","host","auto","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","size","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","ariaLabelLight","ariaLabelDark","name","type"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n\tlabelLight: 'gov-theme-switch__label-light',\n\tlabelDark: 'gov-theme-switch__label-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight?: \"Přenout na tmavý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark?: \"Přepnout na světlý mód\"\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"label-light\"}) readonly labelLight?: \"Světlý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark?: \"Tmavý mód\"\n\t/**\n\t * Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelLight : this.ariaLabelDark}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<gov-form-label class={ThemeSwitchClass.labelLight} size={this.size}>\n\t\t\t\t\t\t\t{this.labelLight}\n\t\t\t\t\t\t</gov-form-label>\n\t\t\t\t\t\t<gov-form-label class={ThemeSwitchClass.labelDark} size={this.size}>\n\t\t\t\t\t\t\t{this.labelDark}\n\t\t\t\t\t\t</gov-form-label>\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"qUAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,UAAW,+BACXC,SAAU,8BACVC,WAAY,gCACZC,UAAW,gCAGL,MAAMC,EAAuB,aCdpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAAS,K,MCURC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,oEA6EQC,KAAAC,cAAiBC,IACxBF,KAAKG,MAAQD,EAEbF,KAAKI,UAAUC,KAAK,CACnBC,UAAWnB,EAAiBC,KAC5Bc,MAAOF,KAAKG,MACZI,IAAKP,KAAKQ,MACT,E,UA3E4C,I,yHAmCnBb,EAAUc,KA3CrCT,KAAKU,EAAIC,EAAQX,KAAKQ,K,CA+BvB,YAAAI,CAAaC,GACZC,EAAa9B,EAAkB6B,EAAU1B,EAAiBC,K,CAI3D,UAAA2B,CAAWF,GACVb,KAAKgB,YAAYC,aAAavB,EAAsBmB,GACpDb,KAAKgB,YAAYE,UAAUC,UAAUC,OAAOC,KAAK1B,IACjDK,KAAKgB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAU7B,EAAsBmB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAU/B,E,CAGlB,eAAYsB,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCjC,KAAKkC,mBACLlC,KAAKY,aAAaZ,KAAKmC,K,CAGhB,gBAAAD,GACP,MAAME,EAAUhB,OAAOC,KAAK1B,GAC5B,IAAI0C,EAAerC,KAAKwB,aACxB,MAAMc,EAAYtC,KAAKgB,YAAYuB,aAAa7C,GAEhD,GAAI2C,GAAgBD,EAAQI,SAASH,GAAe,CACnDrC,KAAKG,MAAQkC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpDtC,KAAKG,MAAQmC,C,KACP,CACNtC,KAAKG,MAAQR,EAAUc,I,EAczB,MAAAgC,GACC,IAAIC,EAAS1C,KAAKG,QAAUR,EAAUgD,KACtC,GAAI3C,KAAKG,QAAUR,EAAUc,KAAM,CAClCiC,EAAS1C,KAAK4B,wB,CAEf,OACClB,EAACkC,EAAI,CAAAC,IAAA,2CAACC,MAAO9C,KAAKU,EAAEqC,QAAQ5D,EAAiBC,MAC1Ce,MAAOuC,EAAS/C,EAAUgD,KAAOhD,EAAUqD,MAC3Cb,KAAMnC,KAAKmC,MACbzB,EAAA,UAAAmC,IAAA,2CAAQI,QAAS,IAAMjD,KAAKC,cAAcyC,EAAS/C,EAAUqD,MAAQrD,EAAUgD,MAAK,aACtED,EAAS1C,KAAKkD,eAAiBlD,KAAKmD,eACjDzC,EAAA,QAAAmC,IAAA,4CACCnC,EAAA,QAAAmC,IAAA,2CAAMC,MAAO3D,EAAiBE,WAC5BM,EAAUqD,OAAStC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,MAAMN,MAAO3D,EAAiBG,UAAW+D,KAAK,eAChF1D,EAAUgD,MAAQjC,EAAA,YAAAmC,IAAA,2CAAUO,KAAK,OAAON,MAAO3D,EAAiBI,SAAU8D,KAAK,gBAEjF3C,EAAA,kBAAAmC,IAAA,2CAAgBC,MAAO3D,EAAiBK,WAAY2C,KAAMnC,KAAKmC,MAC7DnC,KAAKR,YAEPkB,EAAA,kBAAAmC,IAAA,2CAAgBC,MAAO3D,EAAiBM,UAAW0C,KAAMnC,KAAKmC,MAC5DnC,KAAKP,a","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,h as s,F as i,d as o}from"./p-42200001.js";import{p as n}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";import{g as a}from"./p-ea7fdd2e.js";import{d as r}from"./p-
|
|
1
|
+
import{p as e,H as t,h as s,F as i,d as o}from"./p-42200001.js";import{p as n}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";import{g as a}from"./p-ea7fdd2e.js";import{d as r}from"./p-46c567fd.js";n(c,["_S","_M","_L"]);const d={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=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.orientation=undefined;this.noBorder=false;this.href=undefined;this.target=undefined;this.h=a(this.host)}render(){return s(o,{key:"3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5",class:this.h.classes(d.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"97179af17c8f8b16de49ca36a7c548d20e53cbdf",name:"icon"}),s("div",{key:"a60a8e60effd1337cc11c5afb347ab395673d724",class:d.content},s("div",{key:"b27682c73305417442d9ebfd27e02cc80d10034c",class:d.text},s("div",{key:"0c891f670607dde529d5ef6b1c86a843b7600a30",class:d.title},this.href?s(i,null,s("a",{href:this.href,target:this.target,class:d.link,ref:e=>this.triggerRef=e},s("slot",{name:"title"})),s("span",{class:d.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"dcb5f3be57fa6ebaa507c12c9394f1b12837856e",class:`${d.annotation} ${this.href?`${d.annotation}--padding`:""}`},s("slot",{key:"c3b7fe9ef111769219f1d915929112fe083927c8"}))),s("slot",{key:"98173ea276fedd176720b79e5a55b3b2d5272536",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-tile","gov-icon"];e.forEach((e=>{switch(e){case"gov-tile":if(!customElements.get(e)){customElements.define(e,f)}break;case"gov-icon":if(!customElements.get(e)){r()}break}}))}l();const b=f;const g=l;export{b as GovTile,g as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-tile.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as s,c as o,h as i,d as e}from"./p-42200001.js";import{v as
|
|
1
|
+
import{p as t,H as s,c as o,h as i,d as e}from"./p-42200001.js";import{v as c}from"./p-0b3574c2.js";import{C as a}from"./p-5aad3497.js";import{p as n}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";import{c as d}from"./p-cd6c2938.js";import{A as h,a as l,i as f}from"./p-33d5d1ed.js";import{d as m}from"./p-318d89bd.js";import{d as b}from"./p-46c567fd.js";const p=n(a,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close",7);this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.closeLabel=undefined;this.accessibleCloseLabel=undefined;this.inheritedAttributes={};this.h=r(this.host);this.toastId=d("GovToast")}validateColor(t){c(p,t,v.root)}componentDidLoad(){this.attributeObserver=new h(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=f(this.host)}disconnectedCallback(){clearTimeout(this.timeout);this.attributeObserver.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(e,{key:"897da92a579e5854078657783d54c4fcca1f0311",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"50b2dde54f6e566f95c81bbd5dd6c27870338a70",class:v.icon},i("slot",{key:"f47d01268f3098f56b064fc41dc18bab64771073",name:"icon"})),i("div",Object.assign({key:"4e508603bd41bc5375ecf2d84e5a1df239fcc6c4",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"ff7e107c1486319621a1832bdcc0387f56dc56db"})),i("gov-button",{key:"dfe2964f40d66df0335219b9bc66f5a316ecf8ca",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"5f0c872a74f8cac07431903519ecc191322d4397",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}y();const j=g;const k=y;export{j as GovToast,k as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-toast.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as s,h as e,d as i}from"./p-42200001.js";import{T as o,a as n,b as c}from"./p-76d604c6.js";import{c as a}from"./p-ea7fdd2e.js";import{d as l}from"./p-
|
|
1
|
+
import{p as t,H as s,h as e,d as i}from"./p-42200001.js";import{T as o,a as n,b as c}from"./p-76d604c6.js";import{c as a}from"./p-ea7fdd2e.js";import{d as l}from"./p-318d89bd.js";import{d as r}from"./p-46c567fd.js";const d=t(class t extends s{constructor(){super();this.__registerHost();this.color=o.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return e(i,{key:"9775080ab420c435e879ee1516f16bd7fb35f18d",class:c.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!a(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1"}),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},e("gov-icon",{slot:"icon-start",name:"x-lg",type:"components"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}},[4,"gov-tooltip-content",{color:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip-content","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-tooltip-content":if(!customElements.get(t)){customElements.define(t,d)}break;case"gov-button":if(!customElements.get(t)){l()}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}h();const f=d;const m=h;export{f as GovTooltipContent,m as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-tooltip-content.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as i,h as s,d as e}from"./p-42200001.js";import{v as o}from"./p-
|
|
1
|
+
import{p as t,H as i,h as s,d as e}from"./p-42200001.js";import{v as o}from"./p-0b3574c2.js";import{T as h,a as n,b as a,c as r,d as c}from"./p-76d604c6.js";import{c as d}from"./p-cd6c2938.js";import{g as l}from"./p-ea7fdd2e.js";import{d as f}from"./p-e8ec030e.js";import{t as p}from"./p-26618322.js";const u=t(class t extends i{constructor(){super();this.__registerHost();this.tooltipContentId=undefined;this.tooltipId=undefined;this.color=h.PRIMARY;this.size=n._M;this.position="right";this.message=undefined;this.identifier=undefined;this.icon=undefined;this.persist=false;this.h=l(this.host);this.tooltipId=d("GovTooltip");this.tooltipContentId=d("GovContentTooltip")}validateColor(t){o(h,t,c.root)}validateSize(t){o(n,t,c.root)}validatePosition(t){o(r,t,c.root)}rerenderMessage(){this.createContentWrapper()}connectedCallback(){this.createContentWrapper();this.registerListeners()}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.validatePosition(this.position)}componentDidUpdate(){this.createContentWrapper()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var t;if(this.tooltipContent){if(this.message){this.tooltipContent.innerHTML=this.message}else if(this.insideContent){this.tooltipContent.innerHTML=this.insideContent.innerHTML}return}let i;if(this.insideContent){i=this.insideContent}else{i=f().createElement(a.root);i.innerHTML=this.message}i.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);i.setAttribute("parent-id",this.tooltipId);i.setAttribute("color",this.color);i.setAttribute("size",this.size);f().body.appendChild(i)}get tooltipContent(){var t;return f().body.querySelector(`#${(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId}`)}get insideContent(){return this.host.querySelector(a.root)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.tooltipContent){this.tooltipContent.setAttribute("persist","true")}this.showTooltip()}));this.host.addEventListener("mouseenter",(t=>{t.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(t=>{t.preventDefault();if(this.persist===false){this.hideTooltip()}}))}verifyPositionSpace(){const t=12;const i=window.innerWidth-(window.innerWidth-document.documentElement.clientWidth);const s=this.host.getBoundingClientRect();const e=this.host.offsetWidth;const o=this.host.offsetHeight;const h=this.tooltipContent.offsetWidth;const n=this.tooltipContent.offsetHeight;const a={left:s.left+document.documentElement.scrollLeft,top:s.top+document.documentElement.scrollTop};const c=a.left+t+s.width+h<=i;const d=a.left>h;if(this.position===r.LEFT||this.position===r.RIGHT){this.tooltipContent.style.top=a.top-(n-o)/2+"px";if(c===false&&d===false){this.position=r.TOP;this.tooltipContent.setAttribute("position",r.TOP)}if(d&&c===false&&this.position===r.RIGHT){this.position=r.LEFT}if(c&&d===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.tooltipContent.setAttribute("position",r.RIGHT);this.tooltipContent.style.left=a.left+t+s.width+"px"}if(this.position===r.LEFT){this.tooltipContent.setAttribute("position",r.LEFT);this.tooltipContent.style.left=a.left-(h+t)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(h>e){let s=a.left-(h-e)/2;const o=s<0;const n=s+h>i;if(o&&n){this.tooltipContent.style.width="auto";this.tooltipContent.style.left=t+"px";this.tooltipContent.style.right=t+"px"}else{if(o){s=t}if(n){s=s-(i-(s+h+t))*-1}this.tooltipContent.style.left=s+"px"}}else{const t=a.left+(e-h)/2;this.tooltipContent.style.left=t+"px"}}if(this.position===r.TOP){this.tooltipContent.setAttribute("position",r.TOP);this.tooltipContent.style.top=a.top-(n+t)+"px"}if(this.position===r.BOTTOM){this.tooltipContent.setAttribute("position",r.BOTTOM);this.tooltipContent.style.top=a.top+(o+t)+"px"}this.tooltipContent.style.opacity="1"}showTooltip(){if(this.tooltipContent){this.tooltipContent.style.opacity="0";this.tooltipContent.hidden=false;this.tooltipContent.setAttribute("is-visible","true");p((()=>{this.verifyPositionSpace()}))}}hideTooltip(){if(this.tooltipContent){this.tooltipContent.setAttribute("is-visible","false");this.tooltipContent.setAttribute("persist","false");this.tooltipContent.removeAttribute("style")}}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(e,{key:"bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc",id:this.tooltipId,class:this.h.classes(c.root),position:this.position},s("span",{key:"8ce3bf37e9ab13190c476db7cf47b7d0319719fe",role:"button",tabindex:0,onKeyPress:()=>this.showTooltip(),onBlur:()=>{if(this.persist===false){this.hideTooltip()}},"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",{key:"c622fcd797a2c0dd303395d2d6391fbc747e4d18"})))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}}},[4,"gov-tooltip",{color:[1],size:[1],position:[1025],message:[1],identifier:[1],icon:[516],persist:[32],show:[64],hide:[64]},undefined,{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip"];t.forEach((t=>{switch(t){case"gov-tooltip":if(!customElements.get(t)){customElements.define(t,u)}break}}))}m();const v=u;const b=m;export{v as GovTooltip,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GovTooltip","proxyCustomElement","H","constructor","this","tooltipContentId","undefined","tooltipId","TooltipColors","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateColor","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","color","size","position","componentDidUpdate","disconnectedCallback","removeContent","tooltipContent","message","innerHTML","insideContent","content","documentNode","createElement","TooltipContentClass","setAttribute","_a","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","show","hide"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipColors,\n\tTooltipColorType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"color\", this.color)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["GovTooltip","proxyCustomElement","H","constructor","this","tooltipContentId","undefined","tooltipId","TooltipColors","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateColor","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","color","size","position","componentDidUpdate","disconnectedCallback","removeContent","tooltipContent","message","innerHTML","insideContent","content","documentNode","createElement","TooltipContentClass","setAttribute","_a","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","show","hide"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipColors,\n\tTooltipColorType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"color\", this.color)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as t,c as e,h as i,d as a}from"./p-42200001.js";import{v as o}from"./p-
|
|
1
|
+
import{p as s,H as t,c as e,h as i,d as a}from"./p-42200001.js";import{v as o}from"./p-0b3574c2.js";import{W as n,c}from"./p-c61a5830.js";import{c as d}from"./p-cd6c2938.js";import{g as h,b as l,t as r}from"./p-ea7fdd2e.js";import{d as m}from"./p-46c567fd.js";var f;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(f||(f={}));const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=h(this.host);this.triggerId=d("GovWizardItem");this.contentId=d("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?f.BUTTON:f.DIV;const e=this.h.hasSlot("prefix")&&i("span",{key:"5b4e2b9c66285827959d4df9801cef2b8de29764",class:n.prefix},i("slot",{key:"6ffa576fe3be8febb899186208d8aa7ae1fecd96",name:"prefix"}));return i(a,{key:"60fd0ec72cb212f73dddeec698c2003117b1fc02",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},i("div",{key:"02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8",class:n.header},e,this.collapsible?i(t,{id:s,class:this.h.classes(n.label),"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":r(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},i("span",{class:n.headline},i("slot",{name:"headline"}),this.collapsible&&i("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),i("slot",{name:"annotation"})):i(t,{class:this.h.classes(n.label)},i("span",{class:n.headline},i("slot",{name:"headline"}),this.collapsible&&i("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),i("slot",{name:"annotation"}))),this.collapsible?i("div",{class:n.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},i("slot",null)):i("div",{class:n.content,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded},i("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function b(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,p)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}b();const u=p;const v=b;export{u as GovWizardItem,v as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-wizard-item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as a,d as i}from"./p-42200001.js";import{v as c}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as a,d as i}from"./p-42200001.js";import{v as c}from"./p-0b3574c2.js";import{W as o,a as d,b as r}from"./p-c61a5830.js";import{g as n}from"./p-ea7fdd2e.js";import{a as h}from"./p-80dad64b.js";import{c as l}from"./p-e8ec030e.js";import{d as m}from"./p-e0e2e9c1.js";const p=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=n(this.host)}validateSize(e){c(r,e,d.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(o.root).forEach((e=>{e.setAttribute("size",this.size)}))}async componentDidRender(){if(l()){await m(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"3aa896212e044cc3952da66a72b1ca7a708ea0b3",class:this.h.classes(d.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf"}))}async validateWcag(){h(this.wcagLabel,this.wcagLabelledBy,d.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-wizard"];e.forEach((e=>{switch(e){case"gov-wizard":if(!customElements.get(e)){customElements.define(e,p)}break}}))}f();const b=p;const u=f;export{b as GovWizard,u as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-wizard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as s,c as i,h as e,d as n}from"./p-42200001.js";import{g as a,b as h,c as o}from"./p-9908b9f0.js";import{g as d,c,t as r,d as l}from"./p-ea7fdd2e.js";import{v as u}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as s,c as i,h as e,d as n}from"./p-42200001.js";import{g as a,b as h,c as o}from"./p-9908b9f0.js";import{g as d,c,t as r,d as l}from"./p-ea7fdd2e.js";import{v as u}from"./p-0b3574c2.js";import{c as f}from"./p-cd6c2938.js";import{A as p,a as b,i as m}from"./p-33d5d1ed.js";import{d as v}from"./p-318d89bd.js";import{d as g}from"./p-46c567fd.js";var y;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(y||(y={}));const w=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govKeyUp=i(this,"gov-keyup",7);this.govHydrated=i(this,"gov-hydrated",7);this.govKeyDown=i(this,"gov-keydown",7);this.value=undefined;this.identifier=undefined;this.success=undefined;this.size="m";this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.spellcheck=undefined;this.inputLang=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.focused=undefined;this.showPassword=false;this.inheritedAttributes={};this.h=d(this.host);this.inputId=f("GovInput");this.f=a(this.h)}validateSize(t){u(o,t,h.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",c(this.success));this.f.passAttrToControl("disabled",c(this.disabled));this.f.passAttrToControl("invalid",c(this.invalid));this.f.passAttrToControl("type",this.multiline?y.TEXTAREA:y.INPUT)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(b);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=m(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){this.attributeObserver.stopObserving()}render(){const t=this.multiline?y.TEXTAREA:y.INPUT;return e(n,{key:"5210373fd88e2b80df5a4206c5b25b5695f2894b",class:h.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&e("slot",{key:"9215c45132a4b9dc8fd0da79ef8d082dcce0789b",name:"prefix"}),e("span",{key:"e58ab94aa7926dbd8488ce8323b6c8dbec9ce765",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&e("div",{key:"8e67ba10cfb47232f6c0d817df292668c2a4a7e8",class:h.icons,onClick:()=>this.inputRef.focus()},e("slot",{key:"a186f1fbe47936219f6a6a26cb2d0c2b0dbe08f8",name:"icon-start"})),e(t,Object.assign({key:"1090f6e6705365ffc83b5397ad669638d996f5bd",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:r(this.spellcheck),lang:this.inputLang,readonly:r(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":r(this.required),"aria-invalid":r(this.invalid),"aria-disabled":r(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&e("div",{key:"49cb072b3448735677c47883d851557f107dd6cb",class:h.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&e("gov-icon",{key:"f00df3e88ba3a0d695bf9f33ddb51af7a8fb4a96",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&e("gov-icon",{key:"523966e75d3f3d49eff396226673c3c96cf6de60",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&e("slot",{key:"b707c094fe32bf5864c66e40a95a22f2b27d79b3",name:"icon-end"}),this.inputType==="password"?e("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},e("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&e("slot",{key:"945df71d1a6c3edd76769ae3310bdd33df694d2b",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:h.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:h.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:h.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:h.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:h.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 this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[4,"gov-form-input",{value:[1537],identifier:[1],success:[516],size:[1],name:[1],multiline:[4],rows:[2],cols:[2],required:[516],disabled:[516],placeholder:[1],readonly:[4],minlength:[2],maxlength:[2],min:[8],max:[8],autocomplete:[4],autocorrect:[4],spellcheck:[4],inputLang:[1,"input-lang"],type:[1],inputType:[1,"input-type"],role:[1],invalid:[516],accessibleShowPasswordLabel:[1,"accessible-show-password-label"],accessibleHidePasswordLabel:[1,"accessible-hide-password-label"],focused:[32],showPassword:[32],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-input","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-input":if(!customElements.get(t)){customElements.define(t,w)}break;case"gov-button":if(!customElements.get(t)){v()}break;case"gov-icon":if(!customElements.get(t)){g()}break}}))}k();export{w as G,k as d};
|
|
2
|
+
//# sourceMappingURL=p-1eb9c053.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as s,c as e,h as i,d as a}from"./p-42200001.js";import{g as o,l as n,m as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as s,c as e,h as i,d as a}from"./p-42200001.js";import{g as o,l as n,m as c}from"./p-9908b9f0.js";import{g as h,c as d,t as r}from"./p-ea7fdd2e.js";import{v as l}from"./p-0b3574c2.js";import{c as f}from"./p-cd6c2938.js";import{p as u}from"./p-ded281e6.js";import{t as m}from"./p-26618322.js";import{A as p,a as b,i as v}from"./p-33d5d1ed.js";import{d as g}from"./p-46c567fd.js";const w=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=e(this,"gov-focus",7);this.govBlur=e(this,"gov-blur",7);this.govChange=e(this,"gov-change",7);this.value=undefined;this.options=undefined;this.identifier=undefined;this.size="m";this.name=undefined;this.required=false;this.success=undefined;this.disabled=false;this.invalid=undefined;this.focused=undefined;this.optionsState=[];this.inheritedAttributes={};this.h=h(this.host);this.f=o(this.h);this.selectId=f("GovSelect")}validateSize(t){l(c,t,n.root)}watchOptions(t){this.optionsState=u(t)}watchControlAttrs(){this.passControlAttrs()}watchValue(){this.markSelectedValue()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("success",d(this.success));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","select")}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(b)}disconnectedCallback(){this.attributeObserver.stopObserving()}componentWillLoad(){this.validateSize(this.size);this.markSelectedValue();this.optionsState=u(this.options);this.inheritedAttributes=v(this.host)}async componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));m((()=>this.markSelectedValue()))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}markSelectedValue(){this.host.querySelectorAll("option").forEach((t=>{if(t.value===this.value){t.setAttribute("selected","selected")}else{t.removeAttribute("selected")}}))}render(){return i(a,{key:"b403868aaf854a9dc40f68cf093a8867cd20c4c4",class:n.root,size:this.size},this.h.hasSlot("prefix")&&i("slot",{key:"de3d0cb80bd3b33a9b23b60f91739f0e23fdab4a",name:"prefix"}),i("span",{key:"c501806b949bc6e1314922fce0ce088180fdebba",class:"element"},i("select",Object.assign({key:"7c1a04a65e69edda672d70b101b430d3c6105543",id:this.identifier||this.selectId,onFocus:this.onFocusHandler.bind(this),onChange:this.onChangeHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,name:this.name,disabled:this.disabled,ref:t=>this.selectRef=t},this.inheritedAttributes,{"aria-disabled":r(this.disabled),"aria-required":r(this.required),"aria-invalid":r(this.invalid)}),i("slot",{key:"0bd46e42f5e5267366088b9902a5ef8c6aa99064"}),Array.isArray(this.optionsState)&&this.optionsState.map((t=>{var s;return i("option",{value:t.value,selected:t.value===this.value,disabled:t===null||t===void 0?void 0:t.disabled},(s=t.label)!==null&&s!==void 0?s:t.value)}))),this.success&&i("gov-icon",{key:"8e919bd8dd122618b2b0233c7b14c8def277540f",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&i("gov-icon",{key:"78610616be9cdf65e9bbc1359e27bc9003c8fc34",class:"validation-icon",name:"exclamation-lg",type:"components"}),i("gov-icon",{key:"56c1ca03e5b23154a93056bba8758553a5c93f30",class:"arrow-icon",name:"chevron-down",type:"components"})),this.h.hasSlot("sufix")&&i("slot",{key:"f3e3f1416d15a34402d446e6a72d0607cc8d90fc",name:"sufix"}))}onFocusHandler(t){this.focused=true;this.govFocus.emit({component:n.root,originalEvent:t,value:this.value})}onBlurHandler(t){this.focused=false;this.govBlur.emit({component:n.root,originalEvent:t,value:this.value})}onChangeHandler(t){this.value=t.target.value;t.stopPropagation();this.govChange.emit({component:n.root,originalEvent:t,value:this.value})}async setFocus(t){return this.selectRef.focus(t)}async getRef(){return this.selectRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],options:["watchOptions"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"],value:["watchValue"]}}},[4,"gov-form-select",{value:[1537],options:[1537],identifier:[1],size:[1],name:[1],required:[4],success:[516],disabled:[516],invalid:[4],focused:[32],optionsState:[32],inheritedAttributes:[32],setFocus:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],options:["watchOptions"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"],value:["watchValue"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-select":if(!customElements.get(t)){customElements.define(t,w)}break;case"gov-icon":if(!customElements.get(t)){g()}break}}))}y();export{w as G,y as d};
|
|
2
|
+
//# sourceMappingURL=p-283b66c3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovFormSelect","proxyCustomElement","H","constructor","this","h","govHost","host","f","govForm","selectId","createID","validateSize","newValue","validateProp","FormSelectSizes","FormSelectClass","root","watchOptions","optionsState","propsValueToArray","watchControlAttrs","passControlAttrs","watchValue","markSelectedValue","passAttrToControl","size","toBoolAttr","invalid","success","disabled","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","stopObserving","componentWillLoad","options","inheritedAttributes","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","required","tick","removeAttribute","Object","assign","querySelectorAll","forEach","option","value","setAttribute","render","Host","key","class","hasSlot","name","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","ref","el","selectRef","toBoolAttrIfDefined","Array","isArray","map","selected","_a","label","type","e","focused","govFocus","emit","component","originalEvent","govBlur","target","stopPropagation","govChange","setFocus","focus","getRef"],"sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {createID} from '../../../utils/string.utils'\nimport {FormSelectClass, FormSelectSizes, FormSelectSizesType,} from './constants'\nimport {FormSelectEvent, FormSelectOption} from './gov-form-select.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-form-select',\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID('GovSelect')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Options of select\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | FormSelectOption[]\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\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 * 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 * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\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 * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\t@State() optionsState: FormSelectOption[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | FormSelectOption[]): void {\n\t\tthis.optionsState = propsValueToArray(newValue)\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@Watch('value')\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\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('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('success', toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('type', 'select')\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\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\t\ttick(() => this.markSelectedValue())\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'selected')\n\t\t\t} else {\n\t\t\t\toption.removeAttribute('selected')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.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<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.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\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\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>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t\t{this.success && <gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.invalid && <gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t<gov-icon class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\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.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,c as i,h as s,d as a}from"./p-42200001.js";import{v as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as t,c as i,h as s,d as a}from"./p-42200001.js";import{v as n}from"./p-0b3574c2.js";import{B as o,a as d,b as h,N as r}from"./p-44a8a668.js";import{g as c,t as l}from"./p-ea7fdd2e.js";import{S as f}from"./p-92f420cb.js";import{a as p}from"./p-80dad64b.js";import{c as u}from"./p-e8ec030e.js";import{d as m}from"./p-e0e2e9c1.js";import{A as b,a as v,i as y}from"./p-33d5d1ed.js";import{d as g}from"./p-46c567fd.js";function k(e){if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1}else if(typeof e==="number"){return e>0}else if(typeof e==="boolean"){return e}else{return e?true:false}}var j;(function(e){e["A"]="a";e["BUTTON"]="button"})(j||(j={}));const T=e(class e extends t{constructor(){super();this.__registerHost();this.govClick=i(this,"gov-click",7);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.hydrated=false;this.color=undefined;this.size="m";this.type=undefined;this.expanded=false;this.name=undefined;this.disabled=false;this.nativeType="button";this.href=undefined;this.target=undefined;this.download=undefined;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.loading=undefined;this.focusable=true;this.identifier=undefined;this.inheritedAttributes={};this.h=c(this.host)}validateColor(e){n(d,e,o.root)}validateType(e){n(h,e,o.root)}validateSize(e){n(f,e,o.root)}validateNativeType(e){n(r,e,o.root)}componentDidLoad(){this.attributeObserver=new b(this.host,((e,t)=>{this.onAriaAttributeChange(e,t)}));this.attributeObserver.startObserving(v)}onAriaAttributeChange(e,t){this.host.removeAttribute(e);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[e]:t})}disconnectedCallback(){this.attributeObserver.stopObserving()}componentWillLoad(){this.validateColor(this.color);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType);this.inheritedAttributes=y(this.host)}async componentDidRender(){if(u()){await m(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?j.A:j.BUTTON;const t=e===j.A?undefined:this.nativeType;return s(a,{key:"4e5ef3fbf897b81b07452a9383985353d673fdd6",size:this.size,hydrated:this.hydrated,color:this.color,class:this.h.classes(o.root),type:this.type},s(e,Object.assign({key:"d0689b6c773257059fa9334d4bb1d003a0ec58c3",class:"element",ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:t,tabindex:this.disabled?"-1":"0"},this.inheritedAttributes,{"aria-disabled":l(this.disabled)}),k(this.loading)&&!this.h.hasSlot("icon-end")&&s("gov-icon",{key:"16a969ee29897508924e61d70b40589d0410f649",name:"loader",class:"gov-spin-animation",type:"components"}),this.h.hasSlot("icon-start")&&s("slot",{key:"7d208cc950fedd5b6bbf376152a0c641d8885846",name:"icon-start"}),s("slot",{key:"7c43309c657363dbcc1df14ae3c21d977ec3eb20"}),this.h.hasSlot("icon-end")&&s("slot",{key:"d90b7831900331fe8482757f33847295207f73d2",name:"icon-end"}),k(this.loading)&&this.h.hasSlot("icon-end")&&s("gov-icon",{key:"d23e2000e5bf5b78a81e78d6c3e30aa0e1f3f42c",name:"loader",class:"gov-spin-animation",type:"components"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit({component:o.root,originalEvent:e,ref:this.host})}}onFocusHandler(e){e.stopPropagation();this.govFocus.emit({component:o.root,originalEvent:e,ref:this.host})}onBlurHandler(e){e.stopPropagation();this.govBlur.emit({component:o.root,originalEvent:e,ref:this.host})}async setFocus(){this.triggerRef.focus()}async getRef(){return this.triggerRef}async validateAccessibility(){if(this.focusable){p(this.triggerRef.getAttribute("aria-label"),this.triggerRef.getAttribute("aria-labelledby"),o.root,this.host)}}get host(){return this}static get watchers(){return{color:["validateColor"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}},[4,"gov-button",{color:[513],size:[513],type:[513],expanded:[516],name:[1],disabled:[516],nativeType:[1,"native-type"],href:[1],target:[1],download:[4],hreflang:[1],referrerpolicy:[1],rel:[1],loading:[1],focusable:[4],identifier:[1],inheritedAttributes:[32],setFocus:[64],getRef:[64],validateAccessibility:[64]},undefined,{color:["validateColor"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}]);function C(){if(typeof customElements==="undefined"){return}const e=["gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-button":if(!customElements.get(e)){customElements.define(e,T)}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}C();export{T as G,C as d};
|
|
2
|
+
//# sourceMappingURL=p-318d89bd.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as e,c as i,h as s,d as a}from"./p-42200001.js";import{v as o}from"./p-0b3574c2.js";import{g as n}from"./p-ea7fdd2e.js";import{p as h}from"./p-e0e2e9c1.js";import{S as d}from"./p-92f420cb.js";import{a as c,c as r}from"./p-44a8a668.js";import{c as f}from"./p-cd6c2938.js";import{p as l}from"./p-016bbea6.js";import{i as b,A as p,a as m}from"./p-33d5d1ed.js";import{d as u}from"./p-46c567fd.js";const g=h(d,["_XS","_S","_M"]);var v;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(v||(v={}));var y;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(y||(y={}));const k={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const j=t(class t extends e{constructor(){super();this.__registerHost();this.govClick=i(this,"gov-click",7);this.hydrated=false;this.disabled=false;this.href=undefined;this.target=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.size=g._M;this.tag="span";this.color=c.PRIMARY;this.type=undefined;this.focusable=true;this.identifier=undefined;this.inheritedAttributes={};this.h=n(this.host);this.chipId=f("GovChip")}validateColor(t){o(c,t,k.root)}validateSize(t){o(r,t,k.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){this.attributeObserver.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){const t=this.href?y.A:this.tag;const e=t==y.BUTTON?y.BUTTON:undefined;const i=l(this.iconStart);const o=l(this.iconEnd);return s(a,{key:"cb016dddaaadd7de70e72707d7ad44e87a597a34",class:this.h.classes([k.root,this.h.hasSlot("right")?k.hasRight:undefined,this.h.hasSlot("left")?k.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,hoverable:t==y.A||t==y.BUTTON,hydrated:this.hydrated},s(t,Object.assign({key:"d34d8a67eeb4b6d3f1b79118224a50f394e31003",class:"element",href:this.href,target:this.target,ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),tabindex:(this.h.hasSlot("left")||this.h.hasSlot("right")||this.disabled)&&!this.focusable?"-1":"0",id:this.identifier||this.chipId,type:e},this.inheritedAttributes,{"aria-disabled":this.disabled}),s("slot",{key:"1927da9845f36a47d30d7aef2e5292b0fd14a9e9",name:"left"}),s("slot",{key:"c8334498b94e4d3caa6f7db5e7ec638bbce52cbc",name:"icon-start"},i&&s("gov-icon",{key:"310fb65c135105ee26cc6d58f810768843700b0a",type:i.type,name:i.name})),s("slot",{key:"4a089b176703b5c600d2a519f90be655397d5f27"}),s("slot",{key:"0dfede9f85605499bdbd09f43b642a1cee68fcf2",name:"icon-end"},o&&s("gov-icon",{key:"beb20c5691f2ed1a6cb556d440d72a86de280a73",type:o.type,name:o.name})),s("slot",{key:"92e05b922fe474e259e18301eba6c13586794a1e",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===y.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-chip",{disabled:[516],href:[1],target:[1],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[1],tag:[1],color:[1],type:[513],focusable:[4],identifier:[1],inheritedAttributes:[32],geRef:[64],setFocus:[64]},undefined,{color:["validateColor"],size:["validateSize"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-chip":if(!customElements.get(t)){customElements.define(t,j)}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}C();export{j as G,C as d};
|
|
2
|
+
//# sourceMappingURL=p-3d7a21b5.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as t,H as s,h as e,d as n}from"./p-42200001.js";import{p as o}from"./p-e0e2e9c1.js";import{C as i}from"./p-5aad3497.js";import{S as r}from"./p-92f420cb.js";import{g as a}from"./p-bfce6f99.js";import{i as c,a as l,b as h}from"./p-e8ec030e.js";import{g as f}from"./p-ea7fdd2e.js";import{v as u}from"./p-0b3574c2.js";o(r,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const d=o(i,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var m;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(m||(m={}));const p={root:"gov-icon",holder:"gov-icon__holder"};const v="4.1.1";const g=()=>v;const w={};const y={};const b=t=>t.startsWith("http://")||t.startsWith("https://");const C=(t,s,e)=>{if(b(t)){return`${t}/${e}/${s}.svg?v=${g()}`}return a(`${t}/${e}/${s}.svg`)+`?v=${g()}`};async function I({name:t,type:s}){const e=s+"-"+t;if(w[e]){return w[e]}if(!y[e]){y[e]=fetch(C(c(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const n=await y[e];w[e]=n;return n}const E=(t,s,e)=>{if(!l){return}let n="";if(e){const t=new Date;t.setTime(t.getTime()+e*24*60*60*1e3);n="; expires="+t.toUTCString()}document.cookie=`${t}=${encodeURIComponent(s)}${n}; path=/`};const L=t=>{if(!l){return null}const s=t+"=";const e=document.cookie.split(";");for(let t=0;t<e.length;t++){let n=e[t].trim();if(n.startsWith(s)){return decodeURIComponent(n.substring(s.length))}}return null};const S=t=>{try{const s=new DOMParser;const e=s.parseFromString(t,"image/svg+xml");const n=e.querySelector("parsererror");if(n){return false}const o=e.documentElement;if(o.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const $=t(class t extends s{constructor(){super();this.__registerHost();this.size=undefined;this.color=undefined;this.name=null;this.type="components";this.visible=false;this.error=false;this.h=f(this.host)}validateSize(t){u(r,t,p.root)}validateColor(t){u(d,t,p.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(h()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateSize(this.size);this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const e=await I({name:t,type:s});const n=S(e);this.host.innerHTML=n?e:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return e(n,{class:this.h.classes(p.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return this}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}},[0,"gov-icon",{size:[513],color:[513],name:[513],type:[513],visible:[32],error:[32]},undefined,{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}]);function _(){if(typeof customElements==="undefined"){return}const t=["gov-icon"];t.forEach((t=>{switch(t){case"gov-icon":if(!customElements.get(t)){customElements.define(t,$)}break}}))}_();export{$ as G,_ as d,L as g,E as s};
|
|
2
|
+
//# sourceMappingURL=p-46c567fd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["pick","Sizes","IconColors","Colors","Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","setCookie","value","days","isWindow","expires","date","Date","setTime","getTime","toUTCString","document","cookie","encodeURIComponent","getCookie","nameEQ","cookies","split","i","length","trim","decodeURIComponent","substring","isValidSVG","svgContent","parser","DOMParser","doc","parseFromString","parseError","querySelector","svgElement","documentElement","tagName","toLowerCase","error","GovIcon","proxyCustomElement","H","constructor","this","h","govHost","host","validateSize","newValue","validateProp","validateColor","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","size","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","innerHTML","e","render","Host","class","classes"],"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/helpers/Dom/document.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'PRIMARY',\n\t'SECONDARY',\n\t'NEUTRAL',\n\t'ERROR',\n\t'SUCCESS',\n\t'WARNING',\n\t'DISABLED',\n\t'WHITE',\n\t'BLACK',\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","import {Nullable} from \"../../utils/helpers.types\";\nimport {isWindow} from \"./win\";\n\nexport const setCookie = (name: string, value: string, days?: number) => {\n\tif (!isWindow) {\n\t\treturn\n\t}\n\tlet expires = \"\";\n\tif (days) {\n\t\tconst date = new Date();\n\t\tdate.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n\t\texpires = \"; expires=\" + date.toUTCString();\n\t}\n\tdocument.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;\n}\n\nexport const getCookie = (name: string): Nullable<string> => {\n\tif (!isWindow) {\n\t\treturn null\n\t}\n\tconst nameEQ = name + \"=\";\n\tconst cookies = document.cookie.split(';');\n\tfor (let i = 0; i < cookies.length; i++) {\n\t\tlet cookie = cookies[i].trim();\n\t\tif (cookie.startsWith(nameEQ)) {\n\t\t\treturn decodeURIComponent(cookie.substring(nameEQ.length));\n\t\t}\n\t}\n\treturn null;\n}\n\nexport const isValidSVG = (svgContent: string): boolean => {\n\ttry {\n\t\tconst parser = new DOMParser();\n\t\tconst doc = parser.parseFromString(svgContent, \"image/svg+xml\");\n\t\tconst parseError = doc.querySelector(\"parsererror\");\n\t\tif (parseError) {\n\t\t\treturn false;\n\t\t}\n\t\tconst svgElement = doc.documentElement;\n\t\tif (svgElement.tagName.toLowerCase() !== \"svg\") {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t} catch (error) {\n\t\treturn false;\n\t}\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass, IconColors, type IconColorType, IconSizesType} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {isValidSVG} from \"../../helpers/Dom/document\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Icon size\n\t */\n\t@Prop({reflect: true}) readonly size?: IconSizesType\n\t/**\n\t * Icon color\n\t */\n\t@Prop({reflect: true}) readonly color?: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"components\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isValidSVG(data)\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,h as t,d as a}from"./p-42200001.js";import{A as c}from"./p-07165d99.js";import{v as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as s,h as t,d as a}from"./p-42200001.js";import{A as c}from"./p-07165d99.js";import{v as i}from"./p-80dad64b.js";import{c as o}from"./p-e8ec030e.js";import{d as n}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";const d=e(class e extends s{constructor(){super();this.__registerHost();this.label=undefined;this.wcagLabel=undefined;this.h=r(this.host)}async componentDidRender(){if(o()){await n(500);await this.validateWcag()}}render(){return t(a,{key:"01d6046e8da3b76924fa9c3124cec31e5b81d4c5",class:this.h.classes(c.root)},this.label?t("p",{class:c.label},this.label):null,t("div",{key:"88936d984563a5815b90cba8b1b5ee0f71ee3460",class:c.list,role:"list","aria-label":this.wcagLabel},t("slot",{key:"99c6427772c71388f027595a1fdf13ed4956a474"})))}async validateWcag(){i(this.wcagLabel,"wcag-label",c.root)}get host(){return this}},[4,"gov-attachments",{label:[1],wcagLabel:[1,"wcag-label"],validateWcag:[64]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-attachments"];e.forEach((e=>{switch(e){case"gov-attachments":if(!customElements.get(e)){customElements.define(e,d)}break}}))}l();export{d as G,l as d};
|
|
2
|
+
//# sourceMappingURL=p-73938936.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,c as i,h as t,d as a}from"./p-42200001.js";import{a as c}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as s,H as e,c as i,h as t,d as a}from"./p-42200001.js";import{a as c}from"./p-80dad64b.js";import{c as o}from"./p-e8ec030e.js";import{g as r}from"./p-ea7fdd2e.js";import{t as d}from"./p-26618322.js";const l={root:"gov-backdrop",bg:"gov-backdrop__background"};const n=s(class s extends e{constructor(){super();this.__registerHost();this.govClick=i(this,"gov-click",7);this.inverse=false;this.disabled=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.h=r(this.host)}async componentDidRender(){if(o()){d((()=>this.validateAccessibility()))}}render(){return t(a,{key:"ee25a6a3443604253f1fa10676007aad3838f4d9",class:this.h.classes(l.root),inverse:this.inverse},t("div",{key:"fd733ec0c2f6599ce7fe360092990f4c7f0973a1",role:"button","aria-disabled":this.disabled,"aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,onClick:s=>{if(!this.disabled){this.govClick.emit(s)}},class:l.bg}))}async validateAccessibility(){c(this.accessibleLabel,this.accessibleLabelledBy,l.root,this.host)}get host(){return this}},[0,"gov-backdrop",{inverse:[4],disabled:[1540],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function b(){if(typeof customElements==="undefined"){return}const s=["gov-backdrop"];s.forEach((s=>{switch(s){case"gov-backdrop":if(!customElements.get(s)){customElements.define(s,n)}break}}))}b();export{n as G,b as d};
|
|
2
|
+
//# sourceMappingURL=p-7be2301a.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{g as e,d as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{g as e,d as t}from"./p-e8ec030e.js";import{s as r}from"./p-cd6c2938.js";import{i}from"./p-2aedc81e.js";const n=(t,r,i)=>{if(t===undefined||String(t).length===0){e(`[${i}]: The (${r}) attribute is important for correct accessibility.`)}};const a=(i,n,a)=>{if(typeof i==="undefined"||i===undefined){return true}if(String(i).length===0){e(`[${a}]: Attribute (${n}) is defined with an empty value.`);return false}let s=[];const f=r(i);if(Array.isArray(f)){s=f.filter((function(e){return e.trim().length>0}))}return!!s.filter((e=>{if(t().getElementById(e)===null){return false}else{return true}})).length};const s=(r,n,a,s=undefined)=>{if(i(r)&&r.length>0){return true}if(typeof n==="string"&&n.length>0){const e=t().getElementById(n);if(e){return true}}e(`[${a}]: The element has no defined aria-label or aria-labelledby attribute.`,s);return false};export{s as a,a as b,n as v};
|
|
2
|
+
//# sourceMappingURL=p-80dad64b.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,h as t,d as o}from"./p-42200001.js";import{F as a,a as i}from"./p-7f3becc5.js";import{g as r}from"./p-ea7fdd2e.js";import{v as c}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as s,h as t,d as o}from"./p-42200001.js";import{F as a,a as i}from"./p-7f3becc5.js";import{g as r}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{c as d}from"./p-cd6c2938.js";const f=e(class e extends s{constructor(){super();this.__registerHost();this.color="neutral";this.size="m";this.h=r(this.host);this.messageId=d("GovFormMessage")}validateColor(e){c(i,e,a.root)}componentWillLoad(){this.validateColor(this.color)}render(){return t(o,{key:"0fc757895a58267edf28d9139e460a14e664de04",class:this.h.classes(a.root),color:this.color,size:this.size},this.h.hasSlot("icon")&&t("slot",{key:"bca8235bbaebcd7066efb8e8e3fdbff7ba8e011c",name:"icon"}),t("span",{key:"a0e46336d6a661bf6d6f2ee8f0cb89c967f5321d",id:this.messageId,class:a.content},t("slot",{key:"2e0e474f9f9d35fc5cda1db690d2b7b4e2addb68"})))}async identifier(){return this.messageId}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-form-message",{color:[1],size:[1],identifier:[64]},undefined,{color:["validateColor"]}]);function n(){if(typeof customElements==="undefined"){return}const e=["gov-form-message"];e.forEach((e=>{switch(e){case"gov-form-message":if(!customElements.get(e)){customElements.define(e,f)}break}}))}n();export{f as G,n as d};
|
|
2
|
+
//# sourceMappingURL=p-a6b7a6c2.js.map
|