@gov-design-system-ce/components 0.0.1

package/dist/core/p-84ec0533.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-modal/gov-modal.scss?tag=gov-modal","../../../packages/core/src/components/gov-modal/gov-modal.tsx"],"names":["govModalCss","GovModal","[object Object]","hostRef","this","h","govHost","host","labelId","createID","contentId","newValue","validTags","includes","govErrorLog","ModalClass","root","open","document","body","classList","add","bodyFix","remove","showModal","hideModal","canValidateWcagOnRender","delay","validateWcag","LabelTag","labelTag","Host","class","dialog","hidden","tabindex","aria-modal","aria-hidden","toBoolAttr","aria-labelledby","wcaglabelledBy","aria-describedby","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagLabelledBy","wcagCloseLabelledBy","type","on-gov-click","onCloseHandler","bind","content","visible","wcag-label","wcag-labelled-by","e","stopPropagation","govClose","emit","validateWcagRef"],"mappings":"sSAAA,MAAMA,EAAc,+pFCePC,EAAQ,MAKpBC,YAAAC,2DAWwB,qCAQoB,uBAIkB,mIAtB7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,iBACxBL,KAAKM,UAAYD,EAAS,mBA4C3BP,iBAAiBS,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,uBAKpCT,YACPE,KAAKa,KAAO,KACZC,SAASC,KAAKC,UAAUC,IAAIN,EAAWO,SAGhCpB,YACPE,KAAKa,KAAO,MACZC,SAASC,KAAKC,UAAUG,OAAOR,EAAWO,SAG3CpB,4BACC,GAAIE,KAAKa,KAAM,CACdb,KAAKoB,gBACC,CACNpB,KAAKqB,aAIPvB,2BACC,GAAIwB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb1B,SACC,MAAM2B,EAAWzB,KAAK0B,SACtB,OACCzB,EAAC0B,EAAI,CAACC,MAAOjB,EAAWC,KAAMC,KAAMb,KAAKa,MACxCZ,EAAA,SAAA,CAAQ2B,MAAOjB,EAAWkB,OACxBC,QAAS9B,KAAKa,KACdkB,SAAS,KACTlB,KAAMb,KAAKa,KAAImB,aACJ,OAAMC,cACJC,GAAYlC,KAAKa,MAAKsB,kBAClBnC,KAAKoC,gBAAkBpC,KAAKI,QAAOiC,mBAClCrC,KAAKsC,iBAAmBtC,KAAKM,UAC/CiC,KAAMvC,KAAKuC,MACZtC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW6B,OACtBvC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW8B,QACrBzC,KAAKC,EAAEyC,QAAQ,SACfzC,EAAA,MAAA,CAAK2B,MAAOjB,EAAWgC,MACtB1C,EAAA,OAAA,CAAM2C,KAAK,UAGZ5C,KAAK6C,OACL5C,EAACwB,EAAQ,CAACG,MAAOjB,EAAWmC,MAAOC,GAAI/C,KAAKI,SAAUJ,KAAK6C,OAE5D5C,EAAA,aAAA,CAAY2B,MAAOjB,EAAWqC,MAC3BC,QAAQ,UACRC,UAAWlD,KAAKmD,eAChBC,eAAgBpD,KAAKqD,oBACrBC,KAAK,OAAMC,eACGvD,KAAKwD,eAAeC,KAAKzD,OACzCC,EAAA,WAAA,CAAU2C,KAAK,YAGjB3C,EAAA,MAAA,CAAK2B,MAAOjB,EAAW+C,QAASX,GAAI/C,KAAKM,WACxCL,EAAA,OAAA,SAKHA,EAAA,eAAA,CAAc0D,QAAS3D,KAAKa,KAAI+C,aACf5D,KAAKmD,eAAcU,mBACb7D,KAAKqD,oBAAmBE,eAC5BvD,KAAKwD,eAAeC,KAAKzD,SAKvCF,eAAegE,GACtBA,EAAEC,kBACF/D,KAAKqB,YACLrB,KAAKgE,SAASC,KAAKH,GAOpBhE,aACCE,KAAKoB,YAONtB,aACCE,KAAKqB,YAONvB,qBACCoE,EAAgBlE,KAAKoC,eAAgB,kBAAmBzB,EAAWC,MACnEsD,EAAgBlE,KAAKsC,gBAAiB,mBAAoB3B,EAAWC","sourcesContent":["/*\n *   Modal\n */\n\n$class: \".gov-modal\";\n\n#{$class} {\n\tdisplay: none;\n\t&__dialog {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tmax-width: $modal-max-width;\n\t\theight: 100%;\n\t\tpadding: rem-calc(8);\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttransform: translate(-50%, -50%);\n\t\tpointer-events: none;\n\t}\n\t&__inner {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $modal-bg;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t\tbox-shadow: get($shadow-l, $shadows);\n\t}\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: flex-start;\n\t\tpadding: rem-calc(24 4 24 16);\n\t\tborder-bottom: $modal-border;\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(24)) / 2);\n\t\t& > * {\n\t\t\twidth: rem-calc(24);\n\t\t\theight: rem-calc(24);\n\t\t}\n\t}\n\t&__title {\n\t\t@include typography($font-size-3xl);\n\t\tmargin: 0;\n\t}\n\t&__close {\n\t\tflex: 0 0 auto;\n\t\tmargin-left: auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(32)) / 2);\n\t}\n\t&__content {\n\t\theight: 100%;\n\t\tpadding: rem-calc(24 16);\n\t\tcolor: $modal-text-color;\n\t\toverflow: auto;\n\t\t& > *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8 16);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-top: $modal-border;\n\t}\n\n\t// STATES\n\t&__dialog:focus &__inner {\n\t\toutline: $outline;\n\t}\n\t@include parameter(\"open\") {\n\t\tdisplay: block;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__dialog {\n\t\t\tmax-width: calc($modal-max-width + 2 * rem-calc(24));\n\t\t\tpadding: rem-calc(24);\n\t\t\t&:focus {\n\t\t\t\toutline-offset: rem-calc(-24);\n\t\t\t}\n\t\t}\n\t\t&__inner {\n\t\t\tbox-shadow: get($shadow-xl, $shadows);\n\t\t}\n\n\t\t&--prompt &__dialog {\n\t\t\tmax-width: calc($modal-prompt-max-width + 2 * rem-calc(24));\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&__header {\n\t\t\tgap: rem-calc(20);\n\t\t\tpadding: rem-calc(32 36 32 48);\n\t\t}\n\t\t&__close {\n\t\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(40)) / 2);\n\t\t}\n\t\t&__content {\n\t\t\tpadding: rem-calc(24 48 32);\n\t\t}\n\n\t\t// MODIF\n\t\t&--prompt {\n\t\t\t#{$class} {\n\t\t\t\t&__header,\n\t\t\t\t&__content,\n\t\t\t\t&__actions {\n\t\t\t\t\tpadding: rem-calc(24);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, Element, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { ModalClass } from \"./constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport {toBoolAttr} from \"../../helpers/Dom/template\"\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\n\n@Component({\n\ttag: \"gov-modal\",\n\tstyleUrl: \"gov-modal.scss\",\n})\nexport class GovModal {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID(\"GovModalLabel\")\n\t\tthis.contentId = createID(\"GovModalContent\")\n\t}\n\n\t@Element() host: HTMLGovModalElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop() open: boolean = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: \"role\" }) role: string = \"dialog\"\n\t/**\n\t * Used to change the HMTL tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h2\"\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) wcaglabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: \"wcag-close-labelled-by\" }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<PointerEvent>\n\n\n\t@Watch(\"labelTag\")\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal();\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={ModalClass.root} open={this.open}>\n\t\t\t\t<dialog class={ModalClass.dialog}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t tabindex=\"-1\"\n\t\t\t\t\t open={this.open}\n\t\t\t\t\t aria-modal=\"true\"\n\t\t\t\t\t aria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\t aria-labelledby={this.wcaglabelledBy || this.labelId}\n\t\t\t\t\t aria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\t role={this.role}>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label &&\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>{this.label}</LabelTag>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<gov-button class={ModalClass.close}\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}>\n\t\t\t\t\t\t\t\t<gov-icon name=\"cross\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t<gov-backdrop visible={this.open}\n\t\t\t\t\t\t\t  wcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\t\t  wcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t  on-gov-click={this.onCloseHandler.bind(this)} />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\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.wcaglabelledBy, 'aria-labelledby', ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'aria-describedby', ModalClass.root)\n\t}\n}\n"]}

package/dist/core/p-899eff0b.entry.js

@@ -0,0 +1,2 @@
+import{a as t,r as s,h as i,H as n,g as e}from"./p-75c62141.js";const a={root:"gov-icon",holder:"gov-icon__holder"};const o="0.0.1";const r=()=>o;const c={};const h={};async function l({name:s,type:i}){if(c[s]){return c[s]}if(!h[s]){h[s]=fetch(t(`./assets/icons/${i}/${s}.svg`)+`?v=${r()}`).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doen't exists")}}))}const n=await h[s];c[s]=n;return n}const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-icon{display:inline-flex}.gov-icon__holder,.gov-icon svg{display:inline-flex;width:100%;height:100%}";const f=class{constructor(t){s(this,t);this.name=null;this.type="basic";this.iconData=undefined;this.visible=false;this.error=false}async loadIconPathData(){const{name:t,visible:s,type:i}=this;if(!t||!s){return}try{this.iconData=await l({name:t,type:i})}catch(t){this.error=true}}connectedCallback(){this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.el)}render(){if(this.error){return null}return i(n,{class:a.root},i("span",{class:a.holder,innerHTML:this.iconData}))}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{name:["loadIconPathData"]}}};f.style=d;export{f as gov_icon};
+//# sourceMappingURL=p-899eff0b.entry.js.map

package/dist/core/p-899eff0b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/components/gov-icon/gov-icon.scss?tag=gov-icon","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"names":["IconClass","root","holder","dsVersion","version","iconCache","requestCache","async","fetchIcon","name","type","fetch","getAssetPath","then","resp","status","text","Error","path","govIconCss","GovIcon","[object Object]","visible","this","iconData","e","error","waitUntilVisible","loadIconPathData","intersectionObserver","disconnect","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","el","h","Host","class","innerHTML"],"mappings":"gEAGO,MAAMA,EAAY,CACxBC,KAAM,WACNC,OAAQ,oCCFF,MAAMC,EAAY,IACjBC,ECDR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAElDC,eAAeC,GAAUC,KAAEA,EAAIC,KAACA,IACtC,GAAIL,EAAUI,GAAO,CACpB,OAAOJ,EAAUI,GAElB,IAAKH,EAAaG,GAAO,CACxBH,EAAaG,GAAQE,MAAMC,EAAa,kBAAkBF,KAAQD,SAAc,MAAMN,OACpFU,MAAKC,IACL,GAAGA,EAAKC,SAAW,IAAK,CACvB,OAAOD,EAAKE,WACN,CACN,MAAM,IAAIC,MAAM,8BAIpB,MAAMC,QAAaZ,EAAaG,GAChCJ,EAAUI,GAAQS,EAClB,OAAOA,ECtBR,MAAMC,EAAa,0PCSNC,EAAO,yCAKI,eAIF,6CAEM,iBACF,MAIjBC,yBACP,MAAMZ,KAAEA,EAAIa,QAAEA,EAAOZ,KAAEA,GAASa,KAChC,IAAyBd,IAASa,EAAS,CAC1C,OAED,IACCC,KAAKC,eAAiBhB,EAAU,CAAEC,KAAAA,EAAMC,KAAAA,IACvC,MAAOe,GACRF,KAAKG,MAAQ,MAKfL,oBACCE,KAAKI,kBAAiBpB,UACrBgB,KAAKD,QAAU,WACTC,KAAKK,sBAIbP,uBACC,GAAIE,KAAKM,qBAAsB,CAC9BN,KAAKM,qBAAqBC,aAC1BP,KAAKM,qBAAuB,MAI9BR,gCACOE,KAAKK,mBAGJP,iBAAiBU,GACxB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC/FF,IACA,OAEDR,KAAKM,qBAAuB,IAAII,sBAAsBC,IACrDA,EAAQC,SAASC,IAChB,GAAIA,EAAMC,eAAgB,CACzBd,KAAKM,qBAAqBC,aAC1BP,KAAKM,qBAAuB,KAC5BE,UAGA,CAAEO,WAAY,SACjBf,KAAKM,qBAAqBU,QAAQhB,KAAKiB,IAIxCnB,SACC,GAAIE,KAAKG,MAAO,CACf,OAAO,KAER,OACCe,EAACC,EAAI,CAACC,MAAO3C,EAAUC,MACtBwC,EAAA,OAAA,CAAME,MAAO3C,EAAUE,OAAQ0C,UAAWrB,KAAKC","sourcesContent":["export const Types = ['basic', 'complex', 'colored'] as const\nexport type Type = typeof Types[number]\n\nexport const IconClass = {\n\troot: \"gov-icon\",\n\tholder: \"gov-icon__holder\",\n}","// @ts-ignore\nimport {version} from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nexport async function fetchIcon({ name,type }: { name: string,type: string }): Promise<string> {\n\tif (iconCache[name]) {\n\t\treturn iconCache[name]\n\t}\n\tif (!requestCache[name]) {\n\t\trequestCache[name] = fetch(getAssetPath(`./assets/icons/${type}/${name}.svg`) + `?v=${dsVersion()}`)\n\t\t\t.then(resp => {\n\t\t\t\tif(resp.status === 200) {\n\t\t\t\t\treturn resp.text()\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(\"Gov Icon doen't exists\")\n\t\t\t\t}\n\t\t\t})\n\t}\n\tconst path = await requestCache[name]\n\ticonCache[name] = path\n\treturn path\n}\n","/*\n *   Icon\n */\n\n$class: \".gov-icon\";\n\n#{$class} {\n\tdisplay: inline-flex;\n\t&__holder,\n\tsvg {\n\t\tdisplay: inline-flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n}\n","import { Build, Component, Element, h, Prop, State, Watch, Host } from \"@stencil/core\"\nimport { IconClass, Type } from \"./constants\"\nimport { fetchIcon } from \"../../utils/icon.utils\"\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\tstyleUrl: \"gov-icon.scss\",\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\t@Element() el: HTMLElement\n\t/**\n\t * Name of icon\n\t */\n\t@Prop() name: string = null\n\t/**\n\t * Type of icon\n\t */\n\t@Prop() type: Type = \"basic\"\n\t@State() private iconData: string\n\t@State() private visible = false\n\t@State() private error = false\n\tprivate intersectionObserver: IntersectionObserver\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst { name, visible, type } = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tthis.iconData = await fetchIcon({ name, type })\n\t\t} catch (e) {\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\n\tconnectedCallback(): void {\n\t\tthis.waitUntilVisible(async () => {\n\t\t\tthis.visible = true\n\t\t\tawait this.loadIconPathData()\n\t\t})\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver((entries) => {\n\t\t\tentries.forEach((entry) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t})\n\t\t}, { rootMargin: \"50px\" })\n\t\tthis.intersectionObserver.observe(this.el)\n\t}\n\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={IconClass.root}>\n\t\t\t\t<span class={IconClass.holder} innerHTML={this.iconData}></span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-8ffd33d7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i}from"./p-75c62141.js";import{F as l}from"./p-27977727.js";const r=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-label{display:flex}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}.gov-form-label[size=xs] .gov-form-label__label{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);margin-bottom:0.25rem}.gov-form-label[size=s] .gov-form-label__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);margin-bottom:0.5rem}.gov-form-label[size=m] .gov-form-label__label{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);margin-bottom:0.75rem}.gov-form-label[size=l] .gov-form-label__label{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);margin-bottom:0.25rem}.gov-form-label[size=xl] .gov-form-label__label{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);margin-bottom:0.25rem}";const a=class{constructor(o){t(this,o);this.govClick=e(this,"gov-click",7);this.identifier=undefined}render(){return o(i,{class:l.root},o("label",{class:l.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},o("slot",null)))}};a.style=r;export{a as gov_form_label};
+//# sourceMappingURL=p-8ffd33d7.entry.js.map

package/dist/core/p-8ffd33d7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.scss?tag=gov-form-label","../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"names":["govFormLabelCss","GovFormLabel","[object Object]","h","Host","class","FormLabelClass","root","label","htmlFor","this","identifier","onClick","govClick","emit"],"mappings":"6FAAA,MAAMA,EAAkB,89CCOXC,EAAY,6FAWxBC,SACC,OACCC,EAACC,EAAI,CAACC,MAAOC,EAAeC,MAC3BJ,EAAA,QAAA,CAAOE,MAAOC,EAAeE,MAAOC,QAASC,KAAKC,WAAYC,QAAS,IAAMF,KAAKG,SAASC,QAC1FX,EAAA,OAAA","sourcesContent":["/*\n *   Label\n */\n\n$class: \".gov-form-label\";\n\n#{$class} {\n\tdisplay: flex;\n\t&__label {\n\t\tdisplay: inline-block;\n\t\tcolor: $form-label-color;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t}\n\n\t// VARIANTS\n\t// sizes\n\t@each $size, $definitions in $form-label-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__label {\n\t\t\t\t\t@include typography($size);\n\t\t\t\t\tmargin-bottom: get(\"margin-bottom\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop, Host } from \"@stencil/core\"\nimport { FormLabelClass } from './constants'\n\n@Component({\n\ttag: \"gov-form-label\",\n\tstyleUrl: \"gov-form-label.scss\"\n})\nexport class GovFormLabel {\n\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root}>\n\t\t\t\t<label class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-9077d6f6.js

@@ -0,0 +1,2 @@
+const e=e=>{if(Array.isArray(e)===false)return;return e.filter((e=>!!e)).join(" ").trim()};const t=e=>{let t=e.querySelector("slot");if(t){return t.assignedNodes().filter((e=>e.nodeName!=="#text"))}return[]};const r=e=>e?"true":"false";const s=e=>({get hostElement(){return e},get name(){return this.hostElement.nodeName.toLowerCase()},hasSlot(e){return!!this.getSlot(e)},getSlot(e){return this.hostElement.querySelector('[slot="'+e+'"]')},getParent(e){return this.hostElement.closest(e)},passChildAttr(e,t,r){if(Array.isArray(e)){e.forEach((e=>{this.hostElement.querySelectorAll(e).forEach((e=>e.setAttribute(t,r)))}))}else{this.hostElement.querySelectorAll(e).forEach((e=>e.setAttribute(t,r)))}},removeChildAttr(e,t){if(Array.isArray(e)){e.forEach((e=>{this.hostElement.querySelectorAll(e).forEach((e=>e.removeAttribute(t)))}))}else{this.hostElement.querySelectorAll(e).forEach((e=>e.removeAttribute(t)))}},get slottedChildren(){let e=this.hostElement.shadowRoot.querySelector("slot");if(e){return e.assignedNodes().filter((e=>e.nodeName!=="#text"))}return[]},classes(e){const t=Array.isArray(e)?e.join(" "):e;if(this.hostElement){return this.hostElement.classList.toString()+" "+t}return t}});const n=e=>{if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1?"true":"false"}else if(typeof e==="number"){return e>0?"true":"false"}else if(typeof e==="boolean"){return e?"true":"false"}else{return e?"true":"false"}};const o=e=>{if(typeof e==="string"){return["true","True","TRUE","1","On","on","ON"].indexOf(e)!==-1?"on":"off"}else if(typeof e==="number"){return e>0?"on":"off"}else if(typeof e==="boolean"){return e?"on":"off"}else{return e?"on":"off"}};const f=e=>typeof e==="undefined"?undefined:n(e);const u=e=>typeof e==="undefined"?undefined:o(e);export{n as a,r as b,u as c,s as g,e as p,t as s,f as t};
+//# sourceMappingURL=p-9077d6f6.js.map

package/dist/core/p-9077d6f6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"names":["prepareClasses","classes","Array","isArray","filter","classname","join","trim","slottedChildren","host","slotted","querySelector","assignedNodes","node","nodeName","booleanString","value","govHost","hostElement","name","this","toLowerCase","[object Object]","getSlot","element","closest","selector","forEach","querySelectorAll","child","setAttribute","removeAttribute","shadowRoot","clearClasses","classList","toString","toBoolAttr","indexOf","toOnOffAttr","toBoolAttrIfDefined","undefined","toOnOffAttrIfDefined"],"mappings":"MAGaA,EAAkBC,IAC9B,GAAIC,MAAMC,QAAQF,KAAa,MAAO,OACtC,OAAOA,EAAQG,QAAOC,KAAeA,IAAWC,KAAK,KAAKC,cAG9CC,EAAmBC,IAC/B,IAAIC,EAAUD,EAAKE,cAAc,QACjC,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAQS,GAC/BA,EAAKC,WAAa,UAG3B,MAAO,UAGKC,EAAiBC,GACtBA,EAAQ,OAAS,cAGZC,EAAWR,IAChB,CACNS,kBACC,OAAOT,GAERU,WACC,OAAOC,KAAKF,YAAYJ,SAASO,eAElCC,QAAQH,GACP,QAASC,KAAKG,QAAQJ,IAEvBG,QAAQH,GACP,OAAOC,KAAKF,YAAYP,cAAc,UAAaQ,EAAO,OAE3DG,UAAUE,GACT,OAAOJ,KAAKF,YAAYO,QAAQD,IAEjCF,cAAcI,EAA6BP,EAAcH,GACxD,GAAId,MAAMC,QAAQuB,GAAW,CAC5BA,EAASC,SAASD,IACjBN,KAAKF,YAAYU,iBAAiBF,GAAUC,SAASE,GAAUA,EAAMC,aAAaX,EAAMH,YAEnF,CACNI,KAAKF,YAAYU,iBAAiBF,GAAUC,SAASE,GAAUA,EAAMC,aAAaX,EAAMH,OAG1FM,gBAAgBI,EAA6BP,GAC5C,GAAIjB,MAAMC,QAAQuB,GAAW,CAC5BA,EAASC,SAASD,IACjBN,KAAKF,YAAYU,iBAAiBF,GAAUC,SAASE,GAAUA,EAAME,gBAAgBZ,YAEhF,CACNC,KAAKF,YAAYU,iBAAiBF,GAAUC,SAASE,GAAUA,EAAME,gBAAgBZ,OAGvFX,sBACC,IAAIE,EAAUU,KAAKF,YAAYc,WAAWrB,cAAc,QACxD,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAQS,GAC/BA,EAAKC,WAAa,UAG3B,MAAO,IAERQ,QAAQrB,GACP,MAAMgC,EAAe/B,MAAMC,QAAQF,GAAWA,EAAQK,KAAK,KAAOL,EAClE,GAAGmB,KAAKF,YAAa,CACpB,OAAOE,KAAKF,YAAYgB,UAAUC,WAAa,IAAMF,EAEtD,OAAOA,WAKGG,EAAcpB,IAC1B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAKqB,QAAQrB,MAAY,EAAI,OAAS,aAChE,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,OAAS,aACtB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,OAAS,YAClB,CACN,OAAOA,EAAQ,OAAS,UAInB,MAAMsB,EAAetB,IAC3B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,IAAK,KAAM,KAAM,MAAMqB,QAAQrB,MAAY,EAAI,KAAO,WAChF,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,KAAO,WACpB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,KAAO,UAChB,CACN,OAAOA,EAAQ,KAAO,cAIXuB,EAAuBvB,UACrBA,IAAU,YAAcwB,UAAYJ,EAAWpB,SAGjDyB,EAAwBzB,UACtBA,IAAU,YAAcwB,UAAYF,EAAYtB","sourcesContent":["import { HTMLStencilElement } from \"@stencil/core/internal\"\nimport { GovHost } from \"./template.d\"\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes.filter(classname => !!classname).join(\" \").trim()\n}\n\nexport const slottedChildren = (host: HTMLDivElement): Node[] => {\n\tlet slotted = host.querySelector(\"slot\") as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter((node) => {\n\t\t\treturn node.nodeName !== \"#text\"\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? \"true\" : \"false\"\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector(\"[slot=\\\"\" + name + \"\\\"]\")\n\t\t},\n\t\tgetParent(element): HTMLElement | null {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach((selector) => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach((selector) => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach((child) => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tlet slotted = this.hostElement.shadowRoot.querySelector(\"slot\") as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter((node) => {\n\t\t\t\t\treturn node.nodeName !== \"#text\"\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif(this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t}\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === \"string\") {\n\t\treturn [\"true\", \"True\", \"TRUE\", \"1\"].indexOf(value) !== -1 ? \"true\" : \"false\"\n\t} else if (typeof value === \"number\") {\n\t\treturn value > 0 ? \"true\" : \"false\"\n\t} else if (typeof value === \"boolean\") {\n\t\treturn value ? \"true\" : \"false\"\n\t} else {\n\t\treturn value ? \"true\" : \"false\"\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === \"string\") {\n\t\treturn [\"true\", \"True\", \"TRUE\", \"1\", \"On\", \"on\", \"ON\"].indexOf(value) !== -1 ? \"on\" : \"off\"\n\t} else if (typeof value === \"number\") {\n\t\treturn value > 0 ? \"on\" : \"off\"\n\t} else if (typeof value === \"boolean\") {\n\t\treturn value ? \"on\" : \"off\"\n\t} else {\n\t\treturn value ? \"on\" : \"off\"\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === \"undefined\" ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === \"undefined\" ? undefined : toOnOffAttr(value)\n}\n"]}

package/dist/core/p-930e20e9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-75c62141.js";import{c as a}from"./p-a24dc455.js";import{t as r}from"./p-9077d6f6.js";import{T as o}from"./p-9db35e06.js";import"./p-55500e5a.js";import"./p-f9320f1e.js";const n=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tabs-item{color:var(--gov-tabs-text-color, var(--gov-color-secondary-700))}.gov-tabs-item__inner>*:last-child{margin-bottom:0}";const h=class{constructor(s){t(this,s);this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.default=false;this.isActive=false;this.contentId=a("GovTabContent");this.triggeId=a("GovTabTrigger")}render(){return s(i,{class:o.root,default:this.default},s("div",{class:o.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggeId,"aria-hidden":r(!this.isActive)},s("slot",null)))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggeId}async setActiveStatus(t){this.isActive=t}get host(){return e(this)}};h.style=n;export{h as gov_tabs_item};
+//# sourceMappingURL=p-930e20e9.entry.js.map

package/dist/core/p-930e20e9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.scss?tag=gov-tabs-item","../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"names":["govTabsItemCss","GovTabsItem","[object Object]","hostRef","this","contentId","createID","triggeId","h","Host","class","TabsItemClass","root","default","inner","role","id","identifier","hidden","isActive","aria-labelledby","triggerIdentifier","aria-hidden","toBoolAttrIfDefined","status"],"mappings":"qNAAA,MAAMA,EAAiB,oRCSVC,EAAW,MAMvBC,YAAAC,0GAoBoC,oBACP,MApB5BC,KAAKC,UAAYC,EAAS,iBAC1BF,KAAKG,SAAWD,EAAS,iBAqB1BJ,SACC,OACCM,EAACC,EAAI,CAACC,MAAOC,EAAcC,KAAMC,QAAST,KAAKS,SAC9CL,EAAA,MAAA,CAAKE,MAAOC,EAAcG,MAAOC,KAAK,WACjCC,GAAIZ,KAAKa,YAAcb,KAAKC,UAC5Ba,QAASd,KAAKe,SAAQC,kBACLhB,KAAKiB,mBAAqBjB,KAAKG,SAAQe,cAC3CC,GAAqBnB,KAAKe,WAC3CX,EAAA,OAAA,QAUJN,sBACC,OAAOE,KAAKa,YAAcb,KAAKC,UAOhCH,6BACC,OAAOE,KAAKiB,mBAAqBjB,KAAKG,SAOvCL,sBAAsBsB,GACrBpB,KAAKe,SAAWK","sourcesContent":["/*\n *   Tabs - Item\n */\n\n$class: \".gov-tabs-item\";\n\n#{$class} {\n\tcolor: $tabs-text-color;\n\t&__inner > *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n}\n","import { Component, Element, h, Prop, Method, State, Host } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { TabsItemClass } from \"./constants\"\n\n@Component({\n\ttag: \"gov-tabs-item\",\n\tstyleUrl: \"gov-tabs-item.scss\",\n})\nexport class GovTabsItem {\n\t@Element() host: HTMLGovTabsItemElement\n\n\tprivate readonly contentId: string\n\tprivate readonly triggeId: string\n\n\tconstructor() {\n\t\tthis.contentId = createID(\"GovTabContent\")\n\t\tthis.triggeId = createID(\"GovTabTrigger\")\n\t}\n\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive: boolean = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={TabsItemClass.root} default={this.default}>\n\t\t\t\t<div class={TabsItemClass.inner} role=\"tabpanel\"\n\t\t\t\t     id={this.identifier || this.contentId}\n\t\t\t\t     hidden={!this.isActive}\n\t\t\t\t     aria-labelledby={this.triggerIdentifier || this.triggeId}\n\t\t\t\t     aria-hidden={toBoolAttrIfDefined(!this.isActive)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggeId\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}

package/dist/core/p-97b6e139.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as i,H as r,g as o}from"./p-75c62141.js";import{s as t}from"./p-9077d6f6.js";const a={root:"gov-container"};const e=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-container{display:block;width:100%;max-width:var(--gov-container-width, 75rem);margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem)}@media (min-width: 48em){.gov-container{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}";const s=class{constructor(i){n(this,i)}render(){return i(r,{class:a.root},i("slot",null))}async slottedChildren(){return Promise.resolve(t(this.host))}get host(){return o(this)}};s.style=e;export{s as gov_container};
+//# sourceMappingURL=p-97b6e139.entry.js.map

package/dist/core/p-97b6e139.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.scss?tag=gov-container","../../../packages/core/src/components/gov-container/gov-container.tsx"],"names":["ContainerClass","root","govContainerCss","GovContainer","[object Object]","h","Host","class","Promise","resolve","slottedChildren","this","host"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBCDP,MAAMC,EAAkB,2gBCQXC,EAAY,+BAIxBC,SACC,OACCC,EAACC,EAAI,CAACC,MAAOP,EAAeC,MAC3BI,EAAA,OAAA,OAMHD,wBACC,OAAOI,QAAQC,QAAQC,EAAgBC,KAAKC","sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","/*\n *   Container\n */\n\n$class: \".gov-container\";\n\n#{$class} {\n\t@include container();\n}\n","import { Component, Element, h, Host, Method } from '@stencil/core'\nimport { slottedChildren } from '../../helpers/Dom/template'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n\tstyleUrl: 'gov-container.scss',\n})\nexport class GovContainer {\n\t// TODO: Fix eslint error\n\t@Element() host: HTMLDivElement /* eslint-disable-line */\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={ContainerClass.root}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t@Method()\n\tasync slottedChildren(): Promise<Node[]> {\n\t\treturn Promise.resolve(slottedChildren(this.host))\n\t}\n}\n"]}

package/dist/core/p-98d0c03d.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,H as n,g as e}from"./p-75c62141.js";import{p as o,t as s,a as r}from"./p-9077d6f6.js";import{c as g,d as l,v as c}from"./p-55f49f1d.js";import{d as p}from"./p-0956d80f.js";import{c as v}from"./p-a24dc455.js";import"./p-b4a749e8.js";const d={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner"};function h(i,t=1,a=10,n=10){let e=Math.ceil(i/a);if(t<1){t=1}else if(t>e){t=e}let o,s;if(e<=n){o=1;s=e}else{let i=Math.floor(n/2);let a=Math.ceil(n/2)-1;if(t<=i){o=1;s=n}else if(t+a>=e){o=e-n+1;s=e}else{o=t-i;s=t+a}}let r=(t-1)*a;let g=Math.min(r+a-1,i-1);let l=Array.from(Array(s+1-o).keys()).map((i=>o+i));return{totalItems:i,currentPage:t,pageSize:a,totalPages:e,startPage:o,endPage:s,startIndex:r,endIndex:g,pages:l}}const m=".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:none;justify-content:center;align-items:center;min-width:2.5625rem;min-height:3rem;margin:0;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item .gov-icon{width:0.75rem;height:0.75rem;margin:0}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible}.gov-pagination__inner{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;justify-content:center;align-items:center;align-self:stretch;width:100%;padding:0.8125rem 1rem 0.875rem;color:var(--gov-pagination-color, var(--gov-color-primary));font-weight:inherit;text-decoration:none}.gov-pagination__item.is-active .gov-pagination__inner{background-color:var(--gov-pagination-bg-active, var(--gov-color-primary-100));color:var(--gov-pagination-color-active, var(--gov-color-secondary))}.gov-pagination button.gov-pagination__inner,.gov-pagination a.gov-pagination__inner{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;transition:background-color 150ms, color 150ms}.gov-pagination button.gov-pagination__inner:focus,.gov-pagination a.gov-pagination__inner:focus{outline:none}@media not all and (pointer: coarse){.gov-pagination button.gov-pagination__inner:hover,.gov-pagination a.gov-pagination__inner:hover{background-color:var(--gov-pagination-bg-active, var(--gov-color-primary-100));color:var(--gov-pagination-color-active, var(--gov-color-secondary))}}@media (min-width: 48em){.gov-pagination__list .gov-pagination__item{display:flex}.gov-pagination__list .gov-pagination__item--select{display:none}}";const _=class{constructor(a){i(this,a);this.govPage=t(this,"gov-page",7);this.current=1;this.total=undefined;this.pageSize=10;this.maxPages=5;this.link=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagSelectLabel="Vybrat stranu";this.wcagPageLabel="Strana";this.pagination=undefined;this.pageSelectId=v("GovPageSelect")}componentWillLoad(){this.recalculatePagination(this.current);console.log(this.pagination)}async componentDidRender(){if(g()){await p(500);await this.validateWcag()}}recalculatePagination(i){this.pagination=h(this.total,i,this.pageSize,this.maxPages)}isActivePageClass(i,t){if(this.pagination.currentPage===t){return i+" is-active"}else{return i}}render(){const i=(i,t)=>{const n=i===-1;const e=s(this.pagination.currentPage===i?true:undefined);if(this.link){const o=n?"span":"a";return a(o,{href:n?undefined:String(this.link).replace("{PAGE}",String(i)),"aria-hidden":s(n?true:undefined),"aria-label":this.wcagPageLabel+" "+i,"aria-current":e,class:d.inner},t)}return a("button",{disabled:n,onClick:()=>this.onClickHandler(i),"aria-disabled":r(n),"aria-label":this.wcagPageLabel+" "+i,"aria-current":e,class:d.inner},t)};return a(n,{class:d.root},a("nav",{"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy},a("ul",{class:d.list},a("li",{class:o([d.item,d.itemArrow])},i(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,a("gov-icon",{name:"double-arrow-left"}))),a("li",{class:o([d.item,d.itemArrow])},i(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,a("gov-icon",{name:"arrow-left"}))),a("li",{class:o([d.item,d.itemSelect])},a("span",{class:d.inner},a("span",{id:this.pageSelectId,hidden:true},this.wcagSelectLabel),a("gov-form-select",{size:"l","wcag-labelded-by":this.pageSelectId},this.pagination.pages.map((i=>a("option",{value:i,selected:this.pagination.currentPage===i},i)))))),this.pagination.pages.map((t=>a("li",{class:this.isActivePageClass(d.item,t)},i(t,t)))),a("li",{class:d.item},a("span",{class:d.inner},"…")),a("li",{class:o([d.item,d.itemArrow])},i(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,a("gov-icon",{name:"arrow-right"}))),a("li",{class:o([d.item,d.itemArrow])},i(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,a("gov-icon",{name:"double-arrow-right"}))))))}onClickHandler(i){this.recalculatePagination(i);this.govPage.emit(Object.assign({},this.pagination))}async validateWcag(){l(this.wcagPageLabel,"wcag-page-label",d.root);l(this.wcagSelectLabel,"wcag-select-label",d.root);c(this.wcagLabel,this.wcagLabelledBy,d.root)}get host(){return e(this)}};_.style=m;export{_ as gov_pagination};
+//# sourceMappingURL=p-98d0c03d.entry.js.map

package/dist/core/p-98d0c03d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.scss?tag=gov-pagination","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"names":["PaginationClass","root","list","item","itemArrow","itemSelect","inner","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","govPaginationCss","GovPagination","[object Object]","hostRef","this","pageSelectId","createID","recalculatePagination","current","console","log","pagination","canValidateWcagOnRender","delay","validateWcag","total","originalClass","page","pageResolver","content","isDisabled","ariaCurrent","toBoolAttrIfDefined","undefined","link","Tag","h","href","String","replace","aria-hidden","aria-label","wcagPageLabel","aria-current","class","disabled","onClick","onClickHandler","aria-disabled","toBoolAttr","Host","wcagLabel","aria-labelledby","wcagLabelledBy","prepareClasses","name","id","hidden","wcagSelectLabel","size","wcag-labelded-by","value","selected","isActivePageClass","govPage","emit","Object","assign","validateWcagProp","validateWcagLabel"],"mappings":"oQAAO,MAAMA,EAAkB,CAC9BC,KAAM,iBACNC,KAAM,uBACNC,KAAM,uBACNC,UAAW,8BACXC,WAAY,+BACZC,MAAO,kCCMQC,EACfC,EACAC,EAAsB,EACtBC,EAAmB,GACnBC,EAAmB,IAGnB,IAAIC,EAAaC,KAAKC,KAAKN,EAAaE,GAGxC,GAAID,EAAc,EAAG,CACpBA,EAAc,OACR,GAAIA,EAAcG,EAAY,CACpCH,EAAcG,EAGf,IAAIG,EAAmBC,EACvB,GAAIJ,GAAcD,EAAU,CAE3BI,EAAY,EACZC,EAAUJ,MACJ,CAEN,IAAIK,EAA4BJ,KAAKK,MAAMP,EAAW,GACtD,IAAIQ,EAA2BN,KAAKC,KAAKH,EAAW,GAAK,EACzD,GAAIF,GAAeQ,EAA2B,CAE7CF,EAAY,EACZC,EAAUL,OACJ,GAAIF,EAAcU,GAA4BP,EAAY,CAEhEG,EAAYH,EAAaD,EAAW,EACpCK,EAAUJ,MACJ,CAENG,EAAYN,EAAcQ,EAC1BD,EAAUP,EAAcU,GAK1B,IAAIC,GAAcX,EAAc,GAAKC,EACrC,IAAIW,EAAWR,KAAKS,IAAIF,EAAaV,EAAW,EAAGF,EAAa,GAGhE,IAAIe,EAAQC,MAAMC,KAAKD,MAAOR,EAAU,EAAKD,GAAWW,QAAQC,KAAIC,GAAKb,EAAYa,IAGrF,MAAO,CACNpB,WAAYA,EACZC,YAAaA,EACbC,SAAUA,EACVE,WAAYA,EACZG,UAAWA,EACXC,QAASA,EACTI,WAAYA,EACZC,SAAUA,EACVE,MAAOA,GCrET,MAAMM,EAAmB,45ECcZC,EAAa,MAKzBC,YAAAC,4DAOmC,qCAK2B,iBAIA,kGAkBe,mCAIJ,mCArCxEC,KAAKC,aAAeC,EAAS,iBA6C9BJ,oBACCE,KAAKG,sBAAsBH,KAAKI,SAChCC,QAAQC,IAAIN,KAAKO,YAGlBT,2BACC,GAAIU,IAA2B,OACxBC,EAAM,WACNT,KAAKU,gBAILZ,sBAAsBtB,GAC7BwB,KAAKO,WAAajC,EAAS0B,KAAKW,MAAOnC,EAAawB,KAAKvB,SAAUuB,KAAKtB,UAGjEoB,kBAAkBc,EAAuBC,GAChD,GAAIb,KAAKO,WAAW/B,cAAgBqC,EAAM,CACzC,OAAOD,EAAgB,iBACjB,CACN,OAAOA,GAITd,SACC,MAAMgB,EAAe,CAACD,EAAcE,KACnC,MAAMC,EAAaH,KAAU,EAC7B,MAAMI,EAAcC,EAAoBlB,KAAKO,WAAW/B,cAAgBqC,EAAO,KAAOM,WACtF,GAAInB,KAAKoB,KAAM,CACd,MAAMC,EAAML,EAAa,OAAS,IAClC,OACCM,EAACD,EAAG,CACHE,KAAMP,EAAaG,UAAYK,OAAOxB,KAAKoB,MAAMK,QAAQ,SAAUD,OAAOX,IAAMa,cACnER,EAAoBF,EAAa,KAAOG,WAAUQ,aACnD3B,KAAK4B,cAAgB,IAAMf,EAAIgB,eAC7BZ,EACda,MAAO/D,EAAgBM,OACtB0C,GAIJ,OACCO,EAAA,SAAA,CACCS,SAAUf,EACVgB,QAAS,IAAMhC,KAAKiC,eAAepB,GAAKqB,gBACzBC,EAAWnB,GAAWW,aACzB3B,KAAK4B,cAAgB,IAAMf,EAAIgB,eAC7BZ,EACda,MAAO/D,EAAgBM,OACtB0C,IAIJ,OACCO,EAACc,EAAI,CAACN,MAAO/D,EAAgBC,MAC5BsD,EAAA,MAAA,CAAAK,aAAiB3B,KAAKqC,UAASC,kBAAmBtC,KAAKuC,gBACtDjB,EAAA,KAAA,CAAIQ,MAAO/D,EAAgBE,MAC1BqD,EAAA,KAAA,CAAIQ,MAAOU,EAAe,CAACzE,EAAgBG,KAAMH,EAAgBI,aAC/D2C,EAAad,KAAKO,WAAWzB,UAAYkB,KAAKO,WAAW/B,YAAcwB,KAAKO,WAAW/B,YAAc,GAAK,EAC1G8C,EAAA,WAAA,CAAUmB,KAAK,wBAGjBnB,EAAA,KAAA,CAAIQ,MAAOU,EAAe,CAACzE,EAAgBG,KAAMH,EAAgBI,aAC/D2C,EAAad,KAAKO,WAAWzB,UAAYkB,KAAKO,WAAW/B,YAAcwB,KAAKO,WAAW/B,YAAc,GAAK,EAC1G8C,EAAA,WAAA,CAAUmB,KAAK,iBAGjBnB,EAAA,KAAA,CAAIQ,MAAOU,EAAe,CAACzE,EAAgBG,KAAMH,EAAgBK,cAChEkD,EAAA,OAAA,CAAMQ,MAAO/D,EAAgBM,OAC5BiD,EAAA,OAAA,CAAMoB,GAAI1C,KAAKC,aAAc0C,OAAM,MAAE3C,KAAK4C,iBAC1CtB,EAAA,kBAAA,CAAiBuB,KAAK,IAAGC,mBAAmB9C,KAAKC,cAC/CD,KAAKO,WAAWjB,MAAMI,KAAKmB,GAC3BS,EAAA,SAAA,CAAQyB,MAAOlC,EAAMmC,SAAUhD,KAAKO,WAAW/B,cAAgBqC,GAAOA,QAKzEb,KAAKO,WAAWjB,MAAMI,KAAKmB,GAC3BS,EAAA,KAAA,CAAIQ,MAAO9B,KAAKiD,kBAAkBlF,EAAgBG,KAAM2C,IACtDC,EAAaD,EAAMA,MAGtBS,EAAA,KAAA,CAAIQ,MAAO/D,EAAgBG,MAC1BoD,EAAA,OAAA,CAAMQ,MAAO/D,EAAgBM,OAAK,MAKnCiD,EAAA,KAAA,CAAIQ,MAAOU,EAAe,CAACzE,EAAgBG,KAAMH,EAAgBI,aAC/D2C,EAAad,KAAKO,WAAW5B,WAAaqB,KAAKO,WAAW/B,YAAcwB,KAAKO,WAAW/B,YAAc,GAAK,EAC3G8C,EAAA,WAAA,CAAUmB,KAAK,kBAGjBnB,EAAA,KAAA,CAAIQ,MAAOU,EAAe,CAACzE,EAAgBG,KAAMH,EAAgBI,aAC/D2C,EAAad,KAAKO,WAAW5B,WAAaqB,KAAKO,WAAW/B,YAAcwB,KAAKO,WAAW5B,YAAc,EACtG2C,EAAA,WAAA,CAAUmB,KAAK,4BAQd3C,eAAee,GACtBb,KAAKG,sBAAsBU,GAC3Bb,KAAKkD,QAAQC,KAAIC,OAAAC,OAAA,GAAMrD,KAAKO,aAO7BT,qBACCwD,EAAiBtD,KAAK4B,cAAe,kBAAmB7D,EAAgBC,MACxEsF,EAAiBtD,KAAK4C,gBAAiB,oBAAqB7E,EAAgBC,MAC5EuF,EAAkBvD,KAAKqC,UAAWrC,KAAKuC,eAAgBxE,EAAgBC","sourcesContent":["export const PaginationClass = {\n\troot: \"gov-pagination\",\n\tlist: \"gov-pagination__list\",\n\titem: \"gov-pagination__item\",\n\titemArrow: \"gov-pagination__item--arrow\",\n\titemSelect: \"gov-pagination__item--select\",\n\tinner: \"gov-pagination__inner\",\n}","export interface Pagination {\n\ttotalItems: number,\n\tcurrentPage: number,\n\tpageSize: number,\n\ttotalPages: number,\n\tstartPage: number,\n\tendPage: number,\n\tstartIndex: number,\n\tendIndex: number,\n\tpages: number[],\n}\n\nexport function paginate(\n\ttotalItems: number,\n\tcurrentPage: number = 1,\n\tpageSize: number = 10,\n\tmaxPages: number = 10,\n): Pagination {\n\t// calculate total pages\n\tlet totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tlet maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tlet maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tlet startIndex = (currentPage - 1) * pageSize\n\tlet endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tlet pages = Array.from(Array((endPage + 1) - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","/*\n *   Pagination\n */\n\n$class: \".gov-pagination\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t}\n\t&__list &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: none;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmin-width: rem-calc(41);\n\t\tmin-height: rem-calc(48);\n\t\tmargin: 0;\n\t\tborder-radius: $border-radius;\n\t\toverflow: hidden;\n\t\t.gov-icon {\n\t\t\twidth: rem-calc(12);\n\t\t\theight: rem-calc(12);\n\t\t\tmargin: 0;\n\t\t}\n\t\t&--arrow {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t&--select {\n\t\t\tz-index: 1;\n\t\t\tdisplay: flex;\n\t\t\toverflow: visible;\n\t\t}\n\t}\n\t&__inner {\n\t\t@include typography($font-size-s);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\talign-self: stretch;\n\t\twidth: 100%;\n\t\tpadding: rem-calc(13 16 14);\n\t\tcolor: $pagination-color;\n\t\tfont-weight: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\t// STATES\n\t&__item.is-active &__inner {\n\t\tbackground-color: $pagination-bg-active;\n\t\tcolor: $pagination-color-active;\n\t}\n\n\t@at-root & {\n\t\tbutton#{&}__inner,\n\t\ta#{&}__inner {\n\t\t\t@include button-core();\n\t\t\ttransition: background-color $t, color $t;\n\t\t\t@include hover() {\n\t\t\t\tbackground-color: $pagination-bg-active;\n\t\t\t\tcolor: $pagination-color-active;\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\t&__list &__item {\n\t\t\tdisplay: flex;\n\t\t\t&--select {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\"\nimport { PaginationClass } from \"./constants\"\nimport { prepareClasses } from \"../../helpers/Dom/template\"\nimport { paginate, Pagination } from \"./pagination\"\nimport { toBoolAttrIfDefined, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { validateWcagLabel, validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-pagination\",\n\tstyleUrl: \"gov-pagination.scss\",\n})\nexport class GovPagination {\n\t@Element() readonly host: HTMLGovPaginationElement\n\n\tprivate readonly pageSelectId: string\n\n\tconstructor() {\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t}\n\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t@Prop() readonly total: number\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({ attribute: \"page-size\" }) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({ attribute: \"max-pages\" }) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({ attribute: \"wcag-select-label\" }) readonly wcagSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({ attribute: \"wcag-page-label\" }) readonly wcagPageLabel: string = \"Strana\"\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({ eventName: \"gov-page\" }) govPage: EventEmitter<Pagination>\n\n\t@State() pagination: Pagination\n\n\tcomponentWillLoad() {\n\t\tthis.recalculatePagination(this.current)\n\t\tconsole.log(this.pagination)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\tif (this.link) {\n\t\t\t\tconst Tag = isDisabled ? \"span\" : \"a\"\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\thref={isDisabled ? undefined : String(this.link).replace('{PAGE}', String(page))}\n\t\t\t\t\t\taria-hidden={toBoolAttrIfDefined(isDisabled ? true : undefined)}\n\t\t\t\t\t\taria-label={this.wcagPageLabel + \" \" + page}\n\t\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\t\tclass={PaginationClass.inner}>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</Tag>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<button\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\tonClick={() => this.onClickHandler(page)}\n\t\t\t\t\taria-disabled={toBoolAttr(isDisabled)}\n\t\t\t\t\taria-label={this.wcagPageLabel + \" \" + page}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}>\n\t\t\t\t\t{content}\n\t\t\t\t</button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={PaginationClass.root}>\n\t\t\t\t<nav aria-label={this.wcagLabel} aria-labelledby={this.wcagLabelledBy}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon name=\"double-arrow-left\"></gov-icon>)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon name=\"arrow-left\"></gov-icon>)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>{this.wcagSelectLabel}</span>\n\t\t\t\t\t\t\t\t<gov-form-select size=\"l\" wcag-labelded-by={this.pageSelectId}>\n\t\t\t\t\t\t\t\t\t{this.pagination.pages.map((page) => (\n\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>{page}</option>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{this.pagination.pages.map((page) => (\n\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>\n\t\t\t\t\t\t\t\t{pageResolver(page, page)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li class={PaginationClass.item}>\n\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t&hellip;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon name=\"arrow-right\"></gov-icon>)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon name=\"double-arrow-right\"></gov-icon>)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(page: number): void {\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({ ...this.pagination })\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.wcagPageLabel, \"wcag-page-label\", PaginationClass.root)\n\t\tvalidateWcagProp(this.wcagSelectLabel, \"wcag-select-label\", PaginationClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, PaginationClass.root)\n\t}\n}\n"]}

package/dist/core/p-9db35e06.js

@@ -0,0 +1,2 @@
+import"./p-55500e5a.js";import"./p-f9320f1e.js";const t=[undefined,"text","badge"];const s={root:"gov-tabs",tabs:"gov-tabs__tabs",list:"gov-tabs__list",item:"gov-tabs__item",btn:"gov-tabs__btn"};const o={root:"gov-tabs-item",inner:"gov-tabs-item__inner"};export{o as T,s as a,t as b};
+//# sourceMappingURL=p-9db35e06.js.map

package/dist/core/p-9db35e06.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/constants.ts"],"names":["Types","undefined","TabsClass","root","tabs","list","item","btn","TabsItemClass","inner"],"mappings":"sDASaA,EAAQ,CAACC,UAAW,OAAQ,eAG5BC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,KAAM,iBACNC,KAAM,iBACNC,IAAK,uBAGOC,EAAgB,CAC5BL,KAAM,gBACNM,MAAO","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants as GlobalVariants } from '../../core/constants/variants'\n\nexport const TabSize = [Sizes._M, Sizes._S, Sizes._L, undefined] as const\nexport type TabSizeType = typeof TabSize[number];\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING] as const\nexport type VariantType = typeof Variants[number]\n\nexport const Types = [undefined, \"text\", \"badge\"] as const\nexport type Type = typeof Types[number]\n\nexport const TabsClass = {\n\troot: \"gov-tabs\",\n\ttabs: \"gov-tabs__tabs\",\n\tlist: \"gov-tabs__list\",\n\titem: \"gov-tabs__item\",\n\tbtn: \"gov-tabs__btn\",\n}\n\nexport const TabsItemClass = {\n\troot: 'gov-tabs-item',\n\tinner: 'gov-tabs-item__inner',\n}\n"]}

package/dist/core/p-a24dc455.js

@@ -0,0 +1,2 @@
+function n(){return Math.random().toString(16).slice(-4)}function r(r){return`${r}-${n()}${n()}-${n()}-${n()}-${n()}-${n()}${n()}${n()}`}function t(n){if(typeof n!=="string")return n;return n.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function u(n){if(typeof n!=="string")return n;return n.split(/(\s+)/)}export{r as c,t as r,u as s};
+//# sourceMappingURL=p-a24dc455.js.map

package/dist/core/p-a24dc455.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/utils/string.utils.ts"],"names":["chr4","Math","random","toString","slice","createID","prefix","removeDiacritics","string","normalize","replace","splitByWhitespace","split"],"mappings":"AAAA,SAASA,IACR,OAAOC,KAAKC,SAASC,SAAS,IAAIC,OAAO,YAG1BC,EAASC,GACxB,MAAO,GAAGA,KAAUN,MAASA,OAAUA,OAAUA,OAAUA,OAAUA,MAASA,MAASA,eAGxEO,EAAiBC,GAChC,UAAWA,IAAW,SAAU,OAAOA,EACvC,OAAOA,EAAOC,UAAU,OAAOC,QAAQ,mBAAoB,aAG5CC,EAAkBH,GACjC,UAAWA,IAAW,SAAU,OAAOA,EACvC,OAAOA,EAAOI,MAAM","sourcesContent":["function chr4(): string {\n\treturn Math.random().toString(16).slice(-4)\n}\n\nexport function createID(prefix: string): string {\n\treturn `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n\nexport function removeDiacritics(string: any): string | any {\n\tif (typeof string !== \"string\") return string\n\treturn string.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n}\n\nexport function splitByWhitespace(string: any): string | any {\n\tif (typeof string !== \"string\") return string\n\treturn string.split(/(\\s+)/)\n}\n"]}

package/dist/core/p-a5dd376d.entry.js

@@ -0,0 +1,2 @@
+import{r,c as i,h as a,H as e,g as o}from"./p-75c62141.js";import{a as t}from"./p-b4a749e8.js";import{v as n}from"./p-e29a195b.js";import{W as s}from"./p-f6f34f80.js";import{c as d}from"./p-a24dc455.js";import{g as v,b as l,t as g}from"./p-9077d6f6.js";import{V as z}from"./p-f9320f1e.js";import"./p-55500e5a.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-secondary-100))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__header>.gov-icon{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:"Roboto", sans-serif;font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:center}.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);display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix i,.gov-wizzard-item__prefix .gov-icon{width:1.125rem;height:1.125rem}.gov-wizzard-item__content p: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-secondary-100))}.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-secondary-100))}.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-secondary-100))}.gov-wizzard-item:last-child{margin-bottom:0}.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__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__header[aria-expanded=true]>gov-icon{transform:scale(-1)}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 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))}}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix{width:2rem;height:2rem}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4rem}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{width:2.5rem;height:2.5rem}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4.5rem}@media (max-width: 29.99em){.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{width:2rem;height:2rem}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4rem}}';var m;(function(r){r["DIV"]="div";r["BUTTON"]="button"})(m||(m={}));const h=class{constructor(a){r(this,a);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.variant=z.PRIMARY;this.identifier=undefined;this.collapsible=false;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.h=v(this.host);this.triggerId=d("GovWizzardItem");this.contentId=d("GovWizzardContent")}validateLabel(r){if(!r){t(`[${s.root}]: Parameter label is required.`)}}validateTriggerTag(r){const i=["h1","h2","h3","h4","h5","h6","span"];if(r){if(!i.includes(r)){t(`[${s.root}]: Tag ${r} is not allowed.`)}}}validateVariant(r){n(z,r,s.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 r=this.identifier||this.triggerId;const i=this.labelTag;const o=this.collapsible?m.BUTTON:m.DIV;const t=a(i,{class:s.title},this.h.hasSlot("prefix")&&a("span",{class:s.prefix},a("slot",{name:"prefix"})),a("span",{class:s.label},this.label));return a(e,{class:s.root,variant:this.variant,role:"listitem",collapsible:this.collapsible},this.collapsible?a(o,{id:r,class:s.header,"aria-expanded":l(this.isExpandedState),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":g(this.disabled),onClick:()=>this.collapsible?this.toggle():false},t,a("gov-icon",{name:"arrow-down"})):a("div",{class:s.header},t),this.collapsible?a("div",{class:s.content,id:this.contentId,"aria-hidden":l(!this.isExpandedState),hidden:!this.isExpandedState,"aria-labelledby":r},a("slot",null)):a("div",{class:s.content,"aria-hidden":l(!this.isExpandedState),hidden:!this.isExpandedState},a("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-a5dd376d.entry.js.map

package/dist/core/p-a5dd376d.entry.js.map

@@ -0,0 +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","Variants","PRIMARY","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","WizzardItemClass","root","validTags","includes","validateProp","govChange","emit","open","isExpandedState","element","isExpanded","validateLabel","label","validateVariant","variant","validateTriggerTag","labelTag","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","class","title","hasSlot","prefix","name","Host","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"yTAAA,MAAMA,EAAoB,8/LCW1B,IAAKC,GAAL,SAAKA,GACJA,EAAA,OAAA,MACAA,EAAA,UAAA,UAFD,CAAKA,IAAAA,EAAI,WASIC,EAAc,MAK1BC,YAAAC,+FAWwCC,EAASC,mDAQT,yCAQH,sBAI8B,oBAIL,KAlC7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,kBAC1BL,KAAKM,UAAYD,EAAS,qBAuC3BT,cAAcW,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,wCAKnCd,mBAAmBW,GAClB,MAAMI,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIJ,EAAU,CACb,IAAKI,EAAUC,SAASL,GAAW,CAClCC,EAAY,IAAIC,EAAiBC,cAAcH,uBAMlDX,gBAAgBW,GACfM,EAAaf,EAAUS,EAAUE,EAAiBC,MAG3Cd,cACPI,KAAKc,UAAUC,KAAK,CAAEC,KAAMhB,KAAKiB,gBAAiBC,QAASlB,KAAKG,OAGjEP,oBACCI,KAAKiB,gBAAkBjB,KAAKmB,WAC5BnB,KAAKoB,cAAcpB,KAAKqB,OACxBrB,KAAKsB,gBAAgBtB,KAAKuB,SAC1BvB,KAAKwB,mBAAmBxB,KAAKyB,UAG9B7B,SACC,MAAMQ,EAAYJ,KAAK0B,YAAc1B,KAAKI,UAC1C,MAAMuB,EAAW3B,KAAKyB,SACtB,MAAMG,EAAM5B,KAAK6B,YAAcnC,EAAKoC,OAASpC,EAAKqC,IAElD,MAAMV,EACLpB,EAAC0B,EAAQ,CAACK,MAAOvB,EAAiBwB,OAChCjC,KAAKC,EAAEiC,QAAQ,WACfjC,EAAA,OAAA,CAAM+B,MAAOvB,EAAiB0B,QAC7BlC,EAAA,OAAA,CAAMmC,KAAK,YAEbnC,EAAA,OAAA,CAAM+B,MAAOvB,EAAiBY,OAC5BrB,KAAKqB,QAKT,OACCpB,EAACoC,EAAI,CAACL,MAAOvB,EAAiBC,KACxBa,QAASvB,KAAKuB,QACde,KAAK,WACLT,YAAa7B,KAAK6B,aACtB7B,KAAK6B,YACL5B,EAAC2B,EAAG,CACHW,GAAInC,EACJ4B,MAAOvB,EAAiB+B,OAAMC,gBACfC,EAAc1C,KAAKiB,iBAAgB0B,gBACnC3C,KAAKM,UACpBsC,SAAU5C,KAAK4C,SAAQC,gBACRC,EAAoB9C,KAAK4C,UACxCG,QAAS,IAAM/C,KAAK6B,YAAc7B,KAAKgD,SAAW,OACjD3B,EACDpB,EAAA,WAAA,CAAUmC,KAAK,gBAGhBnC,EAAA,MAAA,CAAK+B,MAAOvB,EAAiB+B,QAC3BnB,GAGFrB,KAAK6B,YACL5B,EAAA,MAAA,CAAK+B,MAAOvB,EAAiBwC,QACxBV,GAAIvC,KAAKM,UAAS4C,cACLR,GAAe1C,KAAKiB,iBACjCkC,QAASnD,KAAKiB,gBAAemC,kBACZhD,GACrBH,EAAA,OAAA,OAGDA,EAAA,MAAA,CAAK+B,MAAOvB,EAAiBwC,QAAOC,cAClBR,GAAe1C,KAAKiB,iBACjCkC,QAASnD,KAAKiB,iBAClBhB,EAAA,OAAA,QAWLL,aACCI,KAAKiB,gBAAkB,KACvBjB,KAAKqD,cAONzD,cACCI,KAAKiB,gBAAkB,MACvBjB,KAAKqD,cAONzD,eACCI,KAAKiB,iBAAmBjB,KAAKiB,gBAC7BjB,KAAKqD,cAONzD,qBACC,OAAOI,KAAKiB","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&:last-child {\n\t\tmargin-bottom: 0;\n\t}\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\t&__title {\n\t\t@include typography($font-size-l);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t& > gov-icon {\n\t\t\ttransform: scale(-1);\n\t\t}\n\t}\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// VARIANTS\n\t// color\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\t// sizes\n\t@each $size, $definitions in $wizzard-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__prefix {\n\t\t\t\t\twidth: get(\"indicator-size\", $definitions);\n\t\t\t\t\theight: get(\"indicator-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: sm) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__prefix {\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\t&__content {\n\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-s, \"content-padding\");\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, VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, toBoolAttrIfDefined, govHost } from \"../../helpers/Dom/template\"\nimport { GovWizzardItemChangeEvent } from \"./gov-wizzard-item.d\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\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@State() isExpandedState: boolean\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\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 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@Watch(\"label\")\n\tvalidateLabel(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\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(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, 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<span class={WizzardItemClass.label}>\n\t\t\t\t\t{this.label}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={WizzardItemClass.root}\n\t\t\t      variant={this.variant}\n\t\t\t      role=\"listitem\"\n\t\t\t      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\t{label}\n\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div class={WizzardItemClass.content}\n\t\t\t\t\t     id={this.contentId}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     hidden={!this.isExpandedState}\n\t\t\t\t\t     aria-labelledby={triggerId}>\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}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     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\tasync 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\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}\n"]}

package/dist/core/p-a8320dd3.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as i,H as a,g as t}from"./p-75c62141.js";import{a as r}from"./p-b4a749e8.js";import{v as n}from"./p-e29a195b.js";import{A as c,S as d}from"./p-2474a77a.js";import{c as s}from"./p-a24dc455.js";import{b as g,t as l}from"./p-9077d6f6.js";import{V as m}from"./p-f9320f1e.js";import"./p-55500e5a.js";const v='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.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>.gov-icon{display:inline-block;flex:0 0 auto;align-self:center}.gov-accordion-item__header *[slot=icon]{display:inline-block;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__header *[slot=suffix]{display:inline-block;vertical-align:middle;flex:0 0 auto;margin-left:auto;line-height:initial}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=""]>.gov-icon,.gov-accordion-item__header[aria-expanded=true i]>.gov-icon,.gov-accordion-item__header[aria-expanded="1"]>.gov-icon{transform:scale(-1)}.gov-accordion-item__title{margin:0;padding:0;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__content p:last-child{margin-bottom:0}.gov-accordion-item[size=s] .gov-accordion-item__header{gap:0.5rem;min-height:3rem;padding:0.75rem 0.5rem}.gov-accordion-item[size=s] .gov-accordion-item__header>.gov-icon{width:0.75rem;height:0.75rem}.gov-accordion-item[size=s] .gov-accordion-item__header *[slot=icon]{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(0.0625rem)}.gov-accordion-item[size=s] .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:0.5rem}.gov-accordion-item[size=s] .gov-accordion-item__content{padding:1rem 0.5rem}.gov-accordion-item[size=m] .gov-accordion-item__header{gap:1rem;min-height:4.5rem;padding:1.25rem 0.5rem}.gov-accordion-item[size=m] .gov-accordion-item__header>.gov-icon{width:1rem;height:1rem}.gov-accordion-item[size=m] .gov-accordion-item__header *[slot=icon]{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(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:1rem}.gov-accordion-item[size=m] .gov-accordion-item__content{padding:1.25rem 0.5rem}.gov-accordion-item[size=l] .gov-accordion-item__header{gap:1rem;min-height:5.5rem;padding:1.375rem 0.5rem}.gov-accordion-item[size=l] .gov-accordion-item__header>.gov-icon{width:1.25rem;height:1.25rem}.gov-accordion-item[size=l] .gov-accordion-item__header *[slot=icon]{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(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:1rem}.gov-accordion-item[size=l] .gov-accordion-item__content{padding:1.25rem 0.5rem}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:transparent;color:var(--gov-color-primary)}.gov-accordion-item[variant=primary] .gov-accordion-item__header::before{background-color: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-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-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:transparent;color:var(--gov-color-secondary)}.gov-accordion-item[variant=secondary] .gov-accordion-item__header::before{background-color: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-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-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;max-width:calc(100% - 50px)}}';const h=class{constructor(i){o(this,i);this.govChange=e(this,"gov-change",7);this.isExpandedState=undefined;this.variant=m.PRIMARY;this.identifier=undefined;this.size=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.triggerTag="h3";this.triggerId=s("GovAccordionItem");this.contentId=s("GovAccordionContent")}validateLabel(o){if(!o){r(`[${c.root}]: Parameter label is required.`)}}validateTriggerTag(o){const e=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!e.includes(o)){r(`[${c.root}]: Tag ${o} is not allowed.`)}}}validateSize(o){n(d,o,c.root)}validateVariant(o){n(m,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 e=this.contentId;const{isExpandedState:t,label:r}=this;const n=this.triggerTag;return i(a,{class:c.root,role:"listitem"},i("button",{id:o,class:c.header,"aria-expanded":g(t),"aria-controls":e,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:()=>this.toggle()},i(n,{class:c.title},i("slot",{name:"icon"}),i("span",{class:c.label},r),i("slot",{name:"suffix"})),i("gov-icon",{name:"arrow-down"})),i("div",{class:c.content,id:e,"aria-hidden":g(!t),hidden:!t,"aria-labelledby":o},i("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 t(this)}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],size:["validateSize"],variant:["validateVariant"]}}};h.style=v;export{h as gov_accordion_item};
+//# sourceMappingURL=p-a8320dd3.entry.js.map

package/dist/core/p-a8320dd3.entry.js.map

@@ -0,0 +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","Variants","PRIMARY","undefined","this","triggerId","createID","contentId","newValue","govErrorLog","AccordionItemClass","root","validTags","includes","validateProp","Sizes","govChange","emit","open","isExpandedState","element","host","isExpanded","validateSize","size","validateLabel","label","validateVariant","variant","validateTriggerTag","triggerTag","identifier","TriggerTag","h","Host","class","role","id","header","aria-expanded","booleanString","aria-controls","disabled","aria-disabled","toBoolAttrIfDefined","onClick","toggle","title","name","content","aria-hidden","hidden","aria-labelledby","emmitChange"],"mappings":"8TAAA,MAAMA,EAAsB,qjMCafC,EAAgB,MAI5BC,YAAAC,+FAWwCC,EAASC,4CAQfC,6CASG,sBAI8B,sBAID,KAnCjEC,KAAKC,UAAYC,EAAS,oBAC1BF,KAAKG,UAAYD,EAAS,uBA0C3BP,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,EAAOP,EAAUE,EAAmBC,MAIlDZ,gBAAgBS,GACfM,EAAab,EAAUO,EAAUE,EAAmBC,MAG7CZ,cACPK,KAAKY,UAAUC,KAAK,CAAEC,KAAMd,KAAKe,gBAAiBC,QAAShB,KAAKiB,OAGjEtB,oBACCK,KAAKe,gBAAkBf,KAAKkB,WAC5BlB,KAAKmB,aAAanB,KAAKoB,MACvBpB,KAAKqB,cAAcrB,KAAKsB,OACxBtB,KAAKuB,gBAAgBvB,KAAKwB,SAC1BxB,KAAKyB,mBAAmBzB,KAAK0B,YAG9B/B,SACC,MAAMM,EAAYD,KAAK2B,YAAc3B,KAAKC,UAC1C,MAAME,EAAYH,KAAKG,UACvB,MAAMY,gBAAEA,EAAeO,MAAEA,GAAUtB,KACnC,MAAM4B,EAAa5B,KAAK0B,WAExB,OACCG,EAACC,EAAI,CAACC,MAAOzB,EAAmBC,KAAMyB,KAAK,YAC1CH,EAAA,SAAA,CACCI,GAAIhC,EACJ8B,MAAOzB,EAAmB4B,OAAMC,gBACjBC,EAAcrB,GAAgBsB,gBAC9BlC,EACfmC,SAAUtC,KAAKsC,SAAQC,gBACRC,EAAoBxC,KAAKsC,UACxCG,QAAS,IAAMzC,KAAK0C,UACpBb,EAACD,EAAU,CAACG,MAAOzB,EAAmBqC,OACrCd,EAAA,OAAA,CAAMe,KAAK,SACXf,EAAA,OAAA,CAAME,MAAOzB,EAAmBgB,OAC9BA,GAGFO,EAAA,OAAA,CAAMe,KAAK,YAGZf,EAAA,WAAA,CAAUe,KAAK,gBAEhBf,EAAA,MAAA,CACCE,MAAOzB,EAAmBuC,QAC1BZ,GAAI9B,EAAS2C,cACAV,GAAerB,GAC5BgC,QAAShC,EAAeiC,kBACP/C,GACjB4B,EAAA,OAAA,QAUJlC,aACCK,KAAKe,gBAAkB,KACvBf,KAAKiD,cAONtD,cACCK,KAAKe,gBAAkB,MACvBf,KAAKiD,cAONtD,eACCK,KAAKe,iBAAmBf,KAAKe,gBAC7Bf,KAAKiD,cAONtD,qBACC,OAAOK,KAAKe","sourcesContent":["/*\n *   Accordion - Item\n */\n\n$class: \".gov-accordion-item\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\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// Arrow\n\t\t& > .gov-icon {\n\t\t\tdisplay: inline-block;\n\t\t\tflex: 0 0 auto;\n\t\t\talign-self: center;\n\t\t}\n\n\t\t// Icon slot\n\t\t*[slot=\"icon\"] {\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t// Right slot\n\t\t*[slot=\"suffix\"] {\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-left: auto;\n\t\t\tline-height: initial;\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\n\t\t// STATES\n\t\t@include parameter(\"aria-expanded\") {\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&__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\n\t&__content {\n\t\tp:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t// sizes\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\n\t\t\t\t\t// Arrow\n\t\t\t\t\t& > .gov-icon {\n\t\t\t\t\t\twidth: get(\"icon-size\", $definitions);\n\t\t\t\t\t\theight: get(\"icon-size\", $definitions);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Icon slot\n\t\t\t\t\t*[slot=\"icon\"] {\n\t\t\t\t\t\twidth: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\t\theight: calc(get-font-size(get(\"font\", $definitions)) * 1.2);\n\t\t\t\t\t\ttransform: translateY(get(\"icon-position\", $definitions));\n\t\t\t\t\t}\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&__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// colors\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 { SizeType, Sizes, AccordionItemClass, VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovAccordionItemChangeEvent } from \"./gov-accordion-item.d\"\nimport { Variants } from \"../../core/constants/variants\"\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\n\tconstructor() {\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: VariantType = Variants.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: SizeType = undefined\n\t/**\n\t * Item name of the accordion\n\t */\n\t@Prop() readonly label: 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(Sizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, 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={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\t<TriggerTag class={AccordionItemClass.title}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t<span class={AccordionItemClass.label}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t</TriggerTag>\n\n\t\t\t\t\t<gov-icon 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\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}\n"]}

package/dist/core/p-a870e7db.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as t,H as o,g as i}from"./p-75c62141.js";import{a}from"./p-b4a749e8.js";import{v as s}from"./p-e29a195b.js";import{S as g}from"./p-1e70ab4e.js";import{c as v}from"./p-a24dc455.js";import{g as n}from"./p-9077d6f6.js";import{V as p}from"./p-f9320f1e.js";import"./p-55500e5a.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__header>.gov-icon{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:"Roboto", sans-serif;font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:center}.gov-stepper-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);display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix i,.gov-stepper-item__prefix .gov-icon{width:1.125rem;height:1.125rem}.gov-stepper-item__content p:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-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-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-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-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-secondary-100))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-secondary-100))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-secondary-100))}.gov-stepper-item::before{content:"";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=s]{min-height:5rem}.gov-stepper-item[size=s]::before{top:3rem;bottom:1rem;left:0.9375rem}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-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-stepper-item[size=s] .gov-stepper-item__prefix{width:2rem;height:2rem}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:1rem 1rem 2rem 3rem}.gov-stepper-item[size=m]{min-height:5.5rem}.gov-stepper-item[size=m]::before{top:3.5rem;bottom:1rem;left:1.1875rem}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-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)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{width:2.5rem;height:2.5rem}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:1rem 1rem 2rem 3.5rem}';const m=class{constructor(t){e(this,t);this.govChange=r(this,"gov-change",7);this.isExpandedState=undefined;this.variant=p.PRIMARY;this.identifier=undefined;this.label=undefined;this.triggerTag="h3";this.h=n(this.host);this.triggerId=v("GovStepperItem");this.contentId=v("GovStepperContent")}validateLabel(e){if(!e){a(`[${g.root}]: Parameter label is required.`)}}validateTriggerTag(e){const r=["h1","h2","h3","h4","h5","h6","span"];if(e){if(!r.includes(e)){a(`[${g.root}]: Tag ${e} is not allowed.`)}}}validateVariant(e){s(p,e,g.root)}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const e=this.identifier||this.triggerId;const r=this.contentId;const{label:i}=this;const a=this.triggerTag;return t(o,{class:g.root,variant:this.variant},t("div",{id:e,class:g.header,role:"listitem"},t(a,{class:g.title},this.h.hasSlot("prefix")&&t("span",{class:g.prefix},t("slot",{name:"prefix"})),t("span",{class:g.label},i))),this.h.hasSlot("content")&&t("div",{class:g.content,id:r,"aria-labelledby":e,role:"tabpanel"},t("slot",{name:"content"})))}async currentState(){return this.isExpandedState}get host(){return i(this)}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}}};m.style=c;export{m as gov_stepper_item};
+//# sourceMappingURL=p-a870e7db.entry.js.map

package/dist/core/p-a870e7db.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-stepper/gov-stepper-item.scss?tag=gov-stepper-item","../../../packages/core/src/components/gov-stepper/gov-stepper-item.tsx"],"names":["govStepperItemCss","GovStepperItem","[object Object]","hostRef","Variants","PRIMARY","this","h","govHost","host","triggerId","createID","contentId","newValue","govErrorLog","StepperItemClass","root","validTags","includes","validateProp","validateLabel","label","validateVariant","variant","validateTriggerTag","triggerTag","identifier","TriggerTag","Host","class","id","header","role","title","hasSlot","prefix","name","content","aria-labelledby","isExpandedState"],"mappings":"2SAAA,MAAMA,EAAoB,y7ICebC,EAAc,MAK1BC,YAAAC,+FAYwCC,EAASC,uEAYiB,KAvBjEC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,kBAC1BL,KAAKM,UAAYD,EAAS,qBA6B3BT,cAAcW,GACb,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAiBC,wCAKnCd,mBAAmBW,GAClB,MAAMI,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIJ,EAAU,CACb,IAAKI,EAAUC,SAASL,GAAW,CAClCC,EAAY,IAAIC,EAAiBC,cAAcH,uBAMlDX,gBAAgBW,GACfM,EAAaf,EAAUS,EAAUE,EAAiBC,MAGnDd,oBACCI,KAAKc,cAAcd,KAAKe,OACxBf,KAAKgB,gBAAgBhB,KAAKiB,SAC1BjB,KAAKkB,mBAAmBlB,KAAKmB,YAG9BvB,SACC,MAAMQ,EAAYJ,KAAKoB,YAAcpB,KAAKI,UAC1C,MAAME,EAAYN,KAAKM,UACvB,MAAMS,MAAEA,GAAUf,KAClB,MAAMqB,EAAarB,KAAKmB,WAExB,OAEClB,EAACqB,EAAI,CAACC,MAAOd,EAAiBC,KAAMO,QAASjB,KAAKiB,SACjDhB,EAAA,MAAA,CACCuB,GAAIpB,EACJmB,MAAOd,EAAiBgB,OACxBC,KAAK,YACLzB,EAACoB,EAAU,CAACE,MAAOd,EAAiBkB,OAClC3B,KAAKC,EAAE2B,QAAQ,WACf3B,EAAA,OAAA,CAAMsB,MAAOd,EAAiBoB,QAC7B5B,EAAA,OAAA,CAAM6B,KAAK,YAGb7B,EAAA,OAAA,CAAMsB,MAAOd,EAAiBM,OAC5BA,KAKHf,KAAKC,EAAE2B,QAAQ,YACf3B,EAAA,MAAA,CACCsB,MAAOd,EAAiBsB,QACxBP,GAAIlB,EAAS0B,kBACI5B,EACjBsB,KAAK,YACLzB,EAAA,OAAA,CAAM6B,KAAK,cAYhBlC,qBACC,OAAOI,KAAKiC","sourcesContent":["/*\n *   Stepper - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-stepper-item\";\n\n$connect-gap: rem-calc(16);\n\n#{$class} {\n\t@include wizzard-item-core;\n\t&::before {\n\t\t@include pseudo();\n\t\twidth: rem-calc(2);\n\t}\n\t&:last-child::before {\n\t\tcontent: none;\n\t}\n\n\t// VARIANTS\n\t// colors\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t&::before {\n\t\t\t\tbackground: get(\"indicator-bg\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n\t// sizes\n\t@each $size, $definitions in $stepper-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\tmin-height: calc(get(\"indicator-size\", $definitions) + 3 * $connect-gap);\n\t\t\t&::before {\n\t\t\t\ttop: calc(get(\"indicator-size\", $definitions) + $connect-gap);\n\t\t\t\tbottom: $connect-gap;\n\t\t\t\tleft: calc((get(\"indicator-size\", $definitions) - rem-calc(2)) / 2);\n\t\t\t}\n\t\t\t&:last-child {\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(get(\"font\", $definitions));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\twidth: get(\"indicator-size\", $definitions);\n\t\t\t\t\theight: get(\"indicator-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\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 { StepperItemClass, VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovStepperItemChangeEvent } from \"./gov-stepper-item.d\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n\n@Component({\n\ttag: \"gov-stepper-item\",\n\tstyleUrl: \"gov-stepper-item.scss\",\n})\nexport class GovStepperItem {\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(\"GovStepperItem\")\n\t\tthis.contentId = createID(\"GovStepperContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Item name of the stepper\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Used to change the HMTL tag in the stepper 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<GovStepperItemChangeEvent>\n\n\t@Watch(\"label\")\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${StepperItemClass.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(`[${StepperItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\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 { label } = this\n\t\tconst TriggerTag = this.triggerTag\n\n\t\treturn (\n\t\t\t\n\t\t\t<Host class={StepperItemClass.root} variant={this.variant}>\n\t\t\t\t<div\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={StepperItemClass.header}\n\t\t\t\t\trole=\"listitem\">\n\t\t\t\t\t<TriggerTag class={StepperItemClass.title}>\n\t\t\t\t\t\t{this.h.hasSlot(\"prefix\") && \n\t\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<span class={StepperItemClass.label}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</TriggerTag>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t<div \n\t\t\t\t\t\tclass={StepperItemClass.content} \n\t\t\t\t\t\tid={contentId} \n\t\t\t\t\t\taria-labelledby={triggerId} \n\t\t\t\t\t\trole=\"tabpanel\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t</Host>\n\t\t)\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}\n"]}

package/dist/core/p-aa54d288.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as e,g as i}from"./p-75c62141.js";import{g as t}from"./p-9077d6f6.js";const n={root:"gov-error-code",icon:"gov-error-code__icon",holder:"gov-error-code__holder",content:"gov-error-code__content"};const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-error-code{display:block;width:100%}.gov-error-code__holder{margin:0 auto;text-align:center}.gov-error-code__content>*:last-child{margin-bottom:0}.gov-error-code__icon{display:flex;justify-content:center;align-items:center;width:9.375rem;height:9.375rem;margin:0 auto 1.5rem;border-radius:50%;background:var(--gov-error-icon-circle-bg, linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-secondary-100)));color:var(--gov-error-icon-color, var(--gov-color-primary))}.gov-error-code__icon>*{width:7.125rem;height:7.125rem}@media (min-width: 48em){.gov-error-code__icon{width:12.5rem;height:12.5rem;margin:0 auto 2rem}.gov-error-code__icon>*{width:9.5rem;height:9.5rem}}";const a=class{constructor(r){o(this,r);this.h=t(this.host)}render(){return r(e,{class:this.h.classes(n.root)},r("div",{class:n.holder},this.h.hasSlot("icon")&&r("div",{class:n.icon},r("slot",{name:"icon"})),r("div",{class:n.content},r("slot",null))))}get host(){return i(this)}};a.style=c;export{a as gov_error_code};
+//# sourceMappingURL=p-aa54d288.entry.js.map

package/dist/core/p-aa54d288.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.scss?tag=gov-error-code","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"names":["ErrorCodeClass","root","icon","holder","content","govErrorCodeCss","GovErrorCode","[object Object]","hostRef","this","h","govHost","host","Host","class","classes","hasSlot","name"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,KAAM,uBACNC,OAAQ,yBACRC,QAAS,2BCJV,MAAMC,EAAkB,s0BCSXC,EAAY,MAGxBC,YAAAC,aACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAKvBL,SACC,OACCG,EAACG,EAAI,CAACC,MAAOL,KAAKC,EAAEK,QAAQf,EAAeC,OAC1CS,EAAA,MAAA,CAAKI,MAAOd,EAAeG,QACzBM,KAAKC,EAAEM,QAAQ,SACfN,EAAA,MAAA,CAAKI,MAAOd,EAAeE,MAC1BQ,EAAA,OAAA,CAAMO,KAAK,UAGbP,EAAA,MAAA,CAAKI,MAAOd,EAAeI,SAC1BM,EAAA,OAAA","sourcesContent":["export const ErrorCodeClass = {\n\troot: \"gov-error-code\",\n\ticon: \"gov-error-code__icon\",\n\tholder: \"gov-error-code__holder\",\n\tcontent: \"gov-error-code__content\",\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-error-code\";\n\n#{$class} {\n\tdisplay: block;\n\twidth: 100%;\n\t&__holder {\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\t}\n\t&__content {\n\t\t& > *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\t&__icon {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: rem-calc(150);\n\t\theight: rem-calc(150);\n\t\tmargin: 0 auto rem-calc(24);\n\t\tborder-radius: 50%;\n\t\tbackground: $error-icon-circle-bg;\n\t\tcolor: $error-icon-color;\n\t\t& > * {\n\t\t\twidth: rem-calc(114);\n\t\t\theight: rem-calc(114);\n\t\t}\n\t}\n\n\t@include mq($from: md) {\n\t\t&__icon {\n\t\t\twidth: rem-calc(200);\n\t\t\theight: rem-calc(200);\n\t\t\tmargin: 0 auto rem-calc(32);\n\t\t\t& > * {\n\t\t\t\twidth: rem-calc(152);\n\t\t\t\theight: rem-calc(152);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-error-code',\n\tstyleUrl: 'gov-error-code.scss',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)}>\n\t\t\t\t<div class={ErrorCodeClass.holder}>\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={ErrorCodeClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-ab33947a.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as o,h as a}from"./p-75c62141.js";import{c as t,v as s}from"./p-55f49f1d.js";import{d as r}from"./p-0956d80f.js";import"./p-b4a749e8.js";import"./p-a24dc455.js";const n={root:"gov-backdrop"};const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-backdrop{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--gov-backdrop-bg, var(--gov-color-secondary));opacity:0;transition:opacity 150ms;will-change:opacity}.gov-backdrop.is-visible{opacity:var(--gov-backdrop-opacity, 0.45)}";const e=class{constructor(a){i(this,a);this.govClick=o(this,"gov-click",7);this.visible=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined}async componentDidRender(){if(t()){await r(500);await this.validateWcag()}}render(){if(!this.visible)return null;return a("div",{role:"button","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onClick:i=>this.govClick.emit(i),class:"gov-backdrop is-visible"})}async validateWcag(){s(this.wcagLabel,this.wcagLabelledBy,n.root)}};e.style=c;export{e as gov_backdrop};
+//# sourceMappingURL=p-ab33947a.entry.js.map

package/dist/core/p-ab33947a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.scss?tag=gov-backdrop","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"names":["BackdropClass","root","govBackdropCss","GovBackdrop","[object Object]","canValidateWcagOnRender","delay","this","validateWcag","visible","h","role","aria-label","wcagLabel","aria-labelledby","wcagLabelledBy","onClick","e","govClick","emit","class","validateWcagLabel"],"mappings":"iLAAO,MAAMA,EAAgB,CAC5BC,KAAM,gBCDP,MAAMC,EAAiB,sZCUVC,EAAW,gFAII,6DAc3BC,2BACC,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,gBAIbJ,SACC,IAAKG,KAAKE,QAAS,OAAO,KAC1B,OACCC,EAAA,MAAA,CAAKC,KAAM,SAAQC,aACFL,KAAKM,UAASC,kBACTP,KAAKQ,eACtBC,QAAUC,GAAMV,KAAKW,SAASC,KAAKF,GACnCG,MAAM,4BASbhB,qBACCiB,EAAkBd,KAAKM,UAAWN,KAAKQ,eAAgBf,EAAcC","sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n}\n","/*\n *   Backdrop\n */\n\n$class: \".gov-backdrop\";\n\n#{$class} {\n\t@include z-index(\"modal\", 0);\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: $backdrop-bg;\n\topacity: 0;\n\ttransition: opacity $t;\n\twill-change: opacity;\n\t&.is-visible {\n\t\topacity: $backdrop-opacity;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Method, Prop } from \"@stencil/core\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { BackdropClass } from \"./constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-backdrop\",\n\tstyleUrl: \"gov-backdrop.scss\",\n})\nexport class GovBackdrop {\n\t/**\n\t * Default attribute for backdrop display\n\t */\n\t@Prop() visible: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<MouseEvent>\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\tif (!this.visible) return null\n\t\treturn (\n\t\t\t<div role={'button'}\n\t\t\t     aria-label={this.wcagLabel}\n\t\t\t     aria-labelledby={this.wcagLabelledBy}\n\t\t\t     onClick={(e) => this.govClick.emit(e)}\n\t\t\t     class=\"gov-backdrop is-visible\">\n\t\t\t</div>\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.wcagLabel, this.wcagLabelledBy, BackdropClass.root)\n\t}\n\n}\n"]}

package/dist/core/p-b4a749e8.js

@@ -0,0 +1,2 @@
+const o={bg:"#ecae1a",text:"#3b3b3b"};const t={bg:"#2362a2",text:"#fff"};const c={bg:"#c52a3a",text:"#fff"};const n=(o,c=t)=>{const n=["color: "+c.text,"background: "+c.bg,"font-size: 11px","padding: 2px 4px","border-radius: 3px","font-weight: 600"].join(";");console.log("%cgov",n,o)};const s=t=>{n(t,o)};const a=o=>{n(o,c)};export{a,s as g};
+//# sourceMappingURL=p-b4a749e8.js.map

package/dist/core/p-b4a749e8.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/helpers/Log/gov.log.ts"],"names":["WARNING_COLORS","bg","text","INFO_COLORS","ERROR_COLORS","govLog","message","colors","styles","join","console","log","govWarningLog","govErrorLog"],"mappings":"AAKA,MAAMA,EAA8B,CAAEC,GAAI,UAAWC,KAAM,WAC3D,MAAMC,EAA2B,CAAEF,GAAI,UAAWC,KAAM,QACxD,MAAME,EAA4B,CAAEH,GAAI,UAAWC,KAAM,QAElD,MAAMG,EAAS,CAACC,EAAiBC,EAAsBJ,KAC7D,MAAMK,EAAS,CACd,UAAYD,EAAOL,KACnB,eAAiBK,EAAON,GACxB,kBACA,mBACA,qBACA,oBACCQ,KAAK,KAEPC,QAAQC,IAAI,QAASH,EAAQF,UAGjBM,EAAiBN,IAC7BD,EAAOC,EAASN,UAGJa,EAAeP,IAC3BD,EAAOC,EAASF","sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = [\n\t\t'color: ' + colors.text,\n\t\t'background: ' + colors.bg,\n\t\t'font-size: 11px',\n\t\t'padding: 2px 4px',\n\t\t'border-radius: 3px',\n\t\t'font-weight: 600',\n\t].join(';')\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"]}

package/dist/core/p-bc13b48c.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r,H as o,g as t}from"./p-75c62141.js";import{v as i}from"./p-e29a195b.js";import{S as s,a as n,b as e,c as v}from"./p-d4aaff74.js";import{V as c}from"./p-f9320f1e.js";import"./p-b4a749e8.js";const d='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-statsbar{display:block;padding:1.25rem 0}.gov-statsbar__section{display:block;width:100%;max-width:var(--gov-container-width, 75rem);margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem)}@media (min-width: 48em){.gov-statsbar__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-statsbar[variant=primary]{background-color:var(--gov-statsbar-primary-bg-color, var(--gov-color-primary-200));color:var(--gov-statsbar-primary-text-color, var(--gov-color-primary))}.gov-statsbar[variant=primary][inverse=""],.gov-statsbar[variant=primary][inverse=true i],.gov-statsbar[variant=primary][inverse="1"]{background:var(--gov-color-secondary-100);color:var(--gov-statsbar-primary-text-color-inverse, var(--gov-color-primary))}.gov-statsbar[variant=secondary]{background-color:var(--gov-statsbar-secondary-bg-color, var(--gov-color-secondary));color:var(--gov-statsbar-secondary-text-color, var(--gov-color-secondary-100))}.gov-statsbar[variant=secondary][inverse=""],.gov-statsbar[variant=secondary][inverse=true i],.gov-statsbar[variant=secondary][inverse="1"]{background:var(--gov-color-secondary-100);color:var(--gov-statsbar-secondary-text-color-inverse, var(--gov-color-secondary))}@media (min-width: 30em){.gov-statsbar__section{display:flex;flex-wrap:wrap;justify-content:center}}@media (min-width: 48em){.gov-statsbar{padding:0}}';const g=class{constructor(r){a(this,r);this.iconPosition=undefined;this.variant=c.PRIMARY}validateIconPosition(a){i(e,a,n.root)}validateVariant(a){i(v,a,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition);this.validateVariant(this.variant)}componentDidLoad(){this.host.querySelectorAll(s.root).forEach((a=>{if(this.iconPosition==="left"){a.setAttribute("icon-position","left")}}))}render(){return r(o,{class:n.root,variant:this.variant},r("section",{class:n.section},r("slot",null)))}get host(){return t(this)}static get watchers(){return{iconPosition:["validateIconPosition"],variant:["validateVariant"]}}};g.style=d;export{g as gov_statsbar};
+//# sourceMappingURL=p-bc13b48c.entry.js.map

package/dist/core/p-bc13b48c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-statsbar/gov-statsbar.scss?tag=gov-statsbar","../../../packages/core/src/components/gov-statsbar/gov-statsbar.tsx"],"names":["govStatsbarCss","GovStatsbar","undefined","Variants","PRIMARY","[object Object]","newValue","validateProp","StatsBarIconPosition","StatsBarClass","root","StatsBarVariant","this","validateIconPosition","iconPosition","validateVariant","variant","host","querySelectorAll","StatsBarItemClass","forEach","node","setAttribute","h","Host","class","section"],"mappings":"kNAAA,MAAMA,EAAiB,qmDCSVC,EAAW,iDAGoCC,uBACcC,EAASC,QAGlFC,qBAAqBC,GACpBC,EAAaC,EAAsBF,EAAUG,EAAcC,MAI5DL,gBAAgBC,GACfC,EAAaI,EAAiBL,EAAUG,EAAcC,MAGvDL,oBACCO,KAAKC,qBAAqBD,KAAKE,cAC/BF,KAAKG,gBAAgBH,KAAKI,SAG3BX,mBACCO,KAAKK,KAAKC,iBAAiBC,EAAkBT,MAAMU,SAASC,IAC3D,GAAIT,KAAKE,eAAiB,OAAQ,CACjCO,EAAKC,aAAa,gBAAiB,YAKtCjB,SACC,OACCkB,EAACC,EAAI,CAACC,MAAOhB,EAAcC,KAAMM,QAASJ,KAAKI,SAC9CO,EAAA,UAAA,CAASE,MAAOhB,EAAciB,SAC7BH,EAAA,OAAA","sourcesContent":["/*\n *   Statsbar\n */\n\n$class: \".gov-statsbar\";\n\n#{$class} {\n\tdisplay: block;\n\tpadding: rem-calc(20) 0;\n\t&__section {\n\t\t@include container();\n\t}\n\n\t// VARIANTS\n\t// colors\n\t@each $variant, $definitions in $statsbar-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: #{get(\"bg-color\", $definitions)};\n\t\t\tcolor: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tbackground: color(\"secondary.100\");\n\t\t\t\tcolor: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__section {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\tpadding: 0;\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StatsBarClass, StatsBarVariant, StatsBarVariantType, StatsBarItemClass, StatsBarIconPosition, StatsBarIconPositionType } from './constants'\nimport { Variants } from '../../core/constants/variants'\n\n@Component({\n\ttag: 'gov-statsbar',\n\tstyleUrl: 'gov-statsbar.scss',\n})\nexport class GovStatsbar {\n\t@Element() host: HTMLGovStatsbarElement\n\n\t@Prop() readonly iconPosition?: StatsBarIconPositionType = undefined\n\t@Prop({ attribute: 'variant' }) readonly variant?: StatsBarVariantType = Variants.PRIMARY\n\n\t@Watch('iconPosition')\n\tvalidateIconPosition(newValue: string): void {\n\t\tvalidateProp(StatsBarIconPosition, newValue, StatsBarClass.root)\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(StatsBarVariant, newValue, StatsBarClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateIconPosition(this.iconPosition)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StatsBarItemClass.root).forEach((node: any) => {\n\t\t\tif (this.iconPosition === 'left') {\n\t\t\t\tnode.setAttribute('icon-position', 'left')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={StatsBarClass.root} variant={this.variant}>\n\t\t\t\t<section class={StatsBarClass.section}>\n\t\t\t\t\t<slot />\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-bed96a18.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as r,g as e}from"./p-75c62141.js";import{g as m}from"./p-9077d6f6.js";import{g as i,a as l}from"./p-42367e53.js";import{c as s,s as n}from"./p-a24dc455.js";import{S as a}from"./p-55500e5a.js";import"./p-f9320f1e.js";import"./p-ee0bfc25.js";import"./p-15591728.js";import"./p-d3714547.js";const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-control{display:flex;flex-direction:column}.gov-form-control__bottom>*:last-child{margin-bottom:0}.gov-form-control[type=file] .gov-form-label[slot=top] .gov-form-label__label{margin:0rem 0rem 0.5rem}.gov-form-control[type=file] .gov-form-control__bottom{margin:0.5rem 0rem 0rem}.gov-form-control[type=input] .gov-form-label .gov-form-label__label,.gov-form-control[type=select] .gov-form-label .gov-form-label__label{margin-bottom:0rem 0rem 0.25rem}.gov-form-control[type=input] .gov-form-control__bottom,.gov-form-control[type=select] .gov-form-control__bottom{margin-top:0.25rem 0rem 0rem}.gov-form-control[invalid=""] .gov-form-label[slot=top] .gov-form-label__label,.gov-form-control[invalid=true i] .gov-form-label[slot=top] .gov-form-label__label,.gov-form-control[invalid="1"] .gov-form-label[slot=top] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-control[disabled=""] .gov-form-label__label,.gov-form-control[disabled=true i] .gov-form-label__label,.gov-form-control[disabled="1"] .gov-form-label__label{pointer-events:none}.gov-form-control[size=xs][type=checkbox] .gov-form-control__bottom,.gov-form-control[size=xs][type=radio] .gov-form-control__bottom{margin-top:0.5rem;margin-left:2rem}.gov-form-control[size=s][type=checkbox] .gov-form-control__bottom,.gov-form-control[size=s][type=radio] .gov-form-control__bottom{margin-top:0.5rem;margin-left:2.125rem}.gov-form-control[size=m][type=checkbox] .gov-form-control__bottom,.gov-form-control[size=m][type=radio] .gov-form-control__bottom{margin-top:0.75rem;margin-left:2.5rem}.gov-form-control[size=l][type=checkbox] .gov-form-control__bottom,.gov-form-control[size=l][type=radio] .gov-form-control__bottom{margin-top:0.75rem;margin-left:3rem}.gov-form-control[size=xs][type=switch] .gov-form-control__bottom{margin-top:0.5rem;margin-left:2.8333333333rem}.gov-form-control[size=s][type=switch] .gov-form-control__bottom{margin-top:0.5rem;margin-left:3.0416666667rem}.gov-form-control[size=m][type=switch] .gov-form-control__bottom{margin-top:0.75rem;margin-left:3.5rem}.gov-form-control[size=l][type=switch] .gov-form-control__bottom{margin-top:0.75rem;margin-left:4.3333333333rem}';const c=class{constructor(t){o(this,t);this.identifier=undefined;this.invalid=false;this.disabled=false;this.success=false;this.size=a._M;this.h=m(this.host);this.f=i(this.h);this.controlId=s("GovFormControl")}watchInvalid(){this.passChildAttrs()}componentDidRender(){this.passChildAttrs();this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){this.observer.disconnect()}passChildAttrs(){const o=["gov-form-select","gov-form-input","gov-form-switch","gov-form-checkbox","gov-form-radio","gov-form-multi-select","gov-form-file","gov-form-search"];this.h.passChildAttr(o,"size",this.size);this.h.passChildAttr(o,"invalid",this.invalid);this.h.passChildAttr(o,"disabled",this.disabled);this.h.passChildAttr(o,"success",this.success);if(this.f.hasGroupChildren===false){this.h.passChildAttr([...o,"gov-form-label"],"identifier",this.identifier||this.controlId)}}formElementDescriptionControl(){const o=this.host.querySelector("."+l.bottom);if(!o)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(o,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((o=>o.identifier()))).then((o=>{this.f.mainElementsInControl.forEach((t=>{const r=n(t.getAttribute("wcag-described-by"));t.removeAttribute("wcag-described-by");if(Array.isArray(r)){r.forEach((t=>t.indexOf("GovFormMessage")===-1?o.push(t):null))}if(o.length){t.setAttribute("wcag-described-by",o.join(" "))}}))}))}render(){return t(r,{size:this.size,class:this.h.classes(l.root)},this.h.hasSlot("top")&&t("slot",{name:"top"}),t("slot",null),this.h.hasSlot("bottom")&&t("div",{class:l.bottom},t("slot",{name:"bottom"})))}get host(){return e(this)}static get watchers(){return{invalid:["watchInvalid"]}}};c.style=f;export{c as gov_form_control};
+//# sourceMappingURL=p-bed96a18.entry.js.map

package/dist/core/p-bed96a18.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.scss?tag=gov-form-control","../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"names":["govFormControlCss","GovFormControl","[object Object]","hostRef","Sizes","_M","this","h","govHost","host","f","govForm","controlId","createID","passChildAttrs","syncControlMessages","formElementDescriptionControl","observer","disconnect","formElements","passChildAttr","size","invalid","disabled","success","hasGroupChildren","identifier","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","indexOf","push","length","setAttribute","join","Host","class","classes","root","hasSlot","name"],"mappings":"uTAAA,MAAMA,EAAoB,gzECabC,EAAc,MAM1BC,YAAAC,oDAaoC,oBAKC,mBAKD,gBAIDC,EAAMC,GA1BxCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,EAAIC,EAAQL,KAAKC,GACtBD,KAAKM,UAAYC,EAAS,kBA6B3BX,eACCI,KAAKQ,iBAGNZ,qBACCI,KAAKQ,iBACLR,KAAKS,sBACLT,KAAKU,gCAGNd,uBACCI,KAAKW,SAASC,aAGPhB,iBACP,MAAMiB,EAAe,CAAC,kBAAmB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,wBAAyB,gBAAiB,mBAC/Jb,KAAKC,EAAEa,cAAcD,EAAc,OAAQb,KAAKe,MAChDf,KAAKC,EAAEa,cAAcD,EAAc,UAAWb,KAAKgB,SACnDhB,KAAKC,EAAEa,cAAcD,EAAc,WAAYb,KAAKiB,UACpDjB,KAAKC,EAAEa,cAAcD,EAAc,UAAWb,KAAKkB,SAEnD,GAAIlB,KAAKI,EAAEe,mBAAqB,MAAO,CACtCnB,KAAKC,EAAEa,cAAc,IAAID,EAAc,kBAAmB,aAAcb,KAAKoB,YAAcpB,KAAKM,YAK1FV,gCACP,MAAMyB,EAAarB,KAAKG,KAAKmB,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBrB,KAAKW,SAAW,IAAIc,iBAAiB,WACpCzB,KAAKS,uBACJiB,KAAK1B,OAEPA,KAAKW,SAASgB,QAAQN,EAAY,CAAEO,UAAW,OAGxChC,sBACPiC,QAAQC,IAAI9B,KAAKI,EAAE2B,gBAAgBC,KAAKC,GAAuCA,EAAQb,gBACrFc,MAAMC,IACNnC,KAAKI,EAAEgC,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,sBAC5DH,EAAQI,gBAAgB,qBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAASQ,GAAOA,EAAGC,QAAQ,qBAAuB,EAAIX,EAAIY,KAAKF,GAAM,OAEnF,GAAIV,EAAIa,OAAQ,CACfV,EAAQW,aAAa,oBAAqBd,EAAIe,KAAK,aAMxDtD,SACC,OACCK,EAACkD,EAAI,CAACpC,KAAMf,KAAKe,KAAMqC,MAAOpD,KAAKC,EAAEoD,QAAQ9B,EAAiB+B,OAC5DtD,KAAKC,EAAEsD,QAAQ,QAAUtD,EAAA,OAAA,CAAMuD,KAAK,QACrCvD,EAAA,OAAA,MACCD,KAAKC,EAAEsD,QAAQ,WACftD,EAAA,MAAA,CAAKmD,MAAO7B,EAAiBC,QAC5BvB,EAAA,OAAA,CAAMuD,KAAK","sourcesContent":["/*\n *   Form Control\n */\n\n$class: \".gov-form-control\";\n\n#{$class} {\n\tdisplay: flex;\n\tflex-direction: column;\n\t&__bottom {\n\t\t& > *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[type=\"file\"] {\n\t\t.gov-form-label[slot=\"top\"] .gov-form-label__label {\n\t\t\tmargin: rem-calc(0 0 8);\n\t\t}\n\t\t#{$class} {\n\t\t\t&__bottom {\n\t\t\t\tmargin: rem-calc(8 0 0);\n\t\t\t}\n\t\t}\n\t}\n\t&[type=\"input\"],\n\t&[type=\"select\"] {\n\t\t.gov-form-label .gov-form-label__label {\n\t\t\tmargin-bottom: rem-calc(0 0 4);\n\t\t}\n\t\t#{$class} {\n\t\t\t&__bottom {\n\t\t\t\tmargin-top: rem-calc(4 0 0);\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t@include parameter(\"invalid\") {\n\t\t.gov-form-label[slot=\"top\"] .gov-form-label__label {\n\t\t\tcolor: $form-state-color-error;\n\t\t}\n\t}\n\t@include parameter(\"disabled\") {\n\t\t.gov-form-label__label {\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n\n\t// Checkbox, radio\n\t@each $size, $definitions in $form-checkbox-core-sizes {\n\t\t&[size=\"#{$size}\"][type=\"checkbox\"],\n\t\t&[size=\"#{$size}\"][type=\"radio\"] {\n\t\t\t#{$class} {\n\t\t\t\t$indicator-width: get(\"indicator-size\", $definitions);\n\t\t\t\t&__bottom {\n\t\t\t\t\tmargin-top: get(\"message-gap\", $definitions);\n\t\t\t\t\tmargin-left: calc($indicator-width + get(\"gap\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t// Switch\n\t@each $size, $definitions in $form-switch-sizes {\n\t\t&[size=\"#{$size}\"][type=\"switch\"] {\n\t\t\t#{$class} {\n\t\t\t\t$indicator-ratio: calc(5 / 3);\n\t\t\t\t$indicator-width: calc(get(\"indicator-height\", $definitions) * $indicator-ratio);\n\t\t\t\t&__bottom {\n\t\t\t\t\tmargin-top: get(\"message-gap\", $definitions);\n\t\t\t\t\tmargin-left: calc($indicator-width + get(\"gap\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Host, h, Prop, Watch } from \"@stencil/core\"\nimport { GovHost } from \"../../../helpers/Dom/template.d\"\nimport { GovForm } from \"../../../helpers/Dom/form.d\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { createID, splitByWhitespace } from \"../../../utils/string.utils\"\nimport { SizesType, FormControlClass } from \"./constants\"\nimport { Sizes } from \"../../../core/constants/sizes\"\n\n@Component({\n\ttag: \"gov-form-control\",\n\tstyleUrl: \"gov-form-control.scss\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate readonly controlId: string\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.controlId = createID(\"GovFormControl\")\n\t}\n\n\t/**\n\t * Form element identifier\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean = false\n\t/**\n\t/**\n\t * Indicates the form element is disabled\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\n\t@Element() host: HTMLGovFormControlElement\n\n\t@Watch(\"invalid\")\n\twatchInvalid(): void {\n\t\tthis.passChildAttrs()\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passChildAttrs()\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer.disconnect()\n\t}\n\n\tprivate passChildAttrs() {\n\t\tconst formElements = [\"gov-form-select\", \"gov-form-input\", \"gov-form-switch\", \"gov-form-checkbox\", \"gov-form-radio\", \"gov-form-multi-select\", \"gov-form-file\", \"gov-form-search\"]\n\t\tthis.h.passChildAttr(formElements, \"size\", this.size)\n\t\tthis.h.passChildAttr(formElements, \"invalid\", this.invalid)\n\t\tthis.h.passChildAttr(formElements, \"disabled\", this.disabled)\n\t\tthis.h.passChildAttr(formElements, \"success\", this.success)\n\n\t\tif (this.f.hasGroupChildren === false) {\n\t\t\tthis.h.passChildAttr([...formElements, \"gov-form-label\"], \"identifier\", this.identifier || this.controlId)\n\t\t}\n\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(function() {\n\t\t\tthis.syncControlMessages()\n\t\t}.bind(this))\n\n\t\tthis.observer.observe(bottomSlot, { childList: true })\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier()))\n\t\t\t.then((ids: string[]) => {\n\t\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"wcag-described-by\"))\n\t\t\t\t\telement.removeAttribute(\"wcag-described-by\")\n\t\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\t\tcurrentValue.forEach((id) => id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null)\n\t\t\t\t\t}\n\t\t\t\t\tif (ids.length) {\n\t\t\t\t\t\telement.setAttribute(\"wcag-described-by\", ids.join(\" \"))\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.h.hasSlot(\"bottom\") &&\n\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t<slot name=\"bottom\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-c2bb9d74.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,H as e,g as o}from"./p-75c62141.js";import{v as a}from"./p-e29a195b.js";import{S as r,a as n}from"./p-1e70ab4e.js";import{S as p}from"./p-55500e5a.js";import"./p-b4a749e8.js";import"./p-f9320f1e.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-stepper{position:relative;display:block;width:100%}";const h=class{constructor(i){s(this,i);this.govChange=t(this,"gov-change",7);this.size=p._M}validateSize(s){a(p,s,n.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}render(){return i(e,{class:n.root,role:"list",size:this.size},i("slot",null))}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};h.style=m;export{h as gov_stepper};
+//# sourceMappingURL=p-c2bb9d74.entry.js.map

package/dist/core/p-c2bb9d74.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-stepper/gov-stepper.scss?tag=gov-stepper","../../../packages/core/src/components/gov-stepper/gov-stepper.tsx"],"names":["govStepperCss","GovStepper","Sizes","_M","[object Object]","newValue","validateProp","StepperClass","root","this","validateSize","size","host","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","h","Host","class","role"],"mappings":"mOAAA,MAAMA,EAAgB,yMCWTC,EAAU,+EAMaC,EAAMC,GAOzCC,aAAaC,GACZC,EAAaJ,EAAOG,EAAUE,EAAaC,MAI5CJ,oBACCK,KAAKC,aAAaD,KAAKE,MAGxBP,mBACCK,KAAKG,KAAKC,iBAAiBC,EAAiBN,MAAMO,SAASC,IAC1DA,EAAMC,aAAa,OAAQR,KAAKE,MAChCK,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFX,KAAKY,UAAUC,KAAKH,EAAEI,cAKzBnB,SACC,OACCoB,EAACC,EAAI,CAACC,MAAOnB,EAAaC,KAAMmB,KAAK,OAAOhB,KAAMF,KAAKE,MACtDa,EAAA,OAAA","sourcesContent":["/*\n *   Stepper\n */\n\n$class: \".gov-stepper\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, SizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { Sizes } from '../../core/constants/sizes'\n\n@Component({\n\ttag: 'gov-stepper',\n\tstyleUrl: 'gov-stepper.scss',\n})\nexport class GovStepper {\n\t@Element() readonly host: HTMLGovStepperElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, StepperClass.root)\n\t}\n\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={StepperClass.root} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-c351eeab.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,H as a,g as e}from"./p-75c62141.js";import{v as s}from"./p-e29a195b.js";import{T as i,a as n,b as c}from"./p-9db35e06.js";import{a as v}from"./p-9077d6f6.js";import{c as l,d as g,v as b}from"./p-55f49f1d.js";import{d as h,t as d}from"./p-0956d80f.js";import{c as p}from"./p-a24dc455.js";import{V as m}from"./p-f9320f1e.js";import"./p-b4a749e8.js";import"./p-55500e5a.js";const f='.gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tabs{display:block}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.4375rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{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: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;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-family:"Roboto", sans-serif;font-weight:700;text-align:center;text-transform:uppercase;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn: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-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=badge] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800));color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900));color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-success-color-active, var(--gov-color-success-700));color:cmake-var(tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700));color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-error-color-active, var(--gov-color-error-600));color:cmake-var(tabs-error-color-active, var(--gov-color-error-600))}';const y=class{constructor(r){t(this,r);this.govChange=o(this,"gov-change",7);this.triggerRefs={};this.controller=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant=m.PRIMARY;this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.formSelectId=p("GovForSelect")}validateType(t){s(c,t,n.root)}validateVariant(t){s(m,t,n.root)}componentWillLoad(){this.prepareDataSource()}async componentDidRender(){if(l()){await h(500);await this.validateWcag()}this.resizeObserver()}prepareDataSource(){this.controller=[];const t=[];this.host.querySelectorAll(i.root).forEach((o=>{const r=Promise.all([o.getIdentifier(),o.getTriggerIdentifier()]).then((([t,r])=>{const a=typeof o.getAttribute("default")==="string";return{label:o.getAttribute("label"),contentIdentifier:t,triggerIdentifier:r,element:o,active:false,default:a}}));t.push(r)}));Promise.all(t).then((t=>{let o=t.findIndex((t=>t.default));if(o===-1)o=0;this.focusIndex=o;t[o].active=true;this.controller=[...t];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controller.map((r=>{r.active=t===r.triggerIdentifier||t===r.contentIdentifier;o.push(r)}));this.controller=[...o]}reRender(){this.controller.map((t=>{t.element.setActiveStatus(t.active)}))}resizeObserver(){const t=new ResizeObserver(d((()=>{}),200));t.observe(this.tabsRef)}render(){return r(a,{class:n.root,variant:this.variant,type:this.type,role:"tablist",ref:t=>this.tabsRef=t,"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},r("div",{class:n.tabs,"aria-hidden":v(this.compactControls)},r("ul",{class:n.list},this.controller.map(((t,o)=>r("li",{class:n.item},this.type=="text"?r("button",{class:n.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t,o),"aria-selected":v(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active?-1:0,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):r("gov-badge",{variant:this.variant,type:v(t.active)=="true"?"solid":"outlined",nativeType:v(t.active)=="true"?"span":"button","on-gov-click":()=>this.onSelectHandler(t,o)},t.label)))))),r("span",{id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?r("gov-form-select",{"wcag-labelded-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controller.map((t=>r("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,r("slot",null))}getCurrentTab(){return this.controller.find((t=>t.active))||null}onSelectHandler(t,o){this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();if(o===39||o===37){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controller.length-1)){return}this.controller[this.focusIndex].active=false;if(o===39){this.focusIndex++;if(this.focusIndex>=this.controller.length){this.focusIndex=0}}else if(o===37){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controller.length-1}}if(this.focusIndex>=0&&this.focusIndex<=this.controller.length-1){const t=this.controller[this.focusIndex];t.active=true;this.triggerRefs[t.triggerIdentifier].focus();this.controller=[...this.controller];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareDataSource()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async validateWcag(){g(this.wcagSelectLabel,"wcag-select-label",n.root);b(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return e(this)}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}};y.style=f;export{y as gov_tabs};
+//# sourceMappingURL=p-c351eeab.entry.js.map

package/dist/core/p-c351eeab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.scss?tag=gov-tabs","../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"names":["govTabsCss","GovTabs","[object Object]","hostRef","this","triggerRefs","Variants","PRIMARY","formSelectId","createID","newValue","validateProp","Types","TabsClass","root","prepareDataSource","canValidateWcagOnRender","delay","validateWcag","resizeObserver","controller","promises","host","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","then","identifier","triggerIdentifier","isDefault","getAttribute","label","contentIdentifier","element","active","default","push","controllers","defaultTab","findIndex","focusIndex","reRender","temp","map","item","control","setActiveStatus","ResizeObserver","throttle","observe","tabsRef","h","Host","class","variant","type","role","ref","el","aria-label","wcagLabel","aria-labelledby","wcagLabelledBy","onKeyDown","onKeydownHandler","bind","tabs","aria-hidden","toBoolAttr","compactControls","list","index","btn","id","onClick","onSelectHandler","aria-selected","aria-controls","tabindex","nativeType","on-gov-click","hidden","wcagSelectLabel","wcag-labelded-by","onGov-change","onChangeHandler","value","selected","find","setActiveByIdentifier","govChange","emit","getCurrentTab","e","triggerId","target","stopPropagation","keyCode","length","current","focus","validateWcagProp","validateWcagLabel"],"mappings":"+YAAA,MAAMA,EAAa,ijICgBNC,EAAO,MAMnBC,YAAAC,mDALQC,KAAAC,YAAoD,mBAUd,mBAChB,uBACM,gBAIN,oBAIUC,EAASC,8FAdhDH,KAAKI,aAAeC,EAAS,gBAiC9BP,aAAaQ,GACZC,EAAaC,EAAOF,EAAUG,EAAUC,MAGzCZ,gBAAgBQ,GAChBC,EAAaL,EAAUI,EAAUG,EAAUC,MAG3CZ,oBACCE,KAAKW,oBAGNb,2BACC,GAAIc,IAA2B,OACxBC,EAAM,WACNb,KAAKc,eAGZd,KAAKe,iBAGEjB,oBACPE,KAAKgB,WAAa,GAClB,MAAMC,EAA4C,GAClDjB,KAAKkB,KAAKC,iBAAiBC,EAAcV,MAAMW,SAASC,IACvD,MAAMC,EAAcC,QAAQC,IAAI,CAACH,EAAII,gBAAiBJ,EAAIK,yBACxDC,MAAK,EAAEC,EAAYC,MACnB,MAAMC,SAAmBT,EAAIU,aAAa,aAAe,SACzD,MAAO,CACNC,MAAOX,EAAIU,aAAa,SACxBE,kBAAmBL,EACnBC,kBAAmBA,EACnBK,QAASb,EACTc,OAAQ,MACRC,QAASN,MAGZd,EAASqB,KAAKf,MAEfC,QAAQC,IAAIR,GAAUW,MAAMW,IAC3B,IAAIC,EAAaD,EAAYE,WAAWzB,GAAeA,EAAWqB,UAClE,GAAIG,KAAgB,EAAGA,EAAa,EACpCxC,KAAK0C,WAAaF,EAClBD,EAAYC,GAAYJ,OAAS,KACjCpC,KAAKgB,WAAa,IAAIuB,GACtBvC,KAAK2C,cAIC7C,sBAAsB+B,GAC7B,MAAMe,EAAO,GACb5C,KAAKgB,WAAW6B,KAAKC,IACpBA,EAAKV,OAASP,IAAeiB,EAAKhB,mBAAqBD,IAAeiB,EAAKZ,kBAC3EU,EAAKN,KAAKQ,MAEX9C,KAAKgB,WAAa,IAAI4B,GAGf9C,WACPE,KAAKgB,WAAW6B,KAAKE,IACpBA,EAAQZ,QAAQa,gBAAgBD,EAAQX,WAYlCtC,iBACP,MAAMiB,EAAiB,IAAIkC,eAAeC,GAAS,QAEhD,MAEHnC,EAAeoC,QAAQnD,KAAKoD,SAG7BtD,SACC,OACCuD,EAACC,EAAI,CAACC,MAAO9C,EAAUC,KACtB8C,QAASxD,KAAKwD,QACdC,KAAMzD,KAAKyD,KACXC,KAAK,UACLC,IAAKC,GAAM5D,KAAKoD,QAAUQ,EAAoBC,aAClC7D,KAAK8D,UAASC,kBACT/D,KAAKgE,eACtBC,UAAWjE,KAAKkE,iBAAiBC,KAAKnE,OAEtCqD,EAAA,MAAA,CAAKE,MAAO9C,EAAU2D,KAAIC,cAAeC,EAAWtE,KAAKuE,kBACxDlB,EAAA,KAAA,CAAIE,MAAO9C,EAAU+D,MACnBxE,KAAKgB,WAAW6B,KAAI,CAACE,EAAS0B,IAC9BpB,EAAA,KAAA,CAAIE,MAAO9C,EAAUqC,MACnB9C,KAAKyD,MAAQ,OACbJ,EAAA,SAAA,CAAQE,MAAO9C,EAAUiE,IACvBC,GAAI5B,EAAQjB,kBACZ4B,KAAK,MACLkB,QAAS,IAAM5E,KAAK6E,gBAAgB9B,EAAS0B,GAAMK,gBACpCR,EAAWvB,EAAQX,QAAO2C,gBAC1BhC,EAAQb,kBACvB8C,SAAUjC,EAAQX,QAAU,EAAI,EAChCuB,IAAKC,GAAM5D,KAAKC,YAAY8C,EAAQjB,mBAAqB8B,GACzDb,EAAQd,OAGVoB,EAAA,YAAA,CAAWG,QAASxD,KAAKwD,QAASC,KAAMa,EAAWvB,EAAQX,SAAW,OAAS,QAAU,WAAY6C,WAAYX,EAAWvB,EAAQX,SAAW,OAAS,OAAS,SAAQ8C,eAAgB,IAAMlF,KAAK6E,gBAAgB9B,EAAS0B,IAC3N1B,EAAQd,YAQfoB,EAAA,OAAA,CAAMsB,GAAI3E,KAAKI,aAAc+E,OAAM,MAAEnF,KAAKoF,iBACzCpF,KAAKuE,gBACLlB,EAAA,kBAAA,CAAAgC,mBAAmCrF,KAAKI,aAAYkF,eAAgBtF,KAAKuF,gBAAgBpB,KAAKnE,OAC5FA,KAAKgB,WAAW6B,KAAKE,GACrBM,EAAA,SAAA,CAAQmC,MAAOzC,EAAQjB,kBAAmB2D,SAAU1C,EAAQX,QAC1DW,EAAQd,UAEU,KAEvBoB,EAAA,OAAA,OAKKvD,gBACP,OAAOE,KAAKgB,WAAW0E,MAAM3C,GAAYA,EAAQX,UAAW,KAGrDtC,gBAAgBiD,EAA+B0B,GACtDzE,KAAK0C,WAAa+B,EAClBzE,KAAK2F,sBAAsB5C,EAAQjB,mBACnC9B,KAAK2C,WACL3C,KAAK4F,UAAUC,KAAK7F,KAAK8F,gBAAgB3D,SAGlCrC,gBAAgBiG,GACvB,MAAMC,EAAaD,EAAEE,OAA6BT,MAClDO,EAAEG,kBACFlG,KAAK2F,sBAAsBK,GAC3BhG,KAAK2C,WACL3C,KAAK4F,UAAUC,KAAK7F,KAAK8F,gBAAgB3D,SAIlCrC,iBAAiBiG,GACxB,MAAMI,EAAUJ,EAAEI,QAClBJ,EAAEG,kBACF,GAAIC,IAAY,IAAMA,IAAY,GAAI,CACrC,GAAI,SAAWnG,KAAK0C,YAAc,GAAK1C,KAAK0C,YAAe1C,KAAKgB,WAAWoF,OAAS,GAAK,CACxF,OAEDpG,KAAKgB,WAAWhB,KAAK0C,YAAYN,OAAS,MAC1C,GAAI+D,IAAY,GAAI,CACnBnG,KAAK0C,aACL,GAAI1C,KAAK0C,YAAc1C,KAAKgB,WAAWoF,OAAQ,CAC9CpG,KAAK0C,WAAa,QAEb,GAAIyD,IAAY,GAAI,CAC1BnG,KAAK0C,aACL,GAAI1C,KAAK0C,WAAa,EAAG,CACxB1C,KAAK0C,WAAa1C,KAAKgB,WAAWoF,OAAS,GAG7C,GAAKpG,KAAK0C,YAAc,GAAK1C,KAAK0C,YAAe1C,KAAKgB,WAAWoF,OAAS,EAAK,CAC9E,MAAMC,EAAUrG,KAAKgB,WAAWhB,KAAK0C,YACrC2D,EAAQjE,OAAS,KACjBpC,KAAKC,YAAYoG,EAAQvE,mBAAmBwE,QAC5CtG,KAAKgB,WAAa,IAAIhB,KAAKgB,YAC3BhB,KAAK2C,WACL3C,KAAK4F,UAAUC,KAAK7F,KAAK8F,gBAAgB3D,WAS5CrC,gBACCE,KAAKW,oBAONb,mBACC,OAAOE,KAAK8F,gBAAgB3D,SAAW,KAOxCrC,mBAAmB+B,GAClB7B,KAAK2F,sBAAsB9D,GAC3B7B,KAAK2C,WAON7C,qBACCyG,EAAiBvG,KAAKoF,gBAAiB,oBAAqB3E,EAAUC,MACtE8F,EAAkBxG,KAAK8D,UAAW9D,KAAKgE,eAAgBvD,EAAUC","sourcesContent":["/*\n *   Tabs\n */\n\n$class: \".gov-tabs\";\n\n#{$class} {\n\tdisplay: block;\n\t&__list {\n\t\t@extend %reset-ul;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: rem-calc(0 0 23);\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tdisplay: flex;\n\t\tmargin: 0;\n\t}\n\t&__btn {\n\t\t@include typography($font-size-s);\n\t\t@include button-core();\n\t\t@include focus-outline();\n\t\tmargin: 0;\n\t\tpadding: rem-calc(12 0 10);\n\t\tborder-bottom: rem-calc(2) solid transparent;\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 700;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\ttransition: $t linear color, $t linear border-color;\n\t}\n\n\t// VARIANTS\n\t// type\n\t@each $type, $definitions in $tabs-types {\n\t\t&[type=\"#{$type}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__list {\n\t\t\t\t\tgap: get(\"item-spacing\", $definitions);\n\t\t\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\t\t\tborder-bottom: $tabs-list-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t// colors\n\t@each $variant, $definitions in $tabs-variants {\n\t\t&[variant=\"#{$variant}\"][type=\"text\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__btn {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tcolor: get(\"color-hover\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// STATES\n\t\t\t\t&__btn[aria-selected=\"true\"] {\n\t\t\t\t\tborder-bottom-color: get(\"color-active\", $definitions);\n\t\t\t\t\tcolor: get(\"color-active\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Host, h, State, Method, Event, EventEmitter, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { TabsItemClass, VariantType } from \"./constants\"\nimport { GovTabControllerItem } from \"./gov-tabs.d\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\nimport { validateWcagLabel, validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { TabsClass, Type, Types } from \"./constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay, throttle } from \"../../utils/utils\"\nimport { createID } from \"../../utils/string.utils\"\nimport { Variants } from '../../core/constants/variants'\n\n@Component({\n\ttag: \"gov-tabs\",\n\tstyleUrl: \"gov-tabs.scss\",\n})\nexport class GovTabs {\n\tprivate triggerRefs: { [key: string]: HTMLButtonElement } = {}\n\tprivate tabsRef?: HTMLDivElement\n\n\tprivate readonly formSelectId: string\n\n\tconstructor() {\n\t\tthis.formSelectId = createID(\"GovForSelect\")\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t@State() controller: GovTabControllerItem[] = []\n\t@State() focusIndex: number = 0\n\t@State() compactControls: boolean = false\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: Type = \"text\";\n\t/**\n\t * Style variation of the tab badges.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY;\n\t/**\n\t * Adds accessible label for the tabs that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Adds accessible label for the tabs select\n\t */\n\t@Prop({ attribute: \"wcag-select-label\" }) readonly wcagSelectLabel: string\n\t/**\n\t * Indicates the id of a component that labels the tabs.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Types, newValue, TabsClass.root)\n\t}\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\tvalidateProp(Variants, newValue, TabsClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareDataSource()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\n\t\tthis.resizeObserver()\n\t}\n\n\tprivate prepareDataSource(): void {\n\t\tthis.controller = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([tab.getIdentifier(), tab.getTriggerIdentifier()])\n\t\t\t\t.then(([identifier, triggerIdentifier]) => {\n\t\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\t\treturn {\n\t\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\t\telement: tab,\n\t\t\t\t\t\tactive: false,\n\t\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t})\n\t\tPromise.all(promises).then((controllers) => {\n\t\t\tlet defaultTab = controllers.findIndex((controller) => controller.default)\n\t\t\tif (defaultTab === -1) defaultTab = 0\n\t\t\tthis.focusIndex = defaultTab\n\t\t\tcontrollers[defaultTab].active = true\n\t\t\tthis.controller = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controller.map((item) => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controller = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controller.map((control) => {\n\t\t\tcontrol.element.setActiveStatus(control.active)\n\t\t})\n\t}\n\n\t/*\n\tprivate evaluateControls() {\n\t\tthis.compactControls = false\n\t\tlet sumOfWidth = this.tabsRef.querySelector(\"ul\").offsetWidth\n\t\tthis.compactControls = this.tabsRef.offsetWidth < sumOfWidth\n\t}\n\t*/\n\n\tprivate resizeObserver() {\n\t\tconst resizeObserver = new ResizeObserver(throttle(() => {\n\t\t\t// this.evaluateControls()\n\t\t}, 200))\n\n\t\tresizeObserver.observe(this.tabsRef)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={TabsClass.root}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\trole=\"tablist\"\n\t\t\t\tref={el => this.tabsRef = el as HTMLDivElement}\n\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}>\n\n\t\t\t\t<div class={TabsClass.tabs} aria-hidden={toBoolAttr(this.compactControls)}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controller.map((control, index) =>\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == 'text' ? (\n\t\t\t\t\t\t\t\t\t<button class={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control, index)}\n\t\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\t\ttabindex={control.active ? -1 : 0}\n\t\t\t\t\t\t\t\t\t\t\tref={el => this.triggerRefs[control.triggerIdentifier] = el as HTMLInputElement}>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t): (\n\t\t\t\t\t\t\t\t\t<gov-badge variant={this.variant} type={toBoolAttr(control.active) == \"true\" ? 'solid' : 'outlined'} nativeType={toBoolAttr(control.active) == \"true\" ? \"span\" : \"button\"} on-gov-click={() => this.onSelectHandler(control, index)}>\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t</gov-badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\t\t\t\t<span id={this.formSelectId} hidden>{this.wcagSelectLabel}</span>\n\t\t\t\t{this.compactControls ? (\n\t\t\t\t\t<gov-form-select wcag-labelded-by={this.formSelectId} onGov-change={this.onChangeHandler.bind(this)}>\n\t\t\t\t\t\t{this.controller.map((control) =>\n\t\t\t\t\t\t\t<option value={control.triggerIdentifier} selected={control.active}>\n\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t</option>)}\n\t\t\t\t\t</gov-form-select>) : null}\n\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controller.find((control) => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem, index: number) {\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onChangeHandler(e: CustomEvent) {\n\t\tconst triggerId = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.setActiveByIdentifier(triggerId)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\t\te.stopPropagation()\n\t\tif (keyCode === 39 || keyCode === 37) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= (this.controller.length - 1))) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.controller[this.focusIndex].active = false\n\t\t\tif (keyCode === 39) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controller.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controller.length - 1\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ((this.focusIndex >= 0 && this.focusIndex <= (this.controller.length - 1))) {\n\t\t\t\tconst current = this.controller[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\tthis.controller = [...this.controller]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareDataSource()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<HTMLGovTabsItemElement | null> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagSelectLabel, \"wcag-select-label\", TabsClass.root)\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, TabsClass.root)\n\t}\n}\n"]}