@gov-design-system-ce/components 4.2.2 → 4.2.4
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-button.cjs.entry.js +4 -3
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-empty.cjs.entry.js +7 -1
- package/dist/cjs/gov-empty.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-flex_3.cjs.entry.js +3 -3
- package/dist/cjs/gov-flex_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-infobar.cjs.entry.js +6 -2
- package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-button/button/gov-button.js +22 -3
- package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-empty/constants.js +5 -0
- package/dist/collection/components/gov-empty/constants.js.map +1 -1
- package/dist/collection/components/gov-empty/gov-empty.js +26 -1
- package/dist/collection/components/gov-empty/gov-empty.js.map +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
- package/dist/collection/components/gov-infobar/gov-infobar.js +6 -2
- package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.js +2 -2
- package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
- package/dist/collection/components/gov-theme-switch/gov-theme-switch.js +5 -5
- package/dist/collection/components/gov-theme-switch/gov-theme-switch.js.map +1 -1
- package/dist/collection/pages/Banner.js +10 -0
- package/dist/collection/pages/Banner.js.map +1 -1
- package/dist/collection/pages/Button.js +18 -0
- package/dist/collection/pages/Button.js.map +1 -1
- package/dist/collection/pages/Empty.js +26 -0
- package/dist/collection/pages/Empty.js.map +1 -1
- package/dist/collection/pages/Forms.js +31 -31
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Home.js +8 -2
- package/dist/collection/pages/Home.js.map +1 -1
- package/dist/collection/pages/Tabs.js +22 -5
- package/dist/collection/pages/Tabs.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-blockquote.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-dialog.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-empty.js.map +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-label.js +1 -1
- package/dist/components/gov-form-label.js.map +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-range.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-infobar.js.map +1 -1
- package/dist/components/gov-link.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tabs.js.map +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-wizard-item.js +1 -1
- package/dist/components/{p-5b0934a8.js → p-043a676e.js} +2 -2
- package/dist/components/{p-5d60b866.js → p-2b33d27c.js} +2 -2
- package/dist/components/{p-7fb16042.js → p-90657523.js} +2 -2
- package/dist/components/p-abea96cf.js +2 -0
- package/dist/components/p-abea96cf.js.map +1 -0
- package/dist/components/{p-6ce6e14f.js → p-b56d6b99.js} +2 -2
- package/dist/components/{p-5a861cd2.js → p-bd393ff0.js} +2 -2
- package/dist/components/{p-f9b1a12b.js → p-cbe3bc71.js} +2 -2
- package/dist/core/core.css +115 -42
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-39d6e51d.entry.js +2 -0
- package/dist/core/p-39d6e51d.entry.js.map +1 -0
- package/dist/core/p-7385f6e8.entry.js +2 -0
- package/dist/core/p-7385f6e8.entry.js.map +1 -0
- package/dist/core/{p-3583dcf7.entry.js → p-9e5eb19a.entry.js} +2 -2
- package/dist/core/{p-3583dcf7.entry.js.map → p-9e5eb19a.entry.js.map} +1 -1
- package/dist/core/p-ac800db4.entry.js +2 -0
- package/dist/core/p-ac800db4.entry.js.map +1 -0
- package/dist/core/p-d45bcd43.entry.js +2 -0
- package/dist/core/p-d45bcd43.entry.js.map +1 -0
- package/dist/core/p-e7e00fe3.entry.js +2 -0
- package/dist/core/{p-774ea182.entry.js.map → p-e7e00fe3.entry.js.map} +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-button.entry.js +4 -3
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-empty.entry.js +7 -1
- package/dist/esm/gov-empty.entry.js.map +1 -1
- package/dist/esm/gov-flex_3.entry.js +3 -3
- package/dist/esm/gov-flex_3.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-label.entry.js.map +1 -1
- package/dist/esm/gov-infobar.entry.js +6 -2
- package/dist/esm/gov-infobar.entry.js.map +1 -1
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tabs.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +27 -14
- package/dist/hydrate/index.mjs +27 -14
- package/dist/types/components/gov-button/button/gov-button.d.ts +4 -0
- package/dist/types/components/gov-empty/constants.d.ts +5 -0
- package/dist/types/components/gov-empty/gov-empty.d.ts +5 -1
- package/dist/types/components/gov-infobar/gov-infobar.d.ts +2 -0
- package/dist/types/components/gov-theme-switch/gov-theme-switch.d.ts +1 -1
- package/dist/types/components.d.ts +20 -4
- package/package.json +1 -1
- package/dist/components/p-d3435179.js +0 -2
- package/dist/components/p-d3435179.js.map +0 -1
- package/dist/core/p-0abc38e8.entry.js +0 -2
- package/dist/core/p-0abc38e8.entry.js.map +0 -1
- package/dist/core/p-774ea182.entry.js +0 -2
- package/dist/core/p-a1c825f3.entry.js +0 -2
- package/dist/core/p-a1c825f3.entry.js.map +0 -1
- package/dist/core/p-c1584cfe.entry.js +0 -2
- package/dist/core/p-c1584cfe.entry.js.map +0 -1
- package/dist/core/p-c5a49469.entry.js +0 -2
- package/dist/core/p-c5a49469.entry.js.map +0 -1
- /package/dist/components/{p-5b0934a8.js.map → p-043a676e.js.map} +0 -0
- /package/dist/components/{p-5d60b866.js.map → p-2b33d27c.js.map} +0 -0
- /package/dist/components/{p-7fb16042.js.map → p-90657523.js.map} +0 -0
- /package/dist/components/{p-6ce6e14f.js.map → p-b56d6b99.js.map} +0 -0
- /package/dist/components/{p-5a861cd2.js.map → p-bd393ff0.js.map} +0 -0
- /package/dist/components/{p-f9b1a12b.js.map → p-cbe3bc71.js.map} +0 -0
package/dist/core/core.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as a,b as i}from"./p-9dea2efa.js";export{s as setNonce}from"./p-9dea2efa.js";import{g as l}from"./p-e1255160.js";var t=()=>{{o(a.prototype)}const i=import.meta.url;const l={};if(i!==""){l.resourcesUrl=new URL(".",i).href}return e(l)};var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const i=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){i.appendChild(l[e].cloneNode(true))}}}return i}};t().then((async e=>{await l();return i(JSON.parse('[["p-2f966102",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[516],"resetAfterPick":[4,"reset-after-pick"],"ignoreFileDuplicationCheck":[4,"ignore-file-duplication-check"],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"multiple":[4],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"accessibleRemoveLabel":[1,"accessible-remove-label"],"accessibleAttachmentsLabel":[1,"accessible-attachments-label"],"files":[32],"inheritedAttributes":[32],"getRef":[64],"getAreaRef":[64],"reset":[64]},null,{"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-2a7bcce0",[[4,"gov-form-multi-select",{"value":[1537],"options":[1537],"identifier":[1],"placeholder":[1],"size":[1],"name":[1],"hideSelectedList":[4,"hide-selected-list"],"required":[4],"disabled":[516],"invalid":[516],"success":[4],"messageEmpty":[1,"message-empty"],"messageLoading":[1,"message-loading"],"focused":[32],"valueState":[32],"selectedOptionsState":[32],"optionsState":[32],"inheritedAttributes":[32],"setFocus":[64],"setValue":[64],"getRef":[64]},null,{"size":["validateSize"],"options":["watchOptions"],"value":["watchValue"]}]]],["p-52bb8e4f",[[4,"gov-dialog",{"open":[1540],"blockClose":[4,"block-close"],"blockBackdropClose":[4,"block-backdrop-close"],"role":[1],"labelTag":[1,"label-tag"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleCloseLabelledBy":[1,"accessible-close-labelled-by"],"setFocus":[64],"validateAccessibility":[64]},null,{"open":["watchOpen"]}]]],["p-979ff58c",[[4,"gov-form-range",{"size":[1],"value":[1537],"identifier":[1],"name":[1],"min":[8],"max":[8],"step":[8],"tooltip":[4],"input":[4],"listIdentifier":[1,"list-identifier"],"required":[516],"success":[516],"invalid":[516],"disabled":[516],"inheritedAttributes":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"value":["watchValue"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"]}]]],["p-a8a7ae96",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"selectIdentifier":[1,"select-identifier"],"size":[1],"color":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"accessibleSelectLabel":[1,"accessible-select-label"],"accessiblePageLabel":[1,"accessible-page-label"],"labelPrev":[1,"label-prev"],"labelStart":[1,"label-start"],"labelNext":[1,"label-next"],"labelEnd":[1,"label-end"],"pagination":[32],"inheritedAttributes":[32]},null,{"type":["validateType"],"size":["validateSize"],"color":["validateColor"],"current":["recalculate"],"total":["recalculate"],"pageSize":["recalculate"],"maxPages":["recalculate"]}]]],["p-947804a8",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"accessibleLabel":[1,"accessible-label"],"accessibleLabelledBy":[1,"accessible-labelledby"],"accessibleToggleLabel":[1,"accessible-toggle-label"],"expanded":[32],"toggleOption":[32],"validateAccessibility":[64]}]]],["p-a1c825f3",[[4,"gov-infobar",{"color":[1],"type":[1],"role":[1],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleToggleLabel":[1,"accessible-toggle-label"],"closable":[4],"toggleContent":[32],"inheritedAttributes":[32]},null,{"color":["validateColor"]}]]],["p-6f74eb08",[[4,"gov-loading",{"size":[1]},null,{"size":["validateSize"]}]]],["p-0abc38e8",[[4,"gov-tabs",{"type":[1],"size":[1],"color":[1],"orientation":[1],"direction":[513],"controllers":[32],"focusIndex":[32],"inheritedAttributes":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"rerender":[64]},null,{"type":["validateType"],"color":["validateColor"],"size":["validateSize"]}]]],["p-8cd7a120",[[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]},null,{"color":["validateColor"]}]]],["p-8f469270",[[4,"gov-tooltip-content",{"color":[1],"size":[1],"persist":[4],"isVisible":[1028,"is-visible"],"parentId":[1,"parent-id"]},null,{"isVisible":["visibleContent"]}]]],["p-6f1ea21d",[[4,"gov-accordion-item",{"identifier":[1],"size":[1025],"disabled":[4],"open":[1028],"openState":[32],"toggle":[64],"currentState":[64]},null,{"size":["validateSize"]}]]],["p-a440365f",[[4,"gov-blockquote",{"type":[513],"cite":[1]}]]],["p-07590d84",[[4,"gov-card",{"direction":[1],"collapsible":[4],"open":[1540],"href":[513],"target":[1],"accessibleTriggerLabel":[1,"accessible-label"],"accessibleTriggerLabelledBy":[1,"accessible-labelledby"],"validateAccessibility":[64]}]]],["p-52103c05",[[4,"gov-form-checkbox",{"value":[1],"checked":[1540],"required":[4],"disabled":[516],"indeterminate":[516],"name":[1],"size":[513],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-0ef1f684",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[516],"name":[1],"size":[513],"identifier":[1],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-9c1f3e9e",[[4,"gov-link",{"size":[1],"external":[4],"truncate":[4],"href":[1],"target":[1],"inheritedAttributes":[32]},null,{"size":["validateSize"]}]]],["p-ead1f58d",[[4,"gov-tag",{"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"size":[513],"color":[513],"type":[513],"expanded":[516]},null,{"color":["validateColor"],"size":["validateSize"]}]]],["p-bea685cb",[[4,"gov-tile",{"size":[513],"orientation":[1],"noBorder":[4,"no-border"],"href":[513],"target":[1],"getTriggerRef":[64]}]]],["p-a70c7959",[[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]},null,{"color":["validateColor"]}]]],["p-52042c7e",[[4,"gov-accordion",{"size":[1],"noBorder":[4,"no-border"]},null,{"size":["validateSize"]}]]],["p-b87e5429",[[4,"gov-banner",{"size":[513],"background":[1],"foreground":[1],"textColor":[1,"text-color"]},null,{"size":["validateSize"],"background":["validateBackground"],"foreground":["validateForeground"],"text-color":["validateTextColor"]}]]],["p-3b2267a1",[[4,"gov-container"]]],["p-8a72ebcd",[[4,"gov-control-group",{"color":[1],"noBorder":[4,"no-border"],"fitContent":[4,"fit-content"]},null,{"color":["validateColor"]}]]],["p-ccb64e4e",[[4,"gov-cookiebar"]]],["p-5fa4965e",[[4,"gov-dropdown",{"identifier":[1],"open":[1028],"position":[1],"getState":[64],"toggle":[64]},null,{"open":["watchOpen"]}]]],["p-c5a49469",[[4,"gov-empty",{"size":[1]},null,{"size":["validateSize"]}]]],["p-d990aae8",[[4,"gov-error-code"]]],["p-e29c9924",[[4,"gov-form-checkbox-group",{"gap":[1],"orientation":[1],"value":[1025]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-aeaba3ef",[[4,"gov-form-control",{"identifier":[1],"invalid":[516],"disabled":[516],"success":[516],"fieldset":[4],"size":[1]}]]],["p-25615325",[[4,"gov-form-group",{"gap":[1],"orientation":[1]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-774ea182",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-171e2a2f",[[4,"gov-form-password-power",{"power":[514]}]]],["p-2536a8ff",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[516],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-75dae924",[[4,"gov-form-radio-group",{"gap":[1],"orientation":[1],"value":[1025]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-52c74fc5",[[4,"gov-form-search",{"size":[1],"color":[513]}]]],["p-16ece889",[[4,"gov-grid",{"columns":[513],"alignItems":[513,"align-items"],"justifyItems":[513,"justify-items"],"gap":[513]}]]],["p-548806cb",[[4,"gov-grid-item",{"column":[1,"col-span"],"columnSm":[1,"col-span-sm"],"columnMd":[1,"col-span-md"],"columnLg":[1,"col-span-lg"],"columnXl":[1,"col-span-xl"],"row":[1,"row-span"],"rowSm":[1,"row-span-sm"],"rowMd":[1,"row-span-md"],"rowLg":[1,"row-span-lg"],"rowXl":[1,"row-span-xl"]}]]],["p-4216d8f3",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-aacafa40",[[4,"gov-layout-column"]]],["p-e2655cb7",[[0,"gov-lifecycle"]]],["p-4d5f768f",[[4,"gov-message",{"color":[1],"type":[1]},null,{"color":["validateColor"]}]]],["p-843f980a",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]},null,{"size":["validateSize"],"breakpoint":["validateBreakpoint"]}]]],["p-981f217e",[[4,"gov-stepper",{"size":[1]},null,{"size":["validateSize"]}]]],["p-44c912e2",[[4,"gov-stepper-item",{"color":[1],"size":[1],"identifier":[1]},null,{"color":["validateColor"]}]]],["p-d383f977",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[513],"disabled":[516],"iconStart":[513,"icon-start"],"iconEnd":[513,"icon-end"],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"getDisableState":[64],"setActiveStatus":[64]},null,{"label":["rerenderParent"],"disabled":["rerenderParent"]}]]],["p-cba1ebca",[[4,"gov-tooltip",{"color":[1],"size":[1],"position":[1025],"message":[1],"identifier":[1],"icon":[516],"persist":[32],"show":[64],"hide":[64]},null,{"color":["validateColor"],"size":["validateSize"],"position":["validatePosition"],"message":["rerenderMessage"]}]]],["p-ddb3772f",[[4,"gov-wizard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]},null,{"size":["validateSize"]}]]],["p-3583dcf7",[[0,"gov-theme-switch",{"size":[1],"displayLabel":[4,"display-label"],"ariaLabelLight":[1,"aria-label-light"],"ariaLabelDark":[1,"aria-label-dark"],"labelLight":[1,"label-light"],"labelDark":[1,"label-dark"],"theme":[32]},null,{"size":["validateSize"],"theme":["watchTheme"]}],[4,"gov-flex",{"direction":[513],"justifyContent":[513,"justify-content"],"alignItems":[513,"align-items"],"wrap":[513],"alignContent":[513,"align-content"],"alignSelf":[513,"align-self"],"gap":[513],"responsive":[513]}],[0,"gov-icon",{"size":[513],"color":[513],"name":[513],"type":[513],"visible":[32],"error":[32]},null,{"size":["validateSize"],"color":["validateColor"],"name":["loadIconPathData"]}]]],["p-c88d8659",[[4,"gov-form-autocomplete",{"value":[1537],"options":[1537],"identifier":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[516],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"throttleTime":[2,"throttle-time"],"messageEmpty":[1,"message-empty"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"inheritedAttributes":[32],"setFocus":[64],"setBlur":[64],"setOptions":[64],"clearValue":[64],"setProcessing":[64],"setSearchCallback":[64],"setTemplateResolver":[64]},null,{"size":["validateSize"],"options":["watchOptions"]}]]],["p-f83b3b08",[[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]},null,{"color":["validateColor"],"size":["validateSize"]}]]],["p-0c393d2f",[[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]},null,{"size":["validateSize","watchControlAttrs"],"options":["watchOptions"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"],"value":["watchValue"]}]]],["p-bca478fd",[[0,"gov-backdrop",{"inverse":[4],"disabled":[1540],"accessibleLabel":[1,"accessible-label"],"accessibleLabelledBy":[1,"accessible-labelledby"],"validateAccessibility":[64]}]]],["p-c1584cfe",[[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]},null,{"color":["validateColor"],"type":["validateType"],"size":["validateSize"],"nativeType":["validateNativeType"]}]]],["p-08552a0e",[[4,"gov-attachments-item",{"accessibleRemoveLabel":[1,"accessible-remove-label"],"accessibleRemoveLabelledBy":[1,"accessible-remove-labelledby"],"validateAccessibility":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"color":[1],"size":[1],"identifier":[64]},null,{"color":["validateColor"]}]]],["p-b9f1c2ef",[[0,"gov-skeleton",{"size":[1],"color":[1],"shape":[1],"width":[1],"height":[1],"animation":[1],"inheritedAttributes":[32]},null,{"size":["validateSize"],"shape":["validateShape"],"animation":["validateAnimation"]}],[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]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,H as i,b as a}from"./p-9dea2efa.js";export{s as setNonce}from"./p-9dea2efa.js";import{g as l}from"./p-e1255160.js";var t=()=>{{o(i.prototype)}const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};var o=e=>{const i=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return i.call(this,e)}const a=i.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){a.appendChild(l[e].cloneNode(true))}}}return a}};t().then((async e=>{await l();return a(JSON.parse('[["p-2f966102",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[516],"resetAfterPick":[4,"reset-after-pick"],"ignoreFileDuplicationCheck":[4,"ignore-file-duplication-check"],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"multiple":[4],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"accessibleRemoveLabel":[1,"accessible-remove-label"],"accessibleAttachmentsLabel":[1,"accessible-attachments-label"],"files":[32],"inheritedAttributes":[32],"getRef":[64],"getAreaRef":[64],"reset":[64]},null,{"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-2a7bcce0",[[4,"gov-form-multi-select",{"value":[1537],"options":[1537],"identifier":[1],"placeholder":[1],"size":[1],"name":[1],"hideSelectedList":[4,"hide-selected-list"],"required":[4],"disabled":[516],"invalid":[516],"success":[4],"messageEmpty":[1,"message-empty"],"messageLoading":[1,"message-loading"],"focused":[32],"valueState":[32],"selectedOptionsState":[32],"optionsState":[32],"inheritedAttributes":[32],"setFocus":[64],"setValue":[64],"getRef":[64]},null,{"size":["validateSize"],"options":["watchOptions"],"value":["watchValue"]}]]],["p-52bb8e4f",[[4,"gov-dialog",{"open":[1540],"blockClose":[4,"block-close"],"blockBackdropClose":[4,"block-backdrop-close"],"role":[1],"labelTag":[1,"label-tag"],"accessibleLabelledBy":[1,"accessible-labelled-by"],"accessibleDescribedBy":[1,"accessible-described-by"],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleCloseLabelledBy":[1,"accessible-close-labelled-by"],"setFocus":[64],"validateAccessibility":[64]},null,{"open":["watchOpen"]}]]],["p-979ff58c",[[4,"gov-form-range",{"size":[1],"value":[1537],"identifier":[1],"name":[1],"min":[8],"max":[8],"step":[8],"tooltip":[4],"input":[4],"listIdentifier":[1,"list-identifier"],"required":[516],"success":[516],"invalid":[516],"disabled":[516],"inheritedAttributes":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"value":["watchValue"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"]}]]],["p-a8a7ae96",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"selectIdentifier":[1,"select-identifier"],"size":[1],"color":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"accessibleSelectLabel":[1,"accessible-select-label"],"accessiblePageLabel":[1,"accessible-page-label"],"labelPrev":[1,"label-prev"],"labelStart":[1,"label-start"],"labelNext":[1,"label-next"],"labelEnd":[1,"label-end"],"pagination":[32],"inheritedAttributes":[32]},null,{"type":["validateType"],"size":["validateSize"],"color":["validateColor"],"current":["recalculate"],"total":["recalculate"],"pageSize":["recalculate"],"maxPages":["recalculate"]}]]],["p-947804a8",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"accessibleLabel":[1,"accessible-label"],"accessibleLabelledBy":[1,"accessible-labelledby"],"accessibleToggleLabel":[1,"accessible-toggle-label"],"expanded":[32],"toggleOption":[32],"validateAccessibility":[64]}]]],["p-ac800db4",[[4,"gov-infobar",{"color":[1],"type":[1],"role":[1],"accessibleCloseLabel":[1,"accessible-close-label"],"accessibleToggleLabel":[1,"accessible-toggle-label"],"closable":[4],"toggleContent":[32],"inheritedAttributes":[32]},null,{"color":["validateColor"]}]]],["p-6f74eb08",[[4,"gov-loading",{"size":[1]},null,{"size":["validateSize"]}]]],["p-7385f6e8",[[4,"gov-tabs",{"type":[1],"size":[1],"color":[1],"orientation":[1],"direction":[513],"controllers":[32],"focusIndex":[32],"inheritedAttributes":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"rerender":[64]},null,{"type":["validateType"],"color":["validateColor"],"size":["validateSize"]}]]],["p-8cd7a120",[[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]},null,{"color":["validateColor"]}]]],["p-8f469270",[[4,"gov-tooltip-content",{"color":[1],"size":[1],"persist":[4],"isVisible":[1028,"is-visible"],"parentId":[1,"parent-id"]},null,{"isVisible":["visibleContent"]}]]],["p-6f1ea21d",[[4,"gov-accordion-item",{"identifier":[1],"size":[1025],"disabled":[4],"open":[1028],"openState":[32],"toggle":[64],"currentState":[64]},null,{"size":["validateSize"]}]]],["p-a440365f",[[4,"gov-blockquote",{"type":[513],"cite":[1]}]]],["p-07590d84",[[4,"gov-card",{"direction":[1],"collapsible":[4],"open":[1540],"href":[513],"target":[1],"accessibleTriggerLabel":[1,"accessible-label"],"accessibleTriggerLabelledBy":[1,"accessible-labelledby"],"validateAccessibility":[64]}]]],["p-52103c05",[[4,"gov-form-checkbox",{"value":[1],"checked":[1540],"required":[4],"disabled":[516],"indeterminate":[516],"name":[1],"size":[513],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-0ef1f684",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[516],"name":[1],"size":[513],"identifier":[1],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchDisabled"],"disabled":["watchDisabled"],"invalid":["watchDisabled"]}]]],["p-9c1f3e9e",[[4,"gov-link",{"size":[1],"external":[4],"truncate":[4],"href":[1],"target":[1],"inheritedAttributes":[32]},null,{"size":["validateSize"]}]]],["p-ead1f58d",[[4,"gov-tag",{"iconStart":[1,"icon-start"],"iconEnd":[1,"icon-end"],"size":[513],"color":[513],"type":[513],"expanded":[516]},null,{"color":["validateColor"],"size":["validateSize"]}]]],["p-bea685cb",[[4,"gov-tile",{"size":[513],"orientation":[1],"noBorder":[4,"no-border"],"href":[513],"target":[1],"getTriggerRef":[64]}]]],["p-a70c7959",[[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]},null,{"color":["validateColor"]}]]],["p-52042c7e",[[4,"gov-accordion",{"size":[1],"noBorder":[4,"no-border"]},null,{"size":["validateSize"]}]]],["p-b87e5429",[[4,"gov-banner",{"size":[513],"background":[1],"foreground":[1],"textColor":[1,"text-color"]},null,{"size":["validateSize"],"background":["validateBackground"],"foreground":["validateForeground"],"text-color":["validateTextColor"]}]]],["p-3b2267a1",[[4,"gov-container"]]],["p-8a72ebcd",[[4,"gov-control-group",{"color":[1],"noBorder":[4,"no-border"],"fitContent":[4,"fit-content"]},null,{"color":["validateColor"]}]]],["p-ccb64e4e",[[4,"gov-cookiebar"]]],["p-5fa4965e",[[4,"gov-dropdown",{"identifier":[1],"open":[1028],"position":[1],"getState":[64],"toggle":[64]},null,{"open":["watchOpen"]}]]],["p-d45bcd43",[[4,"gov-empty",{"size":[1],"direction":[1]},null,{"size":["validateSize"]}]]],["p-d990aae8",[[4,"gov-error-code"]]],["p-e29c9924",[[4,"gov-form-checkbox-group",{"gap":[1],"orientation":[1],"value":[1025]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-aeaba3ef",[[4,"gov-form-control",{"identifier":[1],"invalid":[516],"disabled":[516],"success":[516],"fieldset":[4],"size":[1]}]]],["p-25615325",[[4,"gov-form-group",{"gap":[1],"orientation":[1]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-e7e00fe3",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-171e2a2f",[[4,"gov-form-password-power",{"power":[514]}]]],["p-2536a8ff",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[1540],"required":[4],"disabled":[516],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"inheritedAttributes":[32],"getRef":[64]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"]}]]],["p-75dae924",[[4,"gov-form-radio-group",{"gap":[1],"orientation":[1],"value":[1025]},null,{"gap":["validateGap"],"orientation":["validateOrientation"]}]]],["p-52c74fc5",[[4,"gov-form-search",{"size":[1],"color":[513]}]]],["p-16ece889",[[4,"gov-grid",{"columns":[513],"alignItems":[513,"align-items"],"justifyItems":[513,"justify-items"],"gap":[513]}]]],["p-548806cb",[[4,"gov-grid-item",{"column":[1,"col-span"],"columnSm":[1,"col-span-sm"],"columnMd":[1,"col-span-md"],"columnLg":[1,"col-span-lg"],"columnXl":[1,"col-span-xl"],"row":[1,"row-span"],"rowSm":[1,"row-span-sm"],"rowMd":[1,"row-span-md"],"rowLg":[1,"row-span-lg"],"rowXl":[1,"row-span-xl"]}]]],["p-4216d8f3",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-aacafa40",[[4,"gov-layout-column"]]],["p-e2655cb7",[[0,"gov-lifecycle"]]],["p-4d5f768f",[[4,"gov-message",{"color":[1],"type":[1]},null,{"color":["validateColor"]}]]],["p-843f980a",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]},null,{"size":["validateSize"],"breakpoint":["validateBreakpoint"]}]]],["p-981f217e",[[4,"gov-stepper",{"size":[1]},null,{"size":["validateSize"]}]]],["p-44c912e2",[[4,"gov-stepper-item",{"color":[1],"size":[1],"identifier":[1]},null,{"color":["validateColor"]}]]],["p-d383f977",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[513],"disabled":[516],"iconStart":[513,"icon-start"],"iconEnd":[513,"icon-end"],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"getDisableState":[64],"setActiveStatus":[64]},null,{"label":["rerenderParent"],"disabled":["rerenderParent"]}]]],["p-cba1ebca",[[4,"gov-tooltip",{"color":[1],"size":[1],"position":[1025],"message":[1],"identifier":[1],"icon":[516],"persist":[32],"show":[64],"hide":[64]},null,{"color":["validateColor"],"size":["validateSize"],"position":["validatePosition"],"message":["rerenderMessage"]}]]],["p-ddb3772f",[[4,"gov-wizard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]},null,{"size":["validateSize"]}]]],["p-9e5eb19a",[[0,"gov-theme-switch",{"size":[1],"displayLabel":[4,"display-label"],"ariaLabelLight":[1,"aria-label-light"],"ariaLabelDark":[1,"aria-label-dark"],"labelLight":[1,"label-light"],"labelDark":[1,"label-dark"],"theme":[32]},null,{"size":["validateSize"],"theme":["watchTheme"]}],[4,"gov-flex",{"direction":[513],"justifyContent":[513,"justify-content"],"alignItems":[513,"align-items"],"wrap":[513],"alignContent":[513,"align-content"],"alignSelf":[513,"align-self"],"gap":[513],"responsive":[513]}],[0,"gov-icon",{"size":[513],"color":[513],"name":[513],"type":[513],"visible":[32],"error":[32]},null,{"size":["validateSize"],"color":["validateColor"],"name":["loadIconPathData"]}]]],["p-c88d8659",[[4,"gov-form-autocomplete",{"value":[1537],"options":[1537],"identifier":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[516],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"throttleTime":[2,"throttle-time"],"messageEmpty":[1,"message-empty"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"inheritedAttributes":[32],"setFocus":[64],"setBlur":[64],"setOptions":[64],"clearValue":[64],"setProcessing":[64],"setSearchCallback":[64],"setTemplateResolver":[64]},null,{"size":["validateSize"],"options":["watchOptions"]}]]],["p-f83b3b08",[[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]},null,{"color":["validateColor"],"size":["validateSize"]}]]],["p-0c393d2f",[[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]},null,{"size":["validateSize","watchControlAttrs"],"options":["watchOptions"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"],"value":["watchValue"]}]]],["p-bca478fd",[[0,"gov-backdrop",{"inverse":[4],"disabled":[1540],"accessibleLabel":[1,"accessible-label"],"accessibleLabelledBy":[1,"accessible-labelledby"],"validateAccessibility":[64]}]]],["p-39d6e51d",[[4,"gov-button",{"color":[513],"size":[513],"type":[513],"expanded":[516],"expandedMobile":[516,"expanded-mobile"],"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]},null,{"color":["validateColor"],"type":["validateType"],"size":["validateSize"],"nativeType":["validateNativeType"]}]]],["p-08552a0e",[[4,"gov-attachments-item",{"accessibleRemoveLabel":[1,"accessible-remove-label"],"accessibleRemoveLabelledBy":[1,"accessible-remove-labelledby"],"validateAccessibility":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"color":[1],"size":[1],"identifier":[64]},null,{"color":["validateColor"]}]]],["p-b9f1c2ef",[[0,"gov-skeleton",{"size":[1],"color":[1],"shape":[1],"width":[1],"height":[1],"animation":[1],"inheritedAttributes":[32]},null,{"size":["validateSize"],"shape":["validateShape"],"animation":["validateAnimation"]}],[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]},null,{"size":["validateSize","watchControlAttrs"],"disabled":["watchControlAttrs"],"invalid":["watchControlAttrs"],"success":["watchControlAttrs"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=core.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,i8bAAuCJ,EAAA","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,a as s,g as a}from"./p-9dea2efa.js";import{v as n}from"./p-0b3574c2.js";import{B as o,a as h,c as d,N as r}from"./p-3bbb77a0.js";import{g as c,t as f}from"./p-ea7fdd2e.js";import{S as l}from"./p-92f420cb.js";import{v as p}from"./p-6d54ce5f.js";import{c as b}from"./p-e8ec030e.js";import{d as m}from"./p-e0e2e9c1.js";import{i as u}from"./p-d9a299a4.js";import{A as v,a as y}from"./p-9ac55bd1.js";import"./p-5aad3497.js";import"./p-cd6c2938.js";import"./p-2fe7d728.js";function g(t){if(typeof t==="string"){return["true","True","TRUE","1"].indexOf(t)!==-1}else if(typeof t==="number"){return t>0}else if(typeof t==="boolean"){return t}else{return t?true:false}}var j;(function(t){t["A"]="a";t["BUTTON"]="button"})(j||(j={}));const k=class{constructor(e){t(this,e);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.expandedMobile=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(t){n(h,t,o.root)}validateType(t){n(d,t,o.root)}validateSize(t){n(l,t,o.root)}validateNativeType(t){n(r,t,o.root)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(y)}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}componentWillLoad(){this.validateColor(this.color);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType);this.inheritedAttributes=u(this.host)}async componentDidRender(){if(b()){await m(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const t=this.href?j.A:j.BUTTON;const i=t===j.A?undefined:this.nativeType;return e(s,{key:"1f7bae74ab0d6f1b451c6ccc60cf614fb2671303",size:this.size,hydrated:this.hydrated,color:this.color,class:this.h.classes(o.root),type:this.type},e(t,Object.assign({key:"23e34ef9581b3dfa0c571aaef6a5b9a82dfe7c91",class:"element",ref:t=>this.triggerRef=t,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:i,tabindex:this.disabled?"-1":"0"},this.inheritedAttributes,{"aria-disabled":f(this.disabled)}),g(this.loading)&&!this.h.hasSlot("icon-end")&&e("gov-icon",{key:"03f9d20b44f5424f5fe71e02d1c66fba64875c04",name:"loader",class:"gov-spin-animation",type:"components"}),this.h.hasSlot("icon-start")&&e("slot",{key:"674ca625c6c5a9678c4a87ce370b894e704dbb1c",name:"icon-start"}),e("slot",{key:"d7443ddf6d04ef50934ddb11be083eb6abf1448a"}),this.h.hasSlot("icon-end")&&e("slot",{key:"977ea88979aae53ff5f0c8e5801e0682833e4f41",name:"icon-end"}),g(this.loading)&&this.h.hasSlot("icon-end")&&e("gov-icon",{key:"755b00182e3af1734483ee7bbeb63e541ad015f2",name:"loader",class:"gov-spin-animation",type:"components"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false){this.govClick.emit({component:o.root,originalEvent:t,ref:this.host})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:o.root,originalEvent:t,ref:this.host})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:o.root,originalEvent:t,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 a(this)}static get watchers(){return{color:["validateColor"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}};export{k as gov_button};
|
|
2
|
+
//# sourceMappingURL=p-39d6e51d.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["toBool","value","indexOf","Tags","GovButton","constructor","hostRef","this","hydrated","h","govHost","host","validateColor","newValue","validateProp","ButtonColors","ButtonClass","root","validateType","ButtonType","validateSize","Sizes","validateNativeType","NativeType","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","removeAttribute","inheritedAttributes","Object","assign","disconnectedCallback","_a","stopObserving","componentWillLoad","color","type","size","nativeType","inheritAriaAttributes","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","BUTTON","undefined","Host","key","class","classes","ref","el","triggerRef","onClick","onClickHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","disabled","id","identifier","target","download","hreflang","rel","name","tabindex","toBoolAttrIfDefined","loading","hasSlot","e","stopPropagation","govClick","emit","component","originalEvent","govFocus","govBlur","setFocus","focus","getRef","focusable","validateAccessibleLabel","getAttribute"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {\n\tButtonClass,\n\tButtonColors,\n\tButtonColorType,\n\tButtonSizesType,\n\tButtonTargetType,\n\tButtonType,\n\tButtonTypesType,\n\tNativeType,\n\tNativeTypesType,\n} from \"./constants\"\nimport {govHost, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {toBool} from \"../../../utils/bool.utils\"\nimport {Sizes} from \"../../../core/constants/sizes\"\nimport {validateAccessibleLabel} from \"../../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\nimport {delay} from \"../../../utils/utils\"\nimport {ButtonEvent} from \"./gov-button.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement\n\tprivate attributeObserver: AttributeObserver\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType\n\t/**\n\t * Button’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\n\t/**\n\t * Button's type\n\t */\n\t@Prop({reflect: true}) readonly type: ButtonTypesType\n\t/**\n\t * Expands the button to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\t/**\n\t * Expands the button to fill 100% of the container width only on mobile\n\t */\n\t@Prop({reflect: true, attribute: \"expanded-mobile\"}) readonly expandedMobile: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom button identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Emitted when the button click\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button has focus\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button loses focus\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(ButtonType, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t hydrated={this.hydrated}\n\t\t\t\t color={this.color}\n\t\t\t\t class={this.h.classes(ButtonClass.root)}\n\t\t\t\t type={this.type}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement | HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.disabled ? \"-1\" : \"0\"}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"icon-start\") && <slot name=\"icon-start\"></slot>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && <slot name=\"icon-end\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Validate the Accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateAccessibleLabel(this.triggerRef.getAttribute('aria-label'), this.triggerRef.getAttribute('aria-labelledby'), ButtonClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as a}from"./p-9dea2efa.js";import{v as o}from"./p-0b3574c2.js";import{T as h,a as r,b as n,c,d as l}from"./p-860520b0.js";import{g as d,c as f,b as p}from"./p-ea7fdd2e.js";import{h as b}from"./p-2fe7d728.js";import{p as m}from"./p-016bbea6.js";import{A as u,a as v}from"./p-9ac55bd1.js";import{i as y}from"./p-d9a299a4.js";import"./p-e8ec030e.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";import"./p-5aad3497.js";const g=class{constructor(i){t(this,i);this.govChange=s(this,"gov-change",7);this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){o(n,t,r.root)}validateColor(t){o(c,t,r.root)}validateSize(t){o(l,t,r.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=y(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(":scope > "+h.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const a=typeof t.getAttribute("default")==="string";const o=m(t.getAttribute("icon-start"));const h=m(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:a,iconStart:o,iconEnd:h}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&b(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return i(e,{key:"a68c1ad1b08fbec4f9046547f7dedafe01948c8a",class:this.h.classes(r.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},i("div",Object.assign({key:"4a202effd6504ad3d432b1e10f99d192108879e1",class:r.tabs,role:"tablist"},this.inheritedAttributes),i("ul",{key:"db71e6b909138871942570fd600c6b0ef7a9ffc3",class:r.list},this.controllers.map((t=>i("li",{class:r.item},this.type=="text"?i("button",{class:r.btn,id:t.triggerIdentifier,role:"tab",type:"button",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):i("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":p(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),i("slot",{key:"44c656ecd0e6610f4861ac1f2096484baee02a55"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return a(this)}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}};export{g as gov_tabs};
|
|
2
|
+
//# sourceMappingURL=p-7385f6e8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovTabs","constructor","hostRef","this","triggerRefs","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","size","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","controllers","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","direction","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","focusIndex","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","color","type","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Tabs size.\n\t */\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Icon and description display direction\n\t */\n\t@Prop({reflect: true}) readonly direction: 'row' | 'column' = 'row'\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controllers.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"],"mappings":"8cA2BaA,EAAO,MAKnB,WAAAC,CAAAC,G,gDAHQC,KAAAC,YAAsE,G,UAW7C,O,UAIK,I,WAID,U,iBAIc,a,eAIW,M,iBAqBf,G,gBACzB,E,yBACqB,GA9C1CD,KAAKE,EAAIC,EAAQH,KAAKI,K,CA8BvB,YAAAC,CAAaC,GACZC,EAAaC,EAAUF,EAAUG,EAAUC,K,CAI5C,aAAAC,CAAcL,GACbC,EAAaK,EAAWN,EAAUG,EAAUC,K,CAI7C,YAAAG,CAAaP,GACZC,EAAaO,EAAUR,EAAUG,EAAUC,K,CAO5C,gBAAAK,GACCf,KAAKgB,kBAAoB,IAAIC,EAAkBjB,KAAKI,MAAM,CAACc,EAAeZ,KACzEN,KAAKmB,sBAAsBD,EAAeZ,EAAS,IAGpDN,KAAKgB,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCtB,KAAKuB,qBACLvB,KAAKa,aAAab,KAAKwB,MACvBxB,KAAKyB,oBAAsBC,EAAsB1B,KAAKI,K,CAGvD,oBAAAuB,G,OACCC,EAAA5B,KAAKgB,qBAAiB,MAAAY,SAAA,SAAAA,EAAEC,e,CAGzB,qBAAAV,CAAsBD,EAAuBZ,GAC5CN,KAAKI,KAAK0B,gBAAgBZ,GAC1BlB,KAAKyB,oBAAmBM,OAAAC,OAAAD,OAAAC,OAAA,GAAOhC,KAAKyB,qBAAmB,CAAEP,CAACA,GAAgBZ,G,CAGnE,kBAAAiB,CAAmBU,EAAc,OACxCjC,KAAKkC,YAAc,GACnB,MAAMC,EAA4C,GAClDnC,KAAKI,KAAKgC,iBAAiB,YAAcC,EAAc3B,MAAM4B,SAASC,IACrE,MAAMC,EAAcC,QAAQC,IAAI,CAC/BH,EAAII,gBACJJ,EAAIK,uBACJL,EAAIM,oBACFC,MAAK,EAAEC,EAAYC,EAAmBC,MACxC,MAAMC,SAAmBX,EAAIY,aAAa,aAAe,SACzD,MAAMC,EAAYC,EAAkBd,EAAIY,aAAa,eACrD,MAAMG,EAAUD,EAAkBd,EAAIY,aAAa,aACnD,MAAO,CACNI,MAAOhB,EAAIY,aAAa,SACxBK,UAAWjB,EAAIY,aAAa,aAC5BM,kBAAmBV,EACnBE,SAAUA,EACVD,kBAAmBA,EACnBU,QAASnB,EACToB,OAAQ,MACRC,QAASV,EACTE,YACAE,UACA,IAEFnB,EAAS0B,KAAKrB,EAAY,IAE3BC,QAAQC,IAAIP,GAAUW,MAAKZ,IAC1B,GAAID,IAAgB,MAAO,CAC1B,IAAI6B,EAAkB5B,EAAY6B,WAAUC,GAAcA,EAAWJ,UACrE,GAAIE,KAAqB,EAAGA,EAAkB,EAC9C9D,KAAKiE,WAAaH,EAClB5B,EAAY4B,GAAiBH,OAAS,I,MAChC,GAAI3D,KAAKiE,YAAc,GAAKC,EAAehC,EAAalC,KAAKiE,YAAa,CAChF/B,EAAYlC,KAAKiE,YAAYN,OAAS,I,CAEvC,MAAMQ,EAAqBjC,EAAY6B,WAAWC,GAAeA,EAAWL,QAAUK,EAAWf,WACjG,GAAIkB,GAAsB,EAAG,CAC5BjC,EAAYiC,GAAoBR,OAAS,MACzC,MAAMS,EAAelC,EAAY6B,WAAWC,IAAgBA,EAAWf,WACvE,GAAImB,GAAgB,EAAG,CACtBlC,EAAYkC,GAAcT,OAAS,KACnC3D,KAAKiE,WAAaG,C,EAGpBpE,KAAKkC,YAAc,IAAIA,GACvBlC,KAAKqE,UAAU,G,CAIT,qBAAAC,CAAsBvB,GAC7B,MAAMwB,EAAO,GACbvE,KAAKkC,YAAYsC,KAAIC,IACpBA,EAAKd,OAASZ,IAAe0B,EAAKzB,mBAAqBD,IAAe0B,EAAKhB,kBAC3Ec,EAAKV,KAAKY,EAAK,IAEhBzE,KAAKkC,YAAc,IAAIqC,E,CAGhB,QAAAF,GACPrE,KAAKkC,YAAYsC,KAAIE,IACpBA,EAAQhB,QAAQiB,gBAAgBD,EAAQf,QAAQiB,OAAO,G,CAIzD,MAAAC,GACC,OACC3E,EAAC4E,EAAI,CAAAC,IAAA,2CACJC,MAAOhF,KAAKE,EAAE+E,QAAQxE,EAAUC,MAChCc,KAAMxB,KAAKwB,KACX0D,MAAOlF,KAAKkF,MACZC,KAAMnF,KAAKmF,KACX3B,UAAWxD,KAAKwD,UAChB4B,UAAWpF,KAAKqF,iBAAiBC,KAAKtF,OAEtCE,EAAA,MAAA6B,OAAAC,OAAA,CAAA+C,IAAA,2CAAKC,MAAOvE,EAAU8E,KACpBC,KAAK,WACDxF,KAAKyB,qBACVvB,EAAA,MAAA6E,IAAA,2CAAIC,MAAOvE,EAAUgF,MACnBzF,KAAKkC,YAAYsC,KAAIE,GACrBxE,EAAA,MAAI8E,MAAOvE,EAAUgE,MACnBzE,KAAKmF,MAAQ,OACbjF,EAAA,UACC8E,MAAOvE,EAAUiF,IACjBC,GAAIjB,EAAQ1B,kBACZwC,KAAK,MACLL,KAAK,SACLS,QAAS,IAAM5F,KAAK6F,gBAAgBnB,GACpCzB,SAAUyB,EAAQzB,SAAQ,gBACX6C,EAAWpB,EAAQzB,UAAS,gBAC5B6C,EAAWpB,EAAQf,QAAO,gBAC1Be,EAAQjB,kBACvBsC,SAAUrB,EAAQf,SAAWe,EAAQzB,SAAW,GAAK,EACrD+C,IAAKC,GAAOjG,KAAKC,YAAYyE,EAAQ1B,mBAAqBiD,GAEzDvB,EAAQtB,UAAalD,EAAA,YACrBgG,KAAMxB,EAAQtB,UAAU8C,KACxBf,KAAMT,EAAQtB,UAAU+B,OAAqB,KAC7CT,EAAQnB,MACRmB,EAAQpB,QAAWpD,EAAA,YACnBgG,KAAMxB,EAAQpB,QAAQ4C,KACtBf,KAAMT,EAAQpB,QAAQ6B,OAAqB,MAG7CjF,EAAA,YACCsF,KAAK,MACLW,IAAK,SACLpD,WAAY2B,EAAQ1B,kBAAiB,gBACtBoD,EAAc1B,EAAQf,QAAO,gBAC7Be,EAAQjB,kBACvB4C,UAAW3B,EAAQf,OACnBV,SAAUyB,EAAQzB,SAClBiC,MAAOlF,KAAKkF,MACZ1D,KAAMxB,KAAKwB,OAAS,KAAO,KAAQxB,KAAKwB,OAAS,IAAM,IAAM,IAC7D2D,KAAMT,EAAQf,OAAS,QAAU,WACjCqC,IAAKC,GAAOjG,KAAKC,YAAYyE,EAAQ1B,mBAAqBiD,EAAyB,eACrE,IAAMjG,KAAK6F,gBAAgBnB,IAExCA,EAAQtB,UAAalD,EAAA,YACrBgG,KAAMxB,EAAQtB,UAAU8C,KACxBf,KAAMT,EAAQtB,UAAU+B,KACxBmB,KAAK,eAA4B,KACjC5B,EAAQnB,MACRmB,EAAQpB,QAAWpD,EAAA,YACnBgG,KAAMxB,EAAQpB,QAAQ4C,KACtBf,KAAMT,EAAQpB,QAAQ6B,KACtBmB,KAAK,aAA0B,WAOtCpG,EAAA,QAAA6E,IAAA,6C,CAKK,aAAAwB,GACP,OAAOvG,KAAKkC,YAAYsE,MAAK9B,GAAWA,EAAQf,UAAW,I,CAGpD,eAAAkC,CAAgBnB,GACvB,MAAM+B,EAAQzG,KAAKkC,YAAY6B,WAAU2C,GAAKA,EAAE1D,oBAAsB0B,EAAQ1B,oBAC9EhD,KAAKiE,WAAawC,EAClBzG,KAAKsE,sBAAsBI,EAAQ1B,mBACnChD,KAAKqE,WACLrE,KAAK2G,UAAUC,KAAK5G,KAAKuG,gBAAgB7C,Q,CAGlC,gBAAA2B,CAAiBwB,GACxB,MAAMC,EAAUD,EAAEC,QAElBD,EAAEE,kBACF/G,KAAKgH,aAAaF,E,CAGX,YAAAE,CAAaF,GACpB,GAAI,CAAC,GAAI,GAAI,GAAI,IAAIG,SAASH,GAAU,CACvC,GAAI,SAAW9G,KAAKiE,YAAc,GAAKjE,KAAKiE,YAAcjE,KAAKkC,YAAYgF,OAAS,GAAI,CACvF,M,CAGDlH,KAAKkC,YAAYlC,KAAKiE,YAAYN,OAAS,MAE3C,GAAImD,IAAY,IAAMA,IAAY,GAAI,CACrC9G,KAAKiE,aACL,GAAIjE,KAAKiE,YAAcjE,KAAKkC,YAAYgF,OAAQ,CAC/ClH,KAAKiE,WAAa,C,CAEnB,GAAIjE,KAAKkC,YAAYlC,KAAKiE,YAAYhB,SAAU,CAC/CjD,KAAKgH,aAAa,G,OAEb,GAAIF,IAAY,IAAMA,IAAY,GAAI,CAC5C9G,KAAKiE,aACL,GAAIjE,KAAKiE,WAAa,EAAG,CACxBjE,KAAKiE,WAAajE,KAAKkC,YAAYgF,OAAS,C,CAE7C,GAAIlH,KAAKkC,YAAYlC,KAAKiE,YAAYhB,SAAU,CAC/CjD,KAAKgH,aAAa,G,EAIpB,GAAIhH,KAAKiE,YAAc,GAAKjE,KAAKiE,YAAcjE,KAAKkC,YAAYgF,OAAS,EAAG,CAC3E,MAAMC,EAAUnH,KAAKkC,YAAYlC,KAAKiE,YACtCkD,EAAQxD,OAAS,KACjB,MAAMyD,EAAUpH,KAAKC,YAAYkH,EAAQnE,mBACzC,GAAIoE,EAAQC,SAASC,gBAAkB,WAAY,CACjDtH,KAAKC,YAAYkH,EAAQnE,mBAA0CuE,U,KAC9D,CACNvH,KAAKC,YAAYkH,EAAQnE,mBAAmBwE,O,CAG7CxH,KAAKkC,YAAc,IAAIlC,KAAKkC,aAC5BlC,KAAKqE,WACLrE,KAAK2G,UAAUC,KAAK5G,KAAKuG,gBAAgB7C,Q,GAS5C,aAAM+D,GACLzH,KAAKuB,oB,CAON,gBAAMmG,GACL,OAAO1H,KAAKuG,gBAAgB7C,SAAW,I,CAOxC,kBAAMiE,CAAa5E,GAClB/C,KAAKsE,sBAAsBvB,GAC3B/C,KAAKqE,U,CAON,cAAMuD,GACL5H,KAAKuB,mBAAmB,K","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,a as s,g as i,c as n}from"./p-9dea2efa.js";import{S as o}from"./p-92f420cb.js";import{g as a}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{C as r}from"./p-5aad3497.js";import{i as h,a as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,a as s,g as i,c as n}from"./p-9dea2efa.js";import{S as o}from"./p-92f420cb.js";import{g as a}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{C as r}from"./p-5aad3497.js";import{i as h,a as d,b as l}from"./p-e8ec030e.js";import{v as f}from"./p-0b3574c2.js";const u={root:"gov-flex"};const m=class{constructor(e){t(this,e);this.direction="row";this.justifyContent=undefined;this.alignItems=undefined;this.wrap=undefined;this.alignContent=undefined;this.alignSelf=undefined;this.gap=undefined;this.responsive="true";this.h=a(this.host)}render(){return e(s,{key:"71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756",class:this.h.classes(u.root)},e("slot",{key:"b86bd5e8abbf157f2476cad87134ff9eedd307cc"}))}get host(){return i(this)}};c(o,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const p=c(r,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var b;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(b||(b={}));const g={root:"gov-icon",holder:"gov-icon__holder"};const v="4.2.4";const w=()=>v;const _={};const y={};const S=t=>t.startsWith("http://")||t.startsWith("https://");const k=(t,e,s)=>{if(S(t)){return`${t}/${s}/${e}.svg?v=${w()}`}return`${t}/${s}/${e}.svg`+`?v=${w()}`};async function L({name:t,type:e}){const s=e+"-"+t;if(_[s]){return _[s]}if(!y[s]){y[s]=fetch(k(h(),t,e)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const i=await y[s];_[s]=i;return i}const C=(t,e,s)=>{if(!d){return}let i="";if(s){const t=new Date;t.setTime(t.getTime()+s*24*60*60*1e3);i="; expires="+t.toUTCString()}document.cookie=`${t}=${encodeURIComponent(e)}${i}; path=/`};const D=t=>{if(!d){return null}const e=t+"=";const s=document.cookie.split(";");for(let t=0;t<s.length;t++){let i=s[t].trim();if(i.startsWith(e)){return decodeURIComponent(i.substring(e.length))}}return null};const I=t=>{try{const e=new DOMParser;const s=e.parseFromString(t,"image/svg+xml");const i=s.querySelector("parsererror");if(i){return false}const n=s.documentElement;if(n.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const $=class{constructor(e){t(this,e);this.size=undefined;this.color=undefined;this.name=null;this.type="components";this.visible=false;this.error=false;this.h=a(this.host)}validateSize(t){f(o,t,g.root)}validateColor(t){f(p,t,g.root)}async loadIconPathData(){const{name:t,visible:e}=this;if(!t||!e){return}await this.loadIcon()}connectedCallback(){if(l()){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((e=>{e.forEach((e=>{if(e.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:e}=this;const s=await L({name:t,type:e});const i=I(s);this.host.innerHTML=i?s:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return e(s,{class:this.h.classes(g.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}};const R=c(o,["_XS","_S","_M","_L","_XL"]);const j={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const E="data-theme";var x;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(x||(x={}));const z=class{constructor(e){t(this,e);this.govChange=n(this,"gov-change",7);this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:j.root,state:this.theme,ref:this.host})};this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=x.auto;this.h=a(this.host)}validateSize(t){f(R,t,j.root)}watchTheme(t){this.htmlElement.setAttribute(E,t);this.htmlElement.classList.remove(...Object.keys(x));this.htmlElement.classList.add(t);C(E,t)}get storageValue(){return D(E)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return d&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(x);let e=this.storageValue;const s=this.htmlElement.getAttribute(E);if(e&&t.includes(e)){this.theme=e}else if(s&&t.includes(s)){this.theme=s}else{this.theme=x.auto}}render(){let t=this.theme===x.dark;if(this.theme===x.auto){t=this.isSystemPrefersColorDark}return e(s,{key:"544d940df577f621ba8ee0d8f46bc6b6b41815ca",class:this.h.classes(j.root),theme:t?x.dark:x.light,size:this.size},e("button",{key:"8b1165e9c7ade60a00f4b8dcc65ba50dd0ee9408",onClick:()=>this.setThemeState(t?x.light:x.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},e("span",{key:"3d78b019112d3b3bcf75517d85d61e2ed17cd717"},e("span",{key:"cf2293cd960946e2be0fe54bd847a0d616219887",class:j.indicator},x.light&&e("gov-icon",{key:"7d1affc44645eca82d285a51a138ddf73b03ad3e",name:"sun",class:j.iconLight,type:"components"}),x.dark&&e("gov-icon",{key:"df70460dc0cf1530f2ca36917f2bd203aee324ab",name:"moon",class:j.iconDark,type:"components"})),this.displayLabel?e("span",{class:j.label},t?this.labelDark:this.labelLight):null)))}get host(){return i(this)}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}};export{m as gov_flex,$ as gov_icon,z as gov_theme_switch};
|
|
2
|
+
//# sourceMappingURL=p-9e5eb19a.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FlexClass","root","GovFlex","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","pick","Sizes","IconColors","Colors","Types","IconClass","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","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","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","ThemeSwitchSizes","ThemeSwitchClass","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","setThemeState","state","theme","govChange","emit","component","ref","auto","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","storageValue","isSystemPrefersColorDark","matchMedia","matches","initDefaultState","options","currentState","htmlState","getAttribute","includes","isDark","dark","light","onClick","ariaLabelDark","ariaLabelLight","displayLabel","labelDark","labelLight"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx","../../../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","../../../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 {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const FlexSizes = Sizes\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\n\nexport const FlexClass = {\n\troot: 'gov-flex',\n}\n\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass, FlexSizesType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-flex',\n})\nexport class GovFlex {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Controls the flex direction of the container.\n\t */\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\n\n\t/**\n\t * Defines how the browser distributes space between and around content items along the main axis.\n\t */\n\t@Prop({\n\t\tattribute: 'justify-content',\n\t\treflect: true\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\n\n\t/**\n\t * Aligns flex items along the cross axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items',\n\t\treflect: true\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n\n\t/**\n\t * Controls whether the flex container is a single-line or multi-line flex container.\n\t */\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\n\n\t/**\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-content',\n\t\treflect: true\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\n\n\t/**\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({\n\t\tattribute: 'gap',\n\t\treflect: true\n\t}) gap?: FlexSizesType;\n\n\t/**\n\t * Option to turn off responsive\n\t */\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n","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 {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 if (isExternalUrl(path)) {\n return `${path}/${type}/${name}.svg?v=${dsVersion()}`\n }\n return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({name, type}: { name: string; type: string }): Promise<string> {\n const cacheKey = type + \"-\" + name\n if (iconCache[cacheKey]) {\n return iconCache[cacheKey]\n }\n\n if (!requestCache[cacheKey]) {\n requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n if (resp.status === 200) {\n return resp.text()\n } else {\n throw new Error(\"Gov Icon doesn't exists\")\n }\n })\n }\n const path = await requestCache[cacheKey]\n iconCache[cacheKey] = path\n return 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","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\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-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 * Display switch label\n\t */\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\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-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\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{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["FlexClass","root","GovFlex","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","pick","Sizes","IconColors","Colors","Types","IconClass","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","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","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","ThemeSwitchSizes","ThemeSwitchClass","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","setThemeState","state","theme","govChange","emit","component","ref","auto","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","storageValue","isSystemPrefersColorDark","matchMedia","matches","initDefaultState","options","currentState","htmlState","getAttribute","includes","isDark","dark","light","onClick","ariaLabelDark","ariaLabelLight","displayLabel","labelDark","labelLight"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx","../../../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","../../../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 {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const FlexSizes = Sizes\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\n\nexport const FlexClass = {\n\troot: 'gov-flex',\n}\n\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass, FlexSizesType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-flex',\n})\nexport class GovFlex {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Controls the flex direction of the container.\n\t */\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\n\n\t/**\n\t * Defines how the browser distributes space between and around content items along the main axis.\n\t */\n\t@Prop({\n\t\tattribute: 'justify-content',\n\t\treflect: true\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\n\n\t/**\n\t * Aligns flex items along the cross axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items',\n\t\treflect: true\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n\n\t/**\n\t * Controls whether the flex container is a single-line or multi-line flex container.\n\t */\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\n\n\t/**\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-content',\n\t\treflect: true\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\n\n\t/**\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({\n\t\tattribute: 'gap',\n\t\treflect: true\n\t}) gap?: FlexSizesType;\n\n\t/**\n\t * Option to turn off responsive\n\t */\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n","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 {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 if (isExternalUrl(path)) {\n return `${path}/${type}/${name}.svg?v=${dsVersion()}`\n }\n return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({name, type}: { name: string; type: string }): Promise<string> {\n const cacheKey = type + \"-\" + name\n if (iconCache[cacheKey]) {\n return iconCache[cacheKey]\n }\n\n if (!requestCache[cacheKey]) {\n requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n if (resp.status === 200) {\n return resp.text()\n } else {\n throw new Error(\"Gov Icon doesn't exists\")\n }\n })\n }\n const path = await requestCache[cacheKey]\n iconCache[cacheKey] = path\n return 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","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\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-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 * Display switch label\n\t */\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout 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-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\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{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\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":"sSAMO,MAAMA,EAAY,CACxBC,KAAM,Y,MCCMC,EAAO,MAGnB,WAAAC,CAAAC,G,yBASyF,M,oKAkDpC,OA1DpDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA4DvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQb,EAAUC,OACrCK,EAAA,QAAAK,IAAA,6C,6BCtEqBG,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,OAAQ,SAGvF,MAAMC,EAAaF,EAAKG,EAAQ,CACtC,UACA,UACA,YACA,UACA,QACA,UACA,UACA,WACA,QACA,UAID,IAAKC,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBlB,KAAM,WACNmB,OAAQ,oB,gBC7BF,MAAMC,EAAY,IACjBC,ECAR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAEzD,MAAMC,EAAiBC,GAAiBA,EAAKC,WAAW,YAAcD,EAAKC,WAAW,YACtF,MAAMC,EAAU,CAACF,EAAcG,EAAcC,KACzC,GAAIL,EAAcC,GAAO,CACrB,MAAO,GAAGA,KAAQI,KAAQD,WAAcR,K,CAE5C,MAAO,GAAGK,KAAQI,KAAQD,QAAa,MAAMR,KAAa,EAGvDU,eAAeC,GAAUH,KAACA,EAAIC,KAAEA,IACnC,MAAMG,EAAWH,EAAO,IAAMD,EAC9B,GAAIN,EAAUU,GAAW,CACrB,OAAOV,EAAUU,E,CAGrB,IAAKT,EAAaS,GAAW,CACzBT,EAAaS,GAAYC,MAAMN,EAAQO,IAAaN,EAAMC,IAAOM,MAAKC,IAClE,GAAIA,EAAKC,SAAW,IAAK,CACrB,OAAOD,EAAKE,M,KACT,CACH,MAAM,IAAIC,MAAM,0B,KAI5B,MAAMd,QAAaF,EAAaS,GAChCV,EAAUU,GAAYP,EACtB,OAAOA,CACX,CC7BO,MAAMe,EAAY,CAACZ,EAAca,EAAeC,KACtD,IAAKC,EAAU,CACd,M,CAED,IAAIC,EAAU,GACd,GAAIF,EAAM,CACT,MAAMG,EAAO,IAAIC,KACjBD,EAAKE,QAAQF,EAAKG,UAAaN,EAAO,GAAK,GAAK,GAAK,KACrDE,EAAU,aAAeC,EAAKI,a,CAE/BC,SAASC,OAAS,GAAGvB,KAAQwB,mBAAmBX,KAASG,WAAiB,EAGpE,MAAMS,EAAazB,IACzB,IAAKe,EAAU,CACd,OAAO,I,CAER,MAAMW,EAAS1B,EAAO,IACtB,MAAM2B,EAAUL,SAASC,OAAOK,MAAM,KACtC,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAQG,OAAQD,IAAK,CACxC,IAAIN,EAASI,EAAQE,GAAGE,OACxB,GAAIR,EAAOzB,WAAW4B,GAAS,CAC9B,OAAOM,mBAAmBT,EAAOU,UAAUP,EAAOI,Q,EAGpD,OAAO,IAAI,EAGL,MAAMI,EAAcC,IAC1B,IACC,MAAMC,EAAS,IAAIC,UACnB,MAAMC,EAAMF,EAAOG,gBAAgBJ,EAAY,iBAC/C,MAAMK,EAAaF,EAAIG,cAAc,eACrC,GAAID,EAAY,CACf,OAAO,K,CAER,MAAME,EAAaJ,EAAIK,gBACvB,GAAID,EAAWE,QAAQC,gBAAkB,MAAO,CAC/C,OAAO,K,CAER,OAAO,I,CACN,MAAOC,GACR,OAAO,K,SC/BIC,EAAO,MAInB,WAAAzE,CAAAC,G,6DAgBsC,K,UAIR,a,aAEH,M,WACF,MAtBxBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,YAAAqE,CAAaC,GACZC,EAAahE,EAAO+D,EAAU3D,EAAUlB,K,CAIzC,aAAA+E,CAAcF,GACbC,EAAa/D,EAAY8D,EAAU3D,EAAUlB,K,CAItC,sBAAMgF,GACb,MAAMpD,KAACA,EAAIqD,QAAEA,GAAW7E,KACxB,IAAyBwB,IAASqD,EAAS,CAC1C,M,OAEK7E,KAAK8E,U,CAGZ,iBAAAC,GACC,GAAIC,IAAiB,CACpBhF,KAAK6E,QAAU,KACf7E,KAAK4E,mBAAmBK,S,KAClB,CACNjF,KAAKkF,kBAAiBxD,UACrB1B,KAAK6E,QAAU,WACT7E,KAAK4E,kBAAkB,G,EAKhC,oBAAAO,GACC,GAAInF,KAAKoF,qBAAsB,CAC9BpF,KAAKoF,qBAAqBC,aAC1BrF,KAAKoF,qBAAuB,I,EAI9B,uBAAME,GACLtF,KAAKwE,aAAaxE,KAAKuF,MACvBvF,KAAK2E,cAAc3E,KAAKwF,aAClBxF,KAAK4E,kB,CAGJ,gBAAAM,CAAiBO,GACxB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC/FF,IACA,M,CAEDzF,KAAKoF,qBAAuB,IAAIO,sBAC/BC,IACCA,EAAQC,SAAQC,IACf,GAAIA,EAAMC,eAAgB,CACzB,GAAI/F,KAAKoF,qBAAsB,CAC9BpF,KAAKoF,qBAAqBC,aAC1BrF,KAAKoF,qBAAuB,I,CAE7BK,G,IAEA,GAEH,CAACO,WAAY,SAEdhG,KAAKoF,qBAAqBa,QAAQjG,KAAKG,K,CAGhC,cAAM2E,GACb,IACC,MAAMtD,KAACA,EAAIC,KAAEA,GAAQzB,KACrB,MAAMkG,QAAavE,EAAU,CAACH,OAAMC,SACpC,MAAM0E,EAAUzC,EAAWwC,GAC3BlG,KAAKG,KAAKiG,UAAYD,EAAUD,EAAO,I,CACtC,MAAOG,GACRrG,KAAKG,KAAKiG,UAAY,GACtBpG,KAAKsE,MAAQ,I,EAIf,MAAAlE,GACC,GAAIJ,KAAKsE,MAAO,CACf,OAAO,I,CAER,OACCrE,EAACI,EAAI,CAACE,MAAOP,KAAKC,EAAEO,QAAQM,EAAUlB,MAAO2F,KAAMvF,KAAKuF,KAAMC,MAAOxF,KAAKwF,O,4KC1HtE,MAAMc,EAAmB7F,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAM6F,EAAmB,CAC/B3G,KAAM,mBACN4G,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAAS,K,MCURC,EAAc,MAG1B,WAAAhH,CAAAC,G,gDAiFQC,KAAA+G,cAAiBC,IACxBhH,KAAKiH,MAAQD,EAEbhH,KAAKkH,UAAUC,KAAK,CACnBC,UAAWb,EAAiB3G,KAC5BoH,MAAOhH,KAAKiH,MACZI,IAAKrH,KAAKG,MACT,E,UA/E4C,I,kBAIc,M,oBAIK,wB,mBAIF,yB,gBAIN,a,eAIH,Y,WAmB3B0G,EAAUS,KA/CrCtH,KAAKC,EAAIC,EAAQF,KAAKG,K,CAmCvB,YAAAqE,CAAaC,GACZC,EAAa4B,EAAkB7B,EAAU8B,EAAiB3G,K,CAI3D,UAAA2H,CAAW9C,GACVzE,KAAKwH,YAAYC,aAAab,EAAsBnC,GACpDzE,KAAKwH,YAAYE,UAAUC,UAAUC,OAAOC,KAAKhB,IACjD7G,KAAKwH,YAAYE,UAAUI,IAAIrD,GAC/BrC,EAAUwE,EAAsBnC,E,CAKjC,gBAAYsD,GACX,OAAO9E,EAAU2D,E,CAGlB,eAAYY,GACX,OAAO1E,SAASqB,e,CAGjB,4BAAY6D,GACX,OAAOzF,GAAYmD,OAAOuC,YAAcvC,OAAOuC,WAAW,gCAAgCC,O,CAG3F,iBAAA5C,GACCtF,KAAKmI,mBACLnI,KAAKwE,aAAaxE,KAAKuF,K,CAGhB,gBAAA4C,GACP,MAAMC,EAAUR,OAAOC,KAAKhB,GAC5B,IAAIwB,EAAerI,KAAK+H,aACxB,MAAMO,EAAYtI,KAAKwH,YAAYe,aAAa3B,GAEhD,GAAIyB,GAAgBD,EAAQI,SAASH,GAAe,CACnDrI,KAAKiH,MAAQoB,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpDtI,KAAKiH,MAAQqB,C,KACP,CACNtI,KAAKiH,MAAQJ,EAAUS,I,EAczB,MAAAlH,GACC,IAAIqI,EAASzI,KAAKiH,QAAUJ,EAAU6B,KACtC,GAAI1I,KAAKiH,QAAUJ,EAAUS,KAAM,CAClCmB,EAASzI,KAAKgI,wB,CAEf,OACC/H,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQ+F,EAAiB3G,MAC1CqH,MAAOwB,EAAS5B,EAAU6B,KAAO7B,EAAU8B,MAC3CpD,KAAMvF,KAAKuF,MACbtF,EAAA,UAAAK,IAAA,2CAAQsI,QAAS,IAAM5I,KAAK+G,cAAc0B,EAAS5B,EAAU8B,MAAQ9B,EAAU6B,MAAK,eACpE1I,KAAKiH,MAAK,aACZwB,EAASzI,KAAK6I,cAAgB7I,KAAK8I,gBAChD7I,EAAA,QAAAK,IAAA,4CACCL,EAAA,QAAAK,IAAA,2CAAMC,MAAOgG,EAAiBC,WAC5BK,EAAU8B,OAAS1I,EAAA,YAAAK,IAAA,2CAAUkB,KAAK,MAAMjB,MAAOgG,EAAiBG,UAAWjF,KAAK,eAChFoF,EAAU6B,MAAQzI,EAAA,YAAAK,IAAA,2CAAUkB,KAAK,OAAOjB,MAAOgG,EAAiBI,SAAUlF,KAAK,gBAEhFzB,KAAK+I,aACL9I,EAAA,QAAMM,MAAOgG,EAAiBE,OAC5BgC,EAASzI,KAAKgJ,UAAYhJ,KAAKiJ,YAE7B,O","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as o}from"./p-9dea2efa.js";import{g as a,c as n}from"./p-ea7fdd2e.js";import{F as c}from"./p-1c1d0bbe.js";import{v as r}from"./p-0b3574c2.js";import{C as h}from"./p-5aad3497.js";import{p as l}from"./p-e0e2e9c1.js";import{A as d,a as f}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import"./p-e8ec030e.js";const p=l(h,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var m;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(m||(m={}));const v={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const g=class{constructor(i){t(this,i);this.govClose=s(this,"gov-close",7);this.hydrated=false;this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(t){r(p,t,v.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=b(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}connectedCallback(){this.hydrated=true}render(){const t=i("gov-button",{key:"43dfaa83a5cbf0c8ac3ffe055b9b2df56ee95252",size:"s","aria-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:v.close},i("gov-icon",{key:"9a04704a5679dbd328b150975cd01b13a9a8939b",name:"x-lg",type:"components"}));return i(e,{key:"61a672fe70509238f25f353f0f97c4170f958b18",class:this.h.classes(v.root),color:this.color,type:this.type,hydrated:this.hydrated},i("section",Object.assign({key:"2cebebdc62541a0c71578b06f677c3814b2dfd36",class:v.section},this.inheritedAttributes,{role:this.role}),this.h.hasSlot("icon")&&i("span",{key:"de201f0008f3ec11533e0712cb95391e2694318a"},i("slot",{key:"fe5ff9dca68dad254be183b31174123f7218f8ff",name:"icon"})),i("div",{key:"d2201cd542519895dbab9329c7bef7190ad42783",class:v.content},this.h.hasSlot("headline")?i(c,null,i("div",{class:v.headline},i("slot",{name:"headline"}),i("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","aria-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},i("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down",type:"components"}))),i("div",{hidden:!this.toggleContent,"aria-hidden":n(this.toggleContent)},i("slot",null))):i("slot",null)),this.closable&&t))}onCloseHandler(t){this.govClose.emit({component:v.root,ref:this.host,originalEvent:t})}get isBold(){return this.type==="bold"}get host(){return o(this)}static get watchers(){return{color:["validateColor"]}}};export{g as gov_infobar};
|
|
2
|
+
//# sourceMappingURL=p-ac800db4.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","constructor","hostRef","this","hydrated","undefined","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","connectedCallback","render","closeButton","key","size","accessibleCloseLabel","type","isBold","onCloseHandler","bind","class","name","Host","classes","role","hasSlot","Fragment","accessibleToggleLabel","toggleContent","hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"kWAIO,MAAMA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGlG,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,QAAS,uBACTC,SAAU,wBACVC,MAAO,sB,MCHKC,EAAU,MAMtB,WAAAC,CAAAC,G,8CAFQC,KAAAC,SAAW,M,WAWiB,U,UAIO,O,UAIEC,U,0BAIwC,0B,2BAIE,0B,cAQjD,M,mBAEb,M,yBACkB,GAnC1CF,KAAKG,EAAIC,EAAQJ,KAAKK,K,CAsCvB,aAAAC,CAAcC,GACbC,EAAarB,EAAeoB,EAAUhB,EAAaC,K,CAGpD,gBAAAiB,GACCT,KAAKU,kBAAoB,IAAIC,EAAkBX,KAAKK,MAAM,CAACO,EAAeL,KACzEP,KAAKa,sBAAsBD,EAAeL,EAAS,IAGpDP,KAAKU,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACChB,KAAKM,cAAcN,KAAKiB,OACxBjB,KAAKkB,oBAAsBC,EAAsBnB,KAAKK,K,CAGvD,oBAAAe,G,OACCC,EAAArB,KAAKU,qBAAiB,MAAAW,SAAA,SAAAA,EAAEC,e,CAGzB,qBAAAT,CAAsBD,EAAuBL,GAC5CP,KAAKK,KAAKkB,gBAAgBX,GAC1BZ,KAAKkB,oBAAmBM,OAAAC,OAAAD,OAAAC,OAAA,GAAOzB,KAAKkB,qBAAmB,CAAEN,CAACA,GAAgBL,G,CAG3E,iBAAAmB,GACC1B,KAAKC,SAAW,I,CAGjB,MAAA0B,GACC,MAAMC,EACLzB,EAAA,cAAA0B,IAAA,2CAAYC,KAAK,IAAG,aACL9B,KAAK+B,qBACjBC,KAAK,OACLf,MAAOjB,KAAKiC,OAASjC,KAAKiB,MAAQ,UAAS,eAC7BjB,KAAKkC,eAAeC,KAAKnC,MACvCoC,MAAO7C,EAAaK,OACtBO,EAAA,YAAA0B,IAAA,2CAAUQ,KAAK,OAAOL,KAAK,gBAI7B,OACC7B,EAACmC,EAAI,CAAAT,IAAA,2CAACO,MAAOpC,KAAKG,EAAEoC,QAAQhD,EAAaC,MAAOyB,MAAOjB,KAAKiB,MAAOe,KAAMhC,KAAKgC,KAAM/B,SAAUD,KAAKC,UAClGE,EAAA,UAAAqB,OAAAC,OAAA,CAAAI,IAAA,2CAASO,MAAO7C,EAAaE,SAAaO,KAAKkB,oBAAmB,CAAEsB,KAAMxC,KAAKwC,OAC7ExC,KAAKG,EAAEsC,QAAQ,SACftC,EAAA,QAAA0B,IAAA,4CACC1B,EAAA,QAAA0B,IAAA,2CAAMQ,KAAK,UAGblC,EAAA,OAAA0B,IAAA,2CAAKO,MAAO7C,EAAaG,SACvBM,KAAKG,EAAEsC,QAAQ,YACftC,EAACuC,EAAQ,KACRvC,EAAA,OAAKiC,MAAO7C,EAAaI,UACxBQ,EAAA,QAAMkC,KAAM,aACZlC,EAAA,cACC2B,KAAK,IACLE,KAAK,OACLf,MAAOjB,KAAKiC,OAASjC,KAAKiB,MAAQ,UAAS,aAC/BjB,KAAK2C,sBAAqB,eACxB,IAAO3C,KAAK4C,eAAiB5C,KAAK4C,eAEhDzC,EAAA,YAAUkC,KAAMrC,KAAK4C,cAAgB,aAAe,eAAgBZ,KAAK,iBAG3E7B,EAAA,OAAK0C,QAAS7C,KAAK4C,cAAa,cAAeE,EAAW9C,KAAK4C,gBAC9DzC,EAAA,eAIFA,EAAA,cAGDH,KAAK+C,UAAYnB,G,CAMtB,cAAAM,CAAec,GACdhD,KAAKiD,SAASC,KAAK,CAClBC,UAAW5D,EAAaC,KACxB4D,IAAKpD,KAAKK,KACVgD,cAAeL,G,CAIjB,UAAIf,GACH,OAAOjC,KAAKgC,OAAS,M","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,a,g as s}from"./p-9dea2efa.js";import{p as o}from"./p-e0e2e9c1.js";import{S as i}from"./p-92f420cb.js";import{g as c}from"./p-ea7fdd2e.js";import{v as r}from"./p-0b3574c2.js";import{a as f,b as n}from"./p-5f1000da.js";import"./p-e8ec030e.js";o(i,["_S","_M","_L"]);var d;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(d||(d={}));const m={root:"gov-empty",content:"gov-empty__content"};const p=class{constructor(t){e(this,t);this.size="m";this.direction="vertical";this.h=c(this.host)}validateSize(e){r(n,e,f.root)}componentWillLoad(){this.validateSize(this.size)}render(){return t(a,{key:"e1da3889a26333688dc65efaa66664219de109f5",class:this.h.classes(m.root),size:this.size,direction:this.direction},this.h.hasSlot("icon")&&t("slot",{key:"592a4e748c922485301a5c24fb459948e854acae",name:"icon"}),t("div",{key:"e8b2296af06278720ab78cbb6f4b3ef2ce8b09e7",class:m.content},t("slot",{key:"ec87498dbf98c45455f7d5247c5938dce0acf6e6",name:"headline"}),t("slot",{key:"9f9a00c7bc8404a81ddaf6025d023e1ee7058834"})))}get host(){return s(this)}static get watchers(){return{size:["validateSize"]}}};export{p as gov_empty};
|
|
2
|
+
//# sourceMappingURL=p-d45bcd43.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["pick","Sizes","EmptyDirection","EmptyClass","root","content","GovEmpty","constructor","hostRef","this","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","componentWillLoad","size","render","Host","key","class","classes","direction","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-empty/constants.ts","../../../packages/core/src/components/gov-empty/gov-empty.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\n\nexport enum EmptyDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`\n\nexport const EmptyClass = {\n\troot: 'gov-empty',\n\tcontent: 'gov-empty__content',\n}\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\nimport {EmptyClass, EmptyDirectionType, EmptySizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\n\n@Component({\n\ttag: 'gov-empty',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: EmptySizesType = 'm'\n\t/**\n\t * Element direction\n\t */\n\t@Prop() readonly direction: EmptyDirectionType = \"vertical\"\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)} size={this.size} direction={this.direction}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uQAI0BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGnD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAc,KAMnB,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,sB,MCLGC,EAAQ,MAGpB,WAAAC,CAAAC,G,oBAQyC,I,eAIQ,WAXhDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAcvB,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAeb,K,CAGvD,iBAAAc,GACCT,KAAKI,aAAaJ,KAAKU,K,CAGxB,MAAAC,GACC,OACCV,EAACW,EAAI,CAAAC,IAAA,2CAACC,MAAOd,KAAKC,EAAEc,QAAQrB,EAAWC,MAAOe,KAAMV,KAAKU,KAAMM,UAAWhB,KAAKgB,WAC7EhB,KAAKC,EAAEgB,QAAQ,SACfhB,EAAA,QAAAY,IAAA,2CAAMK,KAAK,SAEZjB,EAAA,OAAAY,IAAA,2CAAKC,MAAOpB,EAAWE,SACtBK,EAAA,QAAAY,IAAA,2CAAMK,KAAK,aACXjB,EAAA,QAAAY,IAAA,8C","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as e,h as t,a}from"./p-9dea2efa.js";import{F as o}from"./p-7ba4daf4.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";const i=class{constructor(t){s(this,t);this.govClick=e(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const s=this.legend?"legend":"label";return t(a,{key:"5227d00ebe3e8923687d4e8d0f3a74bad0da82b3",class:o.root,size:this.size},t(s,{key:"981d363fdf7435a0b242b9610a7dd68e11d4f05e",class:o.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},t("slot",{key:"bdf282178e200fa69d9f871354786ecbd024fa90"}),this.required?t("span",{class:"gov-color--text-status-error"}," *"):null))}};export{i as gov_form_label};
|
|
2
|
+
//# sourceMappingURL=p-e7e00fe3.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GovFormLabel","render","Tag","this","legend","h","Host","key","class","FormLabelClass","root","size","label","htmlFor","identifier","onClick","govClick","emit","required"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error
|
|
1
|
+
{"version":3,"names":["GovFormLabel","render","Tag","this","legend","h","Host","key","class","FormLabelClass","root","size","label","htmlFor","identifier","onClick","govClick","emit","required"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--text-status-error\"> *</span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"8IAMaA,EAAY,M,iGAQsB,I,cAIT,M,YAKF,K,CAMnC,MAAAC,GACC,MAAMC,EAAMC,KAAKC,OAAS,SAAW,QACrC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAeC,KAAMC,KAAMR,KAAKQ,MAC5CN,EAACH,EAAG,CAAAK,IAAA,2CAACC,MAAOC,EAAeG,MAAOC,QAASV,KAAKW,WAAYC,QAAS,IAAMZ,KAAKa,SAASC,QACxFZ,EAAA,QAAAE,IAAA,6CACCJ,KAAKe,SAAWb,EAAA,QAAMG,MAAM,gCAA8B,MAAkB,M","ignoreList":[]}
|