@gov-design-system-ce/components 0.0.6 → 0.0.8

package/dist/core/{p-5cecdaaf.entry.js → p-72f16a95.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as s}from"./p-682c7cc6.js";import{g as o}from"./p-3f37ddb6.js";import{v as a}from"./p-26acf964.js";import{S as n,b as r}from"./p-5fa41af9.js";import"./p-561fa17b.js";import"./p-03990da5.js";import"./p-ff7365ae.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-statsbar-item{position:relative;display:block;padding:1.25rem}.gov-statsbar-item__icon,.gov-statsbar-item__number{margin-bottom:1rem}.gov-statsbar-item__icon{display:block;width:2rem;height:2rem}.gov-statsbar-item__number{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-statsbar-item__text{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);letter-spacing:0.0125em}.gov-statsbar-item__text>*:last-child{margin-bottom:0}.gov-statsbar-item[icon-position=left]{padding-left:3rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{position:absolute;top:1.5rem;left:0}@media (min-width: 30em){.gov-statsbar-item{flex:1 0 50%;max-width:50%}}@media (min-width: 48em){.gov-statsbar-item{padding:2.5rem}.gov-statsbar-item__icon{width:3rem;height:3rem}.gov-statsbar-item[icon-position=left]{padding-left:4rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{top:2.75rem}}@media (min-width: 64em){.gov-statsbar-item{flex-basis:auto;max-width:25%}}";const g=class{constructor(i){t(this,i);this.iconPosition=undefined;this.h=o(this.host)}validateIconPosition(t){a(r,t,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition)}render(){return i(e,{class:this.h.classes(n.root)},i("article",null,this.h.hasSlot("icon")&&i("span",{class:n.icon},i("slot",{name:"icon"})),i("p",{class:n.number},i("slot",null)),this.h.hasSlot("text")&&i("div",{class:n.text},i("slot",{name:"text"}))))}get host(){return s(this)}static get watchers(){return{iconPosition:["validateIconPosition"]}}};g.style=m;export{g as gov_statsbar_item};
-//# sourceMappingURL=p-5cecdaaf.entry.js.map
+import{r as t,h as i,H as e,g as s}from"./p-682c7cc6.js";import{g as o}from"./p-3f37ddb6.js";import{v as a}from"./p-26acf964.js";import{S as n,b as r}from"./p-1020a160.js";import"./p-561fa17b.js";import"./p-03990da5.js";import"./p-ff7365ae.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-statsbar-item{position:relative;display:block;padding:1.25rem}.gov-statsbar-item__icon,.gov-statsbar-item__number{margin-bottom:1rem}.gov-statsbar-item__icon{display:block;width:2rem;height:2rem}.gov-statsbar-item__number{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-statsbar-item__text{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);letter-spacing:0.0125em}.gov-statsbar-item__text>*:last-child{margin-bottom:0}.gov-statsbar-item[icon-position=left]{padding-left:3rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{position:absolute;top:1.5rem;left:0}@media (min-width: 30em){.gov-statsbar-item{flex:1 0 50%;max-width:50%}}@media (min-width: 48em){.gov-statsbar-item{padding:2.5rem}.gov-statsbar-item__icon{width:3rem;height:3rem}.gov-statsbar-item[icon-position=left]{padding-left:4rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{top:2.75rem}}@media (min-width: 64em){.gov-statsbar-item{flex-basis:auto;max-width:25%}}";const g=class{constructor(i){t(this,i);this.iconPosition=undefined;this.h=o(this.host)}validateIconPosition(t){a(r,t,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition)}render(){return i(e,{class:this.h.classes(n.root)},i("article",null,this.h.hasSlot("icon")&&i("span",{class:n.icon},i("slot",{name:"icon"})),i("p",{class:n.number},i("slot",null)),this.h.hasSlot("text")&&i("div",{class:n.text},i("slot",{name:"text"}))))}get host(){return s(this)}static get watchers(){return{iconPosition:["validateIconPosition"]}}};g.style=m;export{g as gov_statsbar_item};
+//# sourceMappingURL=p-72f16a95.entry.js.map

package/dist/core/p-7ac5f119.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as e,H as a,g as r}from"./p-682c7cc6.js";import{a as t}from"./p-561fa17b.js";import{v as n}from"./p-26acf964.js";import{A as c,b as d,c as g}from"./p-0284b5e2.js";import{c as s}from"./p-24636c53.js";import{g as v,b as m,t as l}from"./p-3f37ddb6.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-03990da5.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header::before{content:"";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=""] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded="1"] .gov-accordion-item__arrow{transform:scale(-1)}.gov-accordion-item__arrow{flex:0 0 auto;align-self:center}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;margin-left:auto;line-height:initial}.gov-accordion-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:flex-start}.gov-accordion-item__name{display:flex;flex-direction:column}.gov-accordion-item__annot{color:var(--gov-color-secondary)}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 0.75rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 0.75rem);height:var(--gov-accordion-s-icon-size, 0.75rem)}.gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.0625rem))}.gov-accordion-item[size=xs] .gov-accordion-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:var(--gov-accordion-s-headline-gap, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 0.75rem);height:var(--gov-accordion-s-icon-size, 0.75rem)}.gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.0625rem))}.gov-accordion-item[size=s] .gov-accordion-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);gap:var(--gov-accordion-s-headline-gap, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1rem);height:var(--gov-accordion-m-icon-size, 1rem)}.gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.125rem))}.gov-accordion-item[size=m] .gov-accordion-item__title{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);gap:var(--gov-accordion-m-headline-gap, 1rem)}.gov-accordion-item[size=m] .gov-accordion-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.25rem);height:var(--gov-accordion-l-icon-size, 1.25rem)}.gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.125rem))}.gov-accordion-item[size=l] .gov-accordion-item__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);gap:var(--gov-accordion-l-headline-gap, 1rem)}.gov-accordion-item[size=l] .gov-accordion-item__annot{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}.gov-accordion-item[variant=primary] .gov-accordion-item__header::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}';const p=class{constructor(e){o(this,e);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.variant="primary";this.identifier=undefined;this.size=undefined;this.label=undefined;this.annotation=undefined;this.disabled=false;this.isExpanded=false;this.triggerTag="h3";this.h=v(this.host);this.triggerId=s("GovAccordionItem");this.contentId=s("GovAccordionContent")}validateLabel(o){if(!o){t(`[${c.root}]: Parameter label is required.`)}}validateTriggerTag(o){const i=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!i.includes(o)){t(`[${c.root}]: Tag ${o} is not allowed.`)}}}validateSize(o){n(d,o,c.root)}validateVariant(o){n(g,o,c.root)}emmitChange(){this.govChange.emit({open:this.isExpandedState,element:this.host})}componentWillLoad(){this.isExpandedState=this.isExpanded;this.validateSize(this.size);this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const o=this.identifier||this.triggerId;const i=this.contentId;const{isExpandedState:r,label:t}=this;const n=this.triggerTag;return e(a,{class:this.h.classes(c.root),role:"listitem"},e("button",{id:o,class:c.header,"aria-expanded":m(r),"aria-controls":i,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:()=>this.toggle()},e(n,{class:c.title},this.h.hasSlot("icon")&&e("span",{class:c.icon},e("slot",{name:"icon"})),e("span",{class:c.name},e("span",{class:c.label},t),this.annotation&&e("span",{class:c.annot},this.annotation)),this.h.hasSlot("suffix")&&e("span",{class:c.suffix},e("slot",{name:"suffix"}))),e("gov-icon",{class:c.arrow,name:"chevron-down"})),e("div",{class:c.content,id:i,"aria-hidden":m(!r),hidden:!r,"aria-labelledby":o},e("slot",null)))}async open(){this.isExpandedState=true;this.emmitChange()}async close(){this.isExpandedState=false;this.emmitChange()}async toggle(){this.isExpandedState=!this.isExpandedState;this.emmitChange()}async currentState(){return this.isExpandedState}get host(){return r(this)}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],size:["validateSize"],variant:["validateVariant"]}}};p.style=h;export{p as gov_accordion_item};
+//# sourceMappingURL=p-7ac5f119.entry.js.map

package/dist/core/{p-63079b80.entry.js.map → p-7ac5f119.entry.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.scss?tag=gov-accordion-item","../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"names":["govAccordionItemCss","GovAccordionItem","[object Object]","hostRef","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","AccordionItemClass","root","validTags","includes","validateProp","AccordionSizes","AccordionVariants","govChange","emit","open","isExpandedState","element","isExpanded","validateSize","size","validateLabel","label","validateVariant","variant","validateTriggerTag","triggerTag","identifier","TriggerTag","Host","class","classes","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","title","hasSlot","icon","name","annotation","annot","suffix","arrow","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"mVAAA,MAAMA,EAAsB,2rQCcfC,EAAgB,MAK5BC,YAAAC,+FAYkD,qHAqBb,sBAI8B,sBAID,KAxCjEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,oBAC1BL,KAAKM,UAAYD,EAAS,uBA8C3BP,cAAcS,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAmBC,wCAKrCZ,mBAAmBS,GAClB,MAAMI,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIJ,EAAU,CACb,IAAKI,EAAUC,SAASL,GAAW,CAClCC,EAAY,IAAIC,EAAmBC,cAAcH,uBAMpDT,aAAaS,GACZM,EAAaC,EAAgBP,EAAUE,EAAmBC,MAI3DZ,gBAAgBS,GACfM,EAAaE,EAAmBR,EAAUE,EAAmBC,MAGtDZ,cACPE,KAAKgB,UAAUC,KAAK,CAAEC,KAAMlB,KAAKmB,gBAAiBC,QAASpB,KAAKG,OAGjEL,oBACCE,KAAKmB,gBAAkBnB,KAAKqB,WAC5BrB,KAAKsB,aAAatB,KAAKuB,MACvBvB,KAAKwB,cAAcxB,KAAKyB,OACxBzB,KAAK0B,gBAAgB1B,KAAK2B,SAC1B3B,KAAK4B,mBAAmB5B,KAAK6B,YAG9B/B,SACC,MAAMM,EAAYJ,KAAK8B,YAAc9B,KAAKI,UAC1C,MAAME,EAAYN,KAAKM,UACvB,MAAMa,gBAAEA,EAAeM,MAAEA,GAAUzB,KACnC,MAAM+B,EAAa/B,KAAK6B,WAExB,OACC5B,EAAC+B,EAAI,CAACC,MAAOjC,KAAKC,EAAEiC,QAAQzB,EAAmBC,MAAOyB,KAAK,YAC1DlC,EAAA,SAAA,CACCmC,GAAIhC,EACJ6B,MAAOxB,EAAmB4B,OAAMC,gBACjBC,EAAcpB,GAAgBqB,gBAC9BlC,EACfmC,SAAUzC,KAAKyC,SAAQC,gBACRC,EAAoB3C,KAAKyC,UACxCG,QAAS,IAAM5C,KAAK6C,UAEpB5C,EAAC8B,EAAU,CAACE,MAAOxB,EAAmBqC,OACpC9C,KAAKC,EAAE8C,QAAQ,SACf9C,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBuC,MAC/B/C,EAAA,OAAA,CAAMgD,KAAK,UAIbhD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBwC,MAC/BhD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBgB,OAAQA,GACvCzB,KAAKkD,YAAcjD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmB0C,OAAQnD,KAAKkD,aAGjElD,KAAKC,EAAE8C,QAAQ,WACf9C,EAAA,OAAA,CAAMgC,MAAOxB,EAAmB2C,QAC/BnD,EAAA,OAAA,CAAMgD,KAAK,aAKdhD,EAAA,WAAA,CAAUgC,MAAOxB,EAAmB4C,MAAOJ,KAAK,gBAEjDhD,EAAA,MAAA,CACCgC,MAAOxB,EAAmB6C,QAC1BlB,GAAI9B,EAASiD,cACAhB,GAAepB,GAC5BqC,QAASrC,EAAesC,kBACPrD,GAEjBH,EAAA,OAAA,QAUJH,aACCE,KAAKmB,gBAAkB,KACvBnB,KAAK0D,cAON5D,cACCE,KAAKmB,gBAAkB,MACvBnB,KAAK0D,cAON5D,eACCE,KAAKmB,iBAAmBnB,KAAKmB,gBAC7BnB,KAAK0D,cAON5D,qBACC,OAAOE,KAAKmB","sourcesContent":["/*\n *   Accordion - Item\n */\n\n$class: \".gov-accordion-item\";\n\n#{$class} {\n\t@include base();\n\t&__header {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\tright: 0;\n\t\t\tbottom: -1px;\n\t\t\tleft: 0;\n\t\t\theight: 1px;\n\t\t}\n\n\t\t// STATES\n\t\t&:focus-visible {\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__arrow {\n\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t\talign-self: center;\n\t}\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t}\n\t&__suffix {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t\talign-self: start;\n\t\tmargin-left: auto;\n\t\tline-height: initial;\n\t}\n\t&__title {\n\t\t@include general;\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\talign-items: flex-start;\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t&__annot {\n\t\tcolor: color(\"secondary\");\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $accordion-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\tmin-height: get(\"min-height\", $definitions);\n\t\t\t\t\tpadding: get(\"padding-y\", $definitions) get(\"padding-x\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__arrow {\n\t\t\t\t\twidth: get(\"icon-size\", $definitions);\n\t\t\t\t\theight: get(\"icon-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\theight: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__annot {\n\t\t\t\t\t@include typography(get(\"font-annot\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"padding-inner\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $accordion-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-color: get(\"separator\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tbackground-color: get(\"background-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"disabled\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\tcolor: get(\"disabled-color\", $definitions);\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: md) {\n\t\t&__title {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t\t&__label {\n\t\t\tflex: 0 0 auto;\n\t\t\tmax-width: calc(100% - 50px);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionSizeType, AccordionSizes, AccordionItemClass, AccordionVariantType, AccordionVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovAccordionItemChangeEvent } from './gov-accordion-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-accordion-item',\n\tstyleUrl: 'gov-accordion-item.scss',\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovAccordionItem')\n\t\tthis.contentId = createID('GovAccordionContent')\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType\n\t/**\n\t * Item name of the accordion\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Item annotation of the accordion\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'trigger-tag' }) readonly triggerTag: string = 'h3'\n\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovAccordionItemChangeEvent>\n\n\t@Watch('label')\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${AccordionItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('triggerTag')\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${AccordionItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateSize(this.size)\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.triggerTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\t\tconst { isExpandedState, label } = this\n\t\tconst TriggerTag = this.triggerTag\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionItemClass.root)} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(isExpandedState)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={() => this.toggle()}\n\t\t\t\t>\n\t\t\t\t\t<TriggerTag class={AccordionItemClass.title}>\n\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.name}>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.label}>{label}</span>\n\t\t\t\t\t\t\t{this.annotation && <span class={AccordionItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t{this.h.hasSlot('suffix') && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</TriggerTag>\n\n\t\t\t\t\t<gov-icon class={AccordionItemClass.arrow} name=\"arrow-down\"></gov-icon>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!isExpandedState)}\n\t\t\t\t\thidden={!isExpandedState}\n\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"]}
+{"version":3,"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.scss?tag=gov-accordion-item","../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"names":["govAccordionItemCss","GovAccordionItem","[object Object]","hostRef","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","AccordionItemClass","root","validTags","includes","validateProp","AccordionSizes","AccordionVariants","govChange","emit","open","isExpandedState","element","isExpanded","validateSize","size","validateLabel","label","validateVariant","variant","validateTriggerTag","triggerTag","identifier","TriggerTag","Host","class","classes","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","title","hasSlot","icon","name","annotation","annot","suffix","arrow","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"wVAAA,MAAMA,EAAsB,w3SCcfC,EAAgB,MAK5BC,YAAAC,+FAYkD,qHAqBb,sBAI8B,sBAID,KAxCjEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,oBAC1BL,KAAKM,UAAYD,EAAS,uBA8C3BP,cAAcS,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAmBC,wCAKrCZ,mBAAmBS,GAClB,MAAMI,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIJ,EAAU,CACb,IAAKI,EAAUC,SAASL,GAAW,CAClCC,EAAY,IAAIC,EAAmBC,cAAcH,uBAMpDT,aAAaS,GACZM,EAAaC,EAAgBP,EAAUE,EAAmBC,MAI3DZ,gBAAgBS,GACfM,EAAaE,EAAmBR,EAAUE,EAAmBC,MAGtDZ,cACPE,KAAKgB,UAAUC,KAAK,CAAEC,KAAMlB,KAAKmB,gBAAiBC,QAASpB,KAAKG,OAGjEL,oBACCE,KAAKmB,gBAAkBnB,KAAKqB,WAC5BrB,KAAKsB,aAAatB,KAAKuB,MACvBvB,KAAKwB,cAAcxB,KAAKyB,OACxBzB,KAAK0B,gBAAgB1B,KAAK2B,SAC1B3B,KAAK4B,mBAAmB5B,KAAK6B,YAG9B/B,SACC,MAAMM,EAAYJ,KAAK8B,YAAc9B,KAAKI,UAC1C,MAAME,EAAYN,KAAKM,UACvB,MAAMa,gBAAEA,EAAeM,MAAEA,GAAUzB,KACnC,MAAM+B,EAAa/B,KAAK6B,WAExB,OACC5B,EAAC+B,EAAI,CAACC,MAAOjC,KAAKC,EAAEiC,QAAQzB,EAAmBC,MAAOyB,KAAK,YAC1DlC,EAAA,SAAA,CACCmC,GAAIhC,EACJ6B,MAAOxB,EAAmB4B,OAAMC,gBACjBC,EAAcpB,GAAgBqB,gBAC9BlC,EACfmC,SAAUzC,KAAKyC,SAAQC,gBACRC,EAAoB3C,KAAKyC,UACxCG,QAAS,IAAM5C,KAAK6C,UAEpB5C,EAAC8B,EAAU,CAACE,MAAOxB,EAAmBqC,OACpC9C,KAAKC,EAAE8C,QAAQ,SACf9C,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBuC,MAC/B/C,EAAA,OAAA,CAAMgD,KAAK,UAIbhD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBwC,MAC/BhD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmBgB,OAAQA,GACvCzB,KAAKkD,YAAcjD,EAAA,OAAA,CAAMgC,MAAOxB,EAAmB0C,OAAQnD,KAAKkD,aAGjElD,KAAKC,EAAE8C,QAAQ,WACf9C,EAAA,OAAA,CAAMgC,MAAOxB,EAAmB2C,QAC/BnD,EAAA,OAAA,CAAMgD,KAAK,aAKdhD,EAAA,WAAA,CAAUgC,MAAOxB,EAAmB4C,MAAOJ,KAAK,kBAEjDhD,EAAA,MAAA,CACCgC,MAAOxB,EAAmB6C,QAC1BlB,GAAI9B,EAASiD,cACAhB,GAAepB,GAC5BqC,QAASrC,EAAesC,kBACPrD,GAEjBH,EAAA,OAAA,QAUJH,aACCE,KAAKmB,gBAAkB,KACvBnB,KAAK0D,cAON5D,cACCE,KAAKmB,gBAAkB,MACvBnB,KAAK0D,cAON5D,eACCE,KAAKmB,iBAAmBnB,KAAKmB,gBAC7BnB,KAAK0D,cAON5D,qBACC,OAAOE,KAAKmB","sourcesContent":["/*\n *   Accordion - Item\n */\n\n$class: \".gov-accordion-item\";\n\n#{$class} {\n\t@include base();\n\t&__header {\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\tright: 0;\n\t\t\tbottom: -1px;\n\t\t\tleft: 0;\n\t\t\theight: 1px;\n\t\t}\n\n\t\t// STATES\n\t\t&:focus-visible {\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"aria-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__arrow {\n\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t\talign-self: center;\n\t}\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t}\n\t&__suffix {\n\t\tdisplay: inline-flex;\n\t\tvertical-align: middle;\n\t\tflex: 0 0 auto;\n\t\talign-self: start;\n\t\tmargin-left: auto;\n\t\tline-height: initial;\n\t}\n\t&__title {\n\t\t@include general;\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\talign-items: flex-start;\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t&__annot {\n\t\tcolor: color(\"secondary\");\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $accordion-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t\tmin-height: get(\"min-height\", $definitions);\n\t\t\t\t\tpadding: get(\"padding-y\", $definitions) get(\"padding-x\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__arrow {\n\t\t\t\t\twidth: get(\"icon-size\", $definitions);\n\t\t\t\t\theight: get(\"icon-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\theight: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t\tgap: get(\"headline-gap\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__annot {\n\t\t\t\t\t@include typography(get(\"font-annot\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"padding-inner\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $accordion-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-color: get(\"separator\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tbackground-color: get(\"background-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"disabled\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\tcolor: get(\"disabled-color\", $definitions);\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: md) {\n\t\t&__title {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t\t&__label {\n\t\t\tflex: 0 0 auto;\n\t\t\t// max-width: calc(100% - 50px);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AccordionSizeType, AccordionSizes, AccordionItemClass, AccordionVariantType, AccordionVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovAccordionItemChangeEvent } from './gov-accordion-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-accordion-item',\n\tstyleUrl: 'gov-accordion-item.scss',\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovAccordionItem')\n\t\tthis.contentId = createID('GovAccordionContent')\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: AccordionVariantType = 'primary'\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType\n\t/**\n\t * Item name of the accordion\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Item annotation of the accordion\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'trigger-tag' }) readonly triggerTag: string = 'h3'\n\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovAccordionItemChangeEvent>\n\n\t@Watch('label')\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${AccordionItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('triggerTag')\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${AccordionItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateSize(this.size)\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.triggerTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\t\tconst { isExpandedState, label } = this\n\t\tconst TriggerTag = this.triggerTag\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionItemClass.root)} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(isExpandedState)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={() => this.toggle()}\n\t\t\t\t>\n\t\t\t\t\t<TriggerTag class={AccordionItemClass.title}>\n\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.name}>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.label}>{label}</span>\n\t\t\t\t\t\t\t{this.annotation && <span class={AccordionItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t{this.h.hasSlot('suffix') && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</TriggerTag>\n\n\t\t\t\t\t<gov-icon class={AccordionItemClass.arrow} name=\"chevron-down\"></gov-icon>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!isExpandedState)}\n\t\t\t\t\thidden={!isExpandedState}\n\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"]}

package/dist/core/{p-03d40bf4.entry.js → p-833ab414.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as a,g as e,c as o}from"./p-682c7cc6.js";import{c as i,v as r}from"./p-364b4792.js";import{c as n}from"./p-c20102ff.js";import{d as c}from"./p-03990da5.js";import{g as m}from"./p-3f37ddb6.js";import{F as g,a as l}from"./p-6278531b.js";import{v}from"./p-26acf964.js";import{c as h}from"./p-24636c53.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";const f={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const p={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-attachments{position:relative;display:block;width:100%}.gov-attachments__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);color:var(--gov-form-label-color, #686868)}.gov-attachments__list>*:last-child{margin-bottom:0}";const _=class{constructor(s){t(this,s);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(f.root)},this.label?s("p",{class:f.label},this.label):null,s("div",{class:f.list,role:"list","aria-label":this.wcagLabel},s("slot",null)))}async validateWcag(){i(this.wcagLabel,"wcag-label",f.root)}get host(){return e(this)}};_.style=d;const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-attachments-item{position:relative;display:block;width:100%;margin:0rem 0rem 0.5rem}.gov-attachments-item__messages>*:last-child{margin-bottom:0}.gov-attachments-item__file{display:flex;gap:1rem}.gov-attachments-item__name{display:flex;gap:0 0.5rem;flex-wrap:wrap;align-items:center;align-self:center;margin:0;color:var(--gov-attachments-name-color, var(--gov-color-primary))}.gov-attachments-item__name span{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);color:var(--gov-attachments-decor-color, var(--gov-color-secondary-700))}";const y=class{constructor(s){t(this,s);this.govRemove=o(this,"gov-remove",7);this.wcagRemoveLabel=undefined;this.wcagRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(p.root),role:"listitem"},s("div",{class:p.file},s("p",{class:p.name},s("slot",null),s("slot",{name:"info"})),s("gov-button",{variant:"primary",type:"base",size:"s","wcag-label":this.wcagRemoveLabel,"wcag-labelled-by":this.wcagRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{slot:"left-icon",name:"cross"}))),this.h.hasSlot("message")&&s("div",{class:p.messages},s("slot",{name:"message"})))}async validateWcag(){r(this.wcagRemoveLabel,this.wcagRemoveLabelledBy,p.root)}get host(){return e(this)}};y.style=u;const w=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-form-message{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const x=class{constructor(s){t(this,s);this.variant="secondary";this.h=m(this.host);this.messageId=h("GovFormMessage")}validateVariant(t){v(l,t,g.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return s(a,{class:this.h.classes(g.root),variant:this.variant},this.h.hasSlot("icon")&&s("span",{class:g.icon},s("slot",{name:"icon"})),s("span",{id:this.messageId,class:g.content},s("slot",null)))}async identifier(){return this.messageId}get host(){return e(this)}static get watchers(){return{variant:["validateVariant"]}}};x.style=w;export{_ as gov_attachments,y as gov_attachments_item,x as gov_form_message};
-//# sourceMappingURL=p-03d40bf4.entry.js.map
+import{r as t,h as s,H as a,g as e,c as o}from"./p-682c7cc6.js";import{c as i,v as r}from"./p-364b4792.js";import{c as n}from"./p-c20102ff.js";import{d as c}from"./p-03990da5.js";import{g as m}from"./p-3f37ddb6.js";import{F as g,a as l}from"./p-6278531b.js";import{v}from"./p-26acf964.js";import{c as h}from"./p-24636c53.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";const f={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const p={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-attachments{position:relative;display:block;width:100%}.gov-attachments__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);color:var(--gov-form-label-color, #686868)}.gov-attachments__list>*:last-child{margin-bottom:0}";const _=class{constructor(s){t(this,s);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(f.root)},this.label?s("p",{class:f.label},this.label):null,s("div",{class:f.list,role:"list","aria-label":this.wcagLabel},s("slot",null)))}async validateWcag(){i(this.wcagLabel,"wcag-label",f.root)}get host(){return e(this)}};_.style=d;const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-attachments-item{position:relative;display:block;width:100%;margin:0rem 0rem 0.5rem}.gov-attachments-item__messages>*:last-child{margin-bottom:0}.gov-attachments-item__file{display:flex;gap:1rem}.gov-attachments-item__name{display:flex;gap:0 0.5rem;flex-wrap:wrap;align-items:center;align-self:center;margin:0;color:var(--gov-attachments-name-color, var(--gov-color-primary))}.gov-attachments-item__name span{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);color:var(--gov-attachments-decor-color, var(--gov-color-secondary-700))}";const x=class{constructor(s){t(this,s);this.govRemove=o(this,"gov-remove",7);this.wcagRemoveLabel=undefined;this.wcagRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(p.root),role:"listitem"},s("div",{class:p.file},s("p",{class:p.name},s("slot",null),s("slot",{name:"info"})),s("gov-button",{variant:"primary",type:"base",size:"s","wcag-label":this.wcagRemoveLabel,"wcag-labelled-by":this.wcagRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&s("div",{class:p.messages},s("slot",{name:"message"})))}async validateWcag(){r(this.wcagRemoveLabel,this.wcagRemoveLabelledBy,p.root)}get host(){return e(this)}};x.style=u;const y=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-form-message{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const w=class{constructor(s){t(this,s);this.variant="secondary";this.h=m(this.host);this.messageId=h("GovFormMessage")}validateVariant(t){v(l,t,g.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return s(a,{class:this.h.classes(g.root),variant:this.variant},this.h.hasSlot("icon")&&s("span",{class:g.icon},s("slot",{name:"icon"})),s("span",{id:this.messageId,class:g.content},s("slot",null)))}async identifier(){return this.messageId}get host(){return e(this)}static get watchers(){return{variant:["validateVariant"]}}};w.style=y;export{_ as gov_attachments,x as gov_attachments_item,w as gov_form_message};
+//# sourceMappingURL=p-833ab414.entry.js.map

package/dist/core/{p-03d40bf4.entry.js.map → p-833ab414.entry.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.scss?tag=gov-attachments","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.scss?tag=gov-form-message","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"names":["AttachmentsClass","root","label","list","AttachmentsItemClass","name","file","messages","govAttachmentsCss","GovAttachments","[object Object]","hostRef","this","h","govHost","host","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","aria-label","wcagLabel","validateWcagProp","govAttachmentsItemCss","GovAttachmentsItem","variant","type","size","wcag-label","wcagRemoveLabel","wcag-labelled-by","wcagRemoveLabelledBy","on-gov-click","govRemove","emit","slot","hasSlot","validateWcagLabel","govFormMessageCss","GovFormMessage","messageId","createID","newValue","validateProp","FormMessageVariants","FormMessageClass","validateVariant","icon","id","content"],"mappings":"qXAAO,MAAMA,EAAmB,CAC/BC,KAAM,kBACNC,MAAO,yBACPC,KAAM,yBAGA,MAAMC,EAAuB,CACnCH,KAAM,uBACNI,KAAM,6BACNC,KAAM,6BACNC,SAAU,kCCVX,MAAMC,EAAoB,2hBCYbC,EAAc,MAG1BC,YAAAC,2DACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAavBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQrB,EAAiBC,OAC3CW,KAAKV,MAAQW,EAAA,IAAA,CAAGO,MAAOpB,EAAiBE,OAAQU,KAAKV,OAAa,KACnEW,EAAA,MAAA,CAAKO,MAAOpB,EAAiBG,KAAMmB,KAAK,OAAMC,aAAaX,KAAKY,WAC/DX,EAAA,OAAA,QAUJH,qBACCe,EAAiBb,KAAKY,UAAW,aAAcxB,EAAiBC,4CCpDlE,MAAMyB,EAAwB,m1BCYjBC,EAAkB,MAG9BjB,YAAAC,sHACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAkBvBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQjB,EAAqBH,MAAOqB,KAAK,YAC5DT,EAAA,MAAA,CAAKO,MAAOhB,EAAqBE,MAChCO,EAAA,IAAA,CAAGO,MAAOhB,EAAqBC,MAC9BQ,EAAA,OAAA,MACAA,EAAA,OAAA,CAAMR,KAAK,UAEZQ,EAAA,aAAA,CACCe,QAAQ,UACRC,KAAK,OACLC,KAAK,IAAGC,aACInB,KAAKoB,gBAAeC,mBACdrB,KAAKsB,qBAAoBC,eAC7BvB,KAAKwB,UAAUC,MAE7BxB,EAAA,WAAA,CAAUyB,KAAK,YAAYjC,KAAK,YAIjCO,KAAKC,EAAE0B,QAAQ,YACf1B,EAAA,MAAA,CAAKO,MAAOhB,EAAqBG,UAChCM,EAAA,OAAA,CAAMR,KAAK,cAWhBK,qBACC8B,EAAkB5B,KAAKoB,gBAAiBpB,KAAKsB,qBAAsB9B,EAAqBH,4CC3E1F,MAAMwC,EAAoB,wjCCWbC,EAAc,MAI1BhC,YAAAC,0BAS4E,YAR3EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAK+B,UAAYC,EAAS,kBAU3BlC,gBAAgBmC,GACfC,EAAaC,EAAqBF,EAAUG,EAAiB/C,MAG9DS,oBACCE,KAAKqC,gBAAgBrC,KAAKgB,SAG3BlB,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQ2B,EAAiB/C,MAAO2B,QAAShB,KAAKgB,SAChEhB,KAAKC,EAAE0B,QAAQ,SACf1B,EAAA,OAAA,CAAMO,MAAO4B,EAAiBE,MAC7BrC,EAAA,OAAA,CAAMR,KAAK,UAGbQ,EAAA,OAAA,CAAMsC,GAAIvC,KAAK+B,UAAWvB,MAAO4B,EAAiBI,SACjDvC,EAAA,OAAA,QAUJH,mBACC,OAAOE,KAAK+B","sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","/*\n *   Attachments\n */\n\n$class: \".gov-attachments\";\n\n#{$class} {\n\t@include base();\n\t&__label {\n\t\t@include typography($font-size-s);\n\t\tcolor: $form-label-color;\n\t}\n\t&__list {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n\tstyleUrl: 'gov-attachments.scss',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/*\n *   Attachments - Item\n */\n\n$class: \".gov-attachments-item\";\n\n#{$class} {\n\t@include base();\n\tmargin: rem-calc(0 0 8);\n\t&__messages {\n\t\t@include reset-last-margin();\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: 0 rem-calc(8);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography($font-size-xs);\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsItemClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-remove-label' }) readonly wcagRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({ attribute: 'wcag-remove-labelled-by' }) readonly wcagRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({ eventName: 'gov-remove' }) govRemove: EventEmitter<PointerEvent>\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<slot name=\"info\" />\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagRemoveLabel}\n\t\t\t\t\t\twcag-labelled-by={this.wcagRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"cross\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\" />\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 * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagRemoveLabel, this.wcagRemoveLabelledBy, AttachmentsItemClass.root)\n\t}\n}\n","/*\n *   Form Message\n */\n\n$class: \".gov-form-message\";\n$font-size: $font-size-s;\n\n#{$class} {\n\t@include typography($font-size);\n\tdisplay: flex;\n\tgap: rem-calc(8);\n\tmargin: rem-calc(0 0 16);\n\t&__icon {\n\t\tposition: relative;\n\t\ttop: calc(var(--gov-text-#{$font-size}-font-size) / 6);\n\t\tdisplay: flex;\n\t\t& > * {\n\t\t\twidth: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t\theight: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $form-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tcolor: get(\"color\", $definitions);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { FormMessageClass, FormMessageVariants, FormMessageVariantType } from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n\tstyleUrl: 'gov-form-message.scss',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the mesage.\n\t */\n\t@Prop({ attribute: 'variant' }) readonly variant?: FormMessageVariantType = 'secondary'\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMessageVariants, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<span class={FormMessageClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\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\t/**\n\t * Returns unique identfiier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"]}
+{"version":3,"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.scss?tag=gov-attachments","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.scss?tag=gov-form-message","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"names":["AttachmentsClass","root","label","list","AttachmentsItemClass","name","file","messages","govAttachmentsCss","GovAttachments","[object Object]","hostRef","this","h","govHost","host","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","aria-label","wcagLabel","validateWcagProp","govAttachmentsItemCss","GovAttachmentsItem","variant","type","size","wcag-label","wcagRemoveLabel","wcag-labelled-by","wcagRemoveLabelledBy","on-gov-click","govRemove","emit","slot","hasSlot","validateWcagLabel","govFormMessageCss","GovFormMessage","messageId","createID","newValue","validateProp","FormMessageVariants","FormMessageClass","validateVariant","icon","id","content"],"mappings":"qXAAO,MAAMA,EAAmB,CAC/BC,KAAM,kBACNC,MAAO,yBACPC,KAAM,yBAGA,MAAMC,EAAuB,CACnCH,KAAM,uBACNI,KAAM,6BACNC,KAAM,6BACNC,SAAU,kCCVX,MAAMC,EAAoB,2hBCYbC,EAAc,MAG1BC,YAAAC,2DACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAavBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQrB,EAAiBC,OAC3CW,KAAKV,MAAQW,EAAA,IAAA,CAAGO,MAAOpB,EAAiBE,OAAQU,KAAKV,OAAa,KACnEW,EAAA,MAAA,CAAKO,MAAOpB,EAAiBG,KAAMmB,KAAK,OAAMC,aAAaX,KAAKY,WAC/DX,EAAA,OAAA,QAUJH,qBACCe,EAAiBb,KAAKY,UAAW,aAAcxB,EAAiBC,4CCpDlE,MAAMyB,EAAwB,m1BCYjBC,EAAkB,MAG9BjB,YAAAC,sHACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAkBvBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQjB,EAAqBH,MAAOqB,KAAK,YAC5DT,EAAA,MAAA,CAAKO,MAAOhB,EAAqBE,MAChCO,EAAA,IAAA,CAAGO,MAAOhB,EAAqBC,MAC9BQ,EAAA,OAAA,MACAA,EAAA,OAAA,CAAMR,KAAK,UAEZQ,EAAA,aAAA,CACCe,QAAQ,UACRC,KAAK,OACLC,KAAK,IAAGC,aACInB,KAAKoB,gBAAeC,mBACdrB,KAAKsB,qBAAoBC,eAC7BvB,KAAKwB,UAAUC,MAE7BxB,EAAA,WAAA,CAAUyB,KAAK,YAAYjC,KAAK,WAIjCO,KAAKC,EAAE0B,QAAQ,YACf1B,EAAA,MAAA,CAAKO,MAAOhB,EAAqBG,UAChCM,EAAA,OAAA,CAAMR,KAAK,cAWhBK,qBACC8B,EAAkB5B,KAAKoB,gBAAiBpB,KAAKsB,qBAAsB9B,EAAqBH,4CC3E1F,MAAMwC,EAAoB,wjCCWbC,EAAc,MAI1BhC,YAAAC,0BAS4E,YAR3EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAK+B,UAAYC,EAAS,kBAU3BlC,gBAAgBmC,GACfC,EAAaC,EAAqBF,EAAUG,EAAiB/C,MAG9DS,oBACCE,KAAKqC,gBAAgBrC,KAAKgB,SAG3BlB,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQ2B,EAAiB/C,MAAO2B,QAAShB,KAAKgB,SAChEhB,KAAKC,EAAE0B,QAAQ,SACf1B,EAAA,OAAA,CAAMO,MAAO4B,EAAiBE,MAC7BrC,EAAA,OAAA,CAAMR,KAAK,UAGbQ,EAAA,OAAA,CAAMsC,GAAIvC,KAAK+B,UAAWvB,MAAO4B,EAAiBI,SACjDvC,EAAA,OAAA,QAUJH,mBACC,OAAOE,KAAK+B","sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","/*\n *   Attachments\n */\n\n$class: \".gov-attachments\";\n\n#{$class} {\n\t@include base();\n\t&__label {\n\t\t@include typography($font-size-s);\n\t\tcolor: $form-label-color;\n\t}\n\t&__list {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n\tstyleUrl: 'gov-attachments.scss',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/*\n *   Attachments - Item\n */\n\n$class: \".gov-attachments-item\";\n\n#{$class} {\n\t@include base();\n\tmargin: rem-calc(0 0 8);\n\t&__messages {\n\t\t@include reset-last-margin();\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: 0 rem-calc(8);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography($font-size-xs);\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsItemClass } from './constants'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-remove-label' }) readonly wcagRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({ attribute: 'wcag-remove-labelled-by' }) readonly wcagRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({ eventName: 'gov-remove' }) govRemove: EventEmitter<PointerEvent>\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<slot name=\"info\" />\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagRemoveLabel}\n\t\t\t\t\t\twcag-labelled-by={this.wcagRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\" />\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 * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagRemoveLabel, this.wcagRemoveLabelledBy, AttachmentsItemClass.root)\n\t}\n}\n","/*\n *   Form Message\n */\n\n$class: \".gov-form-message\";\n$font-size: $font-size-s;\n\n#{$class} {\n\t@include typography($font-size);\n\tdisplay: flex;\n\tgap: rem-calc(8);\n\tmargin: rem-calc(0 0 16);\n\t&__icon {\n\t\tposition: relative;\n\t\ttop: calc(var(--gov-text-#{$font-size}-font-size) / 6);\n\t\tdisplay: flex;\n\t\t& > * {\n\t\t\twidth: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t\theight: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $form-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tcolor: get(\"color\", $definitions);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { FormMessageClass, FormMessageVariants, FormMessageVariantType } from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n\tstyleUrl: 'gov-form-message.scss',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the mesage.\n\t */\n\t@Prop({ attribute: 'variant' }) readonly variant?: FormMessageVariantType = 'secondary'\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMessageVariants, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<span class={FormMessageClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\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\t/**\n\t * Returns unique identfiier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"]}

package/dist/core/{p-34360f92.entry.js → p-84fda9dd.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as r,h as e,H as a,g as o}from"./p-682c7cc6.js";import{a as t}from"./p-561fa17b.js";import{v as n}from"./p-26acf964.js";import{W as v,c as s}from"./p-64ced668.js";import{c as z}from"./p-24636c53.js";import{g as d,b as g,t as l}from"./p-3f37ddb6.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-03990da5.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';var m;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(m||(m={}));const h=class{constructor(e){i(this,e);this.govChange=r(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.isExpandedState=undefined;this.h=d(this.host);this.triggerId=z("GovWizzardItem");this.contentId=z("GovWizzardContent")}validateLabel(i){if(!i){t(`[${v.root}]: Parameter label is required.`)}}validateTriggerTag(i){const r=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!r.includes(i)){t(`[${v.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){n(s,i,v.root)}emmitChange(){this.govChange.emit({open:this.isExpandedState,element:this.host})}componentWillLoad(){this.isExpandedState=this.isExpanded;this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const r=this.labelTag;const o=this.collapsible?m.BUTTON:m.DIV;const t=e(r,{class:v.title},this.h.hasSlot("prefix")&&e("span",{class:v.prefix},e("slot",{name:"prefix"})),e("span",{class:v.name},e("span",{class:v.label},e("span",null,this.label),this.collapsible&&e("gov-icon",{class:v.arrow,name:"arrow-down"})),this.annotation&&e("span",{class:v.annot},this.annotation)));return e(a,{class:this.h.classes(v.root),variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?e(o,{id:i,class:v.header,"aria-expanded":g(this.isExpandedState),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:()=>this.collapsible?this.toggle():false},t):e("div",{class:v.header},t),this.collapsible?e("div",{class:v.content,id:this.contentId,"aria-hidden":g(!this.isExpandedState),hidden:!this.isExpandedState,"aria-labelledby":i},e("slot",null)):e("div",{class:v.content,"aria-hidden":g(!this.isExpandedState),hidden:!this.isExpandedState},e("slot",null)))}async open(){this.isExpandedState=true;this.emmitChange()}async close(){this.isExpandedState=false;this.emmitChange()}async toggle(){this.isExpandedState=!this.isExpandedState;this.emmitChange()}async currentState(){return this.isExpandedState}get host(){return o(this)}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}};h.style=c;export{h as gov_wizzard_item};
-//# sourceMappingURL=p-34360f92.entry.js.map
+import{r as i,c as r,h as e,H as a,g as o}from"./p-682c7cc6.js";import{a as t}from"./p-561fa17b.js";import{v as n}from"./p-26acf964.js";import{W as v,c as s}from"./p-64ced668.js";import{c as z}from"./p-24636c53.js";import{g as d,b as g,t as l}from"./p-3f37ddb6.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-03990da5.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';var m;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(m||(m={}));const h=class{constructor(e){i(this,e);this.govChange=r(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.isExpandedState=undefined;this.h=d(this.host);this.triggerId=z("GovWizzardItem");this.contentId=z("GovWizzardContent")}validateLabel(i){if(!i){t(`[${v.root}]: Parameter label is required.`)}}validateTriggerTag(i){const r=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!r.includes(i)){t(`[${v.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){n(s,i,v.root)}emmitChange(){this.govChange.emit({open:this.isExpandedState,element:this.host})}componentWillLoad(){this.isExpandedState=this.isExpanded;this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const r=this.labelTag;const o=this.collapsible?m.BUTTON:m.DIV;const t=e(r,{class:v.title},this.h.hasSlot("prefix")&&e("span",{class:v.prefix},e("slot",{name:"prefix"})),e("span",{class:v.name},e("span",{class:v.label},e("span",null,this.label),this.collapsible&&e("gov-icon",{class:v.arrow,name:"chevron-down"})),this.annotation&&e("span",{class:v.annot},this.annotation)));return e(a,{class:this.h.classes(v.root),variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?e(o,{id:i,class:v.header,"aria-expanded":g(this.isExpandedState),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:()=>this.collapsible?this.toggle():false},t):e("div",{class:v.header},t),this.collapsible?e("div",{class:v.content,id:this.contentId,"aria-hidden":g(!this.isExpandedState),hidden:!this.isExpandedState,"aria-labelledby":i},e("slot",null)):e("div",{class:v.content,"aria-hidden":g(!this.isExpandedState),hidden:!this.isExpandedState},e("slot",null)))}async open(){this.isExpandedState=true;this.emmitChange()}async close(){this.isExpandedState=false;this.emmitChange()}async toggle(){this.isExpandedState=!this.isExpandedState;this.emmitChange()}async currentState(){return this.isExpandedState}get host(){return o(this)}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}};h.style=c;export{h as gov_wizzard_item};
+//# sourceMappingURL=p-84fda9dd.entry.js.map

package/dist/core/{p-34360f92.entry.js.map → p-84fda9dd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.scss?tag=gov-wizzard-item","../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":["govWizzardItemCss","Tags","GovWizzardItem","[object Object]","hostRef","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","WizzardItemClass","root","validTags","includes","validateProp","WizardVariants","govChange","emit","open","isExpandedState","element","isExpanded","validateLabel","label","validateVariant","variant","validateTriggerTag","labelTag","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","class","title","hasSlot","prefix","name","arrow","annotation","annot","Host","classes","size","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"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","sourcesContent":["/*\n *   Wizzard - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-wizzard-item\";\n\n#{$class} {\n\t@include wizzard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizzard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizzard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizzard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardItemClass, WizardVariantsType, WizardSizesType, WizardVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined, govHost } from '../../helpers/Dom/template'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\nenum Tags {\n\tDIV = 'div',\n\tBUTTON = 'button',\n}\n\n@Component({\n\ttag: 'gov-wizzard-item',\n\tstyleUrl: 'gov-wizzard-item.scss',\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovWizzardItem')\n\t\tthis.contentId = createID('GovWizzardContent')\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = 'primary'\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = 'm'\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines wether the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'label-tag' }) readonly labelTag: string = 'h3'\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@State() isExpandedState: boolean\n\n\t@Watch('label')\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('labelTag')\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('variant')\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"arrow-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpandedState)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => (this.collapsible ? this.toggle() : false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t\thidden={!this.isExpandedState}\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={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpandedState)} hidden={!this.isExpandedState}>\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 Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\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.isExpandedState\n\t}\n}\n"]}
+{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.scss?tag=gov-wizzard-item","../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":["govWizzardItemCss","Tags","GovWizzardItem","[object Object]","hostRef","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","WizzardItemClass","root","validTags","includes","validateProp","WizardVariants","govChange","emit","open","isExpandedState","element","isExpanded","validateLabel","label","validateVariant","variant","validateTriggerTag","labelTag","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","class","title","hasSlot","prefix","name","arrow","annotation","annot","Host","classes","size","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"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","sourcesContent":["/*\n *   Wizzard - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-wizzard-item\";\n\n#{$class} {\n\t@include wizzard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizzard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizzard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizzard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardItemClass, WizardVariantsType, WizardSizesType, WizardVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined, govHost } from '../../helpers/Dom/template'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\nenum Tags {\n\tDIV = 'div',\n\tBUTTON = 'button',\n}\n\n@Component({\n\ttag: 'gov-wizzard-item',\n\tstyleUrl: 'gov-wizzard-item.scss',\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovWizzardItem')\n\t\tthis.contentId = createID('GovWizzardContent')\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = 'primary'\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = 'm'\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines wether the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: 'is-expanded' }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'label-tag' }) readonly labelTag: string = 'h3'\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@State() isExpandedState: boolean\n\n\t@Watch('label')\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('labelTag')\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('variant')\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpandedState)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => (this.collapsible ? this.toggle() : false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t\thidden={!this.isExpandedState}\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={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpandedState)} hidden={!this.isExpandedState}>\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 Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\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.isExpandedState\n\t}\n}\n"]}

package/dist/core/p-851939ff.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as i,g as r}from"./p-682c7cc6.js";import{t as l}from"./p-3f37ddb6.js";import{F as s,a,b as m}from"./p-ef79904e.js";import{v as c}from"./p-26acf964.js";import{a as n,b as v}from"./p-364b4792.js";import{c as g}from"./p-c20102ff.js";import{c as f,r as u}from"./p-24636c53.js";import{d}from"./p-03990da5.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-561fa17b.js";const h='.gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=""].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled="1"].gov-form-multi-select{pointer-events:none}[disabled=""].gov-form-multi-select input,[disabled=""].gov-form-multi-select select,[disabled=""].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled="1"].gov-form-multi-select input,[disabled="1"].gov-form-multi-select select,[disabled="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-multi-select *[slot=left-icon],[disabled=""].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled="1"].gov-form-multi-select *[slot=left-icon],[disabled="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-multi-select input,[invalid=""].gov-form-multi-select select,[invalid=""].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid="1"].gov-form-multi-select input,[invalid="1"].gov-form-multi-select select,[invalid="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-multi-select input::-moz-placeholder,[invalid=""].gov-form-multi-select select::-moz-placeholder,[invalid=""].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid="1"].gov-form-multi-select input::-moz-placeholder,[invalid="1"].gov-form-multi-select select::-moz-placeholder,[invalid="1"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select input::placeholder,[invalid=""].gov-form-multi-select select::placeholder,[invalid=""].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid="1"].gov-form-multi-select input::placeholder,[invalid="1"].gov-form-multi-select select::placeholder,[invalid="1"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select *[slot=left-icon],[invalid=""].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid="1"].gov-form-multi-select *[slot=left-icon],[invalid="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=""].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}';const p=class{constructor(o){e(this,o);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.identifier=undefined;this.placeholder=undefined;this.variant=undefined;this.size="m";this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.value=undefined;this.selectedOptions=[];this.selectId=f("GovSelect");this.listId=f("GovMultiList")}validateVariant(e){c(a,e,s.root)}validateSize(e){c(m,e,s.root)}emitChange(e){this.govChange.emit(e)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}getAvailableOptions(){return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>!(e.disabled||e.selected))).map((e=>({name:e.textContent,value:e.value})))}initAutocomplete(){this.autocompleteRef.addEventListener("gov-select",this.onSelectHandler.bind(this));this.autocompleteRef.addEventListener("gov-input",this.onInputHandler.bind(this));this.autocompleteRef.addEventListener("gov-focus",this.onFocusHandler.bind(this));this.autocompleteRef.addEventListener("gov-blur",this.onBlurHandler.bind(this));this.autocompleteRef.setSearchCallback((e=>new Promise((t=>{const o=this.getAvailableOptions();if(String(e).length===0){return t(o)}t(o.filter((({name:t})=>{if(!t)return false;return u(t).toLowerCase().indexOf(u(e).toLowerCase())>-1})))})))).then()}getOptionIndex(e){return this.selectedOptions.findIndex((t=>t.value===e.value&&t.name===e.name))}getOptionElement(e){return this.selectRef.querySelector('option[value="'+e.value+'"]')}selectOption(e){const t=this.getOptionIndex(e);if(t===-1){this.selectedOptions=[...this.selectedOptions,e];const t=this.getOptionElement(e);if(t){t.selected=true}}}removeOption(e){const t=this.getOptionIndex(e);if(t!==-1){this.selectedOptions.splice(t,1);this.selectedOptions=[...this.selectedOptions];const o=this.getOptionElement(e);if(o){o.selected=false}}}async componentDidRender(){this.initAutocomplete();await d(0);this.selectRef.querySelectorAll("option").forEach((e=>{if(e.selected){this.selectOption({name:e.textContent,value:e.value})}}));if(g()){await d(500);await this.validateWcag()}}render(){return o(i,{class:s.root,size:this.size,variant:this.variant},o("div",{class:s.wrap},o("div",{class:"element"},o("gov-form-autocomplete",{value:this.value,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,variant:this.variant,invalid:this.invalid,placeholder:this.placeholder,ref:e=>this.autocompleteRef=e,minlength:0,wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:this.listId}),o("gov-icon",{slot:"right-icon",class:"icon-arrow",name:"chevron-down"}),o("select",{hidden:true,"aria-hidden":true,multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":l(this.disabled),"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},o("slot",null)))),o("ul",{role:"listbox",id:this.listId,class:s.list},this.selectedOptions.map((e=>o("li",{class:s.item,role:"option"},e.name,o("gov-button",{wcagLabel:"Odebrat vybranou položku "+e.name,variant:"primary",type:"base",size:"s","on-gov-click":()=>this.onTagRemove(e)},o("gov-icon",{name:"x-lg"})))))))}onFocusHandler(e){e.stopPropagation();e.preventDefault();this.focused=true;this.govFocus.emit(e)}onBlurHandler(e){e.stopPropagation();e.stopPropagation();e.preventDefault();this.focused=false;this.govBlur.emit(e)}onInputHandler(e){this.value=e.target.value;e.stopPropagation();e.preventDefault()}onSelectHandler(e){e.stopPropagation();e.preventDefault();const t=e.detail;this.selectOption(t);this.value="";this.autocompleteRef.clearValue();this.autocompleteRef.focus()}onTagRemove(e){this.removeOption(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getInstance(){return this.selectRef}async validateWcag(){n(this.wcagDescribedBy,"wcag-described-by",s.root);n(this.wcagLabelledBy,"wcag-labelled-by",s.root);n(this.wcagOwns,"wcag-owns",s.root);v(this.identifier||this.selectId,this.wcagLabelledBy,s.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],selectedOptions:["emitChange"]}}};p.style=h;export{p as gov_form_multi_select};
+//# sourceMappingURL=p-851939ff.entry.js.map

package/dist/core/p-851939ff.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","this","selectId","createID","listId","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","FormMultiselectSizes","govChange","emit","validateVariant","variant","validateSize","size","Array","from","selectRef","querySelectorAll","filter","option","disabled","selected","map","name","textContent","value","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","h","Host","class","wrap","identifier","required","invalid","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","stopPropagation","preventDefault","focused","govFocus","govBlur","target","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"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","sourcesContent":["/*\n *   Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, h, State, Prop, Event, EventEmitter, Watch, Host, Method } from '@stencil/core'\nimport { toBoolAttrIfDefined } from '../../../helpers/Dom/template'\nimport { FormMultiselectSizesType, FormMultiselectVariants, FormMultiselectVariantType, FormMultiSelectClass, FormMultiselectSizes } from './constants'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../../helpers/Dom/win'\nimport { createID, removeDiacritics } from '../../../utils/string.utils'\nimport { delay } from '../../../utils/utils'\nimport { Nullable } from '../../../types/interfaces'\nimport { GovFormMultiSelectItem } from './interfaces'\n\n@Component({\n\ttag: 'gov-form-multi-select',\n\tstyleUrl: 'gov-form-multi-select.scss',\n})\nexport class GovFormMultiSelect {\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: 'placeholder' }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-owns' }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovFormMultiSelectItem[]>\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('selectedOptions')\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit(newValue)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({ name: option.textContent, value: option.value }))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({ name }) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value.value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={'Odebrat vybranou položku ' + option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {e.stopPropagation()\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tconst value = e.detail as GovFormMultiSelectItem\n\t\tthis.selectOption(value)\n\t\tthis.value = ''\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"]}