@gov-design-system-ce/components 4.0.8-rc22 → 4.1.0-rc02

package/dist/core/p-47e364bb.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as e,a}from"./p-a1e95a5f.js";import{F as c}from"./p-2614044c.js";import"./p-45a30859.js";import"./p-92f420cb.js";const o=class{constructor(e){s(this,e);this.govClick=t(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const s=this.legend?"legend":"label";return e(a,{key:"9f1487b736715086b83a452d499bf9742cf24672",class:c.root,size:this.size},e(s,{key:"61802424b0836bd8baed52f7972dcee2921b15fd",class:c.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},e("slot",{key:"b0dc6eda00c0d76bc5c6f1455bb250224e76365d"}),this.required?e("span",{class:"gov-color--error-500"}," *"):null))}};export{o as gov_form_label};
+//# sourceMappingURL=p-47e364bb.entry.js.map

package/dist/core/p-47e364bb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormLabel","render","Tag","this","legend","h","Host","key","class","FormLabelClass","root","size","label","htmlFor","identifier","onClick","govClick","emit","required"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\">&nbsp;*</span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"8IAMaA,EAAY,M,iGAQsB,I,cAIT,M,YAKF,K,CAMnC,MAAAC,GACC,MAAMC,EAAMC,KAAKC,OAAS,SAAW,QACrC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAeC,KAAMC,KAAMR,KAAKQ,MAC5CN,EAACH,EAAG,CAAAK,IAAA,2CAACC,MAAOC,EAAeG,MAAOC,QAASV,KAAKW,WAAYC,QAAS,IAAMZ,KAAKa,SAASC,QACxFZ,EAAA,QAAAE,IAAA,6CACCJ,KAAKe,SAAWb,EAAA,QAAMG,MAAM,wBAAsB,MAAkB,M","ignoreList":[]}

package/dist/core/p-4bce896c.js

@@ -0,0 +1,2 @@
+import{C as e}from"./p-e3aeaca0.js";import{S as t}from"./p-92f420cb.js";import{a as o}from"./p-45a30859.js";const p=o(e,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const a=o(t,["_S","_M","_L"]);const s={root:"gov-stepper"};const r={root:"gov-stepper-item",header:"gov-stepper-item__header",label:"gov-stepper-item__label",prefix:"gov-stepper-item__prefix",headline:"gov-stepper-item__headline",annotation:"gov-stepper-item__annotation",content:"gov-stepper-item__content"};export{r as S,s as a,a as b,p as c};
+//# sourceMappingURL=p-4bce896c.js.map

package/dist/core/p-4bce896c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StepperColors","pick","Colors","StepperSizes","Sizes","StepperClass","root","StepperItemClass","header","label","prefix","headline","annotation","content"],"sources":["../../../packages/core/src/components/gov-stepper/constants.ts"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const StepperColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type StepperColorType = `${ValueOf<typeof StepperColors>}`\n\nexport const StepperSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type StepperSizesType = `${ValueOf<typeof StepperSizes>}`\n\nexport const StepperClass = {\n\troot: 'gov-stepper',\n}\n\nexport const StepperItemClass = {\n\troot: 'gov-stepper-item',\n\theader: 'gov-stepper-item__header',\n\tlabel: 'gov-stepper-item__label',\n\tprefix: 'gov-stepper-item__prefix',\n\theadline: 'gov-stepper-item__headline',\n\tannotation: 'gov-stepper-item__annotation',\n\tcontent: 'gov-stepper-item__content',\n}\n"],"mappings":"kHAKaA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,Y,MAGxEC,EAAeF,EAAKG,EAAO,CAAC,KAAM,KAAM,O,MAGxCC,EAAe,CAC3BC,KAAM,e,MAGMC,EAAmB,CAC/BD,KAAM,mBACNE,OAAQ,2BACRC,MAAO,0BACPC,OAAQ,2BACRC,SAAU,6BACVC,WAAY,+BACZC,QAAS,oC","ignoreList":[]}

package/dist/core/p-5c88f415.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,a as e,g as h}from"./p-a1e95a5f.js";import{g as a,l as n,m as o}from"./p-a693ffbf.js";import{g as r,c,t as l,d}from"./p-0075138f.js";import{v as f}from"./p-169b67af.js";import{c as u}from"./p-95d41a3b.js";import{A as p,a as m}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import{a as v}from"./p-45a30859.js";import{S as g}from"./p-92f420cb.js";import{C as y}from"./p-e3aeaca0.js";import"./p-6aa40794.js";import"./p-42d9924c.js";import"./p-2614044c.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";var j;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(j||(j={}));const k=class{constructor(s){t(this,s);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govKeyUp=i(this,"gov-keyup",7);this.govHydrated=i(this,"gov-hydrated",7);this.govKeyDown=i(this,"gov-keydown",7);this.value=undefined;this.identifier=undefined;this.success=undefined;this.size="m";this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.spellcheck=undefined;this.inputLang=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.focused=undefined;this.showPassword=false;this.inheritedAttributes={};this.h=r(this.host);this.inputId=u("GovInput");this.f=a(this.h)}validateSize(t){f(o,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",c(this.success));this.f.passAttrToControl("disabled",c(this.disabled));this.f.passAttrToControl("invalid",c(this.invalid));this.f.passAttrToControl("type",this.multiline?j.TEXTAREA:j.INPUT)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(m);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}disconnectedCallback(){this.attributeObserver.stopObserving()}render(){const t=this.multiline?j.TEXTAREA:j.INPUT;return s(e,{key:"8b60864f0792fe1946d4b7cb6489cff0ffc767e1",class:n.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&s("slot",{key:"4d5d0bb755acbb42033f572633e4969c8e6e8b36",name:"prefix"}),s("span",{key:"eaac4a690052077ca631ae1e9c69a65518a1902f",class:"element"},this.h.hasSlot("left-icon")&&s("slot",{key:"75c58db96fdda7395ee77c9a71b5b01f2fe92503",name:"left-icon"}),this.h.hasSlot("right-icon")&&this.inputType!=="password"&&s("slot",{key:"a3fb32c7d9103fed20f769c5220ebe8d0254efac",name:"right-icon"}),this.success&&!this.multiline&&s("gov-icon",{key:"ef85a7526e0542007cf6978e1dd9f9f872a529f7",slot:"validation-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&!this.multiline&&s("gov-icon",{key:"0869b21bce101fde9b5beb169e042ca72f2d2c52",slot:"validation-icon",class:"icon-validation",name:"exclamation-lg"}),s(t,Object.assign({key:"51a15f6e77ab64f16b168d392fbe9d68b77c5821",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:l(this.spellcheck),lang:this.inputLang,readonly:l(this.readonly),autocomplete:d(this.autocomplete),autocorrect:d(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-disabled":l(this.disabled)})),this.inputType==="password"?s("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},s("gov-icon",{slot:"left-icon",name:"eye",type:"basic"})):null),this.h.hasSlot("sufix")&&s("slot",{key:"2cec0cab2e419776e89506a47f93936249b47fe9",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:n.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:n.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:n.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:n.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:n.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return h(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};const w=v(g,["_XS","_S","_M","_L","_XL"]);v(y,["PRIMARY","NEUTRAL"]);var A;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(A||(A={}));var x;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(x||(x={}));const z={root:"gov-skeleton"};const C=class{constructor(i){t(this,i);this.items=[];this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){f(w,t,z.root)}validateShape(t){f(A,t,z.root)}validateAnimation(t){f(x,t,z.root)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(m)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=b(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}get style(){const t={width:null,height:null};if(this.width){t.width=this.width}if(this.height){t.height=this.height}return Object.assign({},t)}render(){return s(e,Object.assign({key:"053d9b648feb39168da5063d1ce8329489172b46",size:this.size,color:this.color,class:{[z.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:this.style}))}get host(){return h(this)}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}};export{k as gov_form_input,C as gov_skeleton};
+//# sourceMappingURL=p-5c88f415.entry.js.map

package/dist/core/p-5c88f415.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tags","GovFormInput","constructor","hostRef","this","h","govHost","host","inputId","createID","f","govForm","validateSize","newValue","validateProp","FormInputSizes","FormInputClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","size","toBoolAttr","success","disabled","invalid","multiline","TEXTAREA","INPUT","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","govHydrated","emit","componentWillLoad","inheritedAttributes","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","required","removeAttribute","Object","assign","disconnectedCallback","stopObserving","render","Tag","Host","key","class","type","hasSlot","name","inputType","slot","showPassword","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","inputRef","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","accessibleHidePasswordLabel","accessibleShowPasswordLabel","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","focus","setValue","clearValue","getRef","SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","GovSkeleton","items","validateShape","validateAnimation","shape","animation","init","componentWillUpdate","fill","style","dimenssionsStyles","width","height","circle","line","progress","pulse","tabindex"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\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({reflect:true}) readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t */\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t */\n\t@Prop() readonly spellcheck: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t */\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/**\n\t * Defined the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * Accessible text for password display\n\t */\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/**\n\t * Accessible text to hide the password\n\t */\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"/>}\n\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && this.inputType !== 'password' &&  <slot name=\"right-icon\"/>}\n\n\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"validation-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"validation-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"eye\" type=\"basic\"></gov-icon>\n\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn {...dimenssionsStyles}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={this.style}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-5dc0af54.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,a,g as e}from"./p-a1e95a5f.js";import{v as o}from"./p-169b67af.js";import{W as h,c as n}from"./p-c990d746.js";import{c}from"./p-95d41a3b.js";import{g as r,b as l,t as d}from"./p-0075138f.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";import"./p-45a30859.js";import"./p-e3aeaca0.js";import"./p-92f420cb.js";var p;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(p||(p={}));const m=class{constructor(i){s(this,i);this.govChange=t(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=r(this.host);this.triggerId=c("GovWizardItem");this.contentId=c("GovWizardContent")}validateColor(s){o(n,s,h.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:h.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?p.BUTTON:p.DIV;const e=this.h.hasSlot("prefix")&&i("span",{key:"3f59956339df074998165a5224c9df58054b3f34",class:h.prefix},i("slot",{key:"6c9b2007a4480ea06d9c1968c9c9f90b1d03fe12",name:"prefix"}));return i(a,{key:"7c6523696e4ee074c82047d453355a46460e5f29",class:this.h.classes(h.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},i("div",{key:"1881b5a37ce7b3587295ed8a38a5923afbf2ffdb",class:h.header},e,this.collapsible?i(t,{id:s,class:this.h.classes(h.label),"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":d(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},i("span",{class:h.headline},i("slot",{name:"headline"}),this.collapsible&&i("gov-icon",{class:h.chevron,name:"chevron-down"})),i("slot",{name:"annotation"})):i(t,{class:this.h.classes(h.label)},i("span",{class:h.headline},i("slot",{name:"headline"}),this.collapsible&&i("gov-icon",{class:h.chevron,name:"chevron-down"})),i("slot",{name:"annotation"}))),this.collapsible?i("div",{class:h.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},i("slot",null)):i("div",{class:h.content,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded},i("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return e(this)}static get watchers(){return{color:["validateColor"]}}};export{m as gov_wizard_item};
+//# sourceMappingURL=p-5dc0af54.entry.js.map

package/dist/core/p-5dc0af54.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tags","GovWizardItem","constructor","hostRef","this","hydrated","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","isExpanded","component","componentWillLoad","color","connectedCallback","render","identifier","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","size","role","header","id","label","booleanString","disabled","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"mVAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MAQIC,EAAa,MAMzB,WAAAC,CAAAC,G,gDAFQC,KAAAC,SAAW,M,WAYwB,U,UAID,I,2CAQF,M,cAIH,M,gBAI2B,MA7B/DD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,UAAYC,EAAS,iBAC1BN,KAAKO,UAAYD,EAAS,mB,CAkCnB,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPd,KAAKe,UAAUC,KAAK,CAAEC,SAAUjB,KAAKkB,WAAYC,UAAWP,EAAgBC,M,CAG7E,iBAAAO,GACCpB,KAAKQ,cAAcR,KAAKqB,M,CAGzB,iBAAAC,GACCtB,KAAKC,SAAW,I,CAGjB,MAAAsB,GACC,MAAMlB,EAAYL,KAAKwB,YAAcxB,KAAKK,UAC1C,MAAMoB,EAAMzB,KAAK0B,YAAc9B,EAAK+B,OAAS/B,EAAKgC,IAClD,MAAMC,EAAa7B,KAAKE,EAAE4B,QAAQ,WAAc5B,EAAA,QAAA6B,IAAA,2CAAMC,MAAOpB,EAAgBqB,QAAQ/B,EAAA,QAAA6B,IAAA,2CAAMG,KAAK,YAEhG,OACChC,EAACiC,EAAI,CAAAJ,IAAA,2CAACC,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgBC,MAAK,cACjCb,KAAKkB,WAClBG,MAAOrB,KAAKqB,MACZgB,KAAMrC,KAAKqC,KACXC,KAAK,WACLZ,YAAa1B,KAAK0B,YAClBzB,SAAUD,KAAKC,UACjBC,EAAA,OAAA6B,IAAA,2CAAKC,MAAOpB,EAAgB2B,QAC1BV,EACA7B,KAAK0B,YACLxB,EAACuB,EAAG,CACHe,GAAInC,EACJ2B,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgB6B,OAAM,gBAC7BC,EAAc1C,KAAKkB,YAAW,gBAC9BlB,KAAKO,UACpBoC,SAAU3C,KAAK2C,SAAQ,gBACRC,EAAoB5C,KAAK2C,UACxCE,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd/C,EAAA,QAAM8B,MAAOpB,EAAgBsC,UAC5BhD,EAAA,QAAMgC,KAAK,aACVlC,KAAK0B,aAAexB,EAAA,YAAU8B,MAAOpB,EAAgBuC,QAASjB,KAAK,kBAErEhC,EAAA,QAAMgC,KAAK,gBAGZhC,EAACuB,EAAG,CAACO,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgB6B,QAC1CvC,EAAA,QAAM8B,MAAOpB,EAAgBsC,UAC5BhD,EAAA,QAAMgC,KAAK,aACVlC,KAAK0B,aAAexB,EAAA,YAAU8B,MAAOpB,EAAgBuC,QAASjB,KAAK,kBAErEhC,EAAA,QAAMgC,KAAK,iBAIblC,KAAK0B,YACLxB,EAAA,OACC8B,MAAOpB,EAAgBwC,QACvBZ,GAAIxC,KAAKO,UAAS,cACLmC,GAAe1C,KAAKkB,YACjCmC,QAASrD,KAAKkB,WAAU,kBACPb,GAEjBH,EAAA,cAGDA,EAAA,OAAK8B,MAAOpB,EAAgBwC,QAAO,cACpBV,GAAe1C,KAAKkB,YACjCmC,QAASrD,KAAKkB,YAEfhB,EAAA,c,CAWL,UAAMoD,GACLtD,KAAKkB,WAAa,KAClBlB,KAAKc,a,CAOC,WAAMyC,GACZvD,KAAKkB,WAAa,MAClBlB,KAAKc,a,CAOC,YAAMmC,GACZjD,KAAKkB,YAAclB,KAAKkB,WACxBlB,KAAKc,a,CAOC,kBAAM0C,GACZ,OAAOxD,KAAKkB,U","ignoreList":[]}

package/dist/core/p-5dcbfca3.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as s,a as t,g as r}from"./p-a1e95a5f.js";import{C as a}from"./p-e3aeaca0.js";import{g as e}from"./p-0075138f.js";import{v as i}from"./p-169b67af.js";import{a as c}from"./p-45a30859.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";c(a,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const p={root:"gov-control-group"};const f=class{constructor(s){o(this,s);this.color=a.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=e(this.host)}validateColor(o){i(a,o,p.root)}render(){return s(t,{key:"41426d0763507d60dcf24a6f0fe3d69b54d5131f",class:this.h.classes(p.root),color:this.color},s("slot",{key:"0c67c4137be61b821e008779210543af73d7984c"}))}get host(){return r(this)}static get watchers(){return{color:["validateColor"]}}};export{f as gov_control_group};
+//# sourceMappingURL=p-5dcbfca3.entry.js.map

package/dist/core/p-5dcbfca3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","constructor","hostRef","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","color"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"yPAIkCA,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGhG,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAe,MAG3B,WAAAC,CAAAC,G,qBAQgDL,EAAOM,Q,cAIQ,M,gBAII,MAflEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBvB,aAAAC,CAAcC,GACbC,EAAab,EAAQY,EAAUX,EAAkBC,K,CAGlD,MAAAY,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOV,KAAKC,EAAEU,QAAQjB,EAAkBC,MACxCiB,MAAOZ,KAAKY,OACZX,EAAA,QAAAQ,IAAA,6C","ignoreList":[]}

package/dist/core/p-60658ae9.js

@@ -0,0 +1,2 @@
+import{S as o}from"./p-92f420cb.js";import{a as i}from"./p-45a30859.js";const c=i(o,["_XS","_S","_M","_L","_XL"]);const t={root:"gov-accordion"};const a={root:"gov-accordion-item",disabled:"gov-accordion-item--disabled",details:"gov-accordion-item__details",summary:"gov-accordion-item__summary",icon:"gov-accordion-item__icon",title:"gov-accordion-item__title",suffix:"gov-accordion-item__suffix",right:"gov-accordion-item__right",arrow:"gov-accordion-item__arrow",content:"gov-accordion-item__content"};export{a as A,t as a,c as b};
+//# sourceMappingURL=p-60658ae9.js.map

package/dist/core/p-60658ae9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionSizes","pick","Sizes","AccordionClass","root","AccordionItemClass","disabled","details","summary","icon","title","suffix","right","arrow","content"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\tdisabled: 'gov-accordion-item--disabled',\n\tdetails: 'gov-accordion-item__details',\n\tsummary: 'gov-accordion-item__summary',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGvDC,EAAiB,CAC7BC,KAAM,iB,MAGMC,EAAqB,CACjCD,KAAM,qBACNE,SAAU,+BACVC,QAAS,8BACTC,QAAS,8BACTC,KAAM,2BACNC,MAAO,4BACPC,OAAQ,6BACRC,MAAO,4BACPC,MAAO,4BACPC,QAAS,sC","ignoreList":[]}

package/dist/core/p-663d3db2.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as i,h as t,a,g as o}from"./p-a1e95a5f.js";import{v as r}from"./p-28a7d3f7.js";import{c as e}from"./p-e0d428c9.js";import{g as c}from"./p-0075138f.js";import{t as p}from"./p-26618322.js";import"./p-b48a4aa0.js";import"./p-95d41a3b.js";import"./p-2aedc81e.js";import"./p-45a30859.js";const h={root:"gov-backdrop",bg:"gov-backdrop__background"};const d=class{constructor(t){s(this,t);this.govClick=i(this,"gov-click",7);this.inverse=false;this.disabled=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.h=c(this.host)}async componentDidRender(){if(e()){p((()=>this.validateAccessibility()))}}render(){return t(a,{key:"c3a04193bcb6bf07904885794068d15723012177",class:this.h.classes(h.root),inverse:this.inverse},t("div",{key:"722ab2c0f3b9e64e5790f51540f44252a1b3e4e4",role:"button","aria-disabled":this.disabled,"aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,onClick:s=>{if(!this.disabled){this.govClick.emit(s)}},class:h.bg}))}async validateAccessibility(){r(this.accessibleLabel,this.accessibleLabelledBy,h.root,this.host)}get host(){return o(this)}};export{d as gov_backdrop};
+//# sourceMappingURL=p-663d3db2.entry.js.map

package/dist/core/p-663d3db2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BackdropClass","root","bg","GovBackdrop","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","render","Host","key","class","classes","inverse","role","disabled","accessibleLabel","accessibleLabelledBy","onClick","e","govClick","emit","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: 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: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: 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\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"mappings":"2SAAO,MAAMA,EAAgB,CAC5BC,KAAM,eACNC,GAAI,4B,MCSQC,EAAW,MAGvB,WAAAC,CAAAC,G,2DAQoC,M,cAI+B,M,mEAXlEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,wBAAMC,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMN,KAAKO,yB,EAIlB,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQlB,EAAcC,MAAOkB,QAASb,KAAKa,SAC9DZ,EAAA,OAAAS,IAAA,2CACCI,KAAM,SAAQ,gBACCd,KAAKe,SAAQ,aAChBf,KAAKgB,gBAAe,kBACfhB,KAAKiB,qBACtBC,QAASC,IACR,IAAKnB,KAAKe,SAAU,CACnBf,KAAKoB,SAASC,KAAKF,E,GAGrBR,MAAOjB,EAAcE,K,CAUzB,2BAAMW,GACLe,EAAwBtB,KAAKgB,gBAAiBhB,KAAKiB,qBAAsBvB,EAAcC,KAAMK,KAAKG,K","ignoreList":[]}

package/dist/core/p-69d56f17.js

@@ -0,0 +1,2 @@
+import{S as o}from"./p-92f420cb.js";import{C as a}from"./p-e3aeaca0.js";import{a as s}from"./p-45a30859.js";const t=s(o,["_XS","_S","_M","_L","_XL"]);const n=s(a,["PRIMARY","SECONDARY","NEUTRAL","SUCCESS","ERROR","WARNING"]);var r;(function(o){o["SOLID"]="solid";o["OUTLINED"]="outlined";o["BASE"]="base";o["LINK"]="link"})(r||(r={}));var i;(function(o){o["SUBMIT"]="submit";o["BUTTON"]="button";o["RESET"]="reset"})(i||(i={}));var c;(function(o){o["BLANK"]="_blank";o["SELF"]="_self";o["NEW"]="_new"})(c||(c={}));const e={root:"gov-button"};export{e as B,i as N,n as a,t as b,r as c};
+//# sourceMappingURL=p-69d56f17.js.map

package/dist/core/p-69d56f17.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonSizes","pick","Sizes","ButtonColors","Colors","ButtonType","NativeType","ButtonTarget","ButtonClass","root"],"sources":["../../../packages/core/src/components/gov-button/button/constants.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonColorType = `${ValueOf<typeof ButtonColors>}`\n\nexport enum ButtonType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\nexport type ButtonTypesType = `${ValueOf<typeof ButtonType>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n}\n"],"mappings":"kHAKaA,EAAcC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGpDC,EAAeF,EAAKG,EAAQ,CAAC,UAAW,YAAa,UAAW,UAAW,QAAS,Y,IAGrFC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,eACAA,EAAA,cACA,EALD,CAAYA,MAAU,K,IAQVC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAAU,KAOtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,kBACAA,EAAA,gBACAA,EAAA,aACA,EAJD,CAAYA,MAAY,K,MAOXC,EAAc,CAC1BC,KAAM,qB","ignoreList":[]}

package/dist/core/p-6aa40794.js

@@ -0,0 +1,2 @@
+import{C as o}from"./p-e3aeaca0.js";import{a as s}from"./p-45a30859.js";import{S as a}from"./p-92f420cb.js";const t=s(o,["NEUTRAL","ERROR","WARNING","SUCCESS"]);s(a,["_XS","_S","_M","_L","_XL"]);const m={root:"gov-form-message",content:"gov-form-message__content"};export{m as F,t as a};
+//# sourceMappingURL=p-6aa40794.js.map

package/dist/core/p-6aa40794.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormMessageColors","pick","Colors","Sizes","FormMessageClass","root","content"],"sources":["../../../packages/core/src/components/gov-form/message/constants.ts"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormMessageColors = pick(Colors, ['NEUTRAL', 'ERROR', 'WARNING', 'SUCCESS'])\nexport type FormMessageColorType = `${ValueOf<typeof FormMessageColors>}`\n\nexport const FormMessageSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMessageSizesTypes = `${ValueOf<typeof FormMessageSizes>}`\n\nexport const FormMessageClass = {\n\troot: 'gov-form-message',\n\tcontent: 'gov-form-message__content',\n}\n"],"mappings":"kHAKaA,EAAoBC,EAAKC,EAAQ,CAAC,UAAW,QAAS,UAAW,YAG9CD,EAAKE,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGzDC,EAAmB,CAC/BC,KAAM,mBACNC,QAAS,oC","ignoreList":[]}

package/dist/core/p-6b42a387.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,a as e,g as i}from"./p-a1e95a5f.js";import{g as a,b as o}from"./p-a693ffbf.js";import{g as r}from"./p-0075138f.js";import{s as c}from"./p-95d41a3b.js";import"./p-92f420cb.js";import"./p-45a30859.js";import"./p-6aa40794.js";import"./p-e3aeaca0.js";import"./p-42d9924c.js";import"./p-2614044c.js";const d=class{constructor(t){s(this,t);this.identifier=undefined;this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=r(this.host);this.f=a(this.h)}componentDidRender(){this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var s;(s=this.observer)===null||s===void 0?void 0:s.disconnect()}formElementDescriptionControl(){const s=this.host.querySelector("."+o.bottom);if(!s)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(s,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((s=>s.identifier()))).then((s=>{this.f.mainElementsInControl.forEach((t=>{const e=c(t.getAttribute("aria-describedby"));t.removeAttribute("aria-describedby");if(Array.isArray(e)){e.forEach((t=>t.indexOf("GovFormMessage")===-1?s.push(t):null))}if(s.length){t.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(e,{key:"ca3d81a16858cbe4b2c06580cb2e9523a77191be",size:this.size,class:this.h.classes(o.root)},t(s,{key:"4b2bdfbc3c227b910660596d5815c70ef8fa22dd",class:o.holder},this.h.hasSlot("top")&&t("slot",{key:"21e1b5d8e989e6e4ecf9795a2d9d3ccd6dc29543",name:"top"}),t("slot",{key:"d2acefce44c05404f9d1ce224f7f259361423d82"}),this.h.hasSlot("bottom")&&t("div",{key:"e5c095ee40f41623e9f6a871e29724be42a8be8f",class:o.bottom},t("slot",{key:"941873ca1268fca177d3ff92b10a205dea0faad3",name:"bottom"}))))}get host(){return i(this)}};export{d as gov_form_control};
+//# sourceMappingURL=p-6b42a387.entry.js.map

package/dist/core/p-6b42a387.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormControl","constructor","hostRef","this","h","govHost","host","f","govForm","componentDidRender","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","identifier","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","indexOf","push","length","setAttribute","join","render","Tag","fieldset","Host","key","size","class","classes","root","holder","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Custom form element identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/**\n\t/**\n\t* Indicates the form control is disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t/**\n\t* Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Don't forget to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kUAWaA,EAAc,MAK1B,WAAAC,CAAAC,G,iDAamD,M,cAKC,M,aAKD,M,cAKd,M,UAIU,IA/B9CC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,EAAIC,EAAQL,KAAKC,E,CAgCvB,kBAAAK,GACCN,KAAKO,sBACLP,KAAKQ,+B,CAGN,oBAAAC,G,OACCC,EAAAV,KAAKW,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,Y,CAGR,6BAAAJ,GACP,MAAMK,EAAab,KAAKG,KAAKW,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBb,KAAKW,SAAW,IAAIM,iBACnB,WACCjB,KAAKO,qB,EACJW,KAAKlB,OAGRA,KAAKW,SAASQ,QAAQN,EAAY,CAACO,UAAW,M,CAGvC,mBAAAb,GACPc,QAAQC,IAAItB,KAAKI,EAAEmB,gBAAgBC,KAAKC,GAAuCA,EAAQC,gBAAeC,MAAMC,IAC3G5B,KAAKI,EAAEyB,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,qBAC5DH,EAAQI,gBAAgB,oBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOA,EAAGC,QAAQ,qBAAuB,EAAIX,EAAIY,KAAKF,GAAM,M,CAElF,GAAIV,EAAIa,OAAQ,CACfV,EAAQW,aAAa,mBAAoBd,EAAIe,KAAK,K,IAElD,G,CAIJ,MAAAC,GACC,MAAMC,EAAM7C,KAAK8C,SAAW,WAAa,MACzC,OACC7C,EAAC8C,EAAI,CAAAC,IAAA,2CAACC,KAAMjD,KAAKiD,KAAMC,MAAOlD,KAAKC,EAAEkD,QAAQpC,EAAiBqC,OAC7DnD,EAAC4C,EAAG,CAAAG,IAAA,2CAACE,MAAOnC,EAAiBsC,QAC3BrD,KAAKC,EAAEqD,QAAQ,QAAUrD,EAAA,QAAA+C,IAAA,2CAAMO,KAAK,QACrCtD,EAAA,QAAA+C,IAAA,6CACChD,KAAKC,EAAEqD,QAAQ,WACfrD,EAAA,OAAA+C,IAAA,2CAAKE,MAAOnC,EAAiBC,QAC5Bf,EAAA,QAAA+C,IAAA,2CAAMO,KAAK,a","ignoreList":[]}

package/dist/core/p-6d772ff9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,a as t,g as s,c as i}from"./p-a1e95a5f.js";import{b as c,v as o}from"./p-28a7d3f7.js";import{c as n}from"./p-e0d428c9.js";import{d as r}from"./p-45a30859.js";import{g as m}from"./p-0075138f.js";import{F as l,a as f}from"./p-6aa40794.js";import{v as d}from"./p-169b67af.js";import{c as h}from"./p-95d41a3b.js";import"./p-b48a4aa0.js";import"./p-2aedc81e.js";import"./p-e3aeaca0.js";import"./p-92f420cb.js";const p={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const b={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const g=class{constructor(a){e(this,a);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await r(500);await this.validateWcag()}}render(){return a(t,{key:"d2b3c1f40f3c5eab7b179c68985d23ed776e9337",class:this.h.classes(p.root)},this.label?a("p",{class:p.label},this.label):null,a("div",{key:"bbceab5ca1b5443eb7aa8074c2f788fe0e3e7090",class:p.list,role:"list","aria-label":this.wcagLabel},a("slot",{key:"6d1a9999824cdc35e28543d80518855057cf99ce"})))}async validateWcag(){c(this.wcagLabel,"wcag-label",p.root)}get host(){return s(this)}};const v=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";const y=v;const _=class{constructor(a){e(this,a);this.govRemove=i(this,"gov-remove",7);this.accessibleRemoveLabel=undefined;this.accessibleRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await r(500);await this.validateAccessibility()}}render(){return a(t,{key:"f7878b14f668e2a1b23368dfcdea2e65e5de13b6",class:this.h.classes(b.root),role:"listitem"},a("div",{key:"4aaa01614a40507bc74d524756be66aac0632a4f",class:b.file},a("p",{key:"26eb87dd09942ee1d9bbf4bb13a76b4cb0240902",class:b.name},a("slot",{key:"5d4b3f690907e557526c9c22c88705a7e9ee3ef7"}),a("slot",{key:"1eff0d73e720ce22936a0004c476c3e01cbd88e1",name:"info"})),a("gov-button",{key:"e2395e9c5139093e01bd48b14221643394a22c6c",color:"primary",type:"base",size:"s","accessible-label":this.accessibleRemoveLabel,"accessible-labelledby":this.accessibleRemoveLabelledBy,"on-gov-click":this.govRemove.emit},a("gov-icon",{key:"c592f72a09dfce70c0cd2563ec0d781cc65ad77c",slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&a("div",{key:"0bffbbe4622f291fd269637a4b4ff8c624fb04f7",class:b.messages},a("slot",{key:"2e6ad7d812e9b68f5c0e88ca734bf0bba78924a2",name:"message"})))}async validateAccessibility(){o(this.accessibleRemoveLabel,this.accessibleRemoveLabelledBy,b.root,this.host)}get host(){return s(this)}};_.style=y;const k=class{constructor(a){e(this,a);this.color="neutral";this.size="m";this.h=m(this.host);this.messageId=h("GovFormMessage")}validateColor(e){d(f,e,l.root)}componentWillLoad(){this.validateColor(this.color)}render(){return a(t,{key:"ac4af62e187d42b15193c89ba91298612282ee3a",class:this.h.classes(l.root),color:this.color,size:this.size},this.h.hasSlot("icon")&&a("slot",{key:"baff038a9608571e038cd332d3d3b2fcaef649e9",name:"icon"}),a("span",{key:"15ec497fae5179dd5bce22c4a675d10936bdaffe",id:this.messageId,class:l.content},a("slot",{key:"17f605a52a170e8202e07e0089a70e86a8e47b7b"})))}async identifier(){return this.messageId}get host(){return s(this)}static get watchers(){return{color:["validateColor"]}}};export{g as gov_attachments,_ as gov_attachments_item,k as gov_form_message};
+//# sourceMappingURL=p-6d772ff9.entry.js.map

package/dist/core/p-6d772ff9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AttachmentsClass","root","label","list","AttachmentsItemClass","name","file","messages","GovAttachments","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","key","class","classes","role","wcagLabel","validateWcagProp","govAttachmentsItemCss","GovAttachmentsItemStyle0","GovAttachmentsItem","validateAccessibility","color","type","size","accessibleRemoveLabel","accessibleRemoveLabelledBy","govRemove","emit","slot","hasSlot","validateAccessibleLabel","GovFormMessage","messageId","createID","validateColor","newValue","validateProp","FormMessageColors","FormMessageClass","componentWillLoad","id","content","identifier"],"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/* Attachments - Item */\n\n\ngov-attachments-item, .gov-attachments-item {\n\t// VARIABLES\n\t@import \"gov-attachments-variables\";\n\n\t@include base($display: flex);\n\tgap: var(--spacing-s);\n\t&__messages {\n\t\t@include reset-last-margin();\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography(\"xs\");\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {AttachmentsItemClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t<slot name=\"info\"/>\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\taccessible-label={this.accessibleRemoveLabel}\n\t\t\t\t\t\taccessible-labelledby={this.accessibleRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\"/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"mappings":"0aAAO,MAAMA,EAAmB,CAC/BC,KAAM,kBACNC,MAAO,yBACPC,KAAM,yBAGA,MAAMC,EAAuB,CACnCH,KAAM,uBACNI,KAAM,6BACNC,KAAM,6BACNC,SAAU,kC,MCCEC,EAAc,MAG1B,WAAAC,CAAAC,G,wDACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,c,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQvB,EAAiBC,OAC3CU,KAAKT,MAAQU,EAAA,KAAGU,MAAOtB,EAAiBE,OAAQS,KAAKT,OAAa,KACnEU,EAAA,OAAAS,IAAA,2CAAKC,MAAOtB,EAAiBG,KAAMqB,KAAK,OAAM,aAAab,KAAKc,WAC/Db,EAAA,QAAAS,IAAA,8C,CAUJ,kBAAMH,GACLQ,EAAiBf,KAAKc,UAAW,aAAczB,EAAiBC,K,6BCnDlE,MAAM0B,EAAwB,ghCAC9B,MAAAC,EAAeD,E,MCWFE,EAAkB,MAG9B,WAAApB,CAAAC,G,+HACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKmB,uB,EAIb,MAAAX,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQnB,EAAqBH,MAAOuB,KAAK,YAC5DZ,EAAA,OAAAS,IAAA,2CAAKC,MAAOlB,EAAqBE,MAChCM,EAAA,KAAAS,IAAA,2CAAGC,MAAOlB,EAAqBC,MAC9BO,EAAA,QAAAS,IAAA,6CACAT,EAAA,QAAAS,IAAA,2CAAMhB,KAAK,UAEZO,EAAA,cAAAS,IAAA,2CACCU,MAAM,UACNC,KAAK,OACLC,KAAK,IAAG,mBACUtB,KAAKuB,sBAAqB,wBACrBvB,KAAKwB,2BAA0B,eACxCxB,KAAKyB,UAAUC,MAE7BzB,EAAA,YAAAS,IAAA,2CAAUiB,KAAK,YAAYjC,KAAK,WAIjCM,KAAKC,EAAE2B,QAAQ,YACf3B,EAAA,OAAAS,IAAA,2CAAKC,MAAOlB,EAAqBG,UAChCK,EAAA,QAAAS,IAAA,2CAAMhB,KAAK,a,CAWhB,2BAAMyB,GACLU,EAAwB7B,KAAKuB,sBAAuBvB,KAAKwB,2BAA4B/B,EAAqBH,KAAMU,KAAKG,K,6CCjE1G2B,EAAc,MAI1B,WAAAhC,CAAAC,G,qBASsE,U,UAItB,IAZ/CC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAK+B,UAAYC,EAAS,iB,CAc3B,aAAAC,CAAcC,GACbC,EAAaC,EAAmBF,EAAUG,EAAiB/C,K,CAG5D,iBAAAgD,GACCtC,KAAKiC,cAAcjC,KAAKoB,M,CAGzB,MAAAZ,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQyB,EAAiB/C,MAAO8B,MAAOpB,KAAKoB,MAAOE,KAAMtB,KAAKsB,MAChFtB,KAAKC,EAAE2B,QAAQ,SACf3B,EAAA,QAAAS,IAAA,2CAAMhB,KAAK,SAEZO,EAAA,QAAAS,IAAA,2CAAM6B,GAAIvC,KAAK+B,UAAWpB,MAAO0B,EAAiBG,SACjDvC,EAAA,QAAAS,IAAA,8C,CAUJ,gBAAM+B,GACL,OAAOzC,KAAK+B,S","ignoreList":[]}

package/dist/core/p-6ed147a6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,a as e,g as a}from"./p-a1e95a5f.js";import{g as o,c as h,d as n}from"./p-a693ffbf.js";import{g as r,c as l,t as c}from"./p-0075138f.js";import{v as d}from"./p-169b67af.js";import{c as u,r as f}from"./p-95d41a3b.js";import{p as v}from"./p-ded281e6.js";import{t as p}from"./p-26618322.js";import{A as m,a as b}from"./p-9ac55bd1.js";import"./p-92f420cb.js";import"./p-45a30859.js";import"./p-6aa40794.js";import"./p-e3aeaca0.js";import"./p-42d9924c.js";import"./p-2614044c.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";import"./p-2aedc81e.js";const g=class{constructor(s){t(this,s);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govChange=i(this,"gov-change",7);this.govSelect=i(this,"gov-select",7);this.govRemove=i(this,"gov-remove",7);this.value=undefined;this.options=undefined;this.identifier=undefined;this.placeholder=undefined;this.size="m";this.name=undefined;this.hideSelectedList=false;this.required=false;this.disabled=false;this.invalid=undefined;this.success=undefined;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.messageLoading="Načítám...";this.focused=undefined;this.valueState=undefined;this.selectedOptionsState=[];this.optionsState=[];this.inheritedAttributes={};this.selectId=u("GovSelect");this.listId=u("GovMultiList");this.h=r(this.host);this.f=o(this.h)}validateSize(t){d(n,t,h.root)}watchOptions(t){this.optionsState=v(t)}watchValue(t){this.selectedOptionsState=v(t)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("success",l(this.success))}componentDidLoad(){this.attributeObserver=new m(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(b);this.initAutocomplete()}componentWillLoad(){this.validateSize(this.size);this.optionsState=v(this.options);this.selectedOptionsState=v(this.value)}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}getAvailableOptions(t=false){if(Array.isArray(this.optionsState)&&this.optionsState.length){if(t){return this.optionsState}return this.optionsState.filter((t=>{const i=this.selectedValueIndex(t.value);return i!==-1||(t===null||t===void 0?void 0:t.disabled)?false:true})).map((t=>{var i;return{name:(i=t.label)!==null&&i!==void 0?i:t.value,value:t.value}}))}return Array.from(this.selectRef.querySelectorAll("option")).filter((i=>{if(t){return true}const s=this.selectedValueIndex(i.value);return!(i.disabled||i.selected||s>-1)})).map((t=>({name:t.textContent,value:t.value})))}initAutocomplete(){var t,i,s,e,a;(t=this.autocompleteRef)===null||t===void 0?void 0:t.addEventListener("gov-select",this.onSelectHandler.bind(this));(i=this.autocompleteRef)===null||i===void 0?void 0:i.addEventListener("gov-input",this.onInputHandler.bind(this));(s=this.autocompleteRef)===null||s===void 0?void 0:s.addEventListener("gov-focus",this.onFocusHandler.bind(this));(e=this.autocompleteRef)===null||e===void 0?void 0:e.addEventListener("gov-blur",this.onBlurHandler.bind(this));(a=this.autocompleteRef)===null||a===void 0?void 0:a.setSearchCallback((t=>new Promise((i=>{const s=this.getAvailableOptions();if(String(t).length===0){return i(s)}i(s.filter((({label:i,value:s})=>{if(!i)i=s;return f(i).toLowerCase().indexOf(f(t).toLowerCase())>-1})))})))).finally()}selectedValueIndex(t){return this.selectedOptionsState.findIndex((i=>i===t))}getOptionElement(t){return this.selectRef.querySelector('option[value="'+t+'"]')}getOption(t){var i;return(i=this.getAvailableOptions(true).find((i=>i.value===t)))!==null&&i!==void 0?i:null}selectOption(t,i=true){const s=this.selectedValueIndex(t);if(s===-1){this.selectedOptionsState=[...this.selectedOptionsState,t];this.value=this.selectedOptionsState;if(i){this.govChange.emit({component:h.root,value:this.selectedOptionsState});this.govSelect.emit({component:h.root,value:this.selectedOptionsState})}const s=this.getOptionElement(t);if(s){s.selected=true}}}removeOption(t,i=true){const s=this.selectedValueIndex(t);if(s!==-1){this.selectedOptionsState.splice(s,1);this.selectedOptionsState=[...this.selectedOptionsState];this.value=this.selectedOptionsState;if(i){this.govChange.emit({component:h.root,value:this.selectedOptionsState});this.govRemove.emit({component:h.root,value:this.selectedOptionsState})}const e=this.getOptionElement(t);if(e){e.selected=false}}}async componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));p((()=>{this.selectRef.querySelectorAll("option").forEach((t=>{if(t.selected){this.selectOption(t.value,false)}}))}))}render(){return s(e,{key:"0e2bf90516a05a8e0c27c7532efe5da224c03465",class:h.root,size:this.size},s("div",{key:"f11641f89fe42687883fe53fe948087a27193071",class:h.wrap},this.h.hasSlot("prefix")&&s("slot",{key:"6cd9f9136c071a6378402289894fdabc507ebff2",name:"prefix"}),s("gov-form-autocomplete",{key:"955f58e159a530a5b533c6460547ae709735256e",value:this.valueState,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,placeholder:this.placeholder,"message-empty":this.messageEmpty,"message-loading":this.messageLoading,ref:t=>this.autocompleteRef=t,minlength:0,"aria-owns":this.listId},s("gov-icon",{key:"b378d8bde11321d2dc578f99c8158056f1253164",slot:"right-icon",class:"icon-arrow",name:"chevron-down"}),this.h.hasSlot("right-icon")&&!(this.success||this.invalid)&&s("slot",{key:"6de4b89ef556f1eaaec97836eac78d10831b28c2",name:"right-icon"}),this.success&&s("gov-icon",{key:"19756d99d19cba8cecdc9a0adb0c35e1a5d8c024",slot:"validation-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&s("gov-icon",{key:"cb21e4f8d4b932602b3409f1c8e4a627c1591bd3",slot:"validation-icon",class:"icon-validation",name:"exclamation-lg"})),s("select",Object.assign({key:"40b56eba1078e476fcc782c2ffbfbcbee503434a",hidden:true,class:"hidden-select-list","aria-hidden":l(true),multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:t=>this.selectRef=t},this.inheritedAttributes,{"aria-disabled":c(this.disabled),"aria-required":c(this.required),"aria-invalid":c(this.invalid)}),s("slot",{key:"6c970c5fb7d8188a6135e5df2652a48d72ce7a05"}),Array.isArray(this.optionsState)&&this.optionsState.map((t=>{var i;const e=this.selectedValueIndex(t.value);return s("option",{value:t.value,selected:e>-1,disabled:t===null||t===void 0?void 0:t.disabled},(i=t.label)!==null&&i!==void 0?i:t.value)}))),this.h.hasSlot("sufix")&&s("slot",{key:"46c5c8ab89561433a6c6d51eb9097149f3dc4155",name:"sufix"})),this.hideSelectedList===false?s("ul",{role:"listbox",id:this.listId,class:h.list},Array.isArray(this.selectedOptionsState)&&this.selectedOptionsState.map((t=>{var i,e;const a=this.getOption(t);if(!a)return null;return s("li",{class:h.item,role:"option"},(i=a.label)!==null&&i!==void 0?i:a.value,s("gov-button",{"accessible-label":(e="Odebrat vybranou položku "+a.label)!==null&&e!==void 0?e:a.value,color:"primary",type:"base",size:this.size,"on-gov-click":()=>this.onTagRemove(t)},s("gov-icon",{name:"x-lg"})))}))):null)}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:h.root,originalEvent:t,value:this.selectedOptionsState})}onBlurHandler(t){t.stopPropagation();t.stopPropagation();this.focused=false;this.govBlur.emit({component:h.root,originalEvent:t,value:this.selectedOptionsState})}onInputHandler(t){this.valueState=t.detail.value;t.stopPropagation()}onSelectHandler(t){t.stopPropagation();const i=t.detail.selected;this.selectOption(i.value);this.valueState="";this.autocompleteRef.clearValue().finally();this.autocompleteRef.focus()}onTagRemove(t){this.removeOption(t)}async setFocus(t){return this.selectRef.focus(t)}async setValue(t){this.valueState=t}async getRef(){return this.selectRef}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],options:["watchOptions"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};export{g as gov_form_multi_select};
+//# sourceMappingURL=p-6ed147a6.entry.js.map

package/dist/core/p-6ed147a6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormMultiSelect","constructor","hostRef","this","selectId","createID","listId","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormMultiselectSizes","FormMultiSelectClass","root","watchOptions","optionsState","propsValueToArray","watchValue","selectedOptionsState","watchControlAttrs","passControlAttrs","passAttrToControl","size","toBoolAttr","invalid","disabled","success","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","initAutocomplete","componentWillLoad","options","value","disconnectedCallback","stopObserving","removeAttribute","inheritedAttributes","Object","assign","getAvailableOptions","ignoreFilter","Array","isArray","length","filter","option","selectedIndex","selectedValueIndex","map","_a","name","label","from","selectRef","querySelectorAll","selected","textContent","autocompleteRef","addEventListener","onSelectHandler","bind","_b","onInputHandler","_c","onFocusHandler","_d","onBlurHandler","_e","setSearchCallback","searchString","Promise","resolve","data","String","removeDiacritics","toLowerCase","indexOf","finally","findIndex","getOptionElement","querySelector","getOption","find","selectOption","newOption","notify","index","govChange","emit","component","govSelect","removeOption","splice","govRemove","componentDidRender","passAttrToLabel","required","tick","forEach","render","Host","key","class","wrap","hasSlot","valueState","identifier","placeholder","messageEmpty","messageLoading","ref","el","minlength","slot","hidden","multiple","toBoolAttrIfDefined","selectedOption","hideSelectedList","role","id","list","item","color","type","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","setFocus","setValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID, removeDiacritics} from '../../../utils/string.utils'\nimport {FormAutocompleteEvent} from '../autocomplete/gov-form-autocomplete.types'\nimport {FormMultiSelectClass, FormMultiselectSizes, FormMultiselectSizesType,} from './constants'\nimport {\n\tFormMultiselectEvent,\n\tGovFormMultiSelectItem,\n\tGovFormMultiSelectSelectedItem\n} from './gov-form-multi-select.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: 'gov-form-multi-select',\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string | GovFormMultiSelectSelectedItem[]\n\t/**\n\t * Options of multi-select\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormMultiSelectItem[]\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({attribute: 'placeholder'}) readonly placeholder: string\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Option to hide the list of selected items\n\t */\n\t@Prop({attribute: 'hide-selected-list'}) readonly hideSelectedList: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * 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\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\n\t/**\n\t * Custom message for when data is loaded\n\t */\n\t@Prop({attribute: 'message-loading'}) readonly messageLoading: string = 'Načítám...'\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is selected\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when an item is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() valueState: string\n\t@State() selectedOptionsState: GovFormMultiSelectSelectedItem[] = []\n\t@State() optionsState: GovFormMultiSelectItem[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.optionsState = propsValueToArray(newValue)\n\t}\n\n\t@Watch('value')\n\twatchValue(newValue: string | GovFormMultiSelectItem[]): void {\n\t\tthis.selectedOptionsState = propsValueToArray(newValue)\n\t}\n\n\t@Watch('disabled')\n\t@Watch('invalid')\n\t@Watch('success')\n\t@Watch('size')\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl('size', this.size)\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('success', toBoolAttr(this.success))\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.initAutocomplete()\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.selectedOptionsState = propsValueToArray(this.value)\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate getAvailableOptions(ignoreFilter = false): GovFormMultiSelectItem[] {\n\t\tif (Array.isArray(this.optionsState) && this.optionsState.length) {\n\t\t\tif (ignoreFilter) {\n\t\t\t\treturn this.optionsState;\n\t\t\t}\n\t\t\treturn this.optionsState.filter((option) => {\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn (selectedIndex !== -1 || option?.disabled) ? false : true\n\t\t\t}).map((option) => ({name: option.label ?? option.value, value: option.value}))\n\t\t}\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => {\n\t\t\t\tif (ignoreFilter) {\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t\tconst selectedIndex = this.selectedValueIndex(option.value)\n\t\t\t\treturn !(option.disabled || option.selected || selectedIndex > -1)\n\t\t\t})\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef?.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef?.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t?.setSearchCallback(searchString => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(searchString).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({label, value}) => {\n\t\t\t\t\t\t\tif (!label) label = value;\n\t\t\t\t\t\t\treturn removeDiacritics(label).toLowerCase().indexOf(removeDiacritics(searchString).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.finally()\n\t}\n\n\tprivate selectedValueIndex(value: GovFormMultiSelectSelectedItem) {\n\t\treturn this.selectedOptionsState.findIndex((selected) => selected === value)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectSelectedItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate getOption(value: GovFormMultiSelectSelectedItem): GovFormMultiSelectItem | null {\n\t\treturn this.getAvailableOptions(true).find((option) => option.value === value) ?? null;\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState, newOption]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govSelect.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectSelectedItem, notify = true) {\n\t\tconst index = this.selectedValueIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptionsState.splice(index, 1)\n\t\t\tthis.selectedOptionsState = [...this.selectedOptionsState]\n\t\t\tthis.value = this.selectedOptionsState;\n\t\t\tif (notify) {\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t\tthis.govRemove.emit({\n\t\t\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\t\t\tvalue: this.selectedOptionsState,\n\t\t\t\t})\n\t\t\t}\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\n\t\ttick(() => {\n\t\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\t\tif (option.selected) {\n\t\t\t\t\tthis.selectOption(option.value, false)\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\tvalue={this.valueState}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tmessage-empty={this.messageEmpty}\n\t\t\t\t\t\tmessage-loading={this.messageLoading}\n\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\taria-owns={this.listId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t{this.h.hasSlot('right-icon') && !(this.success || this.invalid) && <slot name=\"right-icon\"/>}\n\t\t\t\t\t\t{this.success &&\n\t\t\t\t\t\t\t<gov-icon slot=\"validation-icon\" class=\"icon-validation\" name=\"check-lg\"></gov-icon>}\n\t\t\t\t\t\t{this.invalid &&\n\t\t\t\t\t\t\t<gov-icon slot=\"validation-icon\" class=\"icon-validation\" name=\"exclamation-lg\"></gov-icon>}\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t\t<select\n\t\t\t\t\t\thidden\n\t\t\t\t\t\tclass={'hidden-select-list'}\n\t\t\t\t\t\taria-hidden={toBoolAttr(true)}\n\t\t\t\t\t\tmultiple\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\tconst selectedOption = this.selectedValueIndex(option.value);\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={selectedOption > -1}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t\t</div>\n\t\t\t\t{this.hideSelectedList === false ? (\n\t\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t\t{Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {\n\t\t\t\t\t\t\tconst option = this.getOption(selected);\n\t\t\t\t\t\t\tif (!option) return null\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t\t{option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\taccessible-label={'Odebrat vybranou položku ' + option.label ?? option.value}\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(selected)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptionsState,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.valueState = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value.value)\n\t\tthis.valueState = ''\n\t\tthis.autocompleteRef.clearValue().finally()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectSelectedItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.valueState = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-74e9ad9d.entry.js

@@ -0,0 +1,2 @@
+import{d as t,r as s,h as i,a as o,g as a}from"./p-a1e95a5f.js";import{a as n}from"./p-45a30859.js";import{C as e}from"./p-e3aeaca0.js";import{e as r,f as c}from"./p-e0d428c9.js";import{g as h}from"./p-0075138f.js";import{i as l}from"./p-2aedc81e.js";import{v as f}from"./p-169b67af.js";import"./p-b48a4aa0.js";const p=n(e,["DEFAULT","DISABLED","ERROR","NEUTRAL","SECONDARY","SUCCESS","WARNING","ON_BOLD_WHITE","ON_BOLD_BLACK","ON_SUBTLE","WHITE_FIXED"]);var u;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(u||(u={}));const d={root:"gov-icon",holder:"gov-icon__holder"};const m="4.1.0-rc02";const v=()=>m;const w={};const g={};const E=t=>t.startsWith("http://")||t.startsWith("https://");const y=(s,i,o)=>{if(E(s)){return`${s}/${o}/${i}.svg?v=${v()}`}return t(`${s}/${o}/${i}.svg`)+`?v=${v()}`};async function D({name:t,type:s}){const i=s+"-"+t;if(w[i]){return w[i]}if(!g[i]){g[i]=fetch(y(r(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const o=await g[i];w[i]=o;return o}const I=class{constructor(t){s(this,t);this.color=undefined;this.name=null;this.type="basic";this.visible=false;this.error=false;this.h=h(this.host)}validateColor(t){f(p,t,d.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(c()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const i=await D({name:t,type:s});const o=l(i)&&i.indexOf("svg")>-1;this.host.innerHTML=o?i:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return i(o,{class:this.h.classes(d.root),color:this.color})}static get assetsDirs(){return["assets"]}get host(){return a(this)}static get watchers(){return{color:["validateColor"],name:["loadIconPathData"]}}};export{I as gov_icon};
+//# sourceMappingURL=p-74e9ad9d.entry.js.map

package/dist/core/p-74e9ad9d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconColors","pick","Colors","Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","GovIcon","constructor","hostRef","this","h","govHost","host","validateColor","newValue","validateProp","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","isString","indexOf","innerHTML","e","error","render","Host","class","classes"],"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.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'DISABLED',\n\t'ERROR',\n\t'NEUTRAL',\n\t'SECONDARY',\n\t'SUCCESS',\n\t'WARNING',\n\t'ON_BOLD_WHITE',\n\t'ON_BOLD_BLACK',\n\t'ON_SUBTLE',\n\t'WHITE_FIXED'\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {isString} from \"../../utils/helpers.types\";\nimport { type IconColorType, IconColors } from \"./constants\";\nimport { validateProp } from \"../../helpers/Validate/props\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"basic\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isString(data) && data.indexOf('svg') > -1\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} color={this.color}/>\n\t\t)\n\t}\n}\n"],"mappings":"uTAIO,MAAMA,EAAaC,EAAKC,EAAQ,CACtC,UACA,WACA,QACA,UACA,YACA,UACA,UACA,gBACA,gBACA,YACA,gBAID,IAAKC,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,oB,qBC1BF,MAAMC,EAAY,IACjBC,ECCR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAEzD,MAAMC,EAAiBC,GAAiBA,EAAKC,WAAW,YAAcD,EAAKC,WAAW,YACtF,MAAMC,EAAU,CAACF,EAAcG,EAAcC,KAC5C,GAAIL,EAAcC,GAAO,CACxB,MAAO,GAAGA,KAAQI,KAAQD,WAAcR,K,CAEzC,OAAOU,EAAa,GAAGL,KAAQI,KAAQD,SAAc,MAAMR,KAAa,EAGlEW,eAAeC,GAAUJ,KAAEA,EAAIC,KAAEA,IACvC,MAAMI,EAAWJ,EAAO,IAAMD,EAC9B,GAAIN,EAAUW,GAAW,CACxB,OAAOX,EAAUW,E,CAElB,IAAKV,EAAaU,GAAW,CAC5BV,EAAaU,GAAYC,MAAMP,EAAQQ,IAAaP,EAAMC,IAAOO,MAAKC,IACrE,GAAIA,EAAKC,SAAW,IAAK,CACxB,OAAOD,EAAKE,M,KACN,CACN,MAAM,IAAIC,MAAM,0B,KAInB,MAAMf,QAAaF,EAAaU,GAChCX,EAAUW,GAAYR,EACtB,OAAOA,CACR,C,MClBagB,EAAO,MAInB,WAAAC,CAAAC,G,yCAYsC,K,UAIR,Q,aAEH,M,WACF,MAlBxBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBvB,aAAAC,CAAcC,GACbC,EAAarC,EAAYoC,EAAUhC,EAAUC,K,CAItC,sBAAMiC,GACb,MAAMvB,KAACA,EAAIwB,QAAEA,GAAWR,KACxB,IAAyBhB,IAASwB,EAAS,CAC1C,M,OAEKR,KAAKS,U,CAGZ,iBAAAC,GACC,GAAIC,IAAiB,CACpBX,KAAKQ,QAAU,KACfR,KAAKO,mBAAmBK,S,KAClB,CACNZ,KAAKa,kBAAiB1B,UACrBa,KAAKQ,QAAU,WACTR,KAAKO,kBAAkB,G,EAKhC,oBAAAO,GACC,GAAId,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,EAI9B,uBAAME,GACLjB,KAAKI,cAAcJ,KAAKkB,aAClBlB,KAAKO,kB,CAGJ,gBAAAM,CAAiBM,GACxB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC/FF,IACA,M,CAEDnB,KAAKe,qBAAuB,IAAIM,sBAC/BC,IACCA,EAAQC,SAAQC,IACf,GAAIA,EAAMC,eAAgB,CACzB,GAAIzB,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,CAE7BI,G,IAEA,GAEH,CAACO,WAAY,SAEd1B,KAAKe,qBAAqBY,QAAQ3B,KAAKG,K,CAGhC,cAAMM,GACb,IACC,MAAMzB,KAACA,EAAIC,KAAEA,GAAQe,KACrB,MAAM4B,QAAaxC,EAAU,CAACJ,OAAMC,SACpC,MAAM4C,EAAUC,EAASF,IAASA,EAAKG,QAAQ,QAAU,EACzD/B,KAAKG,KAAK6B,UAAYH,EAAUD,EAAO,I,CACtC,MAAOK,GACRjC,KAAKG,KAAK6B,UAAY,GACtBhC,KAAKkC,MAAQ,I,EAIf,MAAAC,GACC,GAAInC,KAAKkC,MAAO,CACf,OAAO,I,CAER,OACCjC,EAACmC,EAAI,CAACC,MAAOrC,KAAKC,EAAEqC,QAAQjE,EAAUC,MAAO4C,MAAOlB,KAAKkB,O","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,a as o,g as e}from"./p-a1e95a5f.js";import{g as a,c as n}from"./p-0075138f.js";import{F as c}from"./p-1c1d0bbe.js";import{v as r}from"./p-169b67af.js";import{C as h}from"./p-e3aeaca0.js";import{a as l}from"./p-45a30859.js";import{A as d,a as f}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";const p=l(h,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var m;(function(s){s["BOLD"]="bold";s["SUBTLE"]="subtle"})(m||(m={}));const v={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const g=class{constructor(i){s(this,i);this.govClose=t(this,"gov-close",7);this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(s){r(p,s,v.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((s,t)=>{this.onAriaAttributeChange(s,t)}));this.attributeObserver.startObserving(f)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=b(this.host)}disconnectedCallback(){this.attributeObserver.stopObserving()}onAriaAttributeChange(s,t){this.host.removeAttribute(s);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[s]:t})}render(){const s=i("gov-button",{key:"8153474d0e2ef77bfb100bcb978d4f49b5436add",size:"s","accessible-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:v.close},i("gov-icon",{key:"e49a24686ad48a63e48a3da212dba0a828227355",name:"x-lg"}));return i(o,{key:"f9e889af972b6b6d54f4d7dd49b0870328ec3cb2",class:this.h.classes(v.root),color:this.color,type:this.type},i("section",Object.assign({key:"2fe9fac18a2025f9d932818f8b395adb8d143f97",class:v.section},this.inheritedAttributes,{role:this.role}),i("slot",{key:"58cf1566241cd88e4e87f89bfdbcdee9e3d06cf5",name:"icon"}),i("div",{key:"02ec6f434fd5056daa0fb7f471af6714fefcac18",class:v.content},this.h.hasSlot("headline")?i(c,null,i("div",{class:v.headline},i("slot",{name:"headline"}),i("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","accessible-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},i("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down"}))),i("div",{hidden:!this.toggleContent,"aria-hidden":n(this.toggleContent)},i("slot",null))):i("slot",null)),this.closable&&s))}onCloseHandler(s){this.govClose.emit({component:v.root,ref:this.host,originalEvent:s})}get isBold(){return this.type==="bold"}get host(){return e(this)}static get watchers(){return{color:["validateColor"]}}};export{g as gov_infobar};
+//# sourceMappingURL=p-7cf554e6.entry.js.map

package/dist/core/p-7cf554e6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","constructor","hostRef","undefined","this","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","stopObserving","removeAttribute","Object","assign","render","closeButton","key","size","accessibleCloseLabel","type","isBold","onCloseHandler","bind","class","name","Host","classes","role","hasSlot","Fragment","accessibleToggleLabel","toggleContent","hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taccessible-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taccessible-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"0XAIO,MAAMA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGlG,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,QAAS,uBACTC,SAAU,wBACVC,MAAO,sB,MCHKC,EAAU,MAItB,WAAAC,CAAAC,G,yDASoC,U,UAIO,O,UAIEC,U,0BAIwC,0B,2BAIE,0B,cAQjD,M,mBAEb,M,yBACkB,GAnC1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAsCvB,aAAAC,CAAcC,GACbC,EAAapB,EAAemB,EAAUf,EAAaC,K,CAGpD,gBAAAgB,GACCP,KAAKQ,kBAAoB,IAAIC,EAAkBT,KAAKG,MAAM,CAACO,EAAeL,KACzEL,KAAKW,sBAAsBD,EAAeL,EAAS,IAGpDL,KAAKQ,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCd,KAAKI,cAAcJ,KAAKe,OACxBf,KAAKgB,oBAAsBC,EAAsBjB,KAAKG,K,CAGvD,oBAAAe,GACClB,KAAKQ,kBAAkBW,e,CAGxB,qBAAAR,CAAsBD,EAAuBL,GAC5CL,KAAKG,KAAKiB,gBAAgBV,GAC1BV,KAAKgB,oBAAmBK,OAAAC,OAAAD,OAAAC,OAAA,GAAOtB,KAAKgB,qBAAmB,CAAEN,CAACA,GAAgBL,G,CAG3E,MAAAkB,GACC,MAAMC,EACLvB,EAAA,cAAAwB,IAAA,2CAAYC,KAAK,IAAG,mBACC1B,KAAK2B,qBACvBC,KAAK,OACLb,MAAOf,KAAK6B,OAAS7B,KAAKe,MAAQ,UAAS,eAC7Bf,KAAK8B,eAAeC,KAAK/B,MACvCgC,MAAO1C,EAAaK,OACtBM,EAAA,YAAAwB,IAAA,2CAAUQ,KAAK,UAIjB,OACChC,EAACiC,EAAI,CAAAT,IAAA,2CAACO,MAAOhC,KAAKC,EAAEkC,QAAQ7C,EAAaC,MAAOwB,MAAOf,KAAKe,MAAOa,KAAM5B,KAAK4B,MAC7E3B,EAAA,UAAAoB,OAAAC,OAAA,CAAAG,IAAA,2CAASO,MAAO1C,EAAaE,SAAaQ,KAAKgB,oBAAmB,CAAEoB,KAAMpC,KAAKoC,OAC9EnC,EAAA,QAAAwB,IAAA,2CAAMQ,KAAK,SACXhC,EAAA,OAAAwB,IAAA,2CAAKO,MAAO1C,EAAaG,SACvBO,KAAKC,EAAEoC,QAAQ,YACfpC,EAACqC,EAAQ,KACRrC,EAAA,OAAK+B,MAAO1C,EAAaI,UACxBO,EAAA,QAAMgC,KAAM,aACZhC,EAAA,cACCyB,KAAK,IACLE,KAAK,OACLb,MAAOf,KAAK6B,OAAS7B,KAAKe,MAAQ,UAAS,mBACzBf,KAAKuC,sBAAqB,eAC9B,IAAOvC,KAAKwC,eAAiBxC,KAAKwC,eAEhDvC,EAAA,YAAUgC,KAAMjC,KAAKwC,cAAgB,aAAe,mBAGtDvC,EAAA,OAAKwC,QAASzC,KAAKwC,cAAa,cAAeE,EAAW1C,KAAKwC,gBAC9DvC,EAAA,eAIFA,EAAA,cAGDD,KAAK2C,UAAYnB,G,CAMtB,cAAAM,CAAec,GACd5C,KAAK6C,SAASC,KAAK,CAClBC,UAAWzD,EAAaC,KACxByD,IAAKhD,KAAKG,KACV8C,cAAeL,G,CAIjB,UAAIf,GACH,OAAO7B,KAAK4B,OAAS,M","ignoreList":[]}

package/dist/core/p-81b0848c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a as e,g as a}from"./p-a1e95a5f.js";import{v as h}from"./p-169b67af.js";import{g as o}from"./p-0075138f.js";import{a as c}from"./p-45a30859.js";import{S as n}from"./p-92f420cb.js";import{a as f,b as r}from"./p-69d56f17.js";import{c as d}from"./p-95d41a3b.js";import{p as b}from"./p-016bbea6.js";import{i as p}from"./p-d9a299a4.js";import{A as l,a as m}from"./p-9ac55bd1.js";import"./p-b48a4aa0.js";import"./p-e0d428c9.js";import"./p-e3aeaca0.js";const u=c(n,["_XS","_S","_M"]);var g;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(g||(g={}));var v;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(v||(v={}));const j={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const y=class{constructor(i){t(this,i);this.govClick=s(this,"gov-click",7);this.hydrated=false;this.disabled=false;this.href=undefined;this.target=undefined;this.iconLeft=undefined;this.iconRight=undefined;this.size=u._M;this.tag="span";this.color=f.PRIMARY;this.type=undefined;this.focusable=true;this.identifier=undefined;this.inheritedAttributes={};this.h=o(this.host);this.chipId=d("GovChip")}validateColor(t){h(f,t,j.root)}validateSize(t){h(r,t,j.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=p(this.host)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){this.attributeObserver.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=this.href?v.A:this.tag;const s=t==v.BUTTON?v.BUTTON:undefined;const a=b(this.iconLeft);const h=b(this.iconRight);return i(e,{key:"7273e571a906515a35208303f36eb3d2bac4b663",class:this.h.classes([j.root,this.h.hasSlot("right")?j.hasRight:undefined,this.h.hasSlot("left")?j.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,hoverable:t==v.A||t==v.BUTTON,hydrated:this.hydrated},i(t,Object.assign({key:"8c32f17c36a757d8be7ae813ca113aa505375159",class:"element",href:this.href,target:this.target,ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),tabindex:(this.h.hasSlot("left")||this.h.hasSlot("right")||this.disabled)&&!this.focusable?"-1":"0",id:this.identifier||this.chipId,type:s},this.inheritedAttributes,{"aria-disabled":this.disabled}),i("slot",{key:"e9fec4f49fbb1b43f73face265bc3c8dfcebc4fe",name:"left"}),i("slot",{key:"7fd9b938c44c55e66041d9298e285f34c80a0722",name:"left-icon"},a&&i("gov-icon",{key:"5f1a73b93fdbecfc0fe30ad45d0a86444e1b4703",type:a.type,name:a.name})),i("slot",{key:"e63ae004f3c4b5e164e326ca7cff300b68ba02ee"}),i("slot",{key:"39da8e323a6623cfb0eb6f6807931f496cfeb867",name:"right-icon"},h&&i("gov-icon",{key:"1518485f6d60b515a138dedc142ca7a013dd67bb",type:h.type,name:h.name})),i("slot",{key:"20059af90e74b6f8bb68673c56b387fd558eee29",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===v.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return a(this)}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}};export{y as gov_chip};
+//# sourceMappingURL=p-81b0848c.entry.js.map

package/dist/core/p-81b0848c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","inner","hasRight","hasLeft","GovChip","constructor","hostRef","this","hydrated","_M","ButtonColors","PRIMARY","h","govHost","host","chipId","createID","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","color","size","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","stopObserving","connectedCallback","removeAttribute","Object","assign","render","Tag","href","A","tag","nativeType","BUTTON","undefined","iconLeft","prepareIconFormat","iconRight","Host","key","class","classes","hasSlot","disabled","type","hoverable","target","ref","el","triggerRef","onClick","onClickHandler","bind","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","geRef","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-left\"}) readonly iconLeft?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-right\"}) readonly iconRight?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconLeft = prepareIconFormat(this.iconLeft)\n\t\tconst iconRight = prepareIconFormat(this.iconRight)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled) && !this.focusable ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\n\t\t\t\t\t<slot name=\"left-icon\">\n\t\t\t\t\t\t{iconLeft && <gov-icon type={iconLeft.type} name={iconLeft.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"right-icon\">\n\t\t\t\t\t\t{iconRight && <gov-icon type={iconRight.type} name={iconRight.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-83039b10.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as i,a as e,g as t}from"./p-a1e95a5f.js";import{a}from"./p-880743a5.js";import{g as r}from"./p-0075138f.js";const d=class{constructor(i){s(this,i);this.size="12/12";this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined;this.h=r(this.host)}render(){return i(e,{key:"e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a",class:this.h.classes(a.root),role:"listitem",size:this.size,"size-sm":this.sizeSm,"size-md":this.sizeMd,"size-lg":this.sizeLg,"size-xl":this.sizeXl},i("slot",{key:"53780db95fa728f252302cb86923ad9e9fcd9b66"}))}get host(){return t(this)}};export{d as gov_grid_item};
+//# sourceMappingURL=p-83039b10.entry.js.map

package/dist/core/p-83039b10.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovGridItem","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role","size","sizeSm","sizeMd","sizeLg","sizeXl"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop() readonly size: string = '12/12'\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-sm' }) readonly sizeSm: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-md' }) readonly sizeMd: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-lg' }) readonly sizeLg: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-xl' }) readonly sizeXl: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t\tsize={this.size}\n\t\t\t\tsize-sm={this.sizeSm}\n\t\t\t\tsize-md={this.sizeMd}\n\t\t\t\tsize-lg={this.sizeLg}\n\t\t\t\tsize-xl={this.sizeXl}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kIAQaA,EAAW,MAGvB,WAAAC,CAAAC,G,oBAQgC,Q,wFAP/BC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOP,KAAKC,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,WACLC,KAAMZ,KAAKY,KAAI,UACNZ,KAAKa,OAAM,UACXb,KAAKc,OAAM,UACXd,KAAKe,OAAM,UACXf,KAAKgB,QAEdf,EAAA,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/core/p-904de5e6.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as s,a as i,g as t}from"./p-a1e95a5f.js";import{g as d,b as o}from"./p-0075138f.js";import{c}from"./p-95d41a3b.js";import{v as n}from"./p-28a7d3f7.js";import{c as r}from"./p-e0d428c9.js";import{d as h}from"./p-45a30859.js";import"./p-b48a4aa0.js";import"./p-2aedc81e.js";const f={root:"gov-card",header:"gov-card__header",title:"gov-card__title",inner:"gov-card__inner",img:"gov-card__img",main:"gov-card__main",icon:"gov-card__icon",btns:"gov-card__btns",footer:"gov-card__footer",arrow:"gov-card__arrow"};const b=class{constructor(s){a(this,s);this.govToggle=e(this,"gov-toggle",7);this.hydrated=false;this.promotion=false;this.collapsible=false;this.open=true;this.accessibleTriggerLabel=undefined;this.accessibleTriggerLabelledBy=undefined;this.h=d(this.host);this.headlineId=c("GovCardHeadline");this.contentId=c("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){return s(i,{key:"7ae6cc86b82b3f87aff07e5d9e950b2e53151a18",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),promotion:this.promotion,hydrated:this.hydrated},this.collapsible?s("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},s("slot",{name:"headline"}),s("gov-icon",{class:f.arrow,name:"chevron-down"})):this.h.hasSlot("headline")?s("div",{class:f.header},s("slot",{name:"headline"})):null,s("div",{key:"ddb3e93eeb27258896a44ba3bbef6d8d03a10a2f",class:f.inner,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&s("p",{key:"ec427ac10e1a8810a10fda0e7b0cfd479ccc7446",class:f.img},s("slot",{key:"70f4afe1cc9189987af1e213b83bfd3358da2e69",name:"img"})),s("div",{key:"52b0c40a1fd194b0f4fe097deeabf4f66621bc7b",class:f.main},this.h.hasSlot("icon")&&this.promotion&&s("div",{key:"665e99d2773408b2b99503aee1df61851ca6ef79",class:f.icon},s("slot",{key:"3d9ab0e47f8bd219fbe697182788dbc9f86755f4",name:"icon"})),s("slot",{key:"e7cb0ac6a735e53d183f0f376afc420cec0ecbd9"}),this.h.hasSlot("btn")&&this.promotion&&s("div",{key:"30f0d797b741e1304d7500f89da4d86b13d8470d",class:f.btns},s("slot",{key:"b8f6a9296c8c88922d31e80552d4eaf29cda4ad7",name:"btn"}))),this.h.hasSlot("footer")&&s("div",{key:"d2eeed664123d020bacb1bfba680940d349f9ab8",class:f.footer},s("slot",{key:"f4207f3e99a4230858177d97ec0880b9bba62145",name:"footer"}))))}onClickHandler(a){a.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return t(this)}};export{b as gov_card};
+//# sourceMappingURL=p-904de5e6.entry.js.map

package/dist/core/p-904de5e6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardClass","root","header","title","inner","img","main","icon","btns","footer","arrow","GovCard","constructor","hostRef","this","hydrated","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Host","key","class","classes","open","collapsible","booleanString","promotion","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","hasSlot","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["export const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\ttitle: 'gov-card__title',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\tmain: 'gov-card__main',\n\ticon: 'gov-card__icon',\n\tbtns: 'gov-card__btns',\n\tfooter: 'gov-card__footer',\n\tarrow: 'gov-card__arrow',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Style variation of the card.\n\t */\n\t@Prop() readonly promotion: boolean = false\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)} promotion={this.promotion} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={CardClass.inner}\n\t\t\t\t\tid={this.contentId}\n\t\t\t\t\taria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\thidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\taria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<p class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.main}>\n\t\t\t\t\t\t{this.h.hasSlot('icon') && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot/>\n\n\t\t\t\t\t\t{this.h.hasSlot('btn') && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.btns}>\n\t\t\t\t\t\t\t\t<slot name=\"btn\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"sSAAO,MAAMA,EAAY,CACxBC,KAAM,WACNC,OAAQ,mBACRC,MAAO,kBACPC,MAAO,kBACPC,IAAK,gBACLC,KAAM,iBACNC,KAAM,iBACNC,KAAM,iBACNC,OAAQ,mBACRC,MAAO,mB,MCGKC,EAAO,MAMnB,WAAAC,CAAAC,G,gDAFQC,KAAAC,SAAW,M,eAamB,M,iBAIE,M,UAIK,K,iFAlB5CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,WAAaC,EAAS,mBAC3BN,KAAKO,UAAYD,EAAS,iB,CA8B3B,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNV,KAAKW,uB,EAIb,iBAAAC,GACCZ,KAAKC,SAAW,I,CAGjB,MAAAY,GACC,OACCX,EAACY,EAAI,CAAAC,IAAA,2CAACC,MAAOhB,KAAKE,EAAEe,QAAQ/B,EAAUC,MAAO+B,KAAMlB,KAAKkB,KACrDC,YAAaC,EAAcpB,KAAKmB,aAAcE,UAAWrB,KAAKqB,UAAWpB,SAAUD,KAAKC,UACzFD,KAAKmB,YACLjB,EAAA,UACCoB,GAAItB,KAAKK,WACTW,MAAO9B,EAAUE,OAAM,aACXY,KAAKuB,uBAAsB,kBACtBvB,KAAKwB,4BAA2B,gBAClCJ,EAAcpB,KAAKkB,MAAK,gBACxBlB,KAAKO,UACpBkB,QAASzB,KAAK0B,eAAeC,KAAK3B,OAElCE,EAAA,QAAM0B,KAAK,aACX1B,EAAA,YAAUc,MAAO9B,EAAUU,MAAOgC,KAAK,kBAErC5B,KAAKE,EAAE2B,QAAQ,YAClB3B,EAAA,OAAKc,MAAO9B,EAAUE,QACrBc,EAAA,QAAM0B,KAAK,cAET,KAEJ1B,EAAA,OAAAa,IAAA,2CACCC,MAAO9B,EAAUI,MACjBgC,GAAItB,KAAKO,UAAS,cACLP,KAAKmB,YAAcC,GAAepB,KAAKkB,MAAQY,UAC5DC,OAAQ/B,KAAKmB,aAAenB,KAAKkB,KAAOY,UAAS,kBAChC9B,KAAKmB,YAAcnB,KAAKK,WAAayB,WAErD9B,KAAKE,EAAE2B,QAAQ,QACf3B,EAAA,KAAAa,IAAA,2CAAGC,MAAO9B,EAAUK,KACnBW,EAAA,QAAAa,IAAA,2CAAMa,KAAK,SAIb1B,EAAA,OAAAa,IAAA,2CAAKC,MAAO9B,EAAUM,MACpBQ,KAAKE,EAAE2B,QAAQ,SAAW7B,KAAKqB,WAC/BnB,EAAA,OAAAa,IAAA,2CAAKC,MAAO9B,EAAUO,MACrBS,EAAA,QAAAa,IAAA,2CAAMa,KAAK,UAIb1B,EAAA,QAAAa,IAAA,6CAECf,KAAKE,EAAE2B,QAAQ,QAAU7B,KAAKqB,WAC9BnB,EAAA,OAAAa,IAAA,2CAAKC,MAAO9B,EAAUQ,MACrBQ,EAAA,QAAAa,IAAA,2CAAMa,KAAK,UAKb5B,KAAKE,EAAE2B,QAAQ,WACf3B,EAAA,OAAAa,IAAA,2CAAKC,MAAO9B,EAAUS,QACrBO,EAAA,QAAAa,IAAA,2CAAMa,KAAK,a,CAQT,cAAAF,CAAeM,GACtBA,EAAEC,kBACF,GAAIjC,KAAKmB,YAAa,CACrBnB,KAAKkB,MAAQlB,KAAKkB,KAClBlB,KAAKkC,UAAUC,KAAK,CAACjB,KAAMlB,KAAKkB,KAAMkB,QAASpC,KAAKI,M,EAQtD,2BAAMO,GACL,GAAIX,KAAKmB,YAAa,CACrBkB,EAAwBrC,KAAKuB,uBAAwBvB,KAAKwB,4BAA6BtC,EAAUC,KAAMa,KAAKI,K","ignoreList":[]}

package/dist/core/p-91a9cd24.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,a as o,g as a}from"./p-a1e95a5f.js";import{g as s}from"./p-0075138f.js";const t={root:"gov-error-code",content:"gov-error-code__content"};const r=class{constructor(c){e(this,c);this.h=s(this.host)}render(){return c(o,{key:"8c7ac0985621c075b94e1bad82a913c9454b10cf",class:this.h.classes(t.root),align:"center"},this.h.hasSlot("icon")&&c("slot",{key:"498d60a762977d1dfd24750a2c0afd2ce21f1c68",name:"icon"}),c("div",{key:"bdd3a7505c44660e772bd55f80519fc0f4026a4a",class:t.content},c("slot",{key:"f9c789de200eb94d4844c633c771339be14f416e",name:"headline"}),c("slot",{key:"475487ef2fb1bb63eea1ca35a81024b734c402be"})))}get host(){return a(this)}};export{r as gov_error_code};
+//# sourceMappingURL=p-91a9cd24.entry.js.map

package/dist/core/p-91a9cd24.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","align","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\n\troot: 'gov-error-code',\n\tcontent: 'gov-error-code__content',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-error-code',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,MAAOc,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAA,QAAAK,IAAA,2CAAMK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOb,EAAeE,SAC1BK,EAAA,QAAAK,IAAA,2CAAMK,KAAK,aACXV,EAAA,QAAAK,IAAA,8C","ignoreList":[]}