npm - @gov-design-system-ce/components - Versions diffs - 4.6.0 → 4.6.3 - Mend

@gov-design-system-ce/components 4.6.0 → 4.6.3

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.

Files changed (1274) hide show

package/dist/components/gov-cookiebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\r\n\troot: 'gov-cookiebar',\r\n\tcontent: 'gov-cookiebar__content',\r\n\tactions: 'gov-cookiebar__actions',\r\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\r\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { CookieConsentClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-cookiebar',\r\n})\r\nexport class GovCookiebar {\r\n\th: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCookiebarElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\r\n\t\t\t\t<div class={CookieConsentClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{(this.h.hasSlot('actions-primary') \|\| this.h.hasSlot('actions-secondary')) && (\r\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"wFAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAmBC,OAC9CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBE,SAC9BS,EAAM,QAAAK,IAAA,2CAAAG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBG,SAC7BO,KAAKC,EAAES,QAAQ,oBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBI,gBAC9BO,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBK,kBAC9BM,EAAM,QAAAK,IAAA,2CAAAG,KAAK,wB","ignoreList":[]}
1	+ {"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') \|\| this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAmBC,OAC9CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBE,SAC9BS,EAAM,QAAAK,IAAA,2CAAAG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBG,SAC7BO,KAAKC,EAAES,QAAQ,oBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBI,gBAC9BO,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBK,kBAC9BM,EAAM,QAAAK,IAAA,2CAAAG,KAAK,wB","ignoreList":[]}

package/dist/components/gov-dialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a}from"./index.js";import{g as o,t as c,d as l}from"./p-DKo9A5gq.js";import{c as d}from"./p-DrPpH_9c.js";import{b}from"./p-Nvj7WFs_.js";import{c as n}from"./p-vN03FcXN.js";import{t as r}from"./p-Cjg0wpDG.js";import{d as h}from"./p-BnxqJyb_.js";import{d as f}from"./p-CWqMiVYH.js";import{d as g}from"./p-BJnSrRNH.js";const p={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};function m(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const y=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){var s;this.open=e;this.setFocus().finally();if(!e){(s=this.lastActiveElementRef)===null||s===void 0?void 0:s.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(p.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(p.bodyFix)}async componentDidRender(){if(d()){r((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=m(this.dialogRef);if(e.length){e[0].focus()}const s=e=>{if(e.key==="Tab"&&this.dialogRef){const s=m(this.dialogRef);const t=s[0];const i=s[s.length-1];if(!e.shiftKey&&document.activeElement===i){e.preventDefault();t.focus()}if(e.shiftKey&&document.activeElement===t){e.preventDefault();i.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",s)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(p.bodyFix)}render(){return i(a,{key:"ba9070ed36ce25806a12a88f55d9a36609e17bbb",class:this.h.classes(p.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"79188b6182895a7a7db32e629316a46420d2981c",ref:e=>this.dialogRef=e,class:p.dialog,hidden:!this.open,tabindex:l(this.open),open:this.open,"aria-modal":"true","aria-hidden":c(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"a50c41b27b3060292df9b6d2eb657c1e27a384e7",class:p.inner},i("div",{key:"487b4639e842aa7257e2ce24a553e8ae67be02be",class:p.header},this.h.hasSlot("icon")&&i("span",{key:"75dfd64444588ce6a37607a60eb1c4df7888d3e8"},i("slot",{key:"80be9198860ffce669b218b6f0f0143f7da83add",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"723a628454f0989db5da7a1ae12aef803896b9de",class:p.title,id:this.labelId},i("slot",{key:"0aee99ddbdbb0a068b07259d6b2793ddf3dfa629",name:"title"})),i("gov-button",{key:"6f245f5f2a3a95ff239cd55640c5aac980374cfc",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:p.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"f767a25f40e13c322d6871275d996493bbe8730b",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"4c975dfa826bada579b1ee6edbcece08bf6b7346",class:p.content,id:this.contentId},i("slot",{key:"cdc3d7b173b47237cecf113e344d2ebd05d6daeb"})),this.h.hasSlot("footer")&&i("div",{key:"37e471ea3bb0952c0ccfc290b02af6d69690ae4e",class:p.footer},i("slot",{key:"69f6160c0429d82051a6b99d210f132c7ec3ff56",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",p.root);b(this.accessibleDescribedBy,"accessible-described-by",p.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[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]},undefined,{open:["watchOpen"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,y)}break;case"gov-backdrop":if(!customElements.get(e)){h()}break;case"gov-button":if(!customElements.get(e)){f()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}v();const u=y;const k=v;export{u as GovDialog,k as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a}from"./index.js";import{g as o,t as c,d as l}from"./p-DKo9A5gq.js";import{c as d}from"./p-DrPpH_9c.js";import{b}from"./p-Nvj7WFs_.js";import{c as n}from"./p-vN03FcXN.js";import{t as f}from"./p-Cjg0wpDG.js";import{d as r}from"./p-yqJEurSE.js";import{d as h}from"./p-djqfSbq-.js";import{d as g}from"./p-BrdXh0mI.js";const p={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};function m(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const y=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){var s;this.open=e;this.setFocus().finally();if(!e){(s=this.lastActiveElementRef)===null||s===void 0?void 0:s.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(p.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(p.bodyFix)}async componentDidRender(){if(d()){f((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=m(this.dialogRef);if(e.length){e[0].focus()}const s=e=>{if(e.key==="Tab"&&this.dialogRef){const s=m(this.dialogRef);const t=s[0];const i=s[s.length-1];if(!e.shiftKey&&document.activeElement===i){e.preventDefault();t.focus()}if(e.shiftKey&&document.activeElement===t){e.preventDefault();i.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",s)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(p.bodyFix)}render(){return i(a,{key:"1b4a7fbbf75675be26754a29aeadf8943af6e372",class:this.h.classes(p.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"75df8bc2428485b6bc5a2ed21f334ff897a26f19",ref:e=>this.dialogRef=e,class:p.dialog,hidden:!this.open,tabindex:l(this.open),open:this.open,"aria-modal":"true","aria-hidden":c(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"7a8c1ff8172fcb3e2e6ed342baf38018b7603b4c",class:p.inner},i("div",{key:"b84fec4ad89efe420beede090a20bfdff6f47457",class:p.header},this.h.hasSlot("icon")&&i("span",{key:"931cc48c446af90837a58bd83bfc30e9c54ad787"},i("slot",{key:"088523bcc3debf0144195c21faa89f9f5ab8dd31",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"d38ca38a8b269f5a4f18ea2c8b0d833ac1614f43",class:p.title,id:this.labelId},i("slot",{key:"7bdc841090ba66fb9dab50d3ae1af8308fd4dddb",name:"title"})),i("gov-button",{key:"89dddfec62b770915b1e841b65a3727a399ac454",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:p.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"b4446a4fb10351aa2c263c1e09c7f821096e780f",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"5c2a71245e7cd6e5ffebc317b79c16b299de1674",class:p.content,id:this.contentId},i("slot",{key:"d2bb335499547d7799316f2c9016569375eed7f4"})),this.h.hasSlot("footer")&&i("div",{key:"154d7917e898162f0fdaad2fa4007fccdec820c6",class:p.footer},i("slot",{key:"45272652b42b67f1f1bc88f256c20eba35fe1f69",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",p.root);b(this.accessibleDescribedBy,"accessible-described-by",p.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[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]},undefined,{open:["watchOpen"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,y)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-button":if(!customElements.get(e)){h()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}u();const v=y;const k=u;export{v as GovDialog,k as defineCustomElement};
 //# sourceMappingURL=gov-dialog.js.map

package/dist/components/gov-dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","getFocusableElements","container","Array","from","querySelectorAll","GovDialog","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","open","blockClose","blockBackdropClose","role","labelTag","accessibleCloseLabel","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","setFocus","finally","_a","lastActiveElementRef","focus","focusTrap","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","dialogRef","activeElement","focusableEls","length","handleKeyDown","e","key","firstEl","lastEl","shiftKey","preventDefault","govClose","emit","addEventListener","connectedCallback","disconnectedCallback","render","Host","class","classes","ref","el","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","hasSlot","name","id","closeCtaRef","disabled","color","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","stopPropagation","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\r\n\troot: 'gov-dialog',\r\n\tdialog: 'gov-dialog__dialog',\r\n\tinner: 'gov-dialog__inner',\r\n\theader: 'gov-dialog__header',\r\n\ttitle: 'gov-dialog__title',\r\n\tcontent: 'gov-dialog__content',\r\n\tclose: 'gov-dialog__close',\r\n\tfooter: 'gov-dialog__footer',\r\n\tbodyFix: 'body-fixed',\r\n}\r\n","export function getFocusableElements(container: HTMLElement) {\r\n\tif (!container) return [];\r\n\treturn Array.from(\r\n\t\tcontainer.querySelectorAll(\r\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\r\n\t\t)\r\n\t);\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\r\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\r\nimport {Nullable} from '../../types/interfaces'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {DialogClass} from './constants'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\nimport {getFocusableElements} from \"../../utils/dom.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-dialog',\r\n})\r\nexport class GovDialog {\r\n\tprivate h: GovHost\r\n\tprivate readonly labelId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false;\r\n\tprivate closeCtaRef?: HTMLGovButtonElement\r\n\tprivate dialogRef?: HTMLDialogElement;\r\n\tprivate lastActiveElementRef?: HTMLElement;\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.labelId = createID('GovDialogLabel')\r\n\t\tthis.contentId = createID('GovDialogContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovDialogElement\r\n\r\n\t/*\r\n\t Attribute for dialog window display\r\n\t /\r\n\t@Prop({mutable: true, reflect: true}) open = false\r\n\t/\r\n\t Attribute allowing blocking the dialog closing\r\n\t /\r\n\t@Prop({attribute: 'block-close'}) blockClose = false\r\n\t/\r\n\t Attribute allowing blocking the backdrop dialog closing\r\n\t /\r\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\r\n\t/\r\n\t Role of dialog\r\n\t /\r\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\r\n\t/\r\n\t Used to change the HTML tag in the dialog label for correct semantic structure\r\n\t /\r\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\r\n\t/\r\n\t String of id's that indicates alternative labels elements\r\n\t /\r\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\r\n\t/\r\n\t Indicates the id of a component that describes the dialog.\r\n\t /\r\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\r\n\t/\r\n\t Adds accessible label for the dialog close button that is only shown for screen readers.\r\n\t /\r\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\r\n\t/\r\n\t A string of identifiers that indicate alternative label elements for closing the dialog window\r\n\t /\r\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\r\n\t/\r\n\t Emitted when a dialog window closes.\r\n\t /\r\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen(newValue: boolean): void {\r\n\t\tthis.open = newValue\r\n\t\tthis.setFocus().finally()\r\n\r\n\t\tif (!newValue) {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t} else {\r\n\t\t\tthis.focusTrap();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate showDialog() {\r\n\t\tthis.open = true\r\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tprivate hideDialog() {\r\n\t\tthis.open = false\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\r\n\t\tif (this.open) {\r\n\t\t\tthis.showDialog()\r\n\t\t} else {\r\n\t\t\tthis.hideDialog()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate focusTrap() {\r\n\t\tif (open && this.dialogRef) {\r\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\r\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\r\n\t\t\tif (focusableEls.length) {\r\n\t\t\t\tfocusableEls[0].focus();\r\n\t\t\t}\r\n\r\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\r\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\r\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\r\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\r\n\r\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tfirstEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tlastEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (e.key === \"Escape\") {\r\n\t\t\t\t\tif (this.blockClose === false) {\r\n\t\t\t\t\t\tthis.hideDialog();\r\n\t\t\t\t\t\tthis.govClose.emit();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\r\n\t\t} else {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\r\n\t\t\t\t<dialog\r\n\t\t\t\t\tref={el => (this.dialogRef = el)}\r\n\t\t\t\t\tclass={DialogClass.dialog}\r\n\t\t\t\t\thidden={!this.open}\r\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\r\n\t\t\t\t\topen={this.open}\r\n\t\t\t\t\taria-modal=\"true\"\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy \|\| this.labelId}\r\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy \|\| this.contentId}\r\n\t\t\t\t\trole={this.role}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class={DialogClass.inner}>\r\n\t\t\t\t\t\t<div class={DialogClass.header}>\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\r\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\r\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\r\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\r\n\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\tsize=\"m\"\r\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\r\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</dialog>\r\n\r\n\t\t\t\t{this.open ? (\r\n\t\t\t\t\t<gov-backdrop\r\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\r\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.preventDefault()\r\n\t\tif (this.blockClose === false) {\r\n\t\t\tthis.hideDialog()\r\n\t\t\tthis.govClose.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Sets the close button to focus\r\n\t /\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tif (this.open && this.closeCtaRef) {\r\n\t\t\tthis.closeCtaRef.setFocus().catch()\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/\r\n\t Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\r\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","getFocusableElements","container","Array","from","querySelectorAll","GovDialog","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","open","blockClose","blockBackdropClose","role","labelTag","accessibleCloseLabel","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","setFocus","finally","_a","lastActiveElementRef","focus","focusTrap","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","dialogRef","activeElement","focusableEls","length","handleKeyDown","e","key","firstEl","lastEl","shiftKey","preventDefault","govClose","emit","addEventListener","connectedCallback","disconnectedCallback","render","Host","class","classes","ref","el","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","hasSlot","name","id","closeCtaRef","disabled","color","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","stopPropagation","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/*\n\t Attribute for dialog window display\n\t /\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/\n\t Attribute allowing blocking the dialog closing\n\t /\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/\n\t Attribute allowing blocking the backdrop dialog closing\n\t /\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/\n\t Role of dialog\n\t /\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/\n\t Used to change the HTML tag in the dialog label for correct semantic structure\n\t /\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/\n\t String of id's that indicates alternative labels elements\n\t /\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/\n\t Indicates the id of a component that describes the dialog.\n\t /\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/\n\t Adds accessible label for the dialog close button that is only shown for screen readers.\n\t /\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/\n\t A string of identifiers that indicate alternative label elements for closing the dialog window\n\t /\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/\n\t Emitted when a dialog window closes.\n\t /\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy \|\| this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy \|\| this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/\n\t Sets the close button to focus\n\t /\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as s,a as o}from"./index.js";import{g as n,t as r}from"./p-DKo9A5gq.js";import{c}from"./p-vN03FcXN.js";import{B as a}from"./p-CNqoJU2V.js";const h={triggerEvents:"click",exclude:""};function d(t,e,i,s=h){const o=u(s);f(s).forEach((s=>{window.addEventListener(s,(s=>{l(s,t,e,i,o)}),false)}))}function l(t,e,i,s,o){const n=t.target;if(!i.contains(n)&&!p(n,o)){s.call(e)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function u(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(e){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,e)}}return}function p(t,e){if(t&&e){for(let i of e){if(i.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const m=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=n(this.host);this.listId=c("GovDropdownList");this.controlId=c("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",r(this.open))}get trigger(){return this.host.querySelector(`* > ${a.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",r(!!this.list));this.trigger.setAttribute("aria-expanded",r(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(o,{key:"24e596043840ec3b4e2ae0c59cecd1ec5425f5b5",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"5c9c344162c6842585b134b327e9d45e4c1df19e"}),s("div",{key:"b424408e77eaebc2eedfe5ac1c7a916808af21f7",ref:t=>d(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":r(!this.open),hidden:!this.open},s("slot",{key:"b39d21fd27642fd5e7ece4b9d68de2e8468b93ae",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dropdown",{identifier:[1],open:[1028],position:[1],getState:[64],toggle:[64]},undefined,{open:["watchOpen"]}]);function w(){if(typeof customElements==="undefined"){return}const t=["gov-dropdown"];t.forEach((t=>{switch(t){case"gov-dropdown":if(!customElements.get(t)){customElements.define(t,m)}break}}))}w();const b=m;const y=w;export{b as GovDropdown,y as defineCustomElement};
+import{p as t,H as e,c as i,h as s,a as o}from"./index.js";import{g as n,t as r}from"./p-DKo9A5gq.js";import{c as a}from"./p-vN03FcXN.js";import{B as c}from"./p-CNqoJU2V.js";const h={triggerEvents:"click",exclude:""};function d(t,e,i,s=h){const o=u(s);f(s).forEach((s=>{window.addEventListener(s,(s=>{l(s,t,e,i,o)}),false)}))}function l(t,e,i,s,o){const n=t.target;if(!i.contains(n)&&!p(n,o)){s.call(e)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function u(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(e){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,e)}}return}function p(t,e){if(t&&e){for(let i of e){if(i.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const m=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=n(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",r(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",r(!!this.list));this.trigger.setAttribute("aria-expanded",r(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(o,{key:"402f6c2f97151f2abe832422e1eef4f3da15acee",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"0cf6f85829b69b0d0c14eee595557eda4687ce6d"}),s("div",{key:"6658b9882d31fb919a12e97c0abc72a3e641fd6c",ref:t=>d(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":r(!this.open),hidden:!this.open},s("slot",{key:"b4f4b0b240731a2c03dda84989ba1a1d85c4e27a",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dropdown",{identifier:[1],open:[1028],position:[1],getState:[64],toggle:[64]},undefined,{open:["watchOpen"]}]);function w(){if(typeof customElements==="undefined"){return}const t=["gov-dropdown"];t.forEach((t=>{switch(t){case"gov-dropdown":if(!customElements.get(t)){customElements.define(t,m)}break}}))}w();const b=m;const y=w;export{b as GovDropdown,y as defineCustomElement};
 //# sourceMappingURL=gov-dropdown.js.map

package/dist/components/gov-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","__stencil_proxyCustomElement","HTMLElement","constructor","this","open","position","LEFT","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/*\n Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n /\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/\n Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n /\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/\n Remove click outside callback function for HTMLElement.\n /\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\r\n\r\nexport enum Position {\r\n\tLEFT = 'left',\r\n\tRIGHT = 'right',\r\n}\r\n\r\nexport type PositionType = `${ValueOf<typeof Position>}`\r\n\r\nexport const DropdownClass = {\r\n\troot: 'gov-dropdown',\r\n\tlist: 'gov-dropdown__list'\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\r\nimport {registerClickOutside} from \"stencil-click-outside\"\r\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {Nullable} from \"../../../types/interfaces\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {ButtonClass} from \"../button/constants\"\r\nimport {DropdownClass, Position, PositionType} from \"./constants\"\r\nimport {DropdownEvent} from \"./gov-dropdown.types\"\r\n\r\n@Component({\r\n\ttag: \"gov-dropdown\",\r\n})\r\nexport class GovDropdown {\r\n\tprivate h: GovHost\r\n\tprivate readonly listId: string\r\n\tprivate readonly controlId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.listId = createID(\"GovDropdownList\")\r\n\t\tthis.controlId = createID(\"GovDropdownControl\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovButtonElement\r\n\r\n\t/\r\n\t Custom trigger identifier\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Dropdown state\r\n\t /\r\n\t@Prop({mutable: true}) open = false\r\n\t/\r\n\t Menu display position\r\n\t /\r\n\t@Prop() readonly position: PositionType = Position.LEFT\r\n\t/\r\n\t Emitted when the dropdown change state\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen() {\r\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t}\r\n\r\n\tget trigger() {\r\n\t\treturn this.host.querySelector(` > ${ButtonClass.root}`) as HTMLGovButtonElement\r\n\t}\r\n\r\n\tget list() {\r\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (!this.trigger) return;\r\n\r\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\r\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\r\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\r\n\r\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\r\n\t\t\te.preventDefault()\r\n\t\t\te.stopPropagation()\r\n\t\t\tthis.open = !this.open\r\n\r\n\t\t\tthis.govChange.emit({\r\n\t\t\t\tcomponent: DropdownClass.root,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t\topen: this.open,\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\r\n\t\t\t\t\tclass={DropdownClass.list}\r\n\t\t\t\t\tid={this.listId}\r\n\t\t\t\t\taria-labelledby={this.controlId}\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\thidden={!this.open}>\r\n\t\t\t\t\t<slot name=\"list\"></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/*\r\n\t Returns the current state of the dropdown\r\n\t /\r\n\t@Method()\r\n\tasync getState() {\r\n\t\treturn this.open\r\n\t}\r\n\r\n\t/\r\n\t Toggle state of dropdown\r\n\t */\r\n\t@Method()\r\n\tasync toggle() {\r\n\t\tthis.open = !this.open\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","__stencil_proxyCustomElement","HTMLElement","constructor","this","open","position","LEFT","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/*\n Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n /\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/\n Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n /\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/\n Remove click outside callback function for HTMLElement.\n /\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\nimport {registerClickOutside} from \"stencil-click-outside\"\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {ButtonClass} from \"../button/constants\"\nimport {DropdownClass, Position, PositionType} from \"./constants\"\nimport {DropdownEvent} from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/\n\t Custom trigger identifier\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Dropdown state\n\t /\n\t@Prop({mutable: true}) open = false\n\t/\n\t Menu display position\n\t /\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/\n\t Emitted when the dropdown change state\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\n\n\t@Watch('open')\n\twatchOpen() {\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(` > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (!this.trigger) return;\n\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\n\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t\tthis.open = !this.open\n\n\t\t\tthis.govChange.emit({\n\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\topen: this.open,\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/*\n\t Returns the current state of the dropdown\n\t /\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/\n\t Toggle state of dropdown\n\t */\n\t@Method()\n\tasync toggle() {\n\t\tthis.open = !this.open\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-empty.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a as i}from"./index.js";import{p as o}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as c}from"./p-DKo9A5gq.js";import{v as n}from"./p-BKP-F1qP.js";import{A as r,a as f}from"./p-4i8qDRtu.js";o(a,["_S","_M","_L"]);var m;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(m||(m={}));var d;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["RIGHT"]="right"})(d||(d={}));const l={root:"gov-empty",content:"gov-empty__content"};const p=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.direction="vertical";this.align="left";this.h=c(this.host)}validateSize(t){n(f,t,r.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(i,{key:"b10b9a2d6d7d3286826bf3499c4fdb6fc3a55361",class:this.h.classes(l.root),size:this.size,direction:this.direction,align:this.align},this.h.hasSlot("icon")&&s("slot",{key:"151be593361299a315d5ce16be9f7a082efedcdb",name:"icon"}),s("div",{key:"8661841ecf708b38c41aed696c696ea4a3719894",class:l.content},s("slot",{key:"9884110dc44f7401ba512d97ef080c444ac2ea71",name:"headline"}),s("slot",{key:"53080ae7c203f53e4393a5b2e5c05a5f5fc1ee9d"})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-empty",{size:[1],direction:[1],align:[1]},undefined,{size:["validateSize"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-empty"];t.forEach((t=>{switch(t){case"gov-empty":if(!customElements.get(t)){customElements.define(t,p)}break}}))}h();const u=p;const v=h;export{u as GovEmpty,v as defineCustomElement};
+import{p as t,H as e,h as s,a as i}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n}from"./p-DKo9A5gq.js";import{v as c}from"./p-BKP-F1qP.js";import{A as r,a as d}from"./p-4i8qDRtu.js";a(o,["_S","_M","_L"]);var m;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(m||(m={}));var f;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["RIGHT"]="right"})(f||(f={}));const l={root:"gov-empty",content:"gov-empty__content"};const p=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.direction="vertical";this.align="left";this.h=n(this.host)}validateSize(t){c(d,t,r.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(i,{key:"2c08dd933beb17aa5695fd3c31f1a2981d553c6b",class:this.h.classes(l.root),size:this.size,direction:this.direction,align:this.align},this.h.hasSlot("icon")&&s("slot",{key:"dae092adf1a711edea387d531ecdd4f1afda0ba1",name:"icon"}),s("div",{key:"2487457ad864261648a488b513118785485ae23d",class:l.content},s("slot",{key:"0cb9198b589954b652c41cde4cf46e82d069d856",name:"headline"}),s("slot",{key:"d8935cc514b223f0ab536d8d9b7c5d8a23c2126a"})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-empty",{size:[1],direction:[1],align:[1]},undefined,{size:["validateSize"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-empty"];t.forEach((t=>{switch(t){case"gov-empty":if(!customElements.get(t)){customElements.define(t,p)}break}}))}h();const u=p;const v=h;export{u as GovEmpty,v as defineCustomElement};
 //# sourceMappingURL=gov-empty.js.map

package/dist/components/gov-empty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pick","Sizes","EmptyDirection","EmptyAlign","EmptyClass","root","content","GovEmpty","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","direction","align","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","componentWillLoad","render","Host","key","class","classes","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\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\r\n\r\nexport enum EmptyDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`\r\n\r\nexport enum EmptyAlign {\r\n\tLEFT = 'left',\r\n\tCENTER = 'center',\r\n\tRIGHT = 'right',\r\n}\r\nexport type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`\r\n\r\nexport const EmptyClass = {\r\n\troot: 'gov-empty',\r\n\tcontent: 'gov-empty__content',\r\n}\r\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\r\nimport {EmptyAlignType, EmptyClass, EmptyDirectionType, EmptySizesType} from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\r\n\r\n@Component({\r\n\ttag: 'gov-empty',\r\n})\r\nexport class GovEmpty {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovEmptyElement\r\n\t/*\r\n\t Element size.\r\n\t /\r\n\t@Prop() readonly size?: EmptySizesType = 'm'\r\n\t/\r\n\t Element direction\r\n\t /\r\n\t@Prop() readonly direction: EmptyDirectionType = \"vertical\"\r\n\t/\r\n\t Element alignment.\r\n\t */\r\n\t@Prop() readonly align?: EmptyAlignType = \"left\"\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t direction={this.direction}\r\n\t\t\t\t align={this.align}>\r\n\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t)}\r\n\t\t\t\t<div class={EmptyClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"+OAI0BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGnD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAGX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,sB,MCZGC,EAAQC,EAAA,MAAAD,UAAAE,EAGpB,WAAAC,G,8BAQiBC,KAAIC,KAAoB,IAIxBD,KAASE,UAAuB,WAIhCF,KAAKG,MAAoB,OAfzCH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAiBD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAejB,K,CAGvD,iBAAAkB,GACCZ,KAAKO,aAAaP,KAAKC,K,CAGxB,MAAAY,GACC,OACCT,EAACU,EAAI,CAAAC,IAAA,2CAACC,MAAOhB,KAAKI,EAAEa,QAAQxB,EAAWC,MACpCO,KAAMD,KAAKC,KACXC,UAAWF,KAAKE,UAChBC,MAAOH,KAAKG,OACbH,KAAKI,EAAEc,QAAQ,SACfd,EAAM,QAAAW,IAAA,2CAAAI,KAAK,SAEZf,EAAA,OAAAW,IAAA,2CAAKC,MAAOvB,EAAWE,SACtBS,EAAM,QAAAW,IAAA,2CAAAI,KAAK,aACXf,EAAQ,QAAAW,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["pick","Sizes","EmptyDirection","EmptyAlign","EmptyClass","root","content","GovEmpty","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","direction","align","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","componentWillLoad","render","Host","key","class","classes","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 enum EmptyAlign {\n\tLEFT = 'left',\n\tCENTER = 'center',\n\tRIGHT = 'right',\n}\nexport type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`\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 {EmptyAlignType, 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\t/\n\t Element alignment.\n\t */\n\t@Prop() readonly align?: EmptyAlignType = \"left\"\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)}\n\t\t\t\t size={this.size}\n\t\t\t\t direction={this.direction}\n\t\t\t\t align={this.align}>\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":"+OAI0BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGnD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAGX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,sB,MCZGC,EAAQC,EAAA,MAAAD,UAAAE,EAGpB,WAAAC,G,8BAQiBC,KAAIC,KAAoB,IAIxBD,KAASE,UAAuB,WAIhCF,KAAKG,MAAoB,OAfzCH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAiBD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAejB,K,CAGvD,iBAAAkB,GACCZ,KAAKO,aAAaP,KAAKC,K,CAGxB,MAAAY,GACC,OACCT,EAACU,EAAI,CAAAC,IAAA,2CAACC,MAAOhB,KAAKI,EAAEa,QAAQxB,EAAWC,MACpCO,KAAMD,KAAKC,KACXC,UAAWF,KAAKE,UAChBC,MAAOH,KAAKG,OACbH,KAAKI,EAAEc,QAAQ,SACfd,EAAM,QAAAW,IAAA,2CAAAI,KAAK,SAEZf,EAAA,OAAAW,IAAA,2CAAKC,MAAOvB,EAAWE,SACtBS,EAAM,QAAAW,IAAA,2CAAAI,KAAK,aACXf,EAAQ,QAAAW,IAAA,8C","ignoreList":[]}

package/dist/components/gov-error-code.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,a as s}from"./index.js";import{g as c}from"./p-DKo9A5gq.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const a=e(class e extends o{constructor(){super();this.__registerHost();this.h=c(this.host)}render(){return t(s,{key:"7f4adeeba8a13e44b4e06957ae57c2766869991a",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&t("slot",{key:"bdfcff23dd37e182812701064f92e60d20464525",name:"icon"}),t("div",{key:"fa5491ab7ca31a23ca2a14d0b1a7f7c05875bc5e",class:r.content},t("slot",{key:"406e89f47b0785f885eaa5016d34d1fb35551aee",name:"headline"}),t("slot",{key:"af90cf6361b88506a0ca5687daf4b5f7b7157e62"})))}get host(){return this}},[4,"gov-error-code"]);function n(){if(typeof customElements==="undefined"){return}const e=["gov-error-code"];e.forEach((e=>{switch(e){case"gov-error-code":if(!customElements.get(e)){customElements.define(e,a)}break}}))}n();const d=a;const f=n;export{d as GovErrorCode,f as defineCustomElement};
+import{p as e,H as o,h as t,a as c}from"./index.js";import{g as s}from"./p-DKo9A5gq.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const n=e(class e extends o{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return t(c,{key:"91bd2740e23ac3070885a2f081d04fe55fe35afa",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&t("slot",{key:"c8bf87c915ffa7438de195790b19746946839759",name:"icon"}),t("div",{key:"7d68735d01b63f086fdc5d9fadcd3749828f875a",class:r.content},t("slot",{key:"41fb86768c5d44a485c1547eb576bf5339d66dfb",name:"headline"}),t("slot",{key:"4fd846e34ac29cdb5622a36917380cb4d07f62fc"})))}get host(){return this}},[4,"gov-error-code"]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-error-code"];e.forEach((e=>{switch(e){case"gov-error-code":if(!customElements.get(e)){customElements.define(e,n)}break}}))}d();const f=n;const a=d;export{f as GovErrorCode,a as defineCustomElement};
 //# sourceMappingURL=gov-error-code.js.map

package/dist/components/gov-error-code.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","align","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\r\n\troot: 'gov-error-code',\r\n\tcontent: 'gov-error-code__content',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { ErrorCodeClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-error-code',\r\n})\r\nexport class GovErrorCode {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovErrorCodeElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\r\n\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"wFAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAeC,MAAOe,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAM,QAAAK,IAAA,2CAAAK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOd,EAAeE,SAC1BM,EAAM,QAAAK,IAAA,2CAAAK,KAAK,aACXV,EAAQ,QAAAK,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","align","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\n\troot: 'gov-error-code',\n\tcontent: 'gov-error-code__content',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-error-code',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAeC,MAAOe,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAM,QAAAK,IAAA,2CAAAK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOd,EAAeE,SAC1BM,EAAM,QAAAK,IAAA,2CAAAK,KAAK,aACXV,EAAQ,QAAAK,IAAA,8C","ignoreList":[]}

package/dist/components/gov-flex.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a as n}from"./index.js";import"./p-BcQO4NH2.js";import{g as o}from"./p-DKo9A5gq.js";const i={root:"gov-flex"};const a=t(class t extends e{constructor(){super();this.__registerHost();this.direction="row";this.responsive="true";this.h=o(this.host)}render(){return s(n,{key:"1c88a4c6aaf69a13c514bc24c10fd2a32316a7c0",class:this.h.classes(i.root)},s("slot",{key:"b055e2aff7056be660e53d5036341fbaabe796b1"}))}get host(){return this}},[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]}]);function c(){if(typeof customElements==="undefined"){return}const t=["gov-flex"];t.forEach((t=>{switch(t){case"gov-flex":if(!customElements.get(t)){customElements.define(t,a)}break}}))}c();const r=a;const f=c;export{r as GovFlex,f as defineCustomElement};
+import{p as t,H as e,h as s,a as n}from"./index.js";import"./p-BcQO4NH2.js";import{g as o}from"./p-DKo9A5gq.js";const i={root:"gov-flex"};const r=t(class t extends e{constructor(){super();this.__registerHost();this.direction="row";this.responsive="true";this.h=o(this.host)}render(){return s(n,{key:"a6d1aed0cf8fd8c94ef83821d142756943bc55f3",class:this.h.classes(i.root)},s("slot",{key:"34551ed862ff8384c3eade0d12762847772a0331"}))}get host(){return this}},[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]}]);function c(){if(typeof customElements==="undefined"){return}const t=["gov-flex"];t.forEach((t=>{switch(t){case"gov-flex":if(!customElements.get(t)){customElements.define(t,r)}break}}))}c();const f=r;const a=c;export{f as GovFlex,a as defineCustomElement};
 //# sourceMappingURL=gov-flex.js.map

package/dist/components/gov-flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["FlexClass","root","GovFlex","__stencil_proxyCustomElement","HTMLElement","constructor","this","direction","responsive","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const FlexSizes = Sizes\r\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\r\n\r\nexport const FlexClass = {\r\n\troot: 'gov-flex',\r\n}\r\n\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FlexClass, FlexSizesType} from './constants'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-flex',\r\n})\r\nexport class GovFlex {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovGridElement\r\n\r\n\t/*\r\n\t Controls the flex direction of the container.\r\n\t /\r\n\t@Prop({reflect: true}) direction?: 'row' \| 'row-reverse' \| 'column' \| 'column-reverse' = 'row';\r\n\r\n\t/\r\n\t Defines how the browser distributes space between and around content items along the main axis.\r\n\t /\r\n\t@Prop({\r\n\t\tattribute: 'justify-content',\r\n\t\treflect: true\r\n\t}) justifyContent?: 'flex-start' \| 'flex-end' \| 'center' \| 'space-between' \| 'space-around' \| 'space-evenly';\r\n\r\n\t/\r\n\t Aligns flex items along the cross axis.\r\n\t /\r\n\t@Prop({\r\n\t\tattribute: 'align-items',\r\n\t\treflect: true\r\n\t}) alignItems?: 'stretch' \| 'flex-start' \| 'flex-end' \| 'center' \| 'baseline';\r\n\r\n\t/\r\n\t Controls whether the flex container is a single-line or multi-line flex container.\r\n\t /\r\n\t@Prop({reflect: true}) wrap?: 'nowrap' \| 'wrap' \| 'wrap-reverse';\r\n\r\n\t/\r\n\t Aligns the flex container's lines within when there is extra space in the cross-axis.\r\n\t /\r\n\t@Prop({\r\n\t\tattribute: 'align-content',\r\n\t\treflect: true\r\n\t}) alignContent?: 'flex-start' \| 'flex-end' \| 'center' \| 'space-between' \| 'space-around' \| 'stretch';\r\n\r\n\t/\r\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.\r\n\t /\r\n\t@Prop({\r\n\t\tattribute: 'align-self',\r\n\t\treflect: true\r\n\t}) alignSelf?: 'auto' \| 'normal' \| 'self-start' \| 'self-end' \| 'flex-start' \| 'flex-end' \| 'center' \| 'baseline' \| 'stretch' \| 'anchor-center';\r\n\r\n\t/\r\n\t The gap property creates consistent spacing between flex items in the container.\r\n\t /\r\n\t@Prop({\r\n\t\tattribute: 'gap',\r\n\t\treflect: true\r\n\t}) gap?: FlexSizesType;\r\n\r\n\t/\r\n\t Option to turn off responsive\r\n\t */\r\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gHAMO,MAAMA,EAAY,CACxBC,KAAM,Y,MCCMC,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,8BASuBC,KAASC,UAAyD,MAkDzDD,KAAUE,WAAW,OA1DpDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA2DD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQhB,EAAUC,OACrCQ,EAAa,QAAAK,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["FlexClass","root","GovFlex","__stencil_proxyCustomElement","HTMLElement","constructor","this","direction","responsive","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.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"],"mappings":"gHAMO,MAAMA,EAAY,CACxBC,KAAM,Y,MCCMC,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,8BASuBC,KAASC,UAAyD,MAkDzDD,KAAUE,WAAW,OA1DpDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA2DD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQhB,EAAUC,OACrCQ,EAAa,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-Ba8Z-AIX.js";const t=o;const a=s;export{t as GovFormAutocomplete,a as defineCustomElement};
+import{G as o,d as s}from"./p-DFu5UVoP.js";const t=o;const p=s;export{t as GovFormAutocomplete,p as defineCustomElement};
 //# sourceMappingURL=gov-form-autocomplete.js.map

package/dist/components/gov-form-checkbox-group.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as o,H as r,c as a,h as g,a as t}from"./index.js";import{c as i,F as e,a as p,b as l}from"./p-BUmDydor.js";import{g as n}from"./p-DKo9A5gq.js";import{v as m}from"./p-BKP-F1qP.js";import{t as f}from"./p-Cjg0wpDG.js";import{p as s}from"./p-B0hcuYXk.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const c=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const a=s(this.value);if(!Array.isArray(a))return;if(o.detail.checked){this.value=[...a,o.detail.value]}else{this.value=(r=a.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:i.root})};this.h=n(this.host)}validateGap(o){if(o){m(p,o,e.root)}}validateOrientation(o){if(o){m(l,o,e.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=s(this.value)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(t,{key:"cfff4a643c778c0a573b08e6310045b8f0f0764b",gap:this.gap,class:this.h.classes(e.root),value:this.value},g("slot",{key:"6c9f6c553525f61c3aa95c834fd495d4dd6a8346"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return v}},[4,"gov-form-checkbox-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-checkbox-group"];o.forEach((o=>{switch(o){case"gov-form-checkbox-group":if(!customElements.get(o)){customElements.define(o,c)}break}}))}u();const h=c;const b=u;export{h as GovFormCheckboxGroup,b as defineCustomElement};
+import{p as o,H as r,c as a,h as g,a as t}from"./index.js";import{c as e,F as i,a as p,b as l}from"./p-BUmDydor.js";import{g as n}from"./p-DKo9A5gq.js";import{v as m}from"./p-BKP-F1qP.js";import{t as s}from"./p-Cjg0wpDG.js";import{p as f}from"./p-B0hcuYXk.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const c=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const a=f(this.value);if(!Array.isArray(a))return;if(o.detail.checked){this.value=[...a,o.detail.value]}else{this.value=(r=a.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:e.root})};this.h=n(this.host)}validateGap(o){if(o){m(p,o,i.root)}}validateOrientation(o){if(o){m(l,o,i.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=f(this.value)}componentDidRender(){s((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(t,{key:"05922c255d84c7e5d454096842080afb3baf7e35",gap:this.gap,class:this.h.classes(i.root),value:this.value},g("slot",{key:"b770a32c6c932f71c041bb2996c675b84ee594f0"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return v}},[4,"gov-form-checkbox-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-checkbox-group"];o.forEach((o=>{switch(o){case"gov-form-checkbox-group":if(!customElements.get(o)){customElements.define(o,c)}break}}))}u();const h=c;const b=u;export{h as GovFormCheckboxGroup,b as defineCustomElement};
 //# sourceMappingURL=gov-form-checkbox-group.js.map

package/dist/components/gov-form-checkbox-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group /\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormCheckboxGroupClass,\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\r\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\nimport {propsValueToArray} from \"../../../utils/array.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormCheckboxGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/\r\n\t Gap's size.\r\n\t /\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/\r\n\t Elements orientation\r\n\t /\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/\r\n\t Group's value\r\n\t /\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string \| string[] = undefined\r\n\t/\r\n / Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tconst value = propsValueToArray<string[]>(this.value);\r\n\t\tif (!Array.isArray(value)) return;\r\n\t\tif (event.detail.checked) {\r\n\t\t\tthis.value = [...value, event.detail.value]\r\n\t\t} else {\r\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\r\n\t\t}\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormCheckboxGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t\tthis.value = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = this.value.includes(element.value);\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"oQAAA,MAAMA,EAAkB,usE,MCqBXC,EAAoBC,EAAA,MAAAD,UAAAE,EAGhC,WAAAC,G,kEAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAuBF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAU,MAAAS,SAAA,EAAAA,EAAA,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAA3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group /\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormCheckboxGroupClass,\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\nimport {propsValueToArray} from \"../../../utils/array.utils\"\n\n@Component({\n\ttag: \"gov-form-checkbox-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormCheckboxGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/\n\t Gap's size.\n\t /\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/\n\t Elements orientation\n\t /\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/\n\t Group's value\n\t /\n\t@Prop({attribute: \"value\", mutable: true}) value?: string \| string[] = undefined\n\t/\n / Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\n\t\tevent.stopPropagation()\n\t\tconst value = propsValueToArray<string[]>(this.value);\n\t\tif (!Array.isArray(value)) return;\n\t\tif (event.detail.checked) {\n\t\t\tthis.value = [...value, event.detail.value]\n\t\t} else {\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\n\t\t}\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormCheckboxGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t\tthis.value = propsValueToArray(this.value)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = this.value.includes(element.value);\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oQAAA,MAAMA,EAAkB,usE,MCqBXC,EAAoBC,EAAA,MAAAD,UAAAE,EAGhC,WAAAC,G,kEAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAuBF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAU,MAAAS,SAAA,EAAAA,EAAA,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAA3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as i,h as e,a as h}from"./index.js";import{c as o}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as a,f as r,h as c}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{i as p,A as v,a as f}from"./p-CXgom82_.js";import{d as b}from"./p-BJnSrRNH.js";const g=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govChange=i(this,"gov-change");this.hydrated=false;this.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=o("GovCheckbox");this.h=l(this.host);this.f=a(this.h)}validateSize(t){n(c,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=p(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return e("label",{class:r.label},t)}return t};return e(h,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},t(e(u,null,e("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":d(this.checked),"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("slot",{name:"label"}),e("gov-icon",{class:r.check,name:"check-lg",type:"components"}),e("gov-icon",{class:r.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onClickHandler(t){t.stopPropagation()}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[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]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-checkbox","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-checkbox":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}k();const C=g;const A=k;export{C as GovFormCheckbox,A as defineCustomElement};
+import{p as t,H as s,c as i,h as e,a as h}from"./index.js";import{c as o}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as a,f as r,h as c}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{i as p,A as v,a as f}from"./p-CXgom82_.js";import{d as b}from"./p-BrdXh0mI.js";const g=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govChange=i(this,"gov-change");this.hydrated=false;this.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=o("GovCheckbox");this.h=l(this.host);this.f=a(this.h)}validateSize(t){n(c,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=p(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return e("label",{class:r.label},t)}return t};return e(h,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},t(e(u,null,e("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":d(this.checked),"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("slot",{name:"label"}),e("gov-icon",{class:r.check,name:"check-lg",type:"components"}),e("gov-icon",{class:r.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onClickHandler(t){t.stopPropagation()}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[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]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-checkbox","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-checkbox":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}k();const C=g;const A=k;export{C as GovFormCheckbox,A as defineCustomElement};
 //# sourceMappingURL=gov-form-checkbox.js.map

package/dist/components/gov-form-checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["GovFormCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox\",\r\n})\r\nexport class GovFormCheckbox {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly checkboxId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormCheckboxElement\r\n\t/*\r\n\t Value of checkbox\r\n\t /\r\n\t@Prop() readonly value: string\r\n\t/\r\n\t Checkbox button state\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/\r\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Makes the checkbox component disabled.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\r\n\t /\r\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\r\n\t/\r\n\t Name of the checkbox.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Checkboxes size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\r\n\t/\r\n\t Custom checkbox identifier.\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t When you can't use the form label.\r\n\t /\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\r\n\t/\r\n\t Indicates the entered value does not conform to the format expected by the application.\r\n\t /\r\n\t@Prop() readonly invalid: boolean\r\n\t/\r\n\t Emitted when the checkbox has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\r\n\t/\r\n\t Emitted when the checkbox loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\r\n\t/\r\n\t Emitted when the checkbox change value.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst wrapCheckbox = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormCheckboxClass.root}\r\n\t\t\t\t\t\thydrated={this.hydrated}\r\n\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapCheckbox(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"/>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/\r\n\t Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["GovFormCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.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-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/*\n\t Value of checkbox\n\t /\n\t@Prop() readonly value: string\n\t/\n\t Checkbox button state\n\t /\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Makes the checkbox component disabled.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t /\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/\n\t Name of the checkbox.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Checkboxes size.\n\t /\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/\n\t Custom checkbox identifier.\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t When you can't use the form label.\n\t /\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop() readonly invalid: boolean\n\t/\n\t Emitted when the checkbox has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/\n\t Emitted when the checkbox loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/\n\t Emitted when the checkbox change value.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\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\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/\n\t Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-control.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as s,H as e,h as t,a as i}from"./index.js";import{g as o,i as r}from"./p-9imLQpxb.js";import{g as a}from"./p-DKo9A5gq.js";import{s as n}from"./p-vN03FcXN.js";import{i as f}from"./p-B3tdsiZv.js";const c=s(class s extends e{constructor(){super();this.__registerHost();this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=a(this.host);this.f=o(this.h)}componentDidRender(){this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var s;(s=this.observer)===null||s===void 0?void 0:s.disconnect()}formElementDescriptionControl(){const s=this.host.querySelector("."+r.bottom);if(!s)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(s,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((s=>s.identifier()))).then((s=>{this.f.mainElementsInControl.forEach((e=>{const t=n(e.getAttribute("aria-describedby"));e.removeAttribute("aria-describedby");if(Array.isArray(t)){t.forEach((e=>f(e)&&e.indexOf("GovFormMessage")===-1?s.push(e):null))}if(s.length){e.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(i,{key:"04e4ab3533f5d22939573fa20a354a0b76319986",size:this.size,class:this.h.classes(r.root)},t(s,{key:"9851627baf138775fe24a673d6a095fc8980b6e9",class:r.holder},this.h.hasSlot("top")&&t("slot",{key:"beffe147db943648861b9775dee76ef6b20dffa3",name:"top"}),t("slot",{key:"6667b41d2720045a93b10a92ef300e2842ff57b4"}),this.h.hasSlot("bottom")&&t("div",{key:"fe117fdc7d64b3c2b4e18e95d1f213c8a8fe3766",class:r.bottom},t("slot",{key:"07eabb48c2849d624bed7f59ba14811ed35732fb",name:"bottom"}))))}get host(){return this}},[4,"gov-form-control",{identifier:[1],invalid:[516],disabled:[516],success:[516],fieldset:[4],size:[1]}]);function d(){if(typeof customElements==="undefined"){return}const s=["gov-form-control"];s.forEach((s=>{switch(s){case"gov-form-control":if(!customElements.get(s)){customElements.define(s,c)}break}}))}d();const b=c;const l=d;export{b as GovFormControl,l as defineCustomElement};
+import{p as s,H as e,h as t,a as i}from"./index.js";import{g as o,i as a}from"./p-9imLQpxb.js";import{g as r}from"./p-DKo9A5gq.js";import{s as c}from"./p-vN03FcXN.js";import{i as f}from"./p-B3tdsiZv.js";const n=s(class s extends e{constructor(){super();this.__registerHost();this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=r(this.host);this.f=o(this.h)}componentDidRender(){this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var s;(s=this.observer)===null||s===void 0?void 0:s.disconnect()}formElementDescriptionControl(){const s=this.host.querySelector("."+a.bottom);if(!s)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(s,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((s=>s.identifier()))).then((s=>{this.f.mainElementsInControl.forEach((e=>{const t=c(e.getAttribute("aria-describedby"));e.removeAttribute("aria-describedby");if(Array.isArray(t)){t.forEach((e=>f(e)&&e.indexOf("GovFormMessage")===-1?s.push(e):null))}if(s.length){e.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(i,{key:"e7965663e6f825f35efa30a5fd8fe3fa7a313ac6",size:this.size,class:this.h.classes(a.root)},t(s,{key:"bb8b452fcab1ae0d49f8d0ed01f0091f97e9c988",class:a.holder},this.h.hasSlot("top")&&t("slot",{key:"4afca4fcee621842c0955287fd9a5488170da0d2",name:"top"}),t("slot",{key:"1e5026d8b37aad78c420ee2f8a69f42e0cb03e8e"}),this.h.hasSlot("bottom")&&t("div",{key:"177ebe3ade712277ea79c7d1a39a3bd9344627fd",class:a.bottom},t("slot",{key:"79ffada9cff037c407aa925e35b3382fba85ae25",name:"bottom"}))))}get host(){return this}},[4,"gov-form-control",{identifier:[1],invalid:[516],disabled:[516],success:[516],fieldset:[4],size:[1]}]);function d(){if(typeof customElements==="undefined"){return}const s=["gov-form-control"];s.forEach((s=>{switch(s){case"gov-form-control":if(!customElements.get(s)){customElements.define(s,n)}break}}))}d();const l=n;const m=d;export{l as GovFormControl,m as defineCustomElement};
 //# sourceMappingURL=gov-form-control.js.map

package/dist/components/gov-form-control.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["GovFormControl","__stencil_proxyCustomElement","HTMLElement","constructor","this","invalid","disabled","success","fieldset","size","h","govHost","host","f","govForm","componentDidRender","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","identifier","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","isString","indexOf","push","length","setAttribute","join","render","Tag","Host","key","class","classes","root","holder","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\r\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\r\nimport {isString} from \"../../../utils/helpers.types\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-control\",\r\n})\r\nexport class GovFormControl {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate observer: MutationObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormControlElement\r\n\t/*\r\n\t Custom form element identifier\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Indicates the entered value of a child form element does not conform to the format expected by the application.\r\n\t /\r\n\t@Prop({reflect: true}) readonly invalid: boolean = false\r\n\t/\r\n\t/\r\n\t Indicates the form control is disabled\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t/\r\n\t Indicates the entered value of a child form element does conform to the format expected by the application.\r\n\t /\r\n\t@Prop({reflect: true}) readonly success: boolean = false\r\n\t/\r\n\t Use control as a fieldset for better accessibility.\r\n\t * Note: Remember to set the legend attribute of the gov-form-label component\r\n\t /\r\n\t@Prop() readonly fieldset: boolean = false\r\n\t/\r\n\t Form element size.\r\n\t */\r\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.syncControlMessages()\r\n\t\tthis.formElementDescriptionControl()\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tthis.observer?.disconnect()\r\n\t}\r\n\r\n\tprivate formElementDescriptionControl() {\r\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\r\n\t\tif (!bottomSlot) return\r\n\t\tthis.observer = new MutationObserver(\r\n\t\t\tfunction () {\r\n\t\t\t\tthis.syncControlMessages()\r\n\t\t\t}.bind(this),\r\n\t\t)\r\n\r\n\t\tthis.observer.observe(bottomSlot, {childList: true})\r\n\t}\r\n\r\n\tprivate syncControlMessages() {\r\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\r\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\r\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\r\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\r\n\t\t\t\tif (Array.isArray(currentValue)) {\r\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\r\n\t\t\t\t}\r\n\t\t\t\tif (ids.length) {\r\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\r\n\t\treturn (\r\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\r\n\t\t\t\t<Tag class={FormControlClass.holder}>\r\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\r\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\r\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"iNAYaA,EAAcC,EAAA,MAAAD,UAAAE,EAK1B,WAAAC,G,8BAagCC,KAAOC,QAAY,MAKnBD,KAAQE,SAAY,MAKpBF,KAAOG,QAAY,MAKlCH,KAAQI,SAAY,MAIpBJ,KAAIK,KAA0B,IA/B9CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,EACtB,CA+BD,kBAAAK,GACCX,KAAKY,sBACLZ,KAAKa,+B,CAGN,oBAAAC,G,OACCC,EAAAf,KAAKgB,YAAU,MAAAD,SAAA,SAAAA,EAAAE,Y,CAGR,6BAAAJ,GACP,MAAMK,EAAalB,KAAKQ,KAAKW,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBlB,KAAKgB,SAAW,IAAIM,iBACnB,WACCtB,KAAKY,qBACN,EAAEW,KAAKvB,OAGRA,KAAKgB,SAASQ,QAAQN,EAAY,CAACO,UAAW,M,CAGvC,mBAAAb,GACPc,QAAQC,IAAI3B,KAAKS,EAAEmB,gBAAgBC,KAAKC,GAAuCA,EAAQC,gBAAeC,MAAMC,IAC3GjC,KAAKS,EAAEyB,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,qBAC5DH,EAAQI,gBAAgB,oBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOC,EAASD,IAAOA,EAAGE,QAAQ,qBAAsB,EAAKZ,EAAIa,KAAKH,GAAM,M,CAElG,GAAIV,EAAIc,OAAQ,CACfX,EAAQY,aAAa,mBAAoBf,EAAIgB,KAAK,K,IAElD,G,CAIJ,MAAAC,GACC,MAAMC,EAAMnD,KAAKI,SAAW,WAAa,MACzC,OACCE,EAAC8C,EAAI,CAAAC,IAAA,2CAAChD,KAAML,KAAKK,KAAMiD,MAAOtD,KAAKM,EAAEiD,QAAQnC,EAAiBoC,OAC7DlD,EAAC6C,EAAI,CAAAE,IAAA,2CAAAC,MAAOlC,EAAiBqC,QAC3BzD,KAAKM,EAAEoD,QAAQ,QAAUpD,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,QACrCrD,EAAa,QAAA+C,IAAA,6CACZrD,KAAKM,EAAEoD,QAAQ,WACfpD,EAAK,OAAA+C,IAAA,2CAAAC,MAAOlC,EAAiBC,QAC5Bf,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,a","ignoreList":[]}
1	+ {"version":3,"names":["GovFormControl","__stencil_proxyCustomElement","HTMLElement","constructor","this","invalid","disabled","success","fieldset","size","h","govHost","host","f","govForm","componentDidRender","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","identifier","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","isString","indexOf","push","length","setAttribute","join","render","Tag","Host","key","class","classes","root","holder","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/*\n\t Custom form element identifier\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t /\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/\n\t/\n\t Indicates the form control is disabled\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t/\n\t Indicates the entered value of a child form element does conform to the format expected by the application.\n\t /\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/\n\t Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t /\n\t@Prop() readonly fieldset: boolean = false\n\t/\n\t Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iNAYaA,EAAcC,EAAA,MAAAD,UAAAE,EAK1B,WAAAC,G,8BAagCC,KAAOC,QAAY,MAKnBD,KAAQE,SAAY,MAKpBF,KAAOG,QAAY,MAKlCH,KAAQI,SAAY,MAIpBJ,KAAIK,KAA0B,IA/B9CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,EACtB,CA+BD,kBAAAK,GACCX,KAAKY,sBACLZ,KAAKa,+B,CAGN,oBAAAC,G,OACCC,EAAAf,KAAKgB,YAAU,MAAAD,SAAA,SAAAA,EAAAE,Y,CAGR,6BAAAJ,GACP,MAAMK,EAAalB,KAAKQ,KAAKW,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBlB,KAAKgB,SAAW,IAAIM,iBACnB,WACCtB,KAAKY,qBACN,EAAEW,KAAKvB,OAGRA,KAAKgB,SAASQ,QAAQN,EAAY,CAACO,UAAW,M,CAGvC,mBAAAb,GACPc,QAAQC,IAAI3B,KAAKS,EAAEmB,gBAAgBC,KAAKC,GAAuCA,EAAQC,gBAAeC,MAAMC,IAC3GjC,KAAKS,EAAEyB,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,qBAC5DH,EAAQI,gBAAgB,oBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOC,EAASD,IAAOA,EAAGE,QAAQ,qBAAsB,EAAKZ,EAAIa,KAAKH,GAAM,M,CAElG,GAAIV,EAAIc,OAAQ,CACfX,EAAQY,aAAa,mBAAoBf,EAAIgB,KAAK,K,IAElD,G,CAIJ,MAAAC,GACC,MAAMC,EAAMnD,KAAKI,SAAW,WAAa,MACzC,OACCE,EAAC8C,EAAI,CAAAC,IAAA,2CAAChD,KAAML,KAAKK,KAAMiD,MAAOtD,KAAKM,EAAEiD,QAAQnC,EAAiBoC,OAC7DlD,EAAC6C,EAAI,CAAAE,IAAA,2CAAAC,MAAOlC,EAAiBqC,QAC3BzD,KAAKM,EAAEoD,QAAQ,QAAUpD,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,QACrCrD,EAAa,QAAA+C,IAAA,6CACZrD,KAAKM,EAAEoD,QAAQ,WACfpD,EAAK,OAAA+C,IAAA,2CAAAC,MAAOlC,EAAiBC,QAC5Bf,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,a","ignoreList":[]}

package/dist/components/gov-form-file.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as e,h as i,a as o}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{g as n,t as r,c as l}from"./p-DKo9A5gq.js";import{g as h}from"./p-9imLQpxb.js";import{A as c,a as f,i as m}from"./p-CXgom82_.js";import{d}from"./p-CgXcNDpE.js";import{d as p}from"./p-2_-up8FX.js";import{d as u}from"./p-CWqMiVYH.js";import{d as g}from"./p-CJnwyVlG.js";import{d as v}from"./p-BJnSrRNH.js";import{d as b}from"./p-9VlKyZSl.js";import{d as y}from"./p-DZJk8GrA.js";const k={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",inputFocus:"gov-form-file__input-focus",attachments:"gov-form-file__attachments"};function A(t){const s=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let e=0,i=parseInt(t,10)||0;while(i>=1024&&++e){i=i/1024}return i.toFixed(i<10&&e>0?1:0)+" "+s[e]}function E(t,s){if(typeof s==="string"&&s.length){return s.replace(/\s/g,"").split(",").filter((s=>new RegExp(s.replace("*",".*")).test(t.type))).length>0}else{return true}}function j(t,s){const e=Math.round(t.size);return e<=s}const C=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=e(this,"gov-focus");this.govBlur=e(this,"gov-blur");this.govFiles=e(this,"gov-files");this.govAddFile=e(this,"gov-add-file");this.govRemoveFile=e(this,"gov-remove-file");this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.multiple=false;this.maxFileSize=-1;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=a("GovInputFile");this.h=n(this.host);this.f=h(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",r(this.invalid));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function s(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const s=t.target.files;if(this.resetAfterPick){if(s.length){this.validateFiles(s)}}else{this.validateFiles(s)}}),false);if(this.expanded){const e=["dragover","dragleave"];const i=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];e.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));i.map((s=>this.inputRef.addEventListener(s,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,s.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const s=t.dataTransfer;this.validateFiles(s.files)}validateFiles(t){let s=[];Array.from(t).map((t=>{const e=this.files.find((s=>s.file.name===t.name&&s.file.size===t.size))||null;if(e===null||this.ignoreFileDuplicationCheck){const e=typeof this.maxFileSize==="number"&&this.maxFileSize>0?j(t,this.maxFileSize):true;const i=E(t,this.accept);const o={id:a("GovFormFile"),file:t,acceptValid:i,sizeValid:e};if(this.displayAttachments){this.files=[...this.files,o]}else{s=[...s,o]}this.govAddFile.emit({component:k.root,file:o})}}));this.govFiles.emit({component:k.root,files:s.length?s:this.files});if(this.resetAfterPick){this.reset().finally()}}componentDidLoad(){this.attributeObserver=new c(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=m(this.host)}async componentDidRender(){this.registerListeners()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){return i(o,{key:"59bdd8c7d3bf9594fa545146ca44a00f060fccab",class:this.h.classes([k.root]),invalid:l(this.invalid),expanded:l(this.expanded)},i("div",{key:"fd1714f4eb7596fdc1eb67fe8b6d25e4ec93f454",class:k.area,ref:t=>this.areaRef=t},i("slot",{key:"2712d87a6889321616b1b4cb03ea0c61aefcd241"}),i("input",Object.assign({key:"ac998000d9551871016d4c2ab802040634ff6256",class:k.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-disabled":l(this.disabled)})),i("div",{key:"54a896ed65deef09f11a8b497f926d079fb599d1",class:k.inputFocus})),this.h.hasSlot("attachments")?i("div",{class:k.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:k.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},t.file.name,i("span",{slot:"name"},t.file.name),t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",A(this.maxFileSize))):null,i("span",{slot:"info"},"(",A(t.file.size),")")))))):null)}onRemoveFileHandler(t){const s=this.files.findIndex((s=>s.id===t.id));if(s!==-1){const t=this.files;const e=this.files[s];t.splice(s,1);this.files=[...t];this.govRemoveFile.emit({component:k.root,file:e});this.govFiles.emit({component:k.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:k.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:k.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];this.inputRef.value=""}get host(){return this}static get watchers(){return{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[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"],accessibleAttachmentsLabel:[1,"accessible-attachments-label"],files:[32],inheritedAttributes:[32],getRef:[64],getAreaRef:[64],reset:[64]},undefined,{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function F(){if(typeof customElements==="undefined"){return}const t=["gov-form-file","gov-attachments","gov-attachments-item","gov-button","gov-form-message","gov-icon","gov-tooltip","gov-tooltip-content"];t.forEach((t=>{switch(t){case"gov-form-file":if(!customElements.get(t)){customElements.define(t,C)}break;case"gov-attachments":if(!customElements.get(t)){d()}break;case"gov-attachments-item":if(!customElements.get(t)){p()}break;case"gov-button":if(!customElements.get(t)){u()}break;case"gov-form-message":if(!customElements.get(t)){g()}break;case"gov-icon":if(!customElements.get(t)){v()}break;case"gov-tooltip":if(!customElements.get(t)){b()}break;case"gov-tooltip-content":if(!customElements.get(t)){y()}break}}))}F();const _=C;const w=F;export{_ as GovFormFile,w as defineCustomElement};
+import{p as t,H as e,c as s,h as i,a as o}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{g as n,t as r,c as l}from"./p-DKo9A5gq.js";import{g as h}from"./p-9imLQpxb.js";import{A as c,a as f,i as m}from"./p-CXgom82_.js";import{d}from"./p-CfaJM4SA.js";import{d as p}from"./p-DesycS6d.js";import{d as u}from"./p-djqfSbq-.js";import{d as g}from"./p-B0KFtEn3.js";import{d as v}from"./p-BrdXh0mI.js";import{d as b}from"./p-DMVQRz4f.js";import{d as y}from"./p-UDT3DloZ.js";const k={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",inputFocus:"gov-form-file__input-focus",attachments:"gov-form-file__attachments"};function A(t){const e=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let s=0,i=parseInt(t,10)||0;while(i>=1024&&++s){i=i/1024}return i.toFixed(i<10&&s>0?1:0)+" "+e[s]}function E(t,e){if(typeof e==="string"&&e.length){return e.replace(/\s/g,"").split(",").filter((e=>new RegExp(e.replace("*",".*")).test(t.type))).length>0}else{return true}}function j(t,e){const s=Math.round(t.size);return s<=e}const F=t(class t extends e{constructor(){super();this.__registerHost();this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govFiles=s(this,"gov-files");this.govAddFile=s(this,"gov-add-file");this.govRemoveFile=s(this,"gov-remove-file");this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.multiple=false;this.maxFileSize=-1;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=a("GovInputFile");this.h=n(this.host);this.f=h(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",r(this.invalid));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function e(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const e=t.target.files;if(this.resetAfterPick){if(e.length){this.validateFiles(e)}}else{this.validateFiles(e)}}),false);if(this.expanded){const s=["dragover","dragleave"];const i=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];s.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));i.map((e=>this.inputRef.addEventListener(e,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,e.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const e=t.dataTransfer;this.validateFiles(e.files)}validateFiles(t){let e=[];Array.from(t).map((t=>{const s=this.files.find((e=>e.file.name===t.name&&e.file.size===t.size))||null;if(s===null||this.ignoreFileDuplicationCheck){const s=typeof this.maxFileSize==="number"&&this.maxFileSize>0?j(t,this.maxFileSize):true;const i=E(t,this.accept);const o={id:a("GovFormFile"),file:t,acceptValid:i,sizeValid:s};if(this.displayAttachments){this.files=[...this.files,o]}else{e=[...e,o]}this.govAddFile.emit({component:k.root,file:o})}}));this.govFiles.emit({component:k.root,files:e.length?e:this.files});if(this.resetAfterPick){this.reset().finally()}}componentDidLoad(){this.attributeObserver=new c(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(f)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=m(this.host)}async componentDidRender(){this.registerListeners()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){return i(o,{key:"0f005cd699699df5d67c1ae5a1ce69bcbe14df08",class:this.h.classes([k.root]),invalid:l(this.invalid),expanded:l(this.expanded)},i("div",{key:"85de8e3bbbed08f63a93b874799b2e76311320dd",class:k.area,ref:t=>this.areaRef=t},i("slot",{key:"d67d074f20d899d81c37118eeb872eace16be983"}),i("input",Object.assign({key:"b0be06c28155cd0bfd13aa6926f05718fe58ca2d",class:k.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-disabled":l(this.disabled)})),i("div",{key:"bf27e1a3806a4334ec9476171c64a5dfe96a1040",class:k.inputFocus})),this.h.hasSlot("attachments")?i("div",{class:k.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:k.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},t.file.name,i("span",{slot:"name"},t.file.name),t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",A(this.maxFileSize))):null,i("span",{slot:"info"},"(",A(t.file.size),")")))))):null)}onRemoveFileHandler(t){const e=this.files.findIndex((e=>e.id===t.id));if(e!==-1){const t=this.files;const s=this.files[e];t.splice(e,1);this.files=[...t];this.govRemoveFile.emit({component:k.root,file:s});this.govFiles.emit({component:k.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:k.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:k.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];this.inputRef.value=""}get host(){return this}static get watchers(){return{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[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"],accessibleAttachmentsLabel:[1,"accessible-attachments-label"],files:[32],inheritedAttributes:[32],getRef:[64],getAreaRef:[64],reset:[64]},undefined,{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-form-file","gov-attachments","gov-attachments-item","gov-button","gov-form-message","gov-icon","gov-tooltip","gov-tooltip-content"];t.forEach((t=>{switch(t){case"gov-form-file":if(!customElements.get(t)){customElements.define(t,F)}break;case"gov-attachments":if(!customElements.get(t)){d()}break;case"gov-attachments-item":if(!customElements.get(t)){p()}break;case"gov-button":if(!customElements.get(t)){u()}break;case"gov-form-message":if(!customElements.get(t)){g()}break;case"gov-icon":if(!customElements.get(t)){v()}break;case"gov-tooltip":if(!customElements.get(t)){b()}break;case"gov-tooltip-content":if(!customElements.get(t)){y()}break}}))}C();const B=F;const x=C;export{B as GovFormFile,x as defineCustomElement};
 //# sourceMappingURL=gov-form-file.js.map