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

package/dist/components/p-e3aeaca0.js

@@ -0,0 +1,2 @@
+var e;(function(e){e["PRIMARY"]="primary";e["DEFAULT"]="default";e["DISABLED"]="disabled";e["ERROR"]="error";e["NEUTRAL"]="neutral";e["SECONDARY"]="secondary";e["SUCCESS"]="success";e["WARNING"]="warning";e["ON_BOLD_WHITE"]="on-bold-white";e["ON_BOLD_BLACK"]="on-bold-black";e["ON_SUBTLE"]="on-subtle";e["WHITE_FIXED"]="white-fixed";e["CUSTOM"]="custom"})(e||(e={}));export{e as C};
+//# sourceMappingURL=p-e3aeaca0.js.map

package/dist/components/p-e3aeaca0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Colors"],"sources":["../../../packages/core/src/core/constants/colors.ts"],"sourcesContent":["export enum Colors {\n\tPRIMARY = 'primary',\n\tDEFAULT = 'default',\n\tDISABLED = 'disabled',\n\tERROR = 'error',\n\tNEUTRAL = 'neutral',\n\tSECONDARY = 'secondary',\n\tSUCCESS = 'success',\n\tWARNING = 'warning',\n\tON_BOLD_WHITE = 'on-bold-white',\n\tON_BOLD_BLACK = 'on-bold-black',\n\tON_SUBTLE = 'on-subtle',\n\tWHITE_FIXED = 'white-fixed',\n\tCUSTOM = 'custom',\n}\n"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,qBACAA,EAAA,uBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,yBACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,iCACAA,EAAA,iCACAA,EAAA,yBACAA,EAAA,6BACAA,EAAA,kBACA,EAdD,CAAYA,MAAM,Y","ignoreList":[]}

package/dist/components/p-e9b35956.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as i,h as e,d as n}from"./p-ae3dada7.js";import{g as a,b as h,c as o}from"./p-255d0471.js";import{g as c,c as d,t as r,d as l}from"./p-0075138f.js";import{v as u}from"./p-19c681a3.js";import{c as f}from"./p-95d41a3b.js";import{A as p,a as m,i as b}from"./p-33d5d1ed.js";import{d as v}from"./p-e20bb5dc.js";import{d as g}from"./p-5caf1fe1.js";var y;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(y||(y={}));const w=t(class t extends s{constructor(){super();this.__registerHost();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=c(this.host);this.inputId=f("GovInput");this.f=a(this.h)}validateSize(t){u(o,t,h.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",d(this.success));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("type",this.multiline?y.TEXTAREA:y.INPUT)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));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,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){this.attributeObserver.stopObserving()}render(){const t=this.multiline?y.TEXTAREA:y.INPUT;return e(n,{key:"8b60864f0792fe1946d4b7cb6489cff0ffc767e1",class:h.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&e("slot",{key:"4d5d0bb755acbb42033f572633e4969c8e6e8b36",name:"prefix"}),e("span",{key:"eaac4a690052077ca631ae1e9c69a65518a1902f",class:"element"},this.h.hasSlot("left-icon")&&e("slot",{key:"75c58db96fdda7395ee77c9a71b5b01f2fe92503",name:"left-icon"}),this.h.hasSlot("right-icon")&&this.inputType!=="password"&&e("slot",{key:"a3fb32c7d9103fed20f769c5220ebe8d0254efac",name:"right-icon"}),this.success&&!this.multiline&&e("gov-icon",{key:"ef85a7526e0542007cf6978e1dd9f9f872a529f7",slot:"validation-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&!this.multiline&&e("gov-icon",{key:"0869b21bce101fde9b5beb169e042ca72f2d2c52",slot:"validation-icon",class:"icon-validation",name:"exclamation-lg"}),e(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:r(this.spellcheck),lang:this.inputLang,readonly:r(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(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":r(this.required),"aria-invalid":r(this.invalid),"aria-disabled":r(this.disabled)})),this.inputType==="password"?e("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},e("gov-icon",{slot:"left-icon",name:"eye",type:"basic"})):null),this.h.hasSlot("sufix")&&e("slot",{key:"2cec0cab2e419776e89506a47f93936249b47fe9",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:h.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:h.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:h.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:h.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:h.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 this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[4,"gov-form-input",{value:[1537],identifier:[1],success:[516],size:[1],name:[1],multiline:[4],rows:[2],cols:[2],required:[516],disabled:[516],placeholder:[1],readonly:[4],minlength:[2],maxlength:[2],min:[8],max:[8],autocomplete:[4],autocorrect:[4],spellcheck:[4],inputLang:[1,"input-lang"],type:[1],inputType:[1,"input-type"],role:[1],invalid:[516],accessibleShowPasswordLabel:[1,"accessible-show-password-label"],accessibleHidePasswordLabel:[1,"accessible-hide-password-label"],focused:[32],showPassword:[32],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-input","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-input":if(!customElements.get(t)){customElements.define(t,w)}break;case"gov-button":if(!customElements.get(t)){v()}break;case"gov-icon":if(!customElements.get(t)){g()}break}}))}k();export{w as G,k as d};
+//# sourceMappingURL=p-e9b35956.js.map

package/dist/components/p-e9b35956.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tags","GovFormInput","proxyCustomElement","H","constructor","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"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.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"],"mappings":"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","ignoreList":[]}

package/dist/components/p-edd1417b.js

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

package/dist/components/p-edd1417b.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/components/p-fe1842da.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as t,h as s,d as i}from"./p-ae3dada7.js";import{a as o}from"./p-07165d99.js";import{a as c}from"./p-9a93146e.js";import{d as n}from"./p-7501abe8.js";import{d as m}from"./p-e0e2e9c1.js";import{g as r}from"./p-0075138f.js";import{d as l}from"./p-e20bb5dc.js";import{d as f}from"./p-5caf1fe1.js";const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@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 b=d;const p=e(class e extends a{constructor(){super();this.__registerHost();this.govRemove=t(this,"gov-remove",7);this.accessibleRemoveLabel=undefined;this.accessibleRemoveLabelledBy=undefined;this.h=r(this.host)}async componentDidRender(){if(n()){await m(500);await this.validateAccessibility()}}render(){return s(i,{key:"f7878b14f668e2a1b23368dfcdea2e65e5de13b6",class:this.h.classes(o.root),role:"listitem"},s("div",{key:"4aaa01614a40507bc74d524756be66aac0632a4f",class:o.file},s("p",{key:"26eb87dd09942ee1d9bbf4bb13a76b4cb0240902",class:o.name},s("slot",{key:"5d4b3f690907e557526c9c22c88705a7e9ee3ef7"}),s("slot",{key:"1eff0d73e720ce22936a0004c476c3e01cbd88e1",name:"info"})),s("gov-button",{key:"e2395e9c5139093e01bd48b14221643394a22c6c",color:"primary",type:"base",size:"s","accessible-label":this.accessibleRemoveLabel,"accessible-labelledby":this.accessibleRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{key:"c592f72a09dfce70c0cd2563ec0d781cc65ad77c",slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&s("div",{key:"0bffbbe4622f291fd269637a4b4ff8c624fb04f7",class:o.messages},s("slot",{key:"2e6ad7d812e9b68f5c0e88ca734bf0bba78924a2",name:"message"})))}async validateAccessibility(){c(this.accessibleRemoveLabel,this.accessibleRemoveLabelledBy,o.root,this.host)}get host(){return this}static get style(){return b}},[4,"gov-attachments-item",{accessibleRemoveLabel:[1,"accessible-remove-label"],accessibleRemoveLabelledBy:[1,"accessible-remove-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-attachments-item","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-attachments-item":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-button":if(!customElements.get(e)){l()}break;case"gov-icon":if(!customElements.get(e)){f()}break}}))}g();export{p as G,g as d};
+//# sourceMappingURL=p-fe1842da.js.map

package/dist/components/p-fe1842da.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["govAttachmentsItemCss","GovAttachmentsItemStyle0","GovAttachmentsItem","proxyCustomElement","H","constructor","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","render","Host","key","class","classes","AttachmentsItemClass","root","role","file","name","color","type","size","accessibleRemoveLabel","accessibleRemoveLabelledBy","govRemove","emit","slot","hasSlot","messages","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx"],"sourcesContent":["/* 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"],"mappings":"4TAAA,MAAMA,EAAwB,ghCAC9B,MAAAC,EAAeD,E,MCWFE,EAAkBC,EAAA,MAAAD,UAAAE,EAG9B,WAAAC,G,mJACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBvB,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNN,KAAKO,uB,EAIb,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQC,EAAqBC,MAAOC,KAAK,YAC5Dd,EAAA,OAAAS,IAAA,2CAAKC,MAAOE,EAAqBG,MAChCf,EAAA,KAAAS,IAAA,2CAAGC,MAAOE,EAAqBI,MAC9BhB,EAAA,QAAAS,IAAA,6CACAT,EAAA,QAAAS,IAAA,2CAAMO,KAAK,UAEZhB,EAAA,cAAAS,IAAA,2CACCQ,MAAM,UACNC,KAAK,OACLC,KAAK,IAAG,mBACUpB,KAAKqB,sBAAqB,wBACrBrB,KAAKsB,2BAA0B,eACxCtB,KAAKuB,UAAUC,MAE7BvB,EAAA,YAAAS,IAAA,2CAAUe,KAAK,YAAYR,KAAK,WAIjCjB,KAAKC,EAAEyB,QAAQ,YACfzB,EAAA,OAAAS,IAAA,2CAAKC,MAAOE,EAAqBc,UAChC1B,EAAA,QAAAS,IAAA,2CAAMO,KAAK,a,CAWhB,2BAAMV,GACLqB,EAAwB5B,KAAKqB,sBAAuBrB,KAAKsB,2BAA4BT,EAAqBC,KAAMd,KAAKG,K","ignoreList":[]}

package/dist/components/p-ff0cf148.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,c as i,h as s,d as a}from"./p-ae3dada7.js";import{v as o}from"./p-19c681a3.js";import{g as c}from"./p-0075138f.js";import{p as h}from"./p-e0e2e9c1.js";import{S as n}from"./p-92f420cb.js";import{a as f,c as d}from"./p-08621bdf.js";import{c as r}from"./p-95d41a3b.js";import{p as l}from"./p-016bbea6.js";import{i as b,A as p,a as m}from"./p-33d5d1ed.js";import{d as u}from"./p-5caf1fe1.js";const g=h(n,["_XS","_S","_M"]);var v;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(v||(v={}));var y;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(y||(y={}));const k={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const j=t(class t extends e{constructor(){super();this.__registerHost();this.govClick=i(this,"gov-click",7);this.hydrated=false;this.disabled=false;this.href=undefined;this.target=undefined;this.iconLeft=undefined;this.iconRight=undefined;this.size=g._M;this.tag="span";this.color=f.PRIMARY;this.type=undefined;this.focusable=true;this.identifier=undefined;this.inheritedAttributes={};this.h=c(this.host);this.chipId=r("GovChip")}validateColor(t){o(f,t,k.root)}validateSize(t){o(d,t,k.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){this.attributeObserver.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){const t=this.href?y.A:this.tag;const e=t==y.BUTTON?y.BUTTON:undefined;const i=l(this.iconLeft);const o=l(this.iconRight);return s(a,{key:"7273e571a906515a35208303f36eb3d2bac4b663",class:this.h.classes([k.root,this.h.hasSlot("right")?k.hasRight:undefined,this.h.hasSlot("left")?k.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,hoverable:t==y.A||t==y.BUTTON,hydrated:this.hydrated},s(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:e},this.inheritedAttributes,{"aria-disabled":this.disabled}),s("slot",{key:"e9fec4f49fbb1b43f73face265bc3c8dfcebc4fe",name:"left"}),s("slot",{key:"7fd9b938c44c55e66041d9298e285f34c80a0722",name:"left-icon"},i&&s("gov-icon",{key:"5f1a73b93fdbecfc0fe30ad45d0a86444e1b4703",type:i.type,name:i.name})),s("slot",{key:"e63ae004f3c4b5e164e326ca7cff300b68ba02ee"}),s("slot",{key:"39da8e323a6623cfb0eb6f6807931f496cfeb867",name:"right-icon"},o&&s("gov-icon",{key:"1518485f6d60b515a138dedc142ca7a013dd67bb",type:o.type,name:o.name})),s("slot",{key:"20059af90e74b6f8bb68673c56b387fd558eee29",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===y.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-chip",{disabled:[516],href:[1],target:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[1],tag:[1],color:[1],type:[513],focusable:[4],identifier:[1],inheritedAttributes:[32],geRef:[64],setFocus:[64]},undefined,{color:["validateColor"],size:["validateSize"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-chip":if(!customElements.get(t)){customElements.define(t,j)}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}C();export{j as G,C as d};
+//# sourceMappingURL=p-ff0cf148.js.map

package/dist/components/p-ff0cf148.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","inner","hasRight","hasLeft","GovChip","proxyCustomElement","H","constructor","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":[]}