@gov-design-system-ce/components 4.2.5 → 4.2.7

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

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormSelect","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","required","disabled","optionsState","inheritedAttributes","h","govHost","host","f","govForm","selectId","createID","validateSize","newValue","validateProp","FormSelectSizes","FormSelectClass","root","watchOptions","propsValueToArray","watchControlAttrs","passControlAttrs","watchValue","markSelectedValue","passAttrToControl","toBoolAttr","invalid","success","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","_a","stopObserving","componentWillLoad","options","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","removeAttribute","Object","assign","querySelectorAll","forEach","option","value","setAttribute","render","Host","key","class","hasSlot","name","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","ref","el","selectRef","toBoolAttrIfDefined","Array","isArray","map","selected","label","type","e","focused","govFocus","emit","component","originalEvent","govBlur","target","stopPropagation","govChange","setFocus","focus","getRef"],"sources":["../../../packages/core/src/components/gov-form/select/gov-form-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 {createID} from '../../../utils/string.utils'\nimport {FormSelectClass, FormSelectSizes, FormSelectSizesType,} from './constants'\nimport {FormSelectEvent, FormSelectOption} from './gov-form-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\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-form-select',\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID('GovSelect')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Options of select\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | FormSelectOption[]\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * 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 * 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({reflect: true}) 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 * Emitted when the select has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\t@State() optionsState: FormSelectOption[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | FormSelectOption[]): void {\n\t\tthis.optionsState = 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@Watch('value')\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\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('success', toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('type', 'select')\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\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\t\ttick(() => this.markSelectedValue())\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 markSelectedValue() {\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'selected')\n\t\t\t} else {\n\t\t\t\toption.removeAttribute('selected')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size}>\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<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\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 />\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\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.success && <gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.invalid && <gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t<gov-icon class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\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\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\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.selectRef.focus(options)\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/components/p-DrPpH_9c.js

@@ -0,0 +1,2 @@
+import{a as o}from"./p-CQvUntGY.js";const n=typeof window!=="undefined";const t=t=>n&&window&&o(t,window);const s=()=>{const o={canValidateWcagOnRender:false,warningLog:false,errorLog:false,log:false,iconsPath:"/assets/icons",iconsLazyLoad:true,documentNode:document?document:null};const n=t("GOV_DS_CONFIG");if(n){return Object.assign(Object.assign({},o),n)}return o};const c=()=>s().canValidateWcagOnRender;const e=()=>s().warningLog;const a=()=>s().errorLog;const d=()=>s().log;const i=()=>s().iconsPath;const r=()=>s().iconsLazyLoad;const f=()=>s().documentNode;const g={bg:"#ecae1a",text:"#3b3b3b"};const b={bg:"#2362a2",text:"#fff"};const l=(o,n=b,t)=>{const s=["color: "+n.text,"background: "+n.bg,"font-size: 11px","padding: 2px 4px","border-radius: 3px","font-weight: 600"].join(";");if(d()||e()||a()){console.log("%cgov",s,o,t)}};const u=(o,n)=>{if(e()){l(o,g,n)}};export{i as a,r as b,c,f as d,u as g,n as i};
+//# sourceMappingURL=p-DrPpH_9c.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","warningLog","errorLog","log","iconsPath","iconsLazyLoad","documentNode","document","windowProperty","Object","assign","useWarningLog","useErrorLog","useLog","WARNING_COLORS","bg","text","INFO_COLORS","govLog","message","colors","args","styles","join","console","govWarningLog"],"sources":["../../../packages/core/src/helpers/Dom/win.ts","../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n","import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\n\ninterface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS, args?: unknown): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tif(useLog() || useWarningLog() || useErrorLog()) {\n\t\tconsole.log('%cgov', styles, message, args)\n\t}\n}\n\nexport const govWarningLog = (message: string, args?: unknown): void => {\n\tif (useWarningLog()) {\n\t\tgovLog(message, WARNING_COLORS, args)\n\t}\n}\n\nexport const govErrorLog = (message: string, args?: unknown): void => {\n\tif (useErrorLog()) {\n\t\tgovLog(message, ERROR_COLORS, args)\n\t}\n}\n"],"mappings":"0CAYaA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,WAAY,MACZC,SAAU,MACVC,IAAK,MACLC,UAAW,gBACXC,cAAe,KACfC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBb,EAA2B,iBAClD,GAAIa,EAAgB,CACnB,OAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAX,GAAkBS,E,CAG/B,OAAOT,CAAa,EAGR,MAAAC,EAA0B,IAA0CF,IAASE,wBACnF,MAAMW,EAAgB,IAA6Bb,IAASG,WAC5D,MAAMW,EAAc,IAA2Bd,IAASI,SACxD,MAAMW,EAAS,IAAsBf,IAASK,IACxC,MAAAC,EAAY,IAA4BN,IAASM,UACjD,MAAAC,EAAgB,IAAgCP,IAASO,cACzD,MAAAC,EAAe,IAA+BR,IAASQ,aClCpE,MAAMQ,EAA8B,CAACC,GAAI,UAAWC,KAAM,WAC1D,MAAMC,EAA2B,CAACF,GAAI,UAAWC,KAAM,QAGhD,MAAME,EAAS,CAACC,EAAiBC,EAAsBH,EAAaI,KAC1E,MAAMC,EAAS,CAAC,UAAYF,EAAOJ,KAAM,eAAiBI,EAAOL,GAAI,kBAAmB,mBAAoB,qBAAsB,oBAAoBQ,KACrJ,KAGD,GAAGV,KAAYF,KAAmBC,IAAe,CAChDY,QAAQrB,IAAI,QAASmB,EAAQH,EAASE,E,SAI3BI,EAAgB,CAACN,EAAiBE,KAC9C,GAAIV,IAAiB,CACpBO,EAAOC,EAASL,EAAgBO,E","ignoreList":[]}

package/dist/components/p-DxCeyMKq.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,c as i,h as s,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{B as n,a as r,b as c,N as h}from"./p-CNqoJU2V.js";import{g as l,c as d}from"./p-DfJDyRCE.js";import{S as f}from"./p-BcQO4NH2.js";import{a as p}from"./p-Nvj7WFs_.js";import{c as b}from"./p-DrPpH_9c.js";import{d as m}from"./p-CQvUntGY.js";import{A as u,a as v,i as y}from"./p-CXgom82_.js";import{d as g}from"./p-D82BPGeo.js";function j(t){if(typeof t==="string"){return["true","True","TRUE","1"].indexOf(t)!==-1}else if(typeof t==="number"){return t>0}else if(typeof t==="boolean"){return t}else{return t?true:false}}var k;(function(t){t["A"]="a";t["BUTTON"]="button"})(k||(k={}));const C=t(class t extends e{constructor(){super();this.__registerHost();this.govClick=i(this,"gov-click");this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.hydrated=false;this.size="m";this.expanded=false;this.expandedMobile=false;this.disabled=false;this.nativeType="button";this.tabindex=0;this.focusable=true;this.inheritedAttributes={};this.h=l(this.host)}validateColor(t){o(r,t,n.root)}validateType(t){o(c,t,n.root)}validateSize(t){o(f,t,n.root)}validateNativeType(t){o(h,t,n.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(v)}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}componentWillLoad(){this.validateColor(this.color);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType);this.inheritedAttributes=y(this.host)}async componentDidRender(){if(b()){await m(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const t=this.href?k.A:k.BUTTON;const e=t===k.A?undefined:this.nativeType;return s(a,{key:"121d16797366f30c7d5cd3af18171cb8b22bc789",size:this.size,hydrated:this.hydrated,color:this.color,class:this.h.classes(n.root),type:this.type},s(t,Object.assign({key:"ad4a83ffacbb5360e81988e9e8d709611be7276e",class:"element",ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:e,tabindex:this.disabled?"-1":this.tabindex},this.inheritedAttributes,{"aria-disabled":d(this.disabled)}),j(this.loading)&&!this.h.hasSlot("icon-end")&&s("gov-icon",{key:"449464e921e45abda79ccbb855a1ad94b244fd08",name:"loader",class:"gov-spin-animation",type:"components"}),this.h.hasSlot("icon-start")&&s("slot",{key:"fa432280096722ed9fc96de54b1ac4c4213f635f",name:"icon-start"}),s("slot",{key:"2b3121e1c8ad64cf84922bb328850c2e32cbf2a7"}),this.h.hasSlot("icon-end")&&s("slot",{key:"406b3f6413eb0cd206fcb059dfdfcaae6571083f",name:"icon-end"}),j(this.loading)&&this.h.hasSlot("icon-end")&&s("gov-icon",{key:"737635b06a56fb1ce7cc9d675f0588686b3867e4",name:"loader",class:"gov-spin-animation",type:"components"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false){this.govClick.emit({component:n.root,originalEvent:t,ref:this.host})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:n.root,originalEvent:t,ref:this.host})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:n.root,originalEvent:t,ref:this.host})}async setFocus(){this.triggerRef.focus()}async getRef(){return this.triggerRef}async validateAccessibility(){if(this.focusable){p(this.triggerRef.getAttribute("aria-label"),this.triggerRef.getAttribute("aria-labelledby"),n.root,this.host)}}get host(){return this}static get watchers(){return{color:["validateColor"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}},[4,"gov-button",{color:[513],size:[513],type:[513],expanded:[516],expandedMobile:[516,"expanded-mobile"],name:[1],disabled:[516],nativeType:[1,"native-type"],href:[1],target:[1],download:[4],tabindex:[2],hreflang:[1],referrerpolicy:[1],rel:[1],loading:[1],focusable:[4],identifier:[1],inheritedAttributes:[32],setFocus:[64],getRef:[64],validateAccessibility:[64]},undefined,{color:["validateColor"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}]);function T(){if(typeof customElements==="undefined"){return}const t=["gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-button":if(!customElements.get(t)){customElements.define(t,C)}break;case"gov-icon":if(!customElements.get(t)){g()}break}}))}T();export{C as G,T as d};
+//# sourceMappingURL=p-DxCeyMKq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toBool","value","indexOf","Tags","GovButton","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","expanded","expandedMobile","disabled","nativeType","tabindex","focusable","inheritedAttributes","h","govHost","host","validateColor","newValue","validateProp","ButtonColors","ButtonClass","root","validateType","ButtonType","validateSize","Sizes","validateNativeType","NativeType","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","componentWillLoad","color","type","inheritAriaAttributes","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","BUTTON","undefined","Host","key","class","classes","ref","el","triggerRef","onClick","onClickHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","target","download","hreflang","rel","name","toBoolAttrIfDefined","loading","hasSlot","e","stopPropagation","govClick","emit","component","originalEvent","govFocus","govBlur","setFocus","focus","getRef","validateAccessibleLabel","getAttribute"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {\n\tButtonClass,\n\tButtonColors,\n\tButtonColorType,\n\tButtonSizesType,\n\tButtonTargetType,\n\tButtonType,\n\tButtonTypesType,\n\tNativeType,\n\tNativeTypesType,\n} from \"./constants\"\nimport {govHost, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {toBool} from \"../../../utils/bool.utils\"\nimport {Sizes} from \"../../../core/constants/sizes\"\nimport {validateAccessibleLabel} from \"../../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\nimport {delay} from \"../../../utils/utils\"\nimport {ButtonEvent} from \"./gov-button.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement\n\tprivate attributeObserver: AttributeObserver\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType\n\t/**\n\t * Button’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\n\t/**\n\t * Button's type\n\t */\n\t@Prop({reflect: true}) readonly type: ButtonTypesType\n\t/**\n\t * Expands the button to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\t/**\n\t * Expands the button to fill 100% of the container width only on mobile\n\t */\n\t@Prop({reflect: true, attribute: \"expanded-mobile\"}) readonly expandedMobile: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\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?: ButtonTargetType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly tabindex: number = 0\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\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 button identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Emitted when the button click\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button has focus\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button loses focus\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(ButtonType, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.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\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\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\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\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  hydrated={this.hydrated}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={this.h.classes(ButtonClass.root)}\n\t\t\t\t  type={this.type}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement | HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.disabled ? \"-1\" : this.tabindex}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"icon-start\") && <slot name=\"icon-start\"></slot>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && <slot name=\"icon-end\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\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) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\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\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getRef() {\n\t\treturn this.triggerRef\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\tif (this.focusable) {\n\t\t\tvalidateAccessibleLabel(this.triggerRef.getAttribute('aria-label'), this.triggerRef.getAttribute('aria-labelledby'), ButtonClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-EeKNA85D.js

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

package/dist/components/p-EeKNA85D.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":"4GAKa,MAAAA,EAAoBC,EAAKC,EAAQ,CAAC,UAAW,QAAS,UAAW,YAG9CD,EAAKE,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGzD,MAAAC,EAAmB,CAC/BC,KAAM,mBACNC,QAAS,oC","ignoreList":[]}

package/dist/components/p-GYov8gU1.js

@@ -0,0 +1,2 @@
+const t=t=>{if(typeof t==="string"&&t.length){const n=/^[a-z-]+\/[a-z-]+$/;if(n.test(t)){const n=t.split("/");return{type:n[0],name:n[1]}}}return null};export{t as p};
+//# sourceMappingURL=p-GYov8gU1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["prepareIconFormat","value","length","regexPattern","test","icon","split","type","name"],"sources":["../../../packages/core/src/components/gov-icon/helpers.ts"],"sourcesContent":["import {Nullable} from \"../../types/interfaces\";\n\nexport type IconType = { type: string, name: string }\n\nexport const prepareIconFormat = (value: string): Nullable<IconType> => {\n\tif (typeof value === 'string' && value.length) {\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\n\t\tif (regexPattern.test(value)) {\n\t\t\tconst icon = value.split(\"/\");\n\t\t\treturn {\n\t\t\t\ttype: icon[0],\n\t\t\t\tname: icon[1],\n\t\t\t}\n\t\t}\n\t}\n\treturn null\n}\n"],"mappings":"AAIa,MAAAA,EAAqBC,IACjC,UAAWA,IAAU,UAAYA,EAAMC,OAAQ,CAC9C,MAAMC,EAAe,qBACrB,GAAIA,EAAaC,KAAKH,GAAQ,CAC7B,MAAMI,EAAOJ,EAAMK,MAAM,KACzB,MAAO,CACNC,KAAMF,EAAK,GACXG,KAAMH,EAAK,G,EAId,OAAO,IAAI,S","ignoreList":[]}

package/dist/components/p-Nvj7WFs_.js

@@ -0,0 +1,2 @@
+import{g as e,d as t}from"./p-DrPpH_9c.js";import{s as r}from"./p-vN03FcXN.js";import{i}from"./p-B3tdsiZv.js";const n=(t,r,i)=>{if(t===undefined||String(t).length===0){e(`[${i}]: The (${r}) attribute is important for correct accessibility.`)}};const s=(n,s,a)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${a}]: Attribute (${s}) is defined with an empty value.`);return false}let f=[];const u=r(n);if(Array.isArray(u)){f=u.filter((function(e){return i(e)?e.trim().length>0:false}))}return!!f.filter((e=>{if(t().getElementById(e)===null){return false}else{return true}})).length};const a=(r,n,s,a=undefined)=>{if(i(r)&&r.length>0){return true}if(typeof n==="string"&&n.length>0){const e=t().getElementById(n);if(e){return true}}e(`[${s}]: The element has no defined aria-label or aria-labelledby attribute.`,a);return false};export{a,s as b,n as v};
+//# sourceMappingURL=p-Nvj7WFs_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["validateWcagProp","value","propName","component","undefined","String","length","govWarningLog","validateWcagRef","referenceId","name","strings","referenceIds","splitByWhitespace","Array","isArray","filter","e","isString","trim","documentNode","getElementById","validateAccessibleLabel","label","labelledBy","el","labelledByEl"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import {govWarningLog} from '../Log/gov.log'\nimport {splitByWhitespace} from '../../utils/string.utils'\nimport {documentNode} from '../Dom/win'\nimport {isString} from \"../../utils/helpers.types\";\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn isString(e) ? e.trim().length > 0 : false\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateAccessibleLabel = (label: string | undefined, labelledBy: string | undefined, component: string, el: HTMLElement = undefined): boolean => {\n\tif (isString(label) && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined aria-label or aria-labelledby attribute.`, el)\n\treturn false\n}\n"],"mappings":"8GAKa,MAAAA,EAAmB,CAACC,EAA2BC,EAAkBC,KAC7E,GAAIF,IAAUG,WAAaC,OAAOJ,GAAOK,SAAW,EAAG,CACtDC,EAAc,IAAIJ,YAAoBD,uD,GAI3B,MAAAM,EAAkB,CAACC,EAAqBC,EAAcP,KAClE,UAAWM,IAAgB,aAAeA,IAAgBL,UAAW,CACpE,OAAO,I,CAER,GAAIC,OAAOI,GAAaH,SAAW,EAAG,CACrCC,EAAc,IAAIJ,kBAA0BO,sCAC5C,OAAO,K,CAER,IAAIC,EAAU,GACd,MAAMC,EAAeC,EAAkBJ,GACvC,GAAIK,MAAMC,QAAQH,GAAe,CAChCD,EAAUC,EAAaI,QAAO,SAAUC,GACvC,OAAOC,EAASD,GAAKA,EAAEE,OAAOb,OAAS,EAAI,KAC5C,G,CAGD,QAASK,EAAQK,QAAOP,IACvB,GAAIW,IAAeC,eAAeZ,KAAiB,KAAM,CAExD,OAAO,K,KACD,CACN,OAAO,I,KAENH,MAAM,EAeH,MAAMgB,EAA0B,CAACC,EAA2BC,EAAgCrB,EAAmBsB,EAAkBrB,aACvI,GAAIc,EAASK,IAAUA,EAAMjB,OAAS,EAAG,CACxC,OAAO,I,CAER,UAAWkB,IAAe,UAAYA,EAAWlB,OAAS,EAAG,CAC5D,MAAMoB,EAAeN,IAAeC,eAAeG,GACnD,GAAIE,EAAc,CACjB,OAAO,I,EAGTnB,EAAc,IAAIJ,0EAAmFsB,GACrG,OAAO,KAAK,S","ignoreList":[]}

package/dist/components/p-Q99QrOoi.js

@@ -0,0 +1,2 @@
+const o={root:"gov-layout",section:"gov-layout__section"};var t;(function(o){o["STRETCH"]="stretch";o["ASIDE"]="aside";o["TEXT"]="text"})(t||(t={}));var a;(function(o){o["LEFT"]="left";o["RIGHT"]="right"})(a||(a={}));const n={root:"gov-layout-column"};export{o as L,n as a};
+//# sourceMappingURL=p-Q99QrOoi.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LayoutClass","root","section","LayoutTypes","LayoutVariant","LayoutColumnClass"],"sources":["../../../packages/core/src/components/gov-layout/constants.ts"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n}\n\nenum LayoutTypes {\n\tSTRETCH = 'stretch',\n\tASIDE = 'aside',\n\tTEXT = 'text',\n}\nexport type LayoutType = `${ValueOf<typeof LayoutTypes>}`\n\nenum LayoutVariant {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`\n\nexport const LayoutColumnClass = {\n\troot: 'gov-layout-column',\n}\n"],"mappings":"AAEa,MAAAA,EAAc,CAC1BC,KAAM,aACNC,QAAS,uBAGV,IAAKC,GAAL,SAAKA,GACJA,EAAA,qBACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAKA,MAIJ,KAGD,IAAKC,GAAL,SAAKA,GACJA,EAAA,eACAA,EAAA,gBACA,EAHD,CAAKA,MAGJ,KAIY,MAAAC,EAAoB,CAChCJ,KAAM,4B","ignoreList":[]}

package/dist/components/p-U40vKHrs.js

@@ -0,0 +1,2 @@
+var r;(function(r){r["DEFAULT"]="default";r["PRIMARY"]="primary";r["SECONDARY"]="secondary";r["NEUTRAL"]="neutral";r["ERROR"]="error";r["SUCCESS"]="success";r["WARNING"]="warning";r["DISABLED"]="disabled";r["BLACK"]="black";r["WHITE"]="white";r["CUSTOM"]="custom"})(r||(r={}));export{r as C};
+//# sourceMappingURL=p-U40vKHrs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Colors"],"sources":["../../../packages/core/src/core/constants/colors.ts"],"sourcesContent":["export enum Colors {\n\tDEFAULT = 'default',\n\tPRIMARY = 'primary',\n\tSECONDARY = 'secondary',\n\tNEUTRAL = 'neutral',\n\tERROR = 'error',\n\tSUCCESS = 'success',\n\tWARNING = 'warning',\n\tDISABLED = 'disabled',\n\tBLACK = 'black',\n\tWHITE = 'white',\n\tCUSTOM = 'custom',\n}\n"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,qBACAA,EAAA,yBACAA,EAAA,qBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,uBACAA,EAAA,iBACAA,EAAA,iBACAA,EAAA,kBACA,EAZD,CAAYA,MAYX,Y","ignoreList":[]}

package/dist/components/p-vN03FcXN.js

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

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

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

package/dist/components/p-vuyK2av-.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as i,h as e,a as o}from"./index.js";import{t as h,b as a}from"./p-DfJDyRCE.js";import{v as n}from"./p-BKP-F1qP.js";import{c as l}from"./p-vN03FcXN.js";import{d as r,t as c,h as m}from"./p-CQvUntGY.js";import{F as u,a as d}from"./p-9imLQpxb.js";import{p as f}from"./p-B0hcuYXk.js";import{A as p,a as v,i as g}from"./p-CXgom82_.js";import{d as b}from"./p-DxCeyMKq.js";import{d as y}from"./p-CNRG3ZtC.js";import{d as k}from"./p-D82BPGeo.js";import{d as w}from"./p-yUYC6pA5.js";const j=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govInput=i(this,"gov-input");this.govSelect=i(this,"gov-select");this.templateResolver=t=>t[this.nameKey];this.value="";this.size="m";this.nameKey="name";this.required=false;this.disabled=false;this.minlength=3;this.throttleTime=200;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.processing=false;this.arrowCounter=-1;this.list=[];this.inheritedAttributes={};this.listBoxId=l("GovListBox")}validateSize(t){n(d,t,u.root)}watchOptions(t){this.setOptions(f(t)).catch()}onArrowUp(){if(this.arrowCounter>0){this.arrowCounter=this.arrowCounter-1;this.moveToView().finally()}}onArrowDown(){if(this.arrowCounter<this.list.length-1){this.arrowCounter=this.arrowCounter+1;this.moveToView().finally()}}async moveToView(){await r(200);const t=this.listRef.offsetHeight;const s=this.listRef.querySelector('li[aria-selected="true"]');if(s&&t){const t=s.offsetTop;this.listRef.scrollTo({top:t,behavior:"smooth"})}}doSearch(){if(Number.isInteger(this.minlength)&&this.isValueAccepted===false&&this.minlength){this.list=[];this.arrowCounter=-1;this.processing=false;return}if(this.searchCallback){this.processing=true;this.searchCallback(this.value).then((t=>this.list=t)).catch((()=>this.list=[])).finally((()=>{this.arrowCounter=-1;this.processing=false}))}}clearList(){const t=f(this.options);if(t.length===0){this.list=[]}}get isValueAccepted(){if(typeof this.value==="string"){return this.value.length>=this.minlength}else{return false}}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){return e(o,{key:"22d9a81f648404e942ee680acddda83165af4dc2",class:u.root,size:this.size},e("gov-form-input",Object.assign({key:"4b60cfea2591a4bde6c97dee3c11b75461db3c5d",placeholder:this.placeholder,name:this.name,disabled:this.disabled,readonly:this.readonly,autocomplete:false,size:this.size,required:this.required,invalid:this.invalid,success:this.success,role:"searchbox",value:this.value,minlength:this.minlength,maxlength:this.maxlength,"on-gov-input":c(this.onInputHandler.bind(this),this.throttleTime),"on-gov-keyup":this.onKeyUpHandler.bind(this),"on-gov-keydown":this.onKeyDownHandler.bind(this),"on-gov-focus":this.onFocusHandler.bind(this),"on-gov-blur":this.onBlurHandler.bind(this)},this.inheritedAttributes,{"aria-autocomplete":"list","aria-owns":[this.listBoxId,this.inheritedAttributes["aria-owns"]].join(" "),"aria-expanded":a(this.list.length&&this.focused?true:false),ref:t=>this.inputRef=t}),e("slot",{key:"739722e49f8062d3ebec84dc2a1f840413439c7c",name:"validation-icon"}),e("slot",{key:"6f3b3c7695a5c7d56276fbc41f854b9afff3800e",name:"icon-end"})),e("ul",{key:"52b34c8501d976b438350104594b02137d40a386",class:u.list,role:"listbox","aria-hidden":h(!this.focused),hidden:!this.focused,id:this.listBoxId,ref:t=>this.listRef=t},this.focused&&this.list.length===0&&this.processing===false&&this.isValueAccepted&&this.messageEmpty?e("li",{class:u.empty},this.messageEmpty):null,this.focused&&this.processing===true&&this.isValueAccepted?e("li",{class:u.loading},e("gov-skeleton",{size:"m"})):null,this.focused?this.list.map(((t,s)=>{const i=this.arrowCounter===s;return e("li",{class:u.item,innerHTML:this.templateResolver(t,i),role:"option","aria-posinset":s,tabindex:i?0:-1,"aria-setsize":this.list.length,onTouchStart:t=>this.onSelectHandler(t,s),onMouseDown:t=>this.onSelectHandler(t,s),"aria-selected":h(i)},e("slot",{name:"list-item-left"}),e("slot",{name:"list-item-right"}))})):null))}onFocusHandler(t){this.focused=true;this.arrowCounter=-1;if(this.isValueAccepted&&this.searchCallback){this.doSearch()}t.stopPropagation();this.govFocus.emit({originalEvent:t,component:u.root,value:this.value,selected:null})}onBlurHandler(t){this.focused=false;this.clearList();this.arrowCounter=-1;t.stopPropagation();this.govBlur.emit({originalEvent:t,component:u.root,value:this.value,selected:null})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({originalEvent:t,component:u.root,value:this.value,selected:null});this.doSearch()}onSelectHandler(t,s=-1){let i=null;if(s>-1){i=this.list[s]}else if(m(this.arrowCounter,this.list)){i=this.list[this.arrowCounter]}if(i){this.govSelect.emit({component:u.root,value:this.value,selected:i,originalEvent:t});this.clearList();if(m(this.nameKey,i)&&typeof i[this.nameKey]==="string"){this.value=i[this.nameKey]}}}onKeyUpHandler(t){const s=t.detail.originalEvent;t.stopPropagation();s.stopPropagation();if(s.keyCode===38)this.onArrowUp();else if(s.keyCode===40)this.onArrowDown();else if(s.keyCode===13){t.preventDefault();s.preventDefault();this.onSelectHandler(t)}}onKeyDownHandler(t){const s=t.detail.originalEvent;t.stopPropagation();s.stopPropagation();if(s.keyCode===13){t.preventDefault();s.preventDefault()}}async setFocus(t){return this.inputRef.focus(t)}async setBlur(){return this.inputRef.blur()}async setOptions(t){this.list=Array.isArray(t)?t:[];this.arrowCounter=-1}async clearValue(){this.value="";this.inputRef.value="";await this.inputRef.clearValue()}async setProcessing(t){this.processing=t}async setSearchCallback(t){this.searchCallback=t}async setTemplateResolver(t){this.templateResolver=t}get host(){return this}static get watchers(){return{size:["validateSize"],options:["watchOptions"]}}},[4,"gov-form-autocomplete",{value:[1537],options:[1537],identifier:[1],success:[4],size:[1],nameKey:[1,"name-key"],name:[1],required:[4],disabled:[516],placeholder:[1],readonly:[4],invalid:[4],minlength:[2],maxlength:[2],throttleTime:[2,"throttle-time"],messageEmpty:[1,"message-empty"],focused:[32],processing:[32],arrowCounter:[32],list:[32],inheritedAttributes:[32],setFocus:[64],setBlur:[64],setOptions:[64],clearValue:[64],setProcessing:[64],setSearchCallback:[64],setTemplateResolver:[64]},undefined,{size:["validateSize"],options:["watchOptions"]}]);function E(){if(typeof customElements==="undefined"){return}const t=["gov-form-autocomplete","gov-button","gov-form-input","gov-icon","gov-skeleton"];t.forEach((t=>{switch(t){case"gov-form-autocomplete":if(!customElements.get(t)){customElements.define(t,j)}break;case"gov-button":if(!customElements.get(t)){b()}break;case"gov-form-input":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){k()}break;case"gov-skeleton":if(!customElements.get(t)){w()}break}}))}E();export{j as G,E as d};
+//# sourceMappingURL=p-vuyK2av-.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormAutocomplete","__stencil_proxyCustomElement","HTMLElement","constructor","this","templateResolver","item","nameKey","value","size","required","disabled","minlength","throttleTime","messageEmpty","processing","arrowCounter","list","inheritedAttributes","listBoxId","createID","validateSize","newValue","validateProp","FormAutocompleteSizes","FormAutocompleteClass","root","watchOptions","setOptions","propsValueToArray","catch","onArrowUp","moveToView","finally","onArrowDown","length","delay","heightOfList","listRef","offsetHeight","selected","querySelector","offsetTop","scrollTo","top","behavior","doSearch","Number","isInteger","isValueAccepted","searchCallback","then","response","clearList","areOptions","options","componentDidLoad","attributeObserver","AttributeObserver","host","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","h","Host","key","class","placeholder","name","readonly","autocomplete","invalid","success","role","maxlength","throttle","onInputHandler","bind","onKeyUpHandler","onKeyDownHandler","onFocusHandler","onBlurHandler","join","booleanString","focused","ref","el","inputRef","toBoolAttr","hidden","id","empty","loading","map","index","isSelected","innerHTML","tabindex","onTouchStart","e","onSelectHandler","onMouseDown","stopPropagation","govFocus","emit","originalEvent","component","govBlur","target","govInput","has","govSelect","event","detail","keyCode","preventDefault","setFocus","focus","setBlur","blur","Array","isArray","clearValue","setProcessing","status","setSearchCallback","callback","setTemplateResolver"],"sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {booleanString, toBoolAttr} from '../../../helpers/Dom/template'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID} from '../../../utils/string.utils'\nimport {delay, has, throttle} from '../../../utils/utils'\nimport {FormInputEvent} from '../input/gov-form-input.types'\nimport {FormAutocompleteClass, FormAutocompleteSizes, SizesType,} from './constants'\nimport {FormAutocompleteEvent, GovFormAutocompleteItem} from './gov-form-autocomplete.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-form-autocomplete',\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate listRef?: HTMLUListElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.listBoxId = createID('GovListBox')\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 = ''\n\t/**\n\t * Options of autocomplete\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormAutocompleteItem[]\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() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: SizesType = 'm'\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop({attribute: 'name-key'}) readonly nameKey: string = 'name'\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input 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({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 * 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 * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 3\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Input throttle in milliseconds\n\t */\n\t@Prop() readonly throttleTime: number = 200\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 * Emitted when the input has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-input'}) govInput: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormAutocompleteEvent>\n\n\t@State() focused: boolean\n\t@State() processing = false\n\t@State() arrowCounter = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormAutocompleteItem[]): void {\n\t\tthis.setOptions(propsValueToArray(newValue)).catch()\n\t}\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < this.list.length - 1) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate async moveToView() {\n\t\tawait delay(200)\n\t\tconst heightOfList = this.listRef.offsetHeight\n\t\tconst selected = this.listRef.querySelector('li[aria-selected=\"true\"]') as HTMLUListElement\n\t\tif (selected && heightOfList) {\n\t\t\tconst offsetTop = selected.offsetTop\n\t\t\tthis.listRef.scrollTo({top: offsetTop, behavior: 'smooth'})\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then(response => (this.list = response))\n\t\t\t\t.catch(() => (this.list = []))\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tprivate clearList() {\n\t\tconst areOptions = propsValueToArray<GovFormAutocompleteItem[]>(this.options)\n\t\tif (areOptions.length === 0) {\n\t\t\tthis.list = []\n\t\t}\n\t}\n\n\tget isValueAccepted() {\n\t\tif (typeof this.value === 'string') {\n\t\t\treturn this.value.length >= this.minlength\n\t\t} else {\n\t\t\treturn false\n\t\t}\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() {\n\t\tthis.validateSize(this.size)\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\treturn (\n\t\t\t<Host class={FormAutocompleteClass.root} size={this.size}>\n\t\t\t\t<gov-form-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tautocomplete={false}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\trole={'searchbox'}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), this.throttleTime)}\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-autocomplete={'list'}\n\t\t\t\t\taria-owns={[this.listBoxId, this.inheritedAttributes['aria-owns']].join(' ')}\n\t\t\t\t\taria-expanded={booleanString(this.list.length && this.focused ? true : false)}\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"validation-icon\" />\n\t\t\t\t\t<slot name=\"icon-end\" />\n\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list}\n\t\t\t\t\trole={'listbox'}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.focused)}\n\t\t\t\t\thidden={!this.focused}\n\t\t\t\t\tid={this.listBoxId}\n\t\t\t\t\tref={el => (this.listRef = el as HTMLUListElement)}>\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>{this.messageEmpty}</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\n\t\t\t\t\t\t\t<gov-skeleton size=\"m\"></gov-skeleton>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused ? this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={'option'}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonTouchStart={(e: TouchEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\tonMouseDown={(e: PointerEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-left\"/>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-right\"/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t}) : null}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif (this.isValueAccepted && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.clearList();\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(e: PointerEvent | CustomEvent | TouchEvent, index = -1) {\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\n\t\tif (index > -1) {\n\t\t\tselected = this.list[index]\n\t\t} else if (has(this.arrowCounter, this.list)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif (selected) {\n\t\t\tthis.govSelect.emit({\n\t\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\tselected: selected,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t\tthis.clearList();\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp()\n\t\telse if (event.keyCode === 40) this.onArrowDown()\n\t\telse if (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t\tthis.onSelectHandler(e)\n\t\t}\n\t}\n\n\tprivate onKeyDownHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\n\t/**\n\t * Focus main input element\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 * Blur main input element\n\t */\n\t@Method()\n\tasync setBlur(): Promise<void> {\n\t\treturn this.inputRef.blur()\n\t}\n\n\t/**\n\t * Set options for list\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\n\t\tthis.list = Array.isArray(options) ? options : []\n\t\tthis.arrowCounter = -1\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync setProcessing(status: boolean): Promise<void> {\n\t\tthis.processing = status\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-yUYC6pA5.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,h as s,a as e}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{C as n}from"./p-U40vKHrs.js";import{g as r}from"./p-DfJDyRCE.js";import{v as h}from"./p-BKP-F1qP.js";import{A as l,a as c,i as p}from"./p-CXgom82_.js";const d=a(o,["_XS","_S","_M","_L","_XL"]);a(n,["PRIMARY","NEUTRAL"]);var m;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(m||(m={}));var u;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(u||(u={}));const v={root:"gov-skeleton"};const f=t(class t extends i{constructor(){super();this.__registerHost();this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){h(d,t,v.root)}validateShape(t){h(m,t,v.root)}validateAnimation(t){h(u,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(c)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=p(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}render(){return s(e,Object.assign({key:"25734d3a4d1d1db5de3ce47019cfdc1e41bf8aa5",size:this.size,color:this.color,class:{[v.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:{width:this.width,height:this.height}}))}get host(){return this}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}},[0,"gov-skeleton",{size:[513],color:[1],shape:[1],width:[513],height:[513],animation:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-skeleton"];t.forEach((t=>{switch(t){case"gov-skeleton":if(!customElements.get(t)){customElements.define(t,f)}break}}))}g();export{f as G,g as d};
+//# sourceMappingURL=p-yUYC6pA5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","GovSkeleton","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","color","shape","width","height","animation","items","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","validateShape","validateAnimation","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","init","inheritAriaAttributes","componentWillUpdate","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","fill","render","Host","key","class","circle","line","progress","pulse","role","tabindex","style"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["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({reflect: true}) 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({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) 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\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={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"0RAKO,MAAMA,EAAgBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGrCD,EAAKE,EAAQ,CAAC,UAAW,YAGvD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,gBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAgB,CAC5BC,KAAM,gB,MCJMC,EAAWC,EAAA,MAAAD,UAAAE,EAIvB,WAAAC,G,8BAQgCC,KAAIC,KAAwB,IAI3CD,KAAKE,MAAuB,UAIrCF,KAAKG,MAAwB,OAIdH,KAAKI,MAAY,KAIjBJ,KAAMK,OAAY,KAIjCL,KAASM,UAA2B,WAE5CN,KAAKO,MAAa,GAiBTP,KAAmBQ,oBAAe,GA9C1CR,KAAKS,EAAIC,EAAQV,KAAKW,KACtB,CA+BD,YAAAC,CAAaC,GACZC,EAAa1B,EAAeyB,EAAUnB,EAAcC,K,CAIrD,aAAAoB,CAAcF,GACbC,EAAatB,EAAgBqB,EAAUnB,EAAcC,K,CAItD,iBAAAqB,CAAkBH,GACjBC,EAAarB,EAAmBoB,EAAUnB,EAAcC,K,CAKzD,gBAAAsB,GACCjB,KAAKkB,kBAAoB,IAAIC,EAAkBnB,KAAKW,MAAM,CAACS,EAAeP,KACzEb,KAAKqB,sBAAsBD,EAAeP,EAAS,IAGpDb,KAAKkB,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCxB,KAAKY,aAAaZ,KAAKC,MACvBD,KAAKe,cAAcf,KAAKG,OACxBH,KAAKgB,kBAAkBhB,KAAKM,WAC5BN,KAAKyB,OACLzB,KAAKQ,oBAAsBkB,EAAsB1B,KAAKW,K,CAGvD,mBAAAgB,GACC3B,KAAKyB,M,CAGN,oBAAAG,G,OACCC,EAAA7B,KAAKkB,qBAAmB,MAAAW,SAAA,SAAAA,EAAAC,e,CAGzB,qBAAAT,CAAsBD,EAAuBP,GAC5Cb,KAAKW,KAAKoB,gBAAgBX,GAC1BpB,KAAKQ,oBAA0BwB,OAAAC,OAAAD,OAAAC,OAAA,GAAAjC,KAAKQ,qBAAqB,CAAAY,CAACA,GAAgBP,G,CAG3E,IAAAY,GACCzB,KAAKO,MAAM2B,KAAK,E,CAGjB,MAAAC,GACC,OACC1B,EAAC2B,EAAKJ,OAAAC,OAAA,CAAAI,IAAA,2CAAApC,KAAMD,KAAKC,KACdC,MAAOF,KAAKE,MACZoC,MAAO,CACN,CAAC5C,EAAcC,MAAO,KACtB4C,OAAQvC,KAAKG,QAAU,SACvBqC,KAAMxC,KAAKG,QAAU,OACrBsC,SAAUzC,KAAKM,YAAc,WAC7BoC,MAAO1C,KAAKM,YAAc,UAEvBN,KAAKQ,oBAAmB,aAClB,OACI,oBACA,sBACdmC,KAAK,cACLC,SAAS,IACTC,MAAO,CAACzC,MAAOJ,KAAKI,MAAOC,OAAQL,KAAKK,U","ignoreList":[]}