@gov-design-system-ce/components 4.1.0-rc04 → 4.1.0

package/dist/components/p-9908b9f0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormAutocompleteSizes","pick","Sizes","FormAutocompleteClass","root","list","item","empty","loading","FormControlClass","holder","bottom","FormInputSizes","InputTypes","Type","FormInputClass","icons","FormSelectSizes","FormSelectClass","icon","FormMultiselectSizes","FormMultiSelectClass","wrap","FormSwitchSizes","FormSwitchClass","input","indicator","label","FormCheckboxSizes","FormCheckboxClass","check","indeterminate","FormRadioSizes","FormRadioClass","govForm","govHost","passAttrToControl","name","value","this","control","setAttribute","passAttrToLabel","hasGroupChildren","querySelectorAll","length","hostElement","getParent","innerLabel","querySelector","FormLabelClass","mainElementsInControl","formElements","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/autocomplete/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormAutocompleteSizes = pick(Sizes, ['_XS','_S', '_M', '_L', '_XL'])\nexport type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`\n\nexport const FormAutocompleteClass = {\n\troot: 'gov-form-autocomplete',\n\tlist: 'gov-form-autocomplete__list',\n\titem: 'gov-form-autocomplete__item',\n\tempty: 'gov-form-autocomplete__item--empty',\n\tloading: 'gov-form-autocomplete__item--loading',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n\ticons: 'gov-form-input__icons',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-19c681a3.js → p-a2435993.js}

@@ -1,2 +1,2 @@
-import{g as a}from"./p-1a0b3b4f.js";const e=(e,t,r)=>{const s=Object.values(e);const o=s.indexOf(t)>-1;if(!o){a(`[${r}]: Bad parameter with value (${t}). Available parameters are (${s.join(", ")}).`)}};export{e as v};
-//# sourceMappingURL=p-19c681a3.js.map
+import{g as a}from"./p-20c2203a.js";const e=(e,t,r)=>{const s=Object.values(e);const o=s.indexOf(t)>-1;if(!o){a(`[${r}]: Bad parameter with value (${t}). Available parameters are (${s.join(", ")}).`)}};export{e as v};
+//# sourceMappingURL=p-a2435993.js.map

package/dist/components/{p-59737af9.js → p-a521c59a.js}

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

package/dist/components/{p-0c93dd39.js → p-c61a5830.js}

@@ -1,2 +1,2 @@
-import{C as e}from"./p-e3aeaca0.js";import{S as o}from"./p-92f420cb.js";import{p as a}from"./p-e0e2e9c1.js";const r=a(e,["PRIMARY","NEUTRAL","WARNING","ERROR","SUCCESS"]);const i=a(o,["_S","_M","_L"]);const t={root:"gov-wizard"};const _={root:"gov-wizard-item",header:"gov-wizard-item__header",prefix:"gov-wizard-item__prefix",label:"gov-wizard-item__label",headline:"gov-wizard-item__headline",chevron:"gov-wizard-item__chevron",content:"gov-wizard-item__content"};export{_ as W,t as a,i as b,r as c};
-//# sourceMappingURL=p-0c93dd39.js.map
+import{C as e}from"./p-5aad3497.js";import{S as o}from"./p-92f420cb.js";import{p as a}from"./p-e0e2e9c1.js";const r=a(e,["PRIMARY","NEUTRAL","WARNING","ERROR","SUCCESS"]);const i=a(o,["_S","_M","_L"]);const t={root:"gov-wizard"};const _={root:"gov-wizard-item",header:"gov-wizard-item__header",prefix:"gov-wizard-item__prefix",label:"gov-wizard-item__label",headline:"gov-wizard-item__headline",chevron:"gov-wizard-item__chevron",content:"gov-wizard-item__content"};export{_ as W,t as a,i as b,r as c};
+//# sourceMappingURL=p-c61a5830.js.map

package/dist/components/p-dc952cc2.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as i,h as e,d as n}from"./p-42200001.js";import{g as a,b as h,c as o}from"./p-9908b9f0.js";import{g as d,c,t as r,d as l}from"./p-ea7fdd2e.js";import{v as u}from"./p-a2435993.js";import{c as f}from"./p-cd6c2938.js";import{A as p,a as m,i as b}from"./p-33d5d1ed.js";import{d as v}from"./p-7d4f2214.js";import{d as g}from"./p-f44899e1.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=d(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",c(this.success));this.f.passAttrToControl("disabled",c(this.disabled));this.f.passAttrToControl("invalid",c(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:"5210373fd88e2b80df5a4206c5b25b5695f2894b",class:h.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&e("slot",{key:"9215c45132a4b9dc8fd0da79ef8d082dcce0789b",name:"prefix"}),e("span",{key:"e58ab94aa7926dbd8488ce8323b6c8dbec9ce765",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&e("div",{key:"8e67ba10cfb47232f6c0d817df292668c2a4a7e8",class:h.icons,onClick:()=>this.inputRef.focus()},e("slot",{key:"a186f1fbe47936219f6a6a26cb2d0c2b0dbe08f8",name:"icon-start"})),e(t,Object.assign({key:"1090f6e6705365ffc83b5397ad669638d996f5bd",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.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&e("div",{key:"49cb072b3448735677c47883d851557f107dd6cb",class:h.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&e("gov-icon",{key:"f00df3e88ba3a0d695bf9f33ddb51af7a8fb4a96",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&e("gov-icon",{key:"523966e75d3f3d49eff396226673c3c96cf6de60",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&e("slot",{key:"b707c094fe32bf5864c66e40a95a22f2b27d79b3",name:"icon-end"}),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:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&e("slot",{key:"945df71d1a6c3edd76769ae3310bdd33df694d2b",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-dc952cc2.js.map

package/dist/components/p-dc952cc2.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","icons","onClick","inputRef","focus","inputType","showPassword","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","accessibleHidePasswordLabel","accessibleShowPasswordLabel","slot","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","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(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\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.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\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\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\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-23b7e680.js → p-dfb5794a.js}

@@ -1,2 +1,2 @@
-import{p as t,H as i,h as s,d as e}from"./p-42200001.js";import{p as a}from"./p-e0e2e9c1.js";import{S as n}from"./p-92f420cb.js";import{C as o}from"./p-e3aeaca0.js";import{g as r}from"./p-0075138f.js";import{v as h}from"./p-19c681a3.js";import{A as l,a as c,i as p}from"./p-33d5d1ed.js";const d=a(n,["_XS","_S","_M","_L","_XL"]);a(o,["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 f={root:"gov-skeleton"};const v=t(class t extends i{constructor(){super();this.__registerHost();this.items=[];this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){h(d,t,f.root)}validateShape(t){h(m,t,f.root)}validateAnimation(t){h(u,t,f.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(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}get style(){const t={width:null,height:null};if(this.width){t.width=this.width}if(this.height){t.height=this.height}return Object.assign({},t)}render(){return s(e,Object.assign({key:"6927d3fcc9546be5b4934f4f04d41049847d04f2",size:this.size,color:this.color,class:{[f.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:this.style}))}get host(){return this}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}},[0,"gov-skeleton",{size:[1],color:[1],shape:[1],width:[1],height:[1],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,v)}break}}))}g();export{v as G,g as d};
-//# sourceMappingURL=p-23b7e680.js.map
+import{p as t,H as i,h as s,d as e}from"./p-42200001.js";import{p as a}from"./p-e0e2e9c1.js";import{S as n}from"./p-92f420cb.js";import{C as o}from"./p-5aad3497.js";import{g as r}from"./p-ea7fdd2e.js";import{v as h}from"./p-a2435993.js";import{A as l,a as c,i as p}from"./p-33d5d1ed.js";const d=a(n,["_XS","_S","_M","_L","_XL"]);a(o,["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 f={root:"gov-skeleton"};const v=t(class t extends i{constructor(){super();this.__registerHost();this.items=[];this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){h(d,t,f.root)}validateShape(t){h(m,t,f.root)}validateAnimation(t){h(u,t,f.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(){this.attributeObserver.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}get style(){const t={width:null,height:null};if(this.width){t.width=this.width}if(this.height){t.height=this.height}return Object.assign({},t)}render(){return s(e,Object.assign({key:"9e026075a3ee04f09546bb686ec04309374da466",size:this.size,color:this.color,class:{[f.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:this.style}))}get host(){return this}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}},[0,"gov-skeleton",{size:[1],color:[1],shape:[1],width:[1],height:[1],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,v)}break}}))}g();export{v as G,g as d};
+//# sourceMappingURL=p-dfb5794a.js.map

package/dist/components/p-ea7fdd2e.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["prepareClasses","classes","Array","isArray","filter","classname","join","trim","booleanString","value","govHost","host","hostElement","name","this","nodeName","toLowerCase","hasSlot","getSlot","isSlotEmpty","slot","childNodes","length","slottedElements","from","querySelectorAll","getParent","element","closest","passChildAttr","selector","forEach","child","setAttribute","removeChildAttr","removeAttribute","clearClasses","classList","toString","toBoolAttr","indexOf","toOnOffAttr","toBoolAttrIfDefined","undefined","toOnOffAttrIfDefined","boolToFocusValue"],"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\tconst slottedElements = Array.from(this.hostElement.querySelectorAll(`[slot=\"${name}\"]`)) as HTMLElement[];\n\t\t\treturn slottedElements.length > 0 ? slottedElements[0] : null;\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n\nexport const boolToFocusValue = (value: boolean): undefined | string => {\n\treturn value ? '0' : '-1'\n}\n"],"mappings":"MAIaA,EAAkBC,IAC9B,GAAIC,MAAMC,QAAQF,KAAa,MAAO,OACtC,OAAOA,EACLG,QAAOC,KAAeA,IACtBC,KAAK,KACLC,MAAM,E,MAGIC,EAAiBC,GACtBA,EAAQ,OAAS,Q,MAGZC,EAAWC,IAChB,CACN,eAAIC,GACH,OAAOD,C,EAER,QAAIE,GACH,OAAOC,KAAKF,YAAYG,SAASC,a,EAElC,OAAAC,CAAQJ,GACP,QAASC,KAAKI,QAAQL,E,EAEvB,WAAAM,CAAYN,GACX,MAAMO,EAAON,KAAKI,QAAQL,GAC1B,GAAIO,EAAM,CACT,OAAOA,EAAKC,WAAWC,SAAW,C,CAEnC,OAAO,K,EAER,OAAAJ,CAAQL,GACP,MAAMU,EAAkBrB,MAAMsB,KAAKV,KAAKF,YAAYa,iBAAiB,UAAUZ,QAC/E,OAAOU,EAAgBD,OAAS,EAAIC,EAAgB,GAAK,I,EAE1D,SAAAG,CAAUC,GACT,OAAOb,KAAKF,YAAYgB,QAAQD,E,EAEjC,aAAAE,CAAcC,EAA6BjB,EAAcJ,GACxD,GAAIP,MAAMC,QAAQ2B,GAAW,CAC5BA,EAASC,SAAQD,IAChBhB,KAAKF,YAAYa,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMC,aAAapB,EAAMJ,IAAO,G,KAExF,CACNK,KAAKF,YAAYa,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMC,aAAapB,EAAMJ,I,GAGxF,eAAAyB,CAAgBJ,EAA6BjB,GAC5C,GAAIX,MAAMC,QAAQ2B,GAAW,CAC5BA,EAASC,SAAQD,IAChBhB,KAAKF,YAAYa,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMG,gBAAgBtB,IAAM,G,KAEpF,CACNC,KAAKF,YAAYa,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMG,gBAAgBtB,I,GAGrF,OAAAZ,CAAQA,GACP,MAAMmC,EAAelC,MAAMC,QAAQF,GAAWA,EAAQK,KAAK,KAAOL,EAClE,GAAIa,KAAKF,YAAa,CACrB,OAAOE,KAAKF,YAAYyB,UAAUC,WAAa,IAAMF,C,CAEtD,OAAOA,C,UAKGG,EAAc9B,IAC1B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAK+B,QAAQ/B,MAAY,EAAI,OAAS,O,MAChE,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,OAAS,O,MACtB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,OAAS,O,KAClB,CACN,OAAOA,EAAQ,OAAS,O,GAInB,MAAMgC,EAAehC,IAC3B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,IAAK,KAAM,KAAM,MAAM+B,QAAQ/B,MAAY,EAAI,KAAO,K,MAChF,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,KAAO,K,MACpB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,KAAO,K,KAChB,CACN,OAAOA,EAAQ,KAAO,K,SAIXiC,EAAuBjC,UACrBA,IAAU,YAAckC,UAAYJ,EAAW9B,G,MAGjDmC,EAAwBnC,UACtBA,IAAU,YAAckC,UAAYF,EAAYhC,G,MAGlDoC,EAAoBpC,GACzBA,EAAQ,IAAM,Y","ignoreList":[]}

package/dist/components/p-f44899e1.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,h as i,d as e}from"./p-42200001.js";import{p as o}from"./p-e0e2e9c1.js";import{C as n}from"./p-5aad3497.js";import{S as a}from"./p-92f420cb.js";import{g as r}from"./p-bfce6f99.js";import{i as c,a as h}from"./p-20c2203a.js";import{g as l}from"./p-ea7fdd2e.js";import{i as f}from"./p-2aedc81e.js";import{v as d}from"./p-a2435993.js";o(a,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const m=o(n,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var p;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(p||(p={}));const u={root:"gov-icon",holder:"gov-icon__holder"};const v="4.1.0";const w=()=>v;const g={};const y={};const E=t=>t.startsWith("http://")||t.startsWith("https://");const L=(t,s,i)=>{if(E(t)){return`${t}/${i}/${s}.svg?v=${w()}`}return r(`${t}/${i}/${s}.svg`)+`?v=${w()}`};async function S({name:t,type:s}){const i=s+"-"+t;if(g[i]){return g[i]}if(!y[i]){y[i]=fetch(L(c(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const e=await y[i];g[i]=e;return e}const _=t(class t extends s{constructor(){super();this.__registerHost();this.size=undefined;this.color=undefined;this.name=null;this.type="components";this.visible=false;this.error=false;this.h=l(this.host)}validateSize(t){d(a,t,u.root)}validateColor(t){d(m,t,u.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(h()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateSize(this.size);this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const i=await S({name:t,type:s});const e=f(i)&&i.indexOf("svg")>-1;this.host.innerHTML=e?i:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return i(e,{class:this.h.classes(u.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return this}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}},[0,"gov-icon",{size:[513],color:[513],name:[513],type:[513],visible:[32],error:[32]},undefined,{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}]);function b(){if(typeof customElements==="undefined"){return}const t=["gov-icon"];t.forEach((t=>{switch(t){case"gov-icon":if(!customElements.get(t)){customElements.define(t,_)}break}}))}b();export{_ as G,b as d};
+//# sourceMappingURL=p-f44899e1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pick","Sizes","IconColors","Colors","Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","GovIcon","proxyCustomElement","H","constructor","this","h","govHost","host","validateSize","newValue","validateProp","validateColor","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","size","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","isString","indexOf","innerHTML","e","error","render","Host","class","classes"],"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'PRIMARY',\n\t'SECONDARY',\n\t'NEUTRAL',\n\t'ERROR',\n\t'SUCCESS',\n\t'WARNING',\n\t'DISABLED',\n\t'WHITE',\n\t'BLACK',\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass, IconSizesType} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {isString} from \"../../utils/helpers.types\";\nimport { type IconColorType, IconColors } from \"./constants\";\nimport { validateProp } from \"../../helpers/Validate/props\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Icon size\n\t */\n\t@Prop({reflect: true}) readonly size?: IconSizesType\n\t/**\n\t * Icon color\n\t */\n\t@Prop({reflect: true}) readonly color?: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"components\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isString(data) && data.indexOf('svg') > -1\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}