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

package/dist/components/gov-tag.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,a as s}from"./index.js";import{g as c}from"./p-DfJDyRCE.js";import{v as a}from"./p-BKP-F1qP.js";import{a as i,c as n}from"./p-CNqoJU2V.js";import{p as r}from"./p-CQvUntGY.js";import{S as f}from"./p-BcQO4NH2.js";import{p as d}from"./p-GYov8gU1.js";import{d as m}from"./p-WmFNIuTf.js";const l=r(f,["_XS","_S","_M"]);var p;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(p||(p={}));const b={root:"gov-tag"};const h=e(class e extends t{constructor(){super();this.__registerHost();this.size=l._S;this.color=i.PRIMARY;this.expanded=false;this.h=c(this.host)}validateColor(e){a(i,e,b.root)}validateSize(e){a(n,e,b.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const e=d(this.iconStart);const t=d(this.iconEnd);return o(s,{key:"0cccc05dd15a83059fdccb3bcb369c6440788810",class:this.h.classes(b.root),color:this.color,size:this.size,type:this.type},o("span",{key:"d992666f37e31743f32eed8eef5c1951955f0fbb",class:"element"},o("slot",{key:"a72a05bf27fd90f6197c2f7df9e7c455e5a7c802",name:"icon-start"},e&&o("gov-icon",{key:"0a7eb8b599debec441cec7c3e01642b28527382b",type:e.type,name:e.name})),o("slot",{key:"9b68c59719c5098b4b8c937e0431e56c80e74c37"}),o("slot",{key:"83a24299e79041fcc210ef2175aa1de98f66f68c",name:"icon-end"},t&&o("gov-icon",{key:"07ef8ce8b05ef2a5331d51aa8736e319f732bea2",type:t.type,name:t.name}))))}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[260,"gov-tag",{iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[513],color:[513],type:[513],expanded:[516]},undefined,{color:["validateColor"],size:["validateSize"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,h)}break;case"gov-icon":if(!customElements.get(e)){m()}break}}))}v();const g=h;const u=v;export{g as GovTag,u as defineCustomElement};
+import{p as e,H as t,h as o,a as s}from"./index.js";import{g as a}from"./p-DKo9A5gq.js";import{v as i}from"./p-BKP-F1qP.js";import{a as c,c as n}from"./p-CNqoJU2V.js";import{p as r}from"./p-CQvUntGY.js";import{S as d}from"./p-BcQO4NH2.js";import{p as f}from"./p-GYov8gU1.js";import{d as m}from"./p-BJnSrRNH.js";const l=r(d,["_XS","_S","_M"]);var p;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(p||(p={}));const b={root:"gov-tag"};const h=e(class e extends t{constructor(){super();this.__registerHost();this.size=l._S;this.color=c.PRIMARY;this.expanded=false;this.h=a(this.host)}validateColor(e){i(c,e,b.root)}validateSize(e){i(n,e,b.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const e=f(this.iconStart);const t=f(this.iconEnd);return o(s,{key:"bb366b85a94d134d58766604e6410e17bed07adc",class:this.h.classes(b.root),color:this.color,size:this.size,type:this.type},o("span",{key:"963aa53926b6b65bbc155c349a119f46aabe59c8",class:"element"},o("slot",{key:"3164cfa09970ac3e0f97df7265afd45a623b09aa",name:"icon-start"},e&&o("gov-icon",{key:"335c0e5db0cb5a808c553bd4c9f6893d17a8fac9",type:e.type,name:e.name})),o("slot",{key:"9be29754dcefdaa37daee39befdc6a708e36324d"}),o("slot",{key:"6dffe882089838615e9fe451fc800b728885746a",name:"icon-end"},t&&o("gov-icon",{key:"415d8c03fefdf6281ae13668fb7b3aeaa572856e",type:t.type,name:t.name}))))}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-tag",{iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[513],color:[513],type:[513],expanded:[516]},undefined,{color:["validateColor"],size:["validateSize"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-tag","gov-icon"];e.forEach((e=>{switch(e){case"gov-tag":if(!customElements.get(e)){customElements.define(e,h)}break;case"gov-icon":if(!customElements.get(e)){m()}break}}))}v();const g=h;const u=v;export{g as GovTag,u as defineCustomElement};
 //# sourceMappingURL=gov-tag.js.map

package/dist/components/gov-tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","_S","color","ButtonColors","PRIMARY","expanded","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uTAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAW,CACvBC,KAAM,W,MCHMC,EAAMC,EAAA,MAAAD,UAAAE,EAGlB,WAAAC,G,8BAiBgCC,KAAAC,KAAqBX,EAASY,GAI9BF,KAAAG,MAAyBC,EAAaC,QAQtCL,KAAQM,SAAY,MA5BnDN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA8BD,aAAAC,CAAcC,GACbC,EAAaR,EAAcO,EAAUjB,EAASC,K,CAI/C,YAAAkB,CAAaF,GACZC,EAAaE,EAAaH,EAAUjB,EAASC,K,CAG9C,iBAAAoB,GACCf,KAAKU,cAAcV,KAAKG,OACxBH,KAAKa,aAAab,KAAKC,K,CAGxB,MAAAe,GACC,MAAMC,EAAYC,EAAkBlB,KAAKiB,WACzC,MAAME,EAAUD,EAAkBlB,KAAKmB,SACvC,OACCZ,EAACa,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKO,EAAEgB,QAAQ7B,EAASC,MACpCQ,MAAOH,KAAKG,MACZF,KAAMD,KAAKC,KACXuB,KAAMxB,KAAKwB,MAEXjB,EAAM,QAAAc,IAAA,2CAAAC,MAAM,WACXf,EAAA,QAAAc,IAAA,2CAAMI,KAAK,cACTR,GAAaV,EAAA,YAAAc,IAAA,2CAAUG,KAAMP,EAAUO,KAAMC,KAAMR,EAAUQ,QAE/DlB,EAAO,QAAAc,IAAA,6CACPd,EAAM,QAAAc,IAAA,2CAAAI,KAAK,YACTN,GAAWZ,EAAA,YAAAc,IAAA,2CAAUG,KAAML,EAAQK,KAAMC,KAAMN,EAAQM,S","ignoreList":[]}
+{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","_S","color","ButtonColors","PRIMARY","expanded","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\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: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"uTAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAW,CACvBC,KAAM,W,MCHMC,EAAMC,EAAA,MAAAD,UAAAE,EAGlB,WAAAC,G,8BAiBgCC,KAAAC,KAAqBX,EAASY,GAI9BF,KAAAG,MAAyBC,EAAaC,QAQtCL,KAAQM,SAAY,MA5BnDN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA8BD,aAAAC,CAAcC,GACbC,EAAaR,EAAcO,EAAUjB,EAASC,K,CAI/C,YAAAkB,CAAaF,GACZC,EAAaE,EAAaH,EAAUjB,EAASC,K,CAG9C,iBAAAoB,GACCf,KAAKU,cAAcV,KAAKG,OACxBH,KAAKa,aAAab,KAAKC,K,CAGxB,MAAAe,GACC,MAAMC,EAAYC,EAAkBlB,KAAKiB,WACzC,MAAME,EAAUD,EAAkBlB,KAAKmB,SACvC,OACCZ,EAACa,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKO,EAAEgB,QAAQ7B,EAASC,MACpCQ,MAAOH,KAAKG,MACZF,KAAMD,KAAKC,KACXuB,KAAMxB,KAAKwB,MAEXjB,EAAM,QAAAc,IAAA,2CAAAC,MAAM,WACXf,EAAA,QAAAc,IAAA,2CAAMI,KAAK,cACTR,GAAaV,EAAA,YAAAc,IAAA,2CAAUG,KAAMP,EAAUO,KAAMC,KAAMR,EAAUQ,QAE/DlB,EAAO,QAAAc,IAAA,6CACPd,EAAM,QAAAc,IAAA,2CAAAI,KAAK,YACTN,GAAWZ,EAAA,YAAAc,IAAA,2CAAUG,KAAML,EAAQK,KAAMC,KAAMN,EAAQM,S","ignoreList":[]}

package/dist/components/gov-theme-switch.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,a}from"./index.js";import{g as o}from"./p-DfJDyRCE.js";import{p as h}from"./p-CQvUntGY.js";import{S as c}from"./p-BcQO4NH2.js";import{i as n}from"./p-DrPpH_9c.js";import{v as r}from"./p-BKP-F1qP.js";import{d as l,s as m,g as b}from"./p-WmFNIuTf.js";const d=h(c,["_XS","_S","_M","_L","_XL"]);const f={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const p="data-theme";var g;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(g||(g={}));const u=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change");this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=g.auto;this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:f.root,state:this.theme,ref:this.host})};this.h=o(this.host)}validateSize(t){r(d,t,f.root)}watchTheme(t){this.htmlElement.setAttribute(p,t);this.htmlElement.classList.remove(...Object.keys(g));this.htmlElement.classList.add(t);m(p,t)}get storageValue(){return b(p)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return n&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(g);let e=this.storageValue;const s=this.htmlElement.getAttribute(p);if(e&&t.includes(e)){this.theme=e}else if(s&&t.includes(s)){this.theme=s}else{this.theme=g.auto}}render(){let t=this.theme===g.dark;if(this.theme===g.auto){t=this.isSystemPrefersColorDark}return i(a,{key:"2b35ab195092cc77a4424b8676f3ae35733b5388",class:this.h.classes(f.root),theme:t?g.dark:g.light,size:this.size},i("button",{key:"8e3904870ea8181ca7e9bad9262bbf5638b19358",onClick:()=>this.setThemeState(t?g.light:g.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},i("span",{key:"e76b59b0cb70878e627c4e0be0c74e3dde19124c"},i("span",{key:"ceb0da027677434b1d64b24b05f4e3b0828c529a",class:f.indicator},g.light&&i("gov-icon",{key:"a36bf7c3e453ff752feb91f02a23302dbadd8509",name:"sun",class:f.iconLight,type:"components"}),g.dark&&i("gov-icon",{key:"66a37d369fbe737fcb90372f262a01225cdad90c",name:"moon",class:f.iconDark,type:"components"})),this.displayLabel?i("span",{class:f.label},t?this.labelDark:this.labelLight):null)))}get host(){return this}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}},[256,"gov-theme-switch",{size:[1],displayLabel:[4,"display-label"],ariaLabelLight:[1,"aria-label-light"],ariaLabelDark:[1,"aria-label-dark"],labelLight:[1,"label-light"],labelDark:[1,"label-dark"],theme:[32]},undefined,{size:["validateSize"],theme:["watchTheme"]}]);function v(){if(typeof customElements==="undefined"){return}const t=["gov-theme-switch","gov-icon"];t.forEach((t=>{switch(t){case"gov-theme-switch":if(!customElements.get(t)){customElements.define(t,u)}break;case"gov-icon":if(!customElements.get(t)){l()}break}}))}v();const k=u;const w=v;export{k as GovThemeSwitch,w as defineCustomElement};
+import{p as t,H as e,c as s,h as i,a}from"./index.js";import{g as c}from"./p-DKo9A5gq.js";import{p as o}from"./p-CQvUntGY.js";import{S as h}from"./p-BcQO4NH2.js";import{i as n}from"./p-DrPpH_9c.js";import{v as r}from"./p-BKP-F1qP.js";import{d as l,s as m,g as f}from"./p-BJnSrRNH.js";const d=o(h,["_XS","_S","_M","_L","_XL"]);const b={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const p="data-theme";var g;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(g||(g={}));const u=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change");this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=g.auto;this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:b.root,state:this.theme,ref:this.host})};this.h=c(this.host)}validateSize(t){r(d,t,b.root)}watchTheme(t){this.htmlElement.setAttribute(p,t);this.htmlElement.classList.remove(...Object.keys(g));this.htmlElement.classList.add(t);m(p,t)}get storageValue(){return f(p)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return n&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(g);let e=this.storageValue;const s=this.htmlElement.getAttribute(p);if(e&&t.includes(e)){this.theme=e}else if(s&&t.includes(s)){this.theme=s}else{this.theme=g.auto}}render(){let t=this.theme===g.dark;if(this.theme===g.auto){t=this.isSystemPrefersColorDark}return i(a,{key:"77b26165b2a824ff9649ac9c28d7b300cdb76280",class:this.h.classes(b.root),theme:t?g.dark:g.light,size:this.size},i("button",{key:"c46058c2a0e797fef9c7e1ab4975ff379bbc3fb4",onClick:()=>this.setThemeState(t?g.light:g.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},i("span",{key:"c1d8824467dc7bfa5d23f1f99db686e91e93087b"},i("span",{key:"62da0a9fecc5fc713b98ac9e4e728e3e19b9aa67",class:b.indicator},g.light&&i("gov-icon",{key:"7c9dd1cf819afbd7f63609916d6c845c2236fbca",name:"sun",class:b.iconLight,type:"components"}),g.dark&&i("gov-icon",{key:"3f1acf71f8afb5ca893c460b7d0b6e49fe6f5c2d",name:"moon",class:b.iconDark,type:"components"})),this.displayLabel?i("span",{class:b.label},t?this.labelDark:this.labelLight):null)))}get host(){return this}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}},[0,"gov-theme-switch",{size:[1],displayLabel:[4,"display-label"],ariaLabelLight:[1,"aria-label-light"],ariaLabelDark:[1,"aria-label-dark"],labelLight:[1,"label-light"],labelDark:[1,"label-dark"],theme:[32]},undefined,{size:["validateSize"],theme:["watchTheme"]}]);function v(){if(typeof customElements==="undefined"){return}const t=["gov-theme-switch","gov-icon"];t.forEach((t=>{switch(t){case"gov-theme-switch":if(!customElements.get(t)){customElements.define(t,u)}break;case"gov-icon":if(!customElements.get(t)){l()}break}}))}v();const k=u;const w=v;export{k as GovThemeSwitch,w as defineCustomElement};
 //# sourceMappingURL=gov-theme-switch.js.map

package/dist/components/gov-theme-switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","host","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","name","type"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/**\n\t * Display switch label\n\t */\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? =  \"Světlý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/**\n\t * Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t  theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t  size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4RAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAIX,K,MCMYC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,kEASiBC,KAAIC,KAA0B,IAIFD,KAAYE,aAAI,MAIbF,KAAcG,eAAI,wBAInBH,KAAaI,cAAI,yBAIrBJ,KAAUK,WAAK,aAIhBL,KAASM,UAAI,YAmB9CN,KAAAO,MAAmBZ,EAAUa,KAiC9BR,KAAAS,cAAiBC,IACxBV,KAAKO,MAAQG,EAEbV,KAAKW,UAAUC,KAAK,CACnBC,UAAWzB,EAAiBC,KAC5BqB,MAAOV,KAAKO,MACZO,IAAKd,KAAKe,MACT,EAvFFf,KAAKgB,EAAIC,EAAQjB,KAAKe,KACtB,CAkCD,YAAAG,CAAaC,GACZC,EAAanC,EAAkBkC,EAAU/B,EAAiBC,K,CAI3D,UAAAgC,CAAWF,GACVnB,KAAKsB,YAAYC,aAAa7B,EAAsByB,GACpDnB,KAAKsB,YAAYE,UAAUC,UAAUC,OAAOC,KAAKhC,IACjDK,KAAKsB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAUnC,EAAsByB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAUrC,E,CAGlB,eAAY4B,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCvC,KAAKwC,mBACLxC,KAAKkB,aAAalB,KAAKC,K,CAGhB,gBAAAuC,GACP,MAAMC,EAAUf,OAAOC,KAAKhC,GAC5B,IAAI+C,EAAe1C,KAAK8B,aACxB,MAAMa,EAAY3C,KAAKsB,YAAYsB,aAAalD,GAEhD,GAAIgD,GAAgBD,EAAQI,SAASH,GAAe,CACnD1C,KAAKO,MAAQmC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpD3C,KAAKO,MAAQoC,C,KACP,CACN3C,KAAKO,MAAQZ,EAAUa,I,EAczB,MAAAsC,GACC,IAAIC,EAAS/C,KAAKO,QAAUZ,EAAUqD,KACtC,GAAIhD,KAAKO,QAAUZ,EAAUa,KAAM,CAClCuC,EAAS/C,KAAKkC,wB,CAEf,OACClB,EAACiC,EAAK,CAAAC,IAAA,2CAAAC,MAAOnD,KAAKgB,EAAEoC,QAAQhE,EAAiBC,MAC1CkB,MAAOwC,EAASpD,EAAUqD,KAAOrD,EAAU0D,MAC3CpD,KAAMD,KAAKC,MACbe,EAAA,UAAAkC,IAAA,2CAAQI,QAAS,IAAMtD,KAAKS,cAAcsC,EAASpD,EAAU0D,MAAQ1D,EAAUqD,MAC/D,eAAAhD,KAAKO,MAAK,aACZwC,EAAS/C,KAAKI,cAAgBJ,KAAKG,gBAChDa,EAAA,QAAAkC,IAAA,4CACClC,EAAA,QAAAkC,IAAA,2CAAMC,MAAO/D,EAAiBE,WAC5BK,EAAU0D,OAASrC,EAAU,YAAAkC,IAAA,2CAAAK,KAAK,MAAMJ,MAAO/D,EAAiBI,UAAWgE,KAAK,eAChF7D,EAAUqD,MAAQhC,EAAA,YAAAkC,IAAA,2CAAUK,KAAK,OAAOJ,MAAO/D,EAAiBK,SAAU+D,KAAK,gBAEhFxD,KAAKE,aACLc,EAAM,QAAAmC,MAAO/D,EAAiBG,OAC5BwD,EAAS/C,KAAKM,UAAYN,KAAKK,YAE7B,O","ignoreList":[]}
+{"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","host","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","name","type"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\r\n\r\nexport const ThemeSwitchClass = {\r\n\troot: 'gov-theme-switch',\r\n\tindicator: 'gov-theme-switch__indicator',\r\n\tlabel: 'gov-theme-switch__label',\r\n\ticonLight: 'gov-theme-switch__icon-light',\r\n\ticonDark: 'gov-theme-switch__icon-dark',\r\n}\r\n\r\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\r\n","import {GovBaseEvent} from \"../../types/event.types\";\r\n\r\nexport enum ThemeList {\r\n\tauto = 'auto',\r\n\tlight = 'light',\r\n\tdark = 'dark'\r\n}\r\n\r\nexport interface ThemeSwitchEvent extends GovBaseEvent {\r\n\tref: HTMLGovThemeSwitchElement;\r\n\tstate: ThemeList\r\n}\r\n\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\";\r\nimport {govHost} from \"../../helpers/Dom/template\";\r\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\r\nimport {isWindow} from \"../../helpers/Dom/win\";\r\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\ttag: \"gov-theme-switch\",\r\n})\r\nexport class GovThemeSwitch {\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: HTMLGovThemeSwitchElement\r\n\r\n\t/**\r\n\t * Switch's size.\r\n\t */\r\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\r\n\t/**\r\n\t * Display switch label\r\n\t */\r\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? =  \"Světlý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\r\n\t/**\r\n\t * Called when the theme is changed by the user\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"theme\")\r\n\twatchTheme(newValue: ThemeList): void {\r\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\r\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\r\n\t\tthis.htmlElement.classList.add(newValue);\r\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\r\n\t}\r\n\r\n\t@State() theme: ThemeList = ThemeList.auto\r\n\r\n\tprivate get storageValue() {\r\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\r\n\t}\r\n\r\n\tprivate get htmlElement(): HTMLElement {\r\n\t\treturn document.documentElement\r\n\t}\r\n\r\n\tprivate get isSystemPrefersColorDark(): boolean {\r\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.initDefaultState()\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tprivate initDefaultState() {\r\n\t\tconst options = Object.keys(ThemeList);\r\n\t\tlet currentState = this.storageValue;\r\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\r\n\r\n\t\tif (currentState && options.includes(currentState)) {\r\n\t\t\tthis.theme = currentState as ThemeList;\r\n\t\t} else if (htmlState && options.includes(htmlState)) {\r\n\t\t\tthis.theme = htmlState as ThemeList;\r\n\t\t} else {\r\n\t\t\tthis.theme = ThemeList.auto;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setThemeState = (state: ThemeList) => {\r\n\t\tthis.theme = state;\r\n\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: ThemeSwitchClass.root,\r\n\t\t\tstate: this.theme,\r\n\t\t\tref: this.host\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet isDark = this.theme === ThemeList.dark;\r\n\t\tif (this.theme === ThemeList.auto) {\r\n\t\t\tisDark = this.isSystemPrefersColorDark;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\r\n\t\t\t\t  theme={isDark ? ThemeList.dark : ThemeList.light}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\r\n\t\t\t\t\t\taria-current={this.theme}\r\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{this.displayLabel ? (\r\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\r\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"4RAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAIX,K,MCMYC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,kEASiBC,KAAIC,KAA0B,IAIFD,KAAYE,aAAI,MAIbF,KAAcG,eAAI,wBAInBH,KAAaI,cAAI,yBAIrBJ,KAAUK,WAAK,aAIhBL,KAASM,UAAI,YAmB9CN,KAAAO,MAAmBZ,EAAUa,KAiC9BR,KAAAS,cAAiBC,IACxBV,KAAKO,MAAQG,EAEbV,KAAKW,UAAUC,KAAK,CACnBC,UAAWzB,EAAiBC,KAC5BqB,MAAOV,KAAKO,MACZO,IAAKd,KAAKe,MACT,EAvFFf,KAAKgB,EAAIC,EAAQjB,KAAKe,KACtB,CAkCD,YAAAG,CAAaC,GACZC,EAAanC,EAAkBkC,EAAU/B,EAAiBC,K,CAI3D,UAAAgC,CAAWF,GACVnB,KAAKsB,YAAYC,aAAa7B,EAAsByB,GACpDnB,KAAKsB,YAAYE,UAAUC,UAAUC,OAAOC,KAAKhC,IACjDK,KAAKsB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAUnC,EAAsByB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAUrC,E,CAGlB,eAAY4B,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCvC,KAAKwC,mBACLxC,KAAKkB,aAAalB,KAAKC,K,CAGhB,gBAAAuC,GACP,MAAMC,EAAUf,OAAOC,KAAKhC,GAC5B,IAAI+C,EAAe1C,KAAK8B,aACxB,MAAMa,EAAY3C,KAAKsB,YAAYsB,aAAalD,GAEhD,GAAIgD,GAAgBD,EAAQI,SAASH,GAAe,CACnD1C,KAAKO,MAAQmC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpD3C,KAAKO,MAAQoC,C,KACP,CACN3C,KAAKO,MAAQZ,EAAUa,I,EAczB,MAAAsC,GACC,IAAIC,EAAS/C,KAAKO,QAAUZ,EAAUqD,KACtC,GAAIhD,KAAKO,QAAUZ,EAAUa,KAAM,CAClCuC,EAAS/C,KAAKkC,wB,CAEf,OACClB,EAACiC,EAAK,CAAAC,IAAA,2CAAAC,MAAOnD,KAAKgB,EAAEoC,QAAQhE,EAAiBC,MAC1CkB,MAAOwC,EAASpD,EAAUqD,KAAOrD,EAAU0D,MAC3CpD,KAAMD,KAAKC,MACbe,EAAA,UAAAkC,IAAA,2CAAQI,QAAS,IAAMtD,KAAKS,cAAcsC,EAASpD,EAAU0D,MAAQ1D,EAAUqD,MAC/D,eAAAhD,KAAKO,MAAK,aACZwC,EAAS/C,KAAKI,cAAgBJ,KAAKG,gBAChDa,EAAA,QAAAkC,IAAA,4CACClC,EAAA,QAAAkC,IAAA,2CAAMC,MAAO/D,EAAiBE,WAC5BK,EAAU0D,OAASrC,EAAU,YAAAkC,IAAA,2CAAAK,KAAK,MAAMJ,MAAO/D,EAAiBI,UAAWgE,KAAK,eAChF7D,EAAUqD,MAAQhC,EAAA,YAAAkC,IAAA,2CAAUK,KAAK,OAAOJ,MAAO/D,EAAiBK,SAAU+D,KAAK,gBAEhFxD,KAAKE,aACLc,EAAM,QAAAmC,MAAO/D,EAAiBG,OAC5BwD,EAAS/C,KAAKM,UAAYN,KAAKK,YAE7B,O","ignoreList":[]}

package/dist/components/gov-tile.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,F as o,a as i}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as c}from"./p-DfJDyRCE.js";import{d as r}from"./p-WmFNIuTf.js";a(n,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const f=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return s(i,{key:"6e56b6c61b51b7adae50d06051723efcd34f8b65",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"7e1a9f9db2af1aa9fbae19a826e0e873fe45ba5c",name:"icon"}),s("div",{key:"c68396608eb25200ed24cfb0cee241a3a11a5278",class:l.content},s("div",{key:"89af8cf2e3bb063874b2e781c9309b0ef57d76ad",class:l.text},s("div",{key:"3d331e3ad1c306f56b1395e5300427cc58c4ae32",class:l.title},this.href?s(o,null,s("a",{href:this.href,target:this.target,class:l.link,ref:e=>this.triggerRef=e},s("slot",{name:"title"})),s("span",{class:l.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"4c2e20b2a86f77f5fbcb67e3297ea20089c940e3",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},s("slot",{key:"93e106c02f93807c9616da2639473318e54cd246"}))),s("slot",{key:"a547bf4216ce80dad7dd2473cc46e80991960529",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[260,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-tile","gov-icon"];e.forEach((e=>{switch(e){case"gov-tile":if(!customElements.get(e)){customElements.define(e,f)}break;case"gov-icon":if(!customElements.get(e)){r()}break}}))}d();const m=f;const g=d;export{m as GovTile,g as defineCustomElement};
+import{p as t,H as e,h as s,F as o,a as i}from"./index.js";import{p as n}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as c}from"./p-DKo9A5gq.js";import{d as r}from"./p-BJnSrRNH.js";n(a,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const f=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return s(i,{key:"31fcebee125c753089b2229cea0033dce9aa3133",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"b79748ea55bb2e86d887860c1143d82d75497966",name:"icon"}),s("div",{key:"db8b61554f6943612c9d7165174926cfd205fcfb",class:l.content},s("div",{key:"e844267c106109d0470176d3c89539f8f987c70f",class:l.text},s("div",{key:"e4771f568d8848b87045293ebb10af5679f1a3b7",class:l.title},this.href?s(o,null,s("a",{href:this.href,target:this.target,class:l.link,ref:t=>this.triggerRef=t},s("slot",{name:"title"})),s("span",{class:l.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"cf1bf1a1c29e8879dc509b484325b82808db792a",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},s("slot",{key:"9a10f28fd144f1131eae6735342da9a5d93665e2"}))),s("slot",{key:"067476f1a27bad0fb50d86789a729f93b1f1e5ad",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function d(){if(typeof customElements==="undefined"){return}const t=["gov-tile","gov-icon"];t.forEach((t=>{switch(t){case"gov-tile":if(!customElements.get(t)){customElements.define(t,f)}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}d();const g=f;const m=d;export{g as GovTile,m as defineCustomElement};
 //# sourceMappingURL=gov-tile.js.map

package/dist/components/gov-tile.js.map

@@ -1 +1 @@
-{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Tile’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/**\n\t * Style variation of the tile.\n\t */\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Link on whole tile\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  orientation={this.orientation}\n\t\t\t\t  clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"2MAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAOC,EAAA,MAAAD,UAAAE,EA0BnB,WAAAC,G,8BArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQtB,EAAUC,MACnCY,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUG,SACrBY,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUI,MACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUK,OACpBO,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOrB,EAAUE,KACjB2B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOrB,EAAUM,MACtBS,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGrB,EAAUO,cAAcK,KAAKa,KAAO,GAAGzB,EAAUO,sBAAwB,MACvFQ,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}
+{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\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\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\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</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\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 a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"mappings":"2MAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAOC,EAAA,MAAAD,UAAAE,EA0BnB,WAAAC,G,8BArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQtB,EAAUC,MACnCY,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUG,SACrBY,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUI,MACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUK,OACpBO,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOrB,EAAUE,KACjB2B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOrB,EAAUM,MACtBS,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGrB,EAAUO,cAAcK,KAAKa,KAAO,GAAGzB,EAAUO,sBAAwB,MACvFQ,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}

package/dist/components/gov-toast.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as e,a as i}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{C as c}from"./p-U40vKHrs.js";import{p as r}from"./p-CQvUntGY.js";import{g as n}from"./p-DfJDyRCE.js";import{c as h}from"./p-vN03FcXN.js";import{A as l,a as d,i as f}from"./p-CXgom82_.js";import{d as m}from"./p-8QWehgod.js";import{d as b}from"./p-WmFNIuTf.js";const p=r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close");this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.inheritedAttributes={};this.h=n(this.host);this.toastId=h("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return e(i,{key:"ef97cd3dfb69dd3159f29eb9e06b95e638a8c10f",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&e("span",{key:"79efa5995efd05b8938cdeb7f1dfd2e9c4b6cb9b",class:v.icon},e("slot",{key:"ba48149e2f9ac6f0b457ddeebdb021accbf8863e",name:"icon"})),e("div",Object.assign({key:"8350b380c0a0c039f401941afee5202f9e79cc1c",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),e("slot",{key:"262b1c2ef1292d0145f16b8ef2a8f60f53992881"})),e("gov-button",{key:"8dfc1fbdc3657bf4fe4aeefc32efb44262bcaf6d",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:e("gov-icon",{name:"x-lg",type:"components"})),e("div",{key:"9185d22c3a22b39f9a87aecfb4865cd09a59d54c",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[260,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}y();const C=g;const j=y;export{C as GovToast,j as defineCustomElement};
+import{p as t,H as s,c as o,h as i,a as e}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{C as c}from"./p-U40vKHrs.js";import{p as r}from"./p-CQvUntGY.js";import{g as n}from"./p-DKo9A5gq.js";import{c as h}from"./p-vN03FcXN.js";import{A as l,a as d,i as m}from"./p-CXgom82_.js";import{d as b}from"./p-CWqMiVYH.js";import{d as f}from"./p-BJnSrRNH.js";const p=r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close");this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.inheritedAttributes={};this.h=n(this.host);this.toastId=h("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=m(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(e,{key:"623b9b85e6b10894429d50c4624bac71808d29ad",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"ae58b921c0aff0f678176c24d4cf69d05fb6cdab",class:v.icon},i("slot",{key:"40d58461b3e16abd1d4cd627057e986548ac63c1",name:"icon"})),i("div",Object.assign({key:"b003f0521f3fb5095b94280e2cf252b2a26ccaed",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"4743ada7cc1d31d6ca07871228d3fadc3576982f"})),i("gov-button",{key:"0d4e9bae29391f47389abbc2ada9ca9edaa13b97",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"a8cb56376d11503abe586598f330476a45f59c8e",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){b()}break;case"gov-icon":if(!customElements.get(t)){f()}break}}))}y();const C=g;const j=y;export{C as GovToast,j as defineCustomElement};
 //# sourceMappingURL=gov-toast.js.map

package/dist/components/gov-toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\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-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/**\r\n\t * Style variation of the toast message.\r\n\t */\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/**\r\n\t * Toast’s gravity\r\n\t */\r\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\r\n\t/**\r\n\t * Toast’s position\r\n\t */\r\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\r\n\t/**\r\n\t * Toast type\r\n\t */\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/**\r\n\t * Number of milliseconds to wait before Toast disappear\r\n\t */\r\n\t@Prop() readonly time: number = 0\r\n\t/**\r\n\t * Closing button texting instead of icons\r\n\t */\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/**\r\n\t * Aria label for the closing button. It is mandatory if the alert is closable\r\n\t */\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/**\r\n\t * Called when the close button is clicked\r\n\t */\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\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\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\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\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/**\r\n\t * Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-tooltip-content.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as e,a as i}from"./index.js";import{T as o,a as n,d as a}from"./p-DfI_0WW6.js";import{t as c}from"./p-DfJDyRCE.js";import{d as l}from"./p-8QWehgod.js";import{d as r}from"./p-WmFNIuTf.js";const f=t(class t extends s{constructor(){super();this.__registerHost();this.color=o.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return e(i,{key:"8392d10d5011527087e4ae06876817cf57abcaf3",class:a.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!c(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"2b068ab878ff4dff51ff93c656a0b6a6c8f9899b"}),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},e("gov-icon",{slot:"icon-start",name:"x-lg",type:"components"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}},[260,"gov-tooltip-content",{color:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip-content","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-tooltip-content":if(!customElements.get(t)){customElements.define(t,f)}break;case"gov-button":if(!customElements.get(t)){l()}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}h();const m=f;const d=h;export{m as GovTooltipContent,d as defineCustomElement};
+import{G as o,d as s}from"./p-DZJk8GrA.js";const r=o;const t=s;export{r as GovTooltipContent,t as defineCustomElement};
 //# sourceMappingURL=gov-tooltip-content.js.map

package/dist/components/gov-tooltip-content.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovTooltipContent","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","TooltipColors","PRIMARY","size","TooltipSize","_M","persist","isVisible","parentId","visibleContent","newValue","clearTimeout","timeout","setTimeout","host","style","visibility","hideContent","parentEl","document","getElementById","hide","catch","render","h","Host","key","class","TooltipContentClass","root","role","hidden","toBoolAttr","bind","type","slot","name"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wNAOaA,EAAiBC,EAAA,MAAAD,UAAAE,EAH9B,WAAAC,G,8BAUkBC,KAAAC,MAA2BC,EAAcC,QAIzCH,KAAAI,KAAyBC,EAAYC,GAI9CN,KAAOO,QAAa,MAIsBP,KAASQ,UAAG,MAI5BR,KAAQS,SAAW,IA4CrD,CAzCA,cAAAC,CAAeC,GACdC,aAAaZ,KAAKa,SAClB,GAAIF,IAAa,MAAO,CACvBX,KAAKa,QAAUC,YAAW,KACzBd,KAAKe,KAAKC,MAAMC,WAAa,QAAQ,GACnC,I,KACG,CACNjB,KAAKe,KAAKC,MAAMC,WAAa,S,EAI/B,WAAAC,GACClB,KAAKQ,UAAY,MACjBR,KAAKO,QAAU,MACf,MAAMY,EAAWC,SAASC,eAAerB,KAAKS,UAC9C,GAAIU,EAAU,CACbA,EAASG,OAAOC,O,EAIlB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAAShC,KAAKQ,UAAS,eACTyB,EAAWjC,KAAKQ,WAClB,aAAAR,KAAKQ,WACjBiB,EAAa,QAAAE,IAAA,6CACZ3B,KAAKO,QACLkB,EACe,6BAAAzB,KAAKkB,YAAYgB,KAAKlC,MACpCC,MAAOD,KAAKC,MACZG,KAAMJ,KAAKI,KACX+B,KAAM,QACNV,EAAU,YAAAW,KAAM,aAAcC,KAAM,OAAQF,KAAM,gBAEhD,K","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-tooltip.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,h as s,a as e}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{T as h,a as n,b as a,c as r,d as l}from"./p-DfI_0WW6.js";import{c}from"./p-vN03FcXN.js";import{g as f}from"./p-DfJDyRCE.js";import{d}from"./p-DrPpH_9c.js";import{t as p}from"./p-Cjg0wpDG.js";const u=t(class t extends i{constructor(){super();this.__registerHost();this.tooltipContentId=undefined;this.tooltipId=undefined;this.color=h.PRIMARY;this.size=n._M;this.position="right";this.message=undefined;this.icon=undefined;this.persist=false;this.h=f(this.host);this.tooltipId=c("GovTooltip");this.tooltipContentId=c("GovContentTooltip")}validateColor(t){o(h,t,a.root)}validateSize(t){o(n,t,a.root)}validatePosition(t){o(r,t,a.root)}rerenderMessage(){this.createContentWrapper()}connectedCallback(){this.createContentWrapper();this.registerListeners()}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.validatePosition(this.position)}componentDidUpdate(){this.createContentWrapper()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var t;if(this.tooltipContent){if(this.message){this.tooltipContent.innerHTML=this.message}else if(this.insideContent){this.tooltipContent.innerHTML=this.insideContent.innerHTML}return}let i;if(this.insideContent){i=this.insideContent}else{i=d().createElement(l.root);i.innerHTML=this.message}i.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);i.setAttribute("parent-id",this.tooltipId);i.setAttribute("color",this.color);i.setAttribute("size",this.size);d().body.appendChild(i)}get tooltipContent(){var t;return d().body.querySelector(`#${(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId}`)}get insideContent(){return this.host.querySelector(l.root)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.tooltipContent){this.tooltipContent.setAttribute("persist","true")}this.showTooltip()}));this.host.addEventListener("mouseenter",(t=>{t.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(t=>{t.preventDefault();if(this.persist===false){this.hideTooltip()}}))}verifyPositionSpace(){const t=12;const i=window.innerWidth-(window.innerWidth-document.documentElement.clientWidth);const s=this.host.getBoundingClientRect();const e=this.host.offsetWidth;const o=this.host.offsetHeight;const h=this.tooltipContent.offsetWidth;const n=this.tooltipContent.offsetHeight;const a={left:s.left+document.documentElement.scrollLeft,top:s.top+document.documentElement.scrollTop};const l=a.left+t+s.width+h<=i;const c=a.left>h;if(this.position===r.LEFT||this.position===r.RIGHT){this.tooltipContent.style.top=a.top-(n-o)/2+"px";if(l===false&&c===false){this.position=r.TOP;this.tooltipContent.setAttribute("position",r.TOP)}if(c&&l===false&&this.position===r.RIGHT){this.position=r.LEFT}if(l&&c===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.tooltipContent.setAttribute("position",r.RIGHT);this.tooltipContent.style.left=a.left+t+s.width+"px"}if(this.position===r.LEFT){this.tooltipContent.setAttribute("position",r.LEFT);this.tooltipContent.style.left=a.left-(h+t)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(h>e){let s=a.left-(h-e)/2;const o=s<0;const n=s+h>i;if(o&&n){this.tooltipContent.style.width="auto";this.tooltipContent.style.left=t+"px";this.tooltipContent.style.right=t+"px"}else{if(o){s=t}if(n){s=s-(i-(s+h+t))*-1}this.tooltipContent.style.left=s+"px"}}else{const t=a.left+(e-h)/2;this.tooltipContent.style.left=t+"px"}}if(this.position===r.TOP){this.tooltipContent.setAttribute("position",r.TOP);this.tooltipContent.style.top=a.top-(n+t)+"px"}if(this.position===r.BOTTOM){this.tooltipContent.setAttribute("position",r.BOTTOM);this.tooltipContent.style.top=a.top+(o+t)+"px"}this.tooltipContent.style.opacity="1"}showTooltip(){if(this.tooltipContent){this.tooltipContent.style.opacity="0";this.tooltipContent.hidden=false;this.tooltipContent.setAttribute("is-visible","true");p((()=>{this.verifyPositionSpace()}))}}hideTooltip(){if(this.tooltipContent){this.tooltipContent.setAttribute("is-visible","false");this.tooltipContent.setAttribute("persist","false");this.tooltipContent.removeAttribute("style")}}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(e,{key:"034a9a50767f7963338e1f22ec9ff3f74770cc96",id:this.tooltipId,class:this.h.classes(a.root),position:this.position},s("span",{key:"7e21894e5b633276e4730b1e8c4e1868eb11892d",role:"button",tabindex:0,onKeyPress:()=>this.showTooltip(),onBlur:()=>{if(this.persist===false){this.hideTooltip()}},"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",{key:"5366437869def70b687e9ee4fc4acda05a3138b3"})))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}}},[260,"gov-tooltip",{color:[1],size:[1],position:[1025],message:[1],identifier:[1],icon:[516],persist:[32],show:[64],hide:[64]},undefined,{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip"];t.forEach((t=>{switch(t){case"gov-tooltip":if(!customElements.get(t)){customElements.define(t,u)}break}}))}m();const v=u;const g=m;export{v as GovTooltip,g as defineCustomElement};
+import{G as o,d as s}from"./p-9VlKyZSl.js";const t=o;const p=s;export{t as GovTooltip,p as defineCustomElement};
 //# sourceMappingURL=gov-tooltip.js.map

package/dist/components/gov-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovTooltip","__stencil_proxyCustomElement","HTMLElement","constructor","this","tooltipContentId","undefined","tooltipId","color","TooltipColors","PRIMARY","size","TooltipSize","_M","position","message","icon","persist","h","govHost","host","createID","validateColor","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","componentDidUpdate","disconnectedCallback","removeContent","tooltipContent","innerHTML","insideContent","content","documentNode","createElement","TooltipContentClass","setAttribute","_a","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","show","hide"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipColors,\n\tTooltipColorType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"color\", this.color)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-wizard-item.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as i,h as e,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{b as n,c}from"./p-CZr7GBEo.js";import{c as l}from"./p-vN03FcXN.js";import{g as d,b as h,c as r}from"./p-DfJDyRCE.js";import{d as m}from"./p-WmFNIuTf.js";var p;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(p||(p={}));const f=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=d(this.host);this.triggerId=l("GovWizardItem");this.contentId=l("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?p.BUTTON:p.DIV;const i=this.h.hasSlot("prefix")&&e("span",{key:"29a8a14d2b78d6b1b9f28000b49a1b4db4218acf",class:n.prefix},e("slot",{key:"22c9d3c3865969b3f6b0385cdbaa53cd4b2913b4",name:"prefix"}));return e(a,{key:"6a20df539672c0c4d6ca6605644276e489c2fd0a",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},e("div",{key:"016820266b853c6d9edfae4542cab1e1c1b82b94",class:n.header},i,this.collapsible?e(t,{id:s,class:this.h.classes(n.label),"aria-expanded":h(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":r(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"})):e(t,{class:this.h.classes(n.label)},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"}))),this.collapsible?e("div",{class:n.content,id:this.contentId,"aria-hidden":h(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},e("slot",null)):e("div",{class:n.content,"aria-hidden":h(!this.isExpanded),hidden:!this.isExpanded},e("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[260,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function b(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,f)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}b();const u=f;const v=b;export{u as GovWizardItem,v as defineCustomElement};
+import{p as s,H as t,c as i,h as e,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{b as n,c}from"./p-CZr7GBEo.js";import{c as l}from"./p-vN03FcXN.js";import{g as r,b as d,c as h}from"./p-DKo9A5gq.js";import{d as m}from"./p-BJnSrRNH.js";var p;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(p||(p={}));const b=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=r(this.host);this.triggerId=l("GovWizardItem");this.contentId=l("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?p.BUTTON:p.DIV;const i=this.h.hasSlot("prefix")&&e("span",{key:"7a71f037abd3c10c7754b96089ca6d6ac9cdd9b8",class:n.prefix},e("slot",{key:"2098b7afb20be95e403b4306bc904828dd4a038e",name:"prefix"}));return e(a,{key:"2b152deb4456bad539e85ca2ccf815eefc0cb311",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},e("div",{key:"8ad3628d1c591c3bb83c7aab740eb4f27b585cdb",class:n.header},i,this.collapsible?e(t,{id:s,class:this.h.classes(n.label),"aria-expanded":d(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":h(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"})):e(t,{class:this.h.classes(n.label)},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"}))),this.collapsible?e("div",{class:n.content,id:this.contentId,"aria-hidden":d(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},e("slot",null)):e("div",{class:n.content,"aria-hidden":d(!this.isExpanded),hidden:!this.isExpanded},e("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,b)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}f();const u=b;const v=f;export{u as GovWizardItem,v as defineCustomElement};
 //# sourceMappingURL=gov-wizard-item.js.map

package/dist/components/gov-wizard-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tags","GovWizardItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","collapsible","disabled","isExpanded","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","component","componentWillLoad","connectedCallback","render","identifier","Tag","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","role","header","id","label","booleanString","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","type","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"0PAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAGJ,K,MAKYC,EAAaC,EAAA,MAAAD,UAAAE,EAMzB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAYFD,KAAKE,MAAqB,UAI1BF,KAAIG,KAAqB,IAQzBH,KAAWI,YAAY,MAIvBJ,KAAQK,SAAY,MAIcL,KAAUM,WAAG,MA7B/DN,KAAKO,EAAIC,EAAQR,KAAKS,MACtBT,KAAKU,UAAYC,EAAS,iBAC1BX,KAAKY,UAAYD,EAAS,mBAC1B,CAiCO,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPnB,KAAKoB,UAAUC,KAAK,CAAEC,SAAUtB,KAAKM,WAAYiB,UAAWN,EAAgBC,M,CAG7E,iBAAAM,GACCxB,KAAKa,cAAcb,KAAKE,M,CAGzB,iBAAAuB,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,MAAMhB,EAAYV,KAAK2B,YAAc3B,KAAKU,UAC1C,MAAMkB,EAAM5B,KAAKI,YAAcT,EAAKkC,OAASlC,EAAKmC,IAClD,MAAMC,EAAa/B,KAAKO,EAAEyB,QAAQ,WAAczB,EAAA,QAAA0B,IAAA,2CAAMC,MAAOjB,EAAgBkB,QAAQ5B,EAAA,QAAA0B,IAAA,2CAAMG,KAAK,YAEhG,OACC7B,EAAC8B,EAAI,CAAAJ,IAAA,2CAACC,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgBC,MAAK,cACjClB,KAAKM,WAClBJ,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXoC,KAAK,WACLnC,YAAaJ,KAAKI,YAClBH,SAAUD,KAAKC,UACjBM,EAAA,OAAA0B,IAAA,2CAAKC,MAAOjB,EAAgBuB,QAC1BT,EACA/B,KAAKI,YACLG,EAACqB,EACA,CAAAa,GAAI/B,EACJwB,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,OACvB,gBAAAC,EAAc3C,KAAKM,YACnB,gBAAAN,KAAKY,UACpBP,SAAUL,KAAKK,SAAQ,gBACRuC,EAAoB5C,KAAKK,UACxCwC,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd1C,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAM,QAAA6B,KAAK,gBAGZ7B,EAACqB,EAAG,CAACM,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,QAC1CnC,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAA,QAAM6B,KAAK,iBAIbpC,KAAKI,YACLG,EAAA,OACC2B,MAAOjB,EAAgBoC,QACvBZ,GAAIzC,KAAKY,UAAS,cACL+B,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,WAAU,kBACPI,GAEjBH,EAAQ,cAGTA,EAAA,OAAK2B,MAAOjB,EAAgBoC,QAAO,cACpBV,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,YAEfC,EAAA,c,CAWL,UAAMgD,GACLvD,KAAKM,WAAa,KAClBN,KAAKmB,a,CAOC,WAAMqC,GACZxD,KAAKM,WAAa,MAClBN,KAAKmB,a,CAOC,YAAM8B,GACZjD,KAAKM,YAAcN,KAAKM,WACxBN,KAAKmB,a,CAOC,kBAAMsC,GACZ,OAAOzD,KAAKM,U","ignoreList":[]}
+{"version":3,"names":["Tags","GovWizardItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","collapsible","disabled","isExpanded","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","component","componentWillLoad","connectedCallback","render","identifier","Tag","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","role","header","id","label","booleanString","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","type","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\r\nimport { createID } from \"../../utils/string.utils\"\r\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\r\n\r\nenum Tags {\r\n\tDIV = \"div\",\r\n\tBUTTON = \"button\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-wizard-item\",\r\n})\r\nexport class GovWizardItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovWizardItem\")\r\n\t\tthis.contentId = createID(\"GovWizardContent\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovWizardItemElement\r\n\t/**\r\n\t * Style variation of the button.\r\n\t */\r\n\t@Prop() readonly color?: WizardColorType = \"primary\"\r\n\t/**\r\n\t * Size of wizard\r\n\t */\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/**\r\n\t * Custom wizard item identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Defines weather the wizard item can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Makes the wizard component disabled.\r\n\t */\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/**\r\n\t * Defines whether the accordion is open or closed by button\r\n\t */\r\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\r\n\t/**\r\n\t * Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tprivate validateColor(newValue: string): void {\r\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\r\n\t}\r\n\r\n\tprivate emmitChange(): void {\r\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst triggerId = this.identifier || this.triggerId\r\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\r\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\r\n\t\t\t\t  is-expanded={this.isExpanded}\r\n\t\t\t\t  color={this.color}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  role=\"listitem\"\r\n\t\t\t\t  collapsible={this.collapsible}\r\n\t\t\t\t  hydrated={this.hydrated}>\r\n\t\t\t\t<div class={WizardItemClass.header}>\r\n\t\t\t\t\t{prefixSlot}\r\n\t\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t\t<Tag\r\n\t\t\t\t\t\t\tid={triggerId}\r\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault()\r\n\t\t\t\t\t\t\t\te.stopPropagation()\r\n\t\t\t\t\t\t\t\tthis.toggle()\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={WizardItemClass.content}\r\n\t\t\t\t\t\tid={this.contentId}\r\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\thidden={!this.isExpanded}\r\n\t\t\t\t\t\taria-labelledby={triggerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class={WizardItemClass.content}\r\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\t hidden={!this.isExpanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\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\t/**\r\n\t * Opening the Wizard\r\n\t */\r\n\t@Method()\r\n\tasync open(): Promise<void> {\r\n\t\tthis.isExpanded = true\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Closing the Wizard\r\n\t */\r\n\t@Method()\r\n\tpublic async close(): Promise<void> {\r\n\t\tthis.isExpanded = false\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Wizard switch\r\n\t */\r\n\t@Method()\r\n\tpublic async toggle(): Promise<void> {\r\n\t\tthis.isExpanded = !this.isExpanded\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async currentState(): Promise<boolean> {\r\n\t\treturn this.isExpanded\r\n\t}\r\n}\r\n"],"mappings":"0PAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAGJ,K,MAKYC,EAAaC,EAAA,MAAAD,UAAAE,EAMzB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAYFD,KAAKE,MAAqB,UAI1BF,KAAIG,KAAqB,IAQzBH,KAAWI,YAAY,MAIvBJ,KAAQK,SAAY,MAIcL,KAAUM,WAAG,MA7B/DN,KAAKO,EAAIC,EAAQR,KAAKS,MACtBT,KAAKU,UAAYC,EAAS,iBAC1BX,KAAKY,UAAYD,EAAS,mBAC1B,CAiCO,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPnB,KAAKoB,UAAUC,KAAK,CAAEC,SAAUtB,KAAKM,WAAYiB,UAAWN,EAAgBC,M,CAG7E,iBAAAM,GACCxB,KAAKa,cAAcb,KAAKE,M,CAGzB,iBAAAuB,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,MAAMhB,EAAYV,KAAK2B,YAAc3B,KAAKU,UAC1C,MAAMkB,EAAM5B,KAAKI,YAAcT,EAAKkC,OAASlC,EAAKmC,IAClD,MAAMC,EAAa/B,KAAKO,EAAEyB,QAAQ,WAAczB,EAAA,QAAA0B,IAAA,2CAAMC,MAAOjB,EAAgBkB,QAAQ5B,EAAA,QAAA0B,IAAA,2CAAMG,KAAK,YAEhG,OACC7B,EAAC8B,EAAI,CAAAJ,IAAA,2CAACC,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgBC,MAAK,cACjClB,KAAKM,WAClBJ,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXoC,KAAK,WACLnC,YAAaJ,KAAKI,YAClBH,SAAUD,KAAKC,UACjBM,EAAA,OAAA0B,IAAA,2CAAKC,MAAOjB,EAAgBuB,QAC1BT,EACA/B,KAAKI,YACLG,EAACqB,EACA,CAAAa,GAAI/B,EACJwB,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,OACvB,gBAAAC,EAAc3C,KAAKM,YACnB,gBAAAN,KAAKY,UACpBP,SAAUL,KAAKK,SAAQ,gBACRuC,EAAoB5C,KAAKK,UACxCwC,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd1C,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAM,QAAA6B,KAAK,gBAGZ7B,EAACqB,EAAG,CAACM,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,QAC1CnC,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAA,QAAM6B,KAAK,iBAIbpC,KAAKI,YACLG,EAAA,OACC2B,MAAOjB,EAAgBoC,QACvBZ,GAAIzC,KAAKY,UAAS,cACL+B,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,WAAU,kBACPI,GAEjBH,EAAQ,cAGTA,EAAA,OAAK2B,MAAOjB,EAAgBoC,QAAO,cACpBV,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,YAEfC,EAAA,c,CAWL,UAAMgD,GACLvD,KAAKM,WAAa,KAClBN,KAAKmB,a,CAOC,WAAMqC,GACZxD,KAAKM,WAAa,MAClBN,KAAKmB,a,CAOC,YAAM8B,GACZjD,KAAKM,YAAcN,KAAKM,WACxBN,KAAKmB,a,CAOC,kBAAMsC,GACZ,OAAOzD,KAAKM,U","ignoreList":[]}

package/dist/components/gov-wizard.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as a,h as e,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{W as c,a as r,b as n}from"./p-CZr7GBEo.js";import{g as d}from"./p-DfJDyRCE.js";import{a as l}from"./p-Nvj7WFs_.js";import{c as h}from"./p-DrPpH_9c.js";import{d as m}from"./p-CQvUntGY.js";const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.hydrated=false;this.size="m";this.h=d(this.host)}validateSize(s){o(r,s,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(h()){await m(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return e(i,{key:"7b0c696c2703df0367b105c33adf273d22adb54e",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},e("slot",{key:"c125243720a0a723d1f01a21607a0a8ec2c45647"}))}async validateWcag(){l(this.wcagLabel,this.wcagLabelledBy,c.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[260,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,p)}break}}))}f();const g=p;const u=f;export{g as GovWizard,u as defineCustomElement};
+import{p as s,H as t,c as e,h as a,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{W as r,a as c,b as n}from"./p-CZr7GBEo.js";import{g as d}from"./p-DKo9A5gq.js";import{a as l}from"./p-Nvj7WFs_.js";import{c as h}from"./p-DrPpH_9c.js";import{d as m}from"./p-CQvUntGY.js";const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change");this.hydrated=false;this.size="m";this.h=d(this.host)}validateSize(s){o(c,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(h()){await m(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"0b400b9a4f82a9477e87a314eb54928b66038912",class:this.h.classes(r.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"27f601048d97c94aca98594c98028209081b5690"}))}async validateWcag(){l(this.wcagLabel,this.wcagLabelledBy,r.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,p)}break}}))}f();const g=p;const b=f;export{g as GovWizard,b as defineCustomElement};
 //# sourceMappingURL=gov-wizard.js.map

package/dist/components/gov-wizard.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovWizard","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"uSAaaA,EAASC,EAAA,MAAAD,UAAAE,EAMrB,WAAAC,G,kEAJQC,KAAQC,SAAG,MAWFD,KAAIE,KAAqB,IANzCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAoBO,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAgBJ,MAAMK,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKE,KAAK,G,CAUvC,wBAAMiB,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKG,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAO3B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC1FE,EAAQ,QAAAuB,IAAA,6C,CASJ,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBtB,EAAYC,K","ignoreList":[]}
+{"version":3,"names":["GovWizard","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\r\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\r\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\r\nimport { delay } from \"../../utils/utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-wizard\",\r\n})\r\nexport class GovWizard {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\t@Element() readonly host: HTMLGovWizardElement\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t/**\r\n\t * Size of wizard\r\n\t */\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/**\r\n\t * Adds accessible label for the wizard that is only shown for screen readers.\r\n\t */\r\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\r\n\t/**\r\n\t * String of id's that indicate alternative labels elements\r\n\t */\r\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\r\n\t/**\r\n\t * Called when the wizard children state changes\r\n\t */\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tprivate validateSize(newValue: string): void {\r\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\r\n\t\t\tchild.setAttribute(\"size\", this.size)\r\n\t\t\t/*\r\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t\t*/\r\n\t\t})\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateWcag()\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\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async validateWcag(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\r\n\t}\r\n}\r\n"],"mappings":"uSAaaA,EAASC,EAAA,MAAAD,UAAAE,EAMrB,WAAAC,G,kEAJQC,KAAQC,SAAG,MAWFD,KAAIE,KAAqB,IANzCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAoBO,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAgBJ,MAAMK,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKE,KAAK,G,CAUvC,wBAAMiB,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKG,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAO3B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC1FE,EAAQ,QAAAuB,IAAA,6C,CASJ,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBtB,EAAYC,K","ignoreList":[]}