@gov-design-system-ce/components 4.6.0 → 4.6.2

package/dist/components/gov-form-file.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormFile extends Components.GovFormFile, HTMLElement {}
-export const GovFormFile: {
-    prototype: GovFormFile;
-    new (): GovFormFile;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-file.js

@@ -1,2 +0,0 @@
-import{p as t,H as s,c as e,h as i,a as o}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{g as n,t as r,c as l}from"./p-DKo9A5gq.js";import{g as h}from"./p-9imLQpxb.js";import{A as c,a as f,i as m}from"./p-CXgom82_.js";import{d}from"./p-CgXcNDpE.js";import{d as p}from"./p-2_-up8FX.js";import{d as u}from"./p-CWqMiVYH.js";import{d as g}from"./p-CJnwyVlG.js";import{d as v}from"./p-BJnSrRNH.js";import{d as b}from"./p-9VlKyZSl.js";import{d as y}from"./p-DZJk8GrA.js";const k={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",inputFocus:"gov-form-file__input-focus",attachments:"gov-form-file__attachments"};function A(t){const s=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let e=0,i=parseInt(t,10)||0;while(i>=1024&&++e){i=i/1024}return i.toFixed(i<10&&e>0?1:0)+" "+s[e]}function E(t,s){if(typeof s==="string"&&s.length){return s.replace(/\s/g,"").split(",").filter((s=>new RegExp(s.replace("*",".*")).test(t.type))).length>0}else{return true}}function j(t,s){const e=Math.round(t.size);return e<=s}const C=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=e(this,"gov-focus");this.govBlur=e(this,"gov-blur");this.govFiles=e(this,"gov-files");this.govAddFile=e(this,"gov-add-file");this.govRemoveFile=e(this,"gov-remove-file");this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.multiple=false;this.maxFileSize=-1;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=a("GovInputFile");this.h=n(this.host);this.f=h(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",r(this.invalid));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function s(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const s=t.target.files;if(this.resetAfterPick){if(s.length){this.validateFiles(s)}}else{this.validateFiles(s)}}),false);if(this.expanded){const e=["dragover","dragleave"];const i=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];e.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));i.map((s=>this.inputRef.addEventListener(s,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,s.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const s=t.dataTransfer;this.validateFiles(s.files)}validateFiles(t){let s=[];Array.from(t).map((t=>{const e=this.files.find((s=>s.file.name===t.name&&s.file.size===t.size))||null;if(e===null||this.ignoreFileDuplicationCheck){const e=typeof this.maxFileSize==="number"&&this.maxFileSize>0?j(t,this.maxFileSize):true;const i=E(t,this.accept);const o={id:a("GovFormFile"),file:t,acceptValid:i,sizeValid:e};if(this.displayAttachments){this.files=[...this.files,o]}else{s=[...s,o]}this.govAddFile.emit({component:k.root,file:o})}}));this.govFiles.emit({component:k.root,files:s.length?s:this.files});if(this.resetAfterPick){this.reset().finally()}}componentDidLoad(){this.attributeObserver=new c(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=m(this.host)}async componentDidRender(){this.registerListeners()}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 i(o,{key:"59bdd8c7d3bf9594fa545146ca44a00f060fccab",class:this.h.classes([k.root]),invalid:l(this.invalid),expanded:l(this.expanded)},i("div",{key:"fd1714f4eb7596fdc1eb67fe8b6d25e4ec93f454",class:k.area,ref:t=>this.areaRef=t},i("slot",{key:"2712d87a6889321616b1b4cb03ea0c61aefcd241"}),i("input",Object.assign({key:"ac998000d9551871016d4c2ab802040634ff6256",class:k.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-disabled":l(this.disabled)})),i("div",{key:"54a896ed65deef09f11a8b497f926d079fb599d1",class:k.inputFocus})),this.h.hasSlot("attachments")?i("div",{class:k.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:k.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},t.file.name,i("span",{slot:"name"},t.file.name),t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",A(this.maxFileSize))):null,i("span",{slot:"info"},"(",A(t.file.size),")")))))):null)}onRemoveFileHandler(t){const s=this.files.findIndex((s=>s.id===t.id));if(s!==-1){const t=this.files;const e=this.files[s];t.splice(s,1);this.files=[...t];this.govRemoveFile.emit({component:k.root,file:e});this.govFiles.emit({component:k.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:k.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:k.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];this.inputRef.value=""}get host(){return this}static get watchers(){return{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[4,"gov-form-file",{expanded:[4],required:[4],disabled:[516],resetAfterPick:[4,"reset-after-pick"],ignoreFileDuplicationCheck:[4,"ignore-file-duplication-check"],displayAttachments:[4,"display-attachments"],name:[1],accept:[1],multiple:[4],maxFileSize:[2,"max-file-size"],identifier:[1],invalid:[4],errorSize:[1,"error-size"],errorAccept:[1,"error-accept"],accessibleAttachmentsLabel:[1,"accessible-attachments-label"],files:[32],inheritedAttributes:[32],getRef:[64],getAreaRef:[64],reset:[64]},undefined,{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function F(){if(typeof customElements==="undefined"){return}const t=["gov-form-file","gov-attachments","gov-attachments-item","gov-button","gov-form-message","gov-icon","gov-tooltip","gov-tooltip-content"];t.forEach((t=>{switch(t){case"gov-form-file":if(!customElements.get(t)){customElements.define(t,C)}break;case"gov-attachments":if(!customElements.get(t)){d()}break;case"gov-attachments-item":if(!customElements.get(t)){p()}break;case"gov-button":if(!customElements.get(t)){u()}break;case"gov-form-message":if(!customElements.get(t)){g()}break;case"gov-icon":if(!customElements.get(t)){v()}break;case"gov-tooltip":if(!customElements.get(t)){b()}break;case"gov-tooltip-content":if(!customElements.get(t)){y()}break}}))}F();const _=C;const w=F;export{_ as GovFormFile,w as defineCustomElement};
-//# sourceMappingURL=gov-form-file.js.map

package/dist/components/gov-form-file.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormFileClass","root","area","input","inputFocus","attachments","formatBytes","bytes","units","l","n","parseInt","toFixed","fileAcceptValidation","file","accept","length","replace","split","filter","RegExp","test","type","fileSizeValidation","maxSize","fileSize","Math","round","size","GovFormFile","__stencil_proxyCustomElement","HTMLElement","constructor","this","eventsRegistered","expanded","required","disabled","resetAfterPick","ignoreFileDuplicationCheck","displayAttachments","multiple","maxFileSize","errorSize","errorAccept","accessibleAttachmentsLabel","files","inheritedAttributes","fileId","createID","h","govHost","host","f","govForm","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","registerListeners","highlight","areaRef","classList","add","unhighlight","remove","inputRef","addEventListener","e","preventDefault","stopPropagation","target","validateFiles","events","inEvents","outEvents","map","eventName","preventDefaults","bind","forEach","handleDrop","dataTransfer","filesBuffer","Array","from","isFile","find","item","name","isSizeValid","isAcceptValid","newFile","id","acceptValid","sizeValid","govAddFile","emit","component","govFiles","reset","finally","componentDidLoad","attributeObserver","AttributeObserver","attributeName","newValue","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","passAttrToLabel","String","inheritAriaAttributes","componentDidRender","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","Host","key","class","classes","toBoolAttrIfDefined","ref","el","identifier","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","hasSlot","label","onRemoveFileHandler","slot","color","index","findIndex","removeFile","splice","govRemoveFile","govFocus","originalEvent","govBlur","getRef","getAreaRef","value"],"sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\r\n\troot: 'gov-form-file',\r\n\tarea: 'gov-form-file__area',\r\n\tinput: 'gov-form-file__input',\r\n\tinputFocus: 'gov-form-file__input-focus',\r\n\tattachments: 'gov-form-file__attachments',\r\n}\r\n","export function formatBytes(bytes: any): string {\r\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\r\n\tlet l = 0,\r\n\t\tn = parseInt(bytes, 10) || 0\r\n\r\n\twhile (n >= 1024 && ++l) {\r\n\t\tn = n / 1024\r\n\t}\r\n\r\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\r\n}\r\n\r\nexport function fileAcceptValidation(file: File, accept: string): boolean {\r\n\tif (typeof accept === 'string' && accept.length) {\r\n\t\treturn (\r\n\t\t\taccept\r\n\t\t\t\t.replace(/\\s/g, '')\r\n\t\t\t\t.split(',')\r\n\t\t\t\t.filter(accept => {\r\n\t\t\t\t\treturn new RegExp(accept.replace('*', '.*')).test(file.type)\r\n\t\t\t\t}).length > 0\r\n\t\t)\r\n\t} else {\r\n\t\treturn true\r\n\t}\r\n}\r\n\r\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\r\n\tconst fileSize = Math.round(file.size)\r\n\treturn fileSize <= maxSize\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {FormFileClass} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-file\",\r\n})\r\nexport class GovFormFile {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\r\n\tprivate areaRef?: HTMLDivElement\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate readonly fileId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\tprivate eventsRegistered = false\r\n\r\n\tconstructor() {\r\n\t\tthis.fileId = createID(\"GovInputFile\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormFileElement\r\n\t/**\r\n\t * Expands the file input to fill 100% of the container width.\r\n\t */\r\n\t@Prop() readonly expanded: boolean = false\r\n\t/**\r\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.\r\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.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the File component disabled.\r\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * After selecting the files, the main input element will be reset.\r\n\t * The propagation of the event with the selected files will not be affected.\r\n\t */\r\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\r\n\t/**\r\n\t * Selected files will not be checked for duplicates based on name and size.\r\n\t */\r\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\r\n\t/**\r\n\t * Show list of attachments\r\n\t */\r\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\r\n\t/**\r\n\t * Name of the input.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\r\n\t */\r\n\t@Prop() readonly accept: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\r\n\t */\r\n\t@Prop() readonly multiple: boolean = false\r\n\t/**\r\n\t * Maximum embedded file size\r\n\t */\r\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\r\n\t/**\r\n\t * Custom File identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly invalid: boolean\r\n\t/**\r\n\t * Error message when the maximum file size is exceeded\r\n\t */\r\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\r\n\t/**\r\n\t * Insert unsupported file error message\r\n\t */\r\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\r\n\t/**\r\n\t * Adds accessible label for the list of attachments.\r\n\t */\r\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\r\n\t/**\r\n\t * Emitted when the File has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Emitted when the File loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when the list of inserted files is changed\r\n\t */\r\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when a new file is added\r\n\t */\r\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when a file is removed from the list\r\n\t */\r\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\r\n\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() files: GovFormFileItem[] = []\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\r\n\t}\r\n\r\n\r\n\tprivate registerListeners() {\r\n\t\tif (this.eventsRegistered) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.eventsRegistered = true\r\n\r\n\t\tfunction highlight() {\r\n\t\t\tthis.areaRef.classList.add(\"highlight\")\r\n\t\t}\r\n\r\n\t\tfunction unhighlight() {\r\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\r\n\t\t}\r\n\r\n\t\tthis.inputRef.addEventListener(\r\n\t\t\t\"change\",\r\n\t\t\te => {\r\n\t\t\t\te.preventDefault()\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\r\n\t\t\t\tif (this.resetAfterPick) {\r\n\t\t\t\t\tif (files.length) {\r\n\t\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tfalse,\r\n\t\t)\r\n\r\n\t\tif (this.expanded) {\r\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\r\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\r\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\r\n\r\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\r\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\r\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\r\n\t\t}\r\n\t}\r\n\r\n\tpreventDefaults(e) {\r\n\t\te.preventDefault()\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\thandleDrop(e: DragEvent) {\r\n\t\tconst dataTransfer = e.dataTransfer\r\n\t\tthis.validateFiles(dataTransfer.files)\r\n\t}\r\n\r\n\tprivate validateFiles(files: FileList) {\r\n\t\tlet filesBuffer: GovFormFileItem[] = []\r\n\t\tArray.from(files).map(file => {\r\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null\r\n\t\t\tif (isFile === null || this.ignoreFileDuplicationCheck) {\r\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\r\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\r\n\t\t\t\tconst newFile = {\r\n\t\t\t\t\tid: createID(\"GovFormFile\"),\r\n\t\t\t\t\tfile,\r\n\t\t\t\t\tacceptValid: isAcceptValid,\r\n\t\t\t\t\tsizeValid: isSizeValid,\r\n\t\t\t\t}\r\n\t\t\t\tif (this.displayAttachments) {\r\n\t\t\t\t\tthis.files = [...this.files, newFile]\r\n\t\t\t\t} else {\r\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\r\n\t\t\t\t}\r\n\t\t\t\tthis.govAddFile.emit({\r\n\t\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\t\tfile: newFile,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\tthis.govFiles.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\r\n\t\t})\r\n\r\n\t\tif (this.resetAfterPick) {\r\n\t\t\tthis.reset().finally()\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\r\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t  expanded={toBoolAttrIfDefined(this.expanded)}>\r\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tclass={FormFileClass.input}\r\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\tid={this.identifier || this.fileId}\r\n\t\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\taccept={this.accept}\r\n\t\t\t\t\t\tmultiple={this.multiple}\r\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormFileClass.inputFocus}/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{this.files.length && this.displayAttachments ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\r\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\r\n\t\t\t\t\t\t\t{this.files.map(item => (\r\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t  on-gov-remove={() => this.onRemoveFileHandler(item)}>\r\n\t\t\t\t\t\t\t\t\t{item.file.name}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"name\">{item.file.name}</span>\r\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\r\n\t\t\t\t\t\t\t\t</gov-attachments-item>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</gov-attachments>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\r\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\r\n\t\tif (index !== -1) {\r\n\t\t\tconst files = this.files\r\n\t\t\tconst removeFile = this.files[index]\r\n\t\t\tfiles.splice(index, 1)\r\n\t\t\tthis.files = [...files]\r\n\t\t\tthis.govRemoveFile.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfile: removeFile,\r\n\t\t\t})\r\n\t\t\tthis.govFiles.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfiles,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native area element\r\n\t */\r\n\t@Method()\r\n\tasync getAreaRef(): Promise<HTMLDivElement> {\r\n\t\treturn this.areaRef\r\n\t}\r\n\r\n\t/**\r\n\t * Remove all files from component state\r\n\t */\r\n\t@Method()\r\n\tasync reset(): Promise<void> {\r\n\t\tthis.files = []\r\n\t\tthis.inputRef.value = '';\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormGroup extends Components.GovFormGroup, HTMLElement {}
-export const GovFormGroup: {
-    prototype: GovFormGroup;
-    new (): GovFormGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-group.js

@@ -1,2 +0,0 @@
-import{p as t,H as e,h as i,a as s}from"./index.js";import{F as a,a as o,b as r}from"./p-BUmDydor.js";import{g as n}from"./p-DKo9A5gq.js";import{v as f}from"./p-BKP-F1qP.js";const p=t(class t extends e{constructor(){super();this.__registerHost();this.gap=undefined;this.orientation="vertical";this.h=n(this.host)}validateGap(t){if(t){f(o,t,a.root)}}validateOrientation(t){if(t){f(r,t,a.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}render(){return i(s,{key:"54934f365448807adf7408b7feb96fff4244491c",gap:this.gap,class:this.h.classes(a.root)},i("slot",{key:"184ae9ea447967ebce23c4dd40e2e14667f74960"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}},[4,"gov-form-group",{gap:[1],orientation:[1]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["gov-form-group"];t.forEach((t=>{switch(t){case"gov-form-group":if(!customElements.get(t)){customElements.define(t,p)}break}}))}c();const d=p;const m=c;export{d as GovFormGroup,m as defineCustomElement};
-//# sourceMappingURL=gov-form-group.js.map

package/dist/components/gov-form-group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovFormGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","gap","undefined","orientation","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","root","validateOrientation","FormGroupOrientation","componentWillLoad","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n  FormGroupClass,\r\n  FormGroupOrientation,\r\n  FormGroupOrientationType,\r\n  FormGroupSizes,\r\n  FormGroupSizesType\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\n\r\n@Component({\r\n  tag: \"gov-form-group\",\r\n})\r\nexport class GovFormGroup {\r\n  private readonly h: GovHost\r\n\r\n  constructor() {\r\n    this.h = govHost(this.host)\r\n  }\r\n\r\n  @Element() host: HTMLGovFormGroupElement\r\n  /**\r\n   * Gap's size.\r\n   */\r\n  @Prop() readonly gap?: FormGroupSizesType = undefined\r\n  /**\r\n   * Elements orientation\r\n   */\r\n  @Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\r\n  @Watch(\"gap\")\r\n  validateGap(newValue: string): void {\r\n    if (newValue) {\r\n      validateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n    }\r\n  }\r\n\r\n  @Watch(\"orientation\")\r\n  validateOrientation(newValue: string): void {\r\n    if (newValue) {\r\n      validateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n    }\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.validateGap(this.gap)\r\n    this.validateOrientation(this.orientation)\r\n  }\r\n\r\n\r\n\r\n  render() {\r\n    return (\r\n      <Host gap={this.gap} class={this.h.classes(FormGroupClass.root)}>\r\n        <slot></slot>\r\n      </Host>\r\n    )\r\n  }\r\n}\r\n"],"mappings":"oLAeaA,EAAYC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,8BAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAXxDH,KAAKI,EAAIC,EAAQL,KAAKM,KACvB,CAaD,WAAAC,CAAYC,GACV,GAAIA,EAAU,CACZC,EAAaC,EAAgBF,EAAUG,EAAeC,K,EAK1D,mBAAAC,CAAoBL,GAClB,GAAIA,EAAU,CACZC,EAAaK,EAAsBN,EAAUG,EAAeC,K,EAIhE,iBAAAG,GACEf,KAAKO,YAAYP,KAAKC,KACtBD,KAAKa,oBAAoBb,KAAKG,Y,CAKhC,MAAAa,GACE,OACEZ,EAACa,EAAI,CAAAC,IAAA,2CAACjB,IAAKD,KAAKC,IAAKkB,MAAOnB,KAAKI,EAAEgB,QAAQT,EAAeC,OACxDR,EAAa,QAAAc,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-input.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormInput extends Components.GovFormInput, HTMLElement {}
-export const GovFormInput: {
-    prototype: GovFormInput;
-    new (): GovFormInput;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-input.js

@@ -1,2 +0,0 @@
-import{G as o,d as s}from"./p-_FzmpyXv.js";const p=o;const t=s;export{p as GovFormInput,t as defineCustomElement};
-//# sourceMappingURL=gov-form-input.js.map

package/dist/components/gov-form-input.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-form-label.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormLabel extends Components.GovFormLabel, HTMLElement {}
-export const GovFormLabel: {
-    prototype: GovFormLabel;
-    new (): GovFormLabel;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-label.js

@@ -1,2 +0,0 @@
-import{p as s,H as e,c as t,h as o,a}from"./index.js";import{F as c}from"./p-DBXGhafv.js";const i=s(class s extends e{constructor(){super();this.__registerHost();this.govClick=t(this,"gov-click");this.size="m";this.required=false;this.legend=false}render(){const s=this.legend?"legend":"label";return o(a,{key:"ed4ec902f11631d324119863462a67305d8586e5",class:c.root,size:this.size},o(s,{key:"04168b854261d7aca3c96ee0bd77ab8c2fc9d5f2",class:c.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},o("slot",{key:"3d9fadd9d60baae633a699db046ca46605c4ab4c"}),this.required?o("span",{class:"gov-color--text-status-error"}," *"):null))}},[4,"gov-form-label",{identifier:[1],size:[1],required:[4],legend:[4]}]);function l(){if(typeof customElements==="undefined"){return}const s=["gov-form-label"];s.forEach((s=>{switch(s){case"gov-form-label":if(!customElements.get(s)){customElements.define(s,i)}break}}))}l();const r=i;const n=l;export{r as GovFormLabel,n as defineCustomElement};
-//# sourceMappingURL=gov-form-label.js.map

package/dist/components/gov-form-label.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovFormLabel","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","required","legend","render","Tag","h","Host","key","class","FormLabelClass","root","label","htmlFor","identifier","onClick","govClick","emit"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\r\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-label',\r\n})\r\nexport class GovFormLabel {\r\n\t/**\r\n\t * Identifier for label.\r\n\t */\r\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\r\n\t/**\r\n\t * Label's size.\r\n\t */\r\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\r\n\t/**\r\n\t * Set whether the input is required or not.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Use label as a legend for better accessibility.\r\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\r\n\t */\r\n\t@Prop() readonly legend: boolean = false\r\n\t/**\r\n\t * Emitted when the label click.\r\n\t */\r\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\r\n\r\n\trender() {\r\n\t\tconst Tag = this.legend ? 'legend' : 'label'\r\n\t\treturn (\r\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\r\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.required ? <span class=\"gov-color--text-status-error\">&nbsp;*</span> : null}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gGAMaA,EAAYC,EAAA,MAAAD,UAAAE,EAHzB,WAAAC,G,gEAWkBC,KAAIC,KAAyB,IAI7BD,KAAQE,SAAY,MAKpBF,KAAMG,OAAY,KAiBnC,CAXA,MAAAC,GACC,MAAMC,EAAML,KAAKG,OAAS,SAAW,QACrC,OACCG,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOC,EAAeC,KAAMV,KAAMD,KAAKC,MAC5CK,EAACD,EAAI,CAAAG,IAAA,2CAAAC,MAAOC,EAAeE,MAAOC,QAASb,KAAKc,WAAYC,QAAS,IAAMf,KAAKgB,SAASC,QACxFX,EAAa,QAAAE,IAAA,6CACZR,KAAKE,SAAWI,EAAA,QAAMG,MAAM,gCAA8B,MAAkB,M","ignoreList":[]}

package/dist/components/gov-form-message.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormMessage extends Components.GovFormMessage, HTMLElement {}
-export const GovFormMessage: {
-    prototype: GovFormMessage;
-    new (): GovFormMessage;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-message.js

@@ -1,2 +0,0 @@
-import{G as o,d as s}from"./p-CJnwyVlG.js";const t=o;const n=s;export{t as GovFormMessage,n as defineCustomElement};
-//# sourceMappingURL=gov-form-message.js.map

package/dist/components/gov-form-message.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-form-multi-select.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormMultiSelect extends Components.GovFormMultiSelect, HTMLElement {}
-export const GovFormMultiSelect: {
-    prototype: GovFormMultiSelect;
-    new (): GovFormMultiSelect;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-multi-select.js

@@ -1,2 +0,0 @@
-import{p as t,H as e,c as s,h as i,a as o}from"./index.js";import{g as a,j as n,k as l}from"./p-9imLQpxb.js";import{g as r,t as h,c}from"./p-DKo9A5gq.js";import{v as u}from"./p-BKP-F1qP.js";import{c as d,r as m}from"./p-vN03FcXN.js";import{p as f}from"./p-B0hcuYXk.js";import{t as v}from"./p-Cjg0wpDG.js";import{A as p,a as b}from"./p-CXgom82_.js";import{d as g}from"./p-CWqMiVYH.js";import{d as y}from"./p-Ba8Z-AIX.js";import{d as k}from"./p-_FzmpyXv.js";import{d as j}from"./p-BJnSrRNH.js";import{d as w}from"./p-D8QfVS4O.js";const O=t(class t extends e{constructor(){super();this.__registerHost();this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.govSelect=s(this,"gov-select");this.govRemove=s(this,"gov-remove");this.size="m";this.hideSelectedList=false;this.required=false;this.disabled=false;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.messageLoading="Načítám...";this.selectedOptionsState=[];this.optionsState=[];this.inheritedAttributes={};this.selectId=d("GovSelect");this.listId=d("GovMultiList");this.h=r(this.host);this.f=a(this.h)}validateSize(t){u(l,t,n.root)}watchOptions(t){this.optionsState=f(t)}watchValue(t){this.selectedOptionsState=f(t)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(b);this.initAutocomplete()}componentWillLoad(){this.validateSize(this.size);this.optionsState=f(this.options);this.selectedOptionsState=f(this.value)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}getAvailableOptions(t=false){if(Array.isArray(this.optionsState)&&this.optionsState.length){if(t){return this.optionsState}return this.optionsState.filter((t=>{const e=this.selectedValueIndex(t.value);return e!==-1||(t===null||t===void 0?void 0:t.disabled)?false:true})).map((t=>{var e;return{name:(e=t.label)!==null&&e!==void 0?e:t.value,value:t.value}}))}return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>{if(t){return true}const s=this.selectedValueIndex(e.value);return!(e.disabled||e.selected||s>-1)})).map((t=>({name:t.textContent,value:t.value})))}initAutocomplete(){var t,e,s,i,o;(t=this.autocompleteRef)===null||t===void 0?void 0:t.addEventListener("gov-select",this.onSelectHandler.bind(this));(e=this.autocompleteRef)===null||e===void 0?void 0:e.addEventListener("gov-input",this.onInputHandler.bind(this));(s=this.autocompleteRef)===null||s===void 0?void 0:s.addEventListener("gov-focus",this.onFocusHandler.bind(this));(i=this.autocompleteRef)===null||i===void 0?void 0:i.addEventListener("gov-blur",this.onBlurHandler.bind(this));(o=this.autocompleteRef)===null||o===void 0?void 0:o.setSearchCallback((t=>new Promise((e=>{const s=this.getAvailableOptions();if(String(t).length===0){return e(s)}e(s.filter((({label:e,value:s})=>{if(!e)e=s;return m(e).toLowerCase().indexOf(m(t).toLowerCase())>-1})))})))).finally()}selectedValueIndex(t){return this.selectedOptionsState.findIndex((e=>e===t))}getOptionElement(t){return this.selectRef.querySelector('option[value="'+t+'"]')}getOption(t){var e;return(e=this.getAvailableOptions(true).find((e=>e.value===t)))!==null&&e!==void 0?e:null}selectOption(t,e=true){const s=this.selectedValueIndex(t);if(s===-1){this.selectedOptionsState=[...this.selectedOptionsState,t];this.value=this.selectedOptionsState;if(e){this.govChange.emit({component:n.root,value:this.selectedOptionsState});this.govSelect.emit({component:n.root,value:this.selectedOptionsState})}const s=this.getOptionElement(t);if(s){s.selected=true}}}removeOption(t,e=true){const s=this.selectedValueIndex(t);if(s!==-1){this.selectedOptionsState.splice(s,1);this.selectedOptionsState=[...this.selectedOptionsState];this.value=this.selectedOptionsState;if(e){this.govChange.emit({component:n.root,value:this.selectedOptionsState});this.govRemove.emit({component:n.root,value:this.selectedOptionsState})}const i=this.getOptionElement(t);if(i){i.selected=false}}}async componentDidRender(){this.f.passAttrToLabel("required",String(this.required));v((()=>{this.selectRef.querySelectorAll("option").forEach((t=>{if(t.selected){this.selectOption(t.value,false)}}))}))}render(){return i(o,{key:"b5f6643779e88a7fd84c50e0e28a2e3df55ef5b1",class:n.root,size:this.size},i("div",{key:"eac5219ecea75ffa80cf00e2ea7b657d011a4364",class:n.wrap},this.h.hasSlot("prefix")&&i("slot",{key:"043326a3213e27ba4bd82fc07d807f5385cad621",name:"prefix"}),i("gov-form-autocomplete",{key:"908d9dd75e8eccf489bf02c38830742119f3f5a8",value:this.valueState,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,invalid:this.invalid,success:this.success,size:this.size,placeholder:this.placeholder,"message-empty":this.messageEmpty,"message-loading":this.messageLoading,ref:t=>this.autocompleteRef=t,minlength:0,"aria-owns":this.listId},this.success&&i("gov-icon",{key:"5462998619176ad9b9fb64bb4cbfa64640b1882b",slot:"validation-icon",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&i("gov-icon",{key:"927ab032bef36a8de9dcbdc0b04fb9ba788ff3ef",slot:"validation-icon",class:"validation-icon",name:"exclamation-lg",type:"components"}),i("gov-icon",{key:"92064ab6e3af5b2614eabe328795602613e06fdb",slot:"icon-end",class:"arrow-icon",name:"chevron-down",type:"components"})),i("select",Object.assign({key:"e344464b72f03ab9cf5e9ccdbd5caaff913774f9",hidden:true,class:"hidden-select-list","aria-hidden":h(true),multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:t=>this.selectRef=t},this.inheritedAttributes,{"aria-disabled":c(this.disabled),"aria-required":c(this.required),"aria-invalid":c(this.invalid)}),i("slot",{key:"b7713729d23f54f2f7d9489bd816237565b87d43"}),Array.isArray(this.optionsState)&&this.optionsState.map((t=>{var e;const s=this.selectedValueIndex(t.value);return i("option",{value:t.value,selected:s>-1,disabled:t===null||t===void 0?void 0:t.disabled},(e=t.label)!==null&&e!==void 0?e:t.value)}))),this.h.hasSlot("sufix")&&i("slot",{key:"ae1452913889844708b397d9d6e66fa071f85522",name:"sufix"})),this.hideSelectedList===false?i("ul",{role:"listbox",id:this.listId,class:n.list},Array.isArray(this.selectedOptionsState)&&this.selectedOptionsState.map((t=>{var e;const s=this.getOption(t);if(!s)return null;return i("li",{class:n.item,role:"option"},(e=s.label)!==null&&e!==void 0?e:s.value,i("gov-button",{"aria-label":`Odebrat vybranou položku ${s.label}`,color:"primary",type:"base",size:this.size,"on-gov-click":()=>this.onTagRemove(t)},i("gov-icon",{name:"x-lg",type:"components"})))}))):null)}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:n.root,originalEvent:t,value:this.selectedOptionsState})}onBlurHandler(t){t.stopPropagation();t.stopPropagation();this.focused=false;this.govBlur.emit({component:n.root,originalEvent:t,value:this.selectedOptionsState})}onInputHandler(t){this.valueState=t.detail.value;t.stopPropagation()}onSelectHandler(t){t.stopPropagation();const e=t.detail.selected;this.selectOption(e.value);this.valueState="";this.autocompleteRef.clearValue().finally();this.autocompleteRef.focus()}onTagRemove(t){this.removeOption(t)}async setFocus(t){return this.selectRef.focus(t)}async setValue(t){this.valueState=t}async getRef(){return this.selectRef}get host(){return this}static get watchers(){return{size:["validateSize"],options:["watchOptions"],value:["watchValue"]}}},[4,"gov-form-multi-select",{value:[1537],options:[1537],identifier:[1],placeholder:[1],size:[1],name:[1],hideSelectedList:[4,"hide-selected-list"],required:[4],disabled:[516],invalid:[516],success:[4],messageEmpty:[1,"message-empty"],messageLoading:[1,"message-loading"],focused:[32],valueState:[32],selectedOptionsState:[32],optionsState:[32],inheritedAttributes:[32],setFocus:[64],setValue:[64],getRef:[64]},undefined,{size:["validateSize"],options:["watchOptions"],value:["watchValue"]}]);function S(){if(typeof customElements==="undefined"){return}const t=["gov-form-multi-select","gov-button","gov-form-autocomplete","gov-form-input","gov-icon","gov-skeleton"];t.forEach((t=>{switch(t){case"gov-form-multi-select":if(!customElements.get(t)){customElements.define(t,O)}break;case"gov-button":if(!customElements.get(t)){g()}break;case"gov-form-autocomplete":if(!customElements.get(t)){y()}break;case"gov-form-input":if(!customElements.get(t)){k()}break;case"gov-icon":if(!customElements.get(t)){j()}break;case"gov-skeleton":if(!customElements.get(t)){w()}break}}))}S();const x=O;const A=S;export{x as GovFormMultiSelect,A as defineCustomElement};
-//# sourceMappingURL=gov-form-multi-select.js.map

package/dist/components/gov-form-multi-select.js.map

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

package/dist/components/gov-form-password-power.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormPasswordPower extends Components.GovFormPasswordPower, HTMLElement {}
-export const GovFormPasswordPower: {
-    prototype: GovFormPasswordPower;
-    new (): GovFormPasswordPower;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-password-power.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as o,a}from"./index.js";const c={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const r=e(class e extends s{constructor(){super();this.__registerHost()}render(){return o(a,{key:"95bbc5fb2e55470ec4cd18b0b1ecece89a4df502",class:c.root},o("span",{key:"513c89318f7f4ded2e91c420dba95fa7852942db",class:c.bar},o("span",{key:"524f84e45276cb043999d41560b62320ba701343"}),o("span",{key:"4d2a5ff935ca8d293bde0ab11d5f5e2fba0aacc4"}),o("span",{key:"270276edf333b84e7c06c741c9cfc84eeadef2c4"})),o("span",{key:"6b092b79e2e8934b1eba3c448e56c4aea6eab279",class:c.text},o("slot",{key:"4d24610c752886264b453df0965af10812946490"})))}},[4,"gov-form-password-power",{power:[514]}]);function t(){if(typeof customElements==="undefined"){return}const e=["gov-form-password-power"];e.forEach((e=>{switch(e){case"gov-form-password-power":if(!customElements.get(e)){customElements.define(e,r)}break}}))}t();const f=r;const d=t;export{f as GovFormPasswordPower,d as defineCustomElement};
-//# sourceMappingURL=gov-form-password-power.js.map

package/dist/components/gov-form-password-power.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormPasswordPowerClass","root","bar","text","GovFormPasswordPower","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","class"],"sources":["../../../packages/core/src/components/gov-form/password-power/constants.ts","../../../packages/core/src/components/gov-form/password-power/gov-form-password-power.tsx"],"sourcesContent":["export const FormPasswordPowerClass = {\r\n\troot: 'gov-form-password-power',\r\n    bar: 'gov-form-password-power__bar',\r\n    text: 'gov-form-password-power__text',\r\n}\r\n","import {Component, h, Host, Prop} from '@stencil/core'\r\nimport {FormPasswordPowerClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-password-power',\r\n})\r\nexport class GovFormPasswordPower {\r\n\t/**\r\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\r\n\t */\r\n\t@Prop({reflect: true}) readonly power: number\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormPasswordPowerClass.root}>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"+CAAO,MAAMA,EAAyB,CACrCC,KAAM,0BACHC,IAAK,+BACLC,KAAM,iC,MCGGC,EAAoBC,EAAA,MAAAD,UAAAE,E,4CAMhC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOX,EAAuBC,MAClCO,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAuBE,KAClCM,EAAa,QAAAE,IAAA,6CACbF,EAAa,QAAAE,IAAA,6CACbF,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,MAAOX,EAAuBG,MAClCK,EAAO,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/gov-form-radio-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormRadioGroup extends Components.GovFormRadioGroup, HTMLElement {}
-export const GovFormRadioGroup: {
-    prototype: GovFormRadioGroup;
-    new (): GovFormRadioGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-radio-group.js

@@ -1,2 +0,0 @@
-import{p as o,H as r,c as a,h as g,a as i}from"./index.js";import{d as e,F as t,a as p,b as l}from"./p-BUmDydor.js";import{g as m}from"./p-DKo9A5gq.js";import{v as n}from"./p-BKP-F1qP.js";import{t as f}from"./p-Cjg0wpDG.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const s=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:e.root})};this.h=m(this.host)}validateGap(o){if(o){n(p,o,t.root)}}validateOrientation(o){if(o){n(l,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return g(i,{key:"ff3703e838e4b031b4826be5e54679bf64872eb4",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"a2536dadd509602565fd860ebc6d9c4a148b468c"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return v}},[4,"gov-form-radio-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-radio-group"];o.forEach((o=>{switch(o){case"gov-form-radio-group":if(!customElements.get(o)){customElements.define(o,s)}break}}))}u();const c=s;const h=u;export{c as GovFormRadioGroup,h as defineCustomElement};
-//# sourceMappingURL=gov-form-radio-group.js.map

package/dist/components/gov-form-radio-group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["govFormGroupCss","GovFormRadioGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","detail","govChange","emit","component","FormRadioGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Group */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType,\r\n\tFormRadioGroupClass\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\r\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormRadioGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\r\n\t/**\r\n\t * Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tthis.value = event.detail.value\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormRadioGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = element.value === this.value;\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gOAAA,MAAMA,EAAkB,usE,MCoBXC,EAAiBC,EAAA,MAAAD,UAAAE,EAG7B,WAAAC,G,kEAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAYF,UAoB5DF,KAAAK,aAAgBC,IACfA,EAAMC,kBACNP,KAAKI,MAAQE,EAAME,OAAOJ,MAC1BJ,KAAKS,UAAUC,KAAK,CACnBN,MAAOJ,KAAKI,MACZO,UAAWC,EAAoBC,MAC9B,EAzCFb,KAAKc,EAAIC,EAAQf,KAAKgB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAa9D,iBAAAW,GACCxB,KAAKiB,YAAYjB,KAAKC,KACtBD,KAAKsB,oBAAoBtB,KAAKG,Y,CAG/B,kBAAAsB,GACCC,GAAK,IAAM1B,KAAK2B,qB,CAGjB,iBAAAA,GACC3B,KAAKgB,KAAKY,iBAAiB,kBAAkBC,SAASC,IACrD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAchC,KAAKK,a,CAE7CyB,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQI,QAAUJ,EAAQ1B,QAAUJ,KAAKI,KAAK,G,CAIhD,MAAA+B,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAApC,IAAKD,KAAKC,IAAKqC,MAAOtC,KAAKc,EAAEyB,QAAQlB,EAAeR,MAAOT,MAAOJ,KAAKI,OAC5EU,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-radio.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormRadio extends Components.GovFormRadio, HTMLElement {}
-export const GovFormRadio: {
-    prototype: GovFormRadio;
-    new (): GovFormRadio;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-radio.js

@@ -1,2 +0,0 @@
-import{p as t,H as i,c as s,h as e,a}from"./index.js";import{c as h}from"./p-vN03FcXN.js";import{v as o}from"./p-BKP-F1qP.js";import{g as n,l as r,m as l}from"./p-9imLQpxb.js";import{g as c,t as d,c as u}from"./p-DKo9A5gq.js";import{F as m}from"./p-5itQzbON.js";import{i as p,A as v,a as f}from"./p-CXgom82_.js";const g=t(class t extends i{constructor(){super();this.__registerHost();this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.radioId=h("GovRadio");this.h=c(this.host);this.f=n(this.h)}validateSize(t){o(l,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.inheritedAttributes=p(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(f)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}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})}render(){const t=t=>{if(this.noLabel){return e("label",{class:r.label},t)}return t};return e(a,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:u(this.invalid)},t(e(m,null,e("input",Object.assign({class:r.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:t=>this.inputRef=t,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":u(this.required),"aria-invalid":u(this.invalid),"aria-disabled":u(this.disabled)})),e("span",null,e("slot",{name:"label"})))))}onClickHandler(t){t.stopPropagation()}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[4,"gov-form-radio",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[1],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function b(){if(typeof customElements==="undefined"){return}const t=["gov-form-radio"];t.forEach((t=>{switch(t){case"gov-form-radio":if(!customElements.get(t)){customElements.define(t,g)}break}}))}b();const C=g;const A=b;export{C as GovFormRadio,A as defineCustomElement};
-//# sourceMappingURL=gov-form-radio.js.map

package/dist/components/gov-form-radio.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovFormRadio","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","class","label","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormRadioClass, FormRadioSizes, FormRadioSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormRadioEvent} from \"./gov-form-radio.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio\",\r\n})\r\nexport class GovFormRadio {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly radioId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.radioId = createID(\"GovRadio\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRadioElement\r\n\t/**\r\n\t * Value of radio\r\n\t */\r\n\t@Prop() readonly value: string\r\n\t/**\r\n\t * When you can't use the form label.\r\n\t */\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\r\n\t/**\r\n\t * Radio button state\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/**\r\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.\r\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.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the radio component disabled.\r\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Name of the radio.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Radio's size.\r\n\t */\r\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\r\n\t/**\r\n\t * Custom radio identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly invalid: boolean\r\n\t/**\r\n\t * Emitted when the radio has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\r\n\t/**\r\n\t * Emitted when the radio loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\r\n\t/**\r\n\t * Emitted when the radio change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\r\n\t}\r\n\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.radioId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst wrapRadio = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\r\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapRadio(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclass={FormRadioClass.input}\r\n\t\t\t\t\t\t\tid={this.identifier || this.radioId}\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={this.checked}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-range.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormRange extends Components.GovFormRange, HTMLElement {}
-export const GovFormRange: {
-    prototype: GovFormRange;
-    new (): GovFormRange;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-range.js

@@ -1,2 +0,0 @@
-import{p as t,H as s,c as i,h as e,a as o}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as r,t as h,c}from"./p-DKo9A5gq.js";import{v as l}from"./p-BKP-F1qP.js";import{A as f,a as u,i as d}from"./p-CXgom82_.js";import{g as m}from"./p-9imLQpxb.js";import{t as p}from"./p-Cjg0wpDG.js";import{b}from"./p-B3tdsiZv.js";import{c as v}from"./p-vN03FcXN.js";import{d as g}from"./p-CWqMiVYH.js";import{d as j}from"./p-_FzmpyXv.js";import{d as w}from"./p-BJnSrRNH.js";const C=a(n,["_S","_M","_L"]);const A={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const y=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.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=r(this.host);this.f=m(this.h);this.inputId=v("GovInput")}validateSize(t){l(C,t,A.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",h(this.success));this.f.passAttrToControl("disabled",h(this.disabled));this.f.passAttrToControl("invalid",h(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const o=this.inputRef.offsetWidth;const a=(t-s)/(i-s)*100;let n=a/100*(o-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${n-t}px`}if(this.fillRef){this.fillRef.style.width=`${n}px`}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=d(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));p(this.controlOutputPosition.bind(this))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){return e(o,{key:"52936cc832e35b7f79520c2f89b2a119e769b994",class:A.root,size:this.size},this.h.hasSlot("prefix")&&e("slot",{key:"1f5d3e1d537be5f431cbf4ba366627d82c2daa01",name:"prefix"}),e("span",{key:"cbabb9ff252fbabdd8b2f813de71b31c1a1444e6",class:"element"},e("input",Object.assign({key:"02dd3f62cb518c965c0f5529ae3b213a9c6fd649",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),e("div",{key:"fff23dd770c71878eae67df3f96b514c3f55ea2e",class:A.fill,ref:t=>this.fillRef=t}),this.tooltip?e("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,e("slot",{key:"32a7919602b2527a97bf019ec74744bedd0ef51f",name:"datalist"})),this.h.hasSlot("sufix")&&e("slot",{key:"e9efd215bb9895a6c11666eb694b6c47f8132f12",name:"sufix"}),this.input?e("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:A.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&b(+this.step)){const i=+s;const e=+this.min;const o=+this.max;const a=+this.step;if(isNaN(i)){return false}if(i<e||i>o){return false}const n=i-e;if(n%a!==0){return false}this.value=s;this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:A.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:A.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"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[4,"gov-form-range",{size:[1],value:[1537],identifier:[1],name:[1],min:[8],max:[8],step:[8],tooltip:[4],input:[4],listIdentifier:[1,"list-identifier"],required:[516],success:[516],invalid:[516],disabled:[516],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-range","gov-button","gov-form-input","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-range":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){g()}break;case"gov-form-input":if(!customElements.get(t)){j()}break;case"gov-icon":if(!customElements.get(t)){w()}break}}))}k();const x=y;const z=k;export{x as GovFormRange,z as defineCustomElement};
-//# sourceMappingURL=gov-form-range.js.map

package/dist/components/gov-form-range.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../../types/interfaces\";\r\n\r\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\r\n\r\nexport const FormRangeClass = {\r\n\troot: 'gov-form-range',\r\n\tfill: 'gov-form-range--fill',\r\n\tinput: 'gov-form-range--input',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\r\nimport {govForm} from \"../../../helpers/Dom/form\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {isNumber} from \"../../../utils/helpers.types\";\r\nimport {createID} from \"../../../utils/string.utils\";\r\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-form-range',\r\n})\r\nexport class GovFormRange {\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate outputRef?: HTMLOutputElement\r\n\tprivate fillRef?: HTMLDivElement\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate readonly inputId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t\tthis.inputId = createID(\"GovInput\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRangeElement\r\n\t/**\r\n\t * Range’s size\r\n\t */\r\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\r\n\t/**\r\n\t * Value of range\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/**\r\n\t * Custom range identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Name of the range\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Minimum value that is acceptable\r\n\t */\r\n\t@Prop() readonly min?: string | number\r\n\t/**\r\n\t * Maximum value that is acceptable\r\n\t */\r\n\t@Prop() readonly max?: string | number\r\n\t/**\r\n\t * Defines size of each step\r\n\t */\r\n\t@Prop() readonly step?: string | number\r\n\t/**\r\n\t * Show tooltip with current value\r\n\t */\r\n\t@Prop() readonly tooltip?: boolean = false\r\n\t/**\r\n\t * Show input with current value\r\n\t */\r\n\t@Prop() readonly input?: boolean = false\r\n\t/**\r\n\t * Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\r\n\t */\r\n\t@Prop() readonly listIdentifier?: string\r\n\t/**\r\n\t * Set whether the range is required or not\r\n\t */\r\n\t@Prop({reflect: true}) readonly required: boolean = false\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly success: boolean\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly invalid: boolean\r\n\t/**\r\n\t * Makes the range component disabled\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Emitted when the input has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\r\n\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\r\n\t}\r\n\r\n\t@Watch(\"value\")\r\n\twatchValue(): void {\r\n\t\tthis.controlOutputPosition();\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"success\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t}\r\n\r\n\tprivate get getThumbWidth() {\r\n\t\tconst styles = window.getComputedStyle(this.inputRef);\r\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) || 1;\r\n\t}\r\n\r\n\tprivate controlOutputPosition() {\r\n\t\tconst valueInt = +this.value;\r\n\t\tconst min = +this.inputRef.min;\r\n\t\tconst max = +this.inputRef.max;\r\n\r\n\t\tconst thumbWidth = (this.getThumbWidth * 16);\r\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\r\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\r\n\r\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\r\n\r\n\t\tif (this.outputRef) {\r\n\t\t\tthis.outputRef.textContent = this.value;\r\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\r\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\r\n\t\t}\r\n\t\tif (this.fillRef) {\r\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\ttick(this.controlOutputPosition.bind(this))\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<input type=\"range\"\r\n\t\t\t\t\t\t   ref={el => (this.inputRef = el)}\r\n\t\t\t\t\t\t   onInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\t   onFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t   onBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t   id={this.identifier || this.inputId}\r\n\t\t\t\t\t\t   name={this.name}\r\n\t\t\t\t\t\t   min={this.min}\r\n\t\t\t\t\t\t   max={this.max}\r\n\t\t\t\t\t\t   step={this.step}\r\n\t\t\t\t\t\t   list={this.listIdentifier}\r\n\t\t\t\t\t\t   value={this.value}\r\n\t\t\t\t\t\t   required={this.required}\r\n\t\t\t\t\t\t   disabled={this.disabled}\r\n\t\t\t\t\t\t   {...this.inheritedAttributes}\r\n\t\t\t\t\t\t   aria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t   aria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t   aria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\r\n\t\t\t\t\t{this.tooltip ?\r\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\r\n\t\t\t\t\t\t\t{this.value}\r\n\t\t\t\t\t\t</output>\r\n\t\t\t\t\t\t: null}\r\n\t\t\t\t\t<slot name=\"datalist\"></slot>\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t{this.input ?\r\n\t\t\t\t\t<gov-form-input\r\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\r\n\t\t\t\t\t\tclass={FormRangeClass.input}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}>\r\n\t\t\t\t\t</gov-form-input>\r\n\t\t\t\t\t: null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tonCustomInputHandler(e: InputEvent) {\r\n\t\tconst value = (e.target as HTMLInputElement).value;\r\n\t\tif (this.step && isNumber(+this.step)) {\r\n\t\t\tconst numValue = +value;\r\n\t\t\tconst numMin = +this.min;\r\n\t\t\tconst numMax = +this.max;\r\n\t\t\tconst numStep = +this.step;\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (numValue < numMin || numValue > numMax) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tconst diff = numValue - numMin;\r\n\t\t\tif (diff % numStep !== 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tthis.value = value;\r\n\t\t\tthis.govInput.emit({\r\n\t\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLInputElement).value;\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.inputRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.value = value\r\n\t}\r\n\r\n\t/**\r\n\t * Clears input value\r\n\t */\r\n\t@Method()\r\n\tasync clearValue(): Promise<void> {\r\n\t\tthis.value = \"\"\r\n\t\tthis.inputRef.value = \"\"\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html input element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-search.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormSearch extends Components.GovFormSearch, HTMLElement {}
-export const GovFormSearch: {
-    prototype: GovFormSearch;
-    new (): GovFormSearch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-search.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as t,a as o}from"./index.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";c(a,["_S","_M","_L"]);c(r,["PRIMARY","NEUTRAL"]);const n={root:"gov-form-search"};const m=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"71109e2502931ac3b92b4e2e6336c3d08d666fae",class:n.root,color:this.color,size:this.size},t("slot",{key:"615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5",name:"input"}),t("slot",{key:"fa9abfbaee3dedecb4b217cc8681b16557d978bc",name:"button-erase"}),t("slot",{key:"8c2cb29b38de5634b220db526452b9a07873fc29",name:"button"}))}get host(){return this}},[4,"gov-form-search",{size:[1],color:[513]}]);function b(){if(typeof customElements==="undefined"){return}const e=["gov-form-search"];e.forEach((e=>{switch(e){case"gov-form-search":if(!customElements.get(e)){customElements.define(e,m)}break}}))}b();const f=m;const i=b;export{f as GovFormSearch,i as defineCustomElement};
-//# sourceMappingURL=gov-form-search.js.map

package/dist/components/gov-form-search.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","color","render","h","Host","key","class","name"],"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\r\nimport { ValueOf } from '../../../types/interfaces'\r\nimport { pick } from '../../../utils/utils'\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\n\r\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\r\n\r\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\r\n\r\nexport const FormSearchClass = {\r\n\troot: 'gov-form-search',\r\n}\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-search',\r\n})\r\nexport class GovFormSearch {\r\n\t@Element() host: HTMLGovFormSearchElement\r\n\t/**\r\n\t * Search’s size.\r\n\t */\r\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the form input.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\r\n\t\t\t\t<slot name=\"input\"/>\r\n\t\t\t\t<slot name=\"button-erase\"/>\r\n\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAaC,EAAA,MAAAD,UAAAE,EAH1B,WAAAC,G,8BAQkBC,KAAIC,KAAyB,IAIdD,KAAKE,MAAwB,SAW7D,CATA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOb,EAAgBC,KAAMO,MAAOF,KAAKE,MAAOD,KAAMD,KAAKC,MAChEG,EAAM,QAAAE,IAAA,2CAAAE,KAAK,UACXJ,EAAM,QAAAE,IAAA,2CAAAE,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,W","ignoreList":[]}

package/dist/components/gov-form-select.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormSelect extends Components.GovFormSelect, HTMLElement {}
-export const GovFormSelect: {
-    prototype: GovFormSelect;
-    new (): GovFormSelect;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-select.js

@@ -1,2 +0,0 @@
-import{G as o,d as s}from"./p-DhGb8cBK.js";const t=o;const c=s;export{t as GovFormSelect,c as defineCustomElement};
-//# sourceMappingURL=gov-form-select.js.map

package/dist/components/gov-form-select.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-form-switch.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface GovFormSwitch extends Components.GovFormSwitch, HTMLElement {}
-export const GovFormSwitch: {
-    prototype: GovFormSwitch;
-    new (): GovFormSwitch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/gov-form-switch.js

@@ -1,2 +0,0 @@
-import{p as i,H as s,c as t,h as e,a as h}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as o,n as c,o as r}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{A as p,a as b,i as v}from"./p-CXgom82_.js";import{d as f}from"./p-BJnSrRNH.js";const g=i(class i extends s{constructor(){super();this.__registerHost();this.govFocus=t(this,"gov-focus");this.govBlur=t(this,"gov-blur");this.govChange=t(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=o(this.h)}validateSize(i){n(r,i,c.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","switch")}componentDidLoad(){this.attributeObserver=new p(this.host,((i,s)=>{this.onAriaAttributeChange(i,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=v(this.host)}disconnectedCallback(){var i;(i=this.attributeObserver)===null||i===void 0?void 0:i.stopObserving()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(i,s){this.host.removeAttribute(i);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[i]:s})}render(){const i=i=>{if(this.noLabel){return e("label",{class:c.label},i)}return i};const s=!this.host.querySelector('[slot="label"]');const t=`${this.h.classes(c.root)}${s?` ${c.noLabel}`:""}`;return e(h,{class:t,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},i(e(u,null,e("input",Object.assign({class:c.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:i=>this.inputRef=i,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("span",{class:c.indicator},this.checked&&e("gov-icon",{name:"check-lg",type:"components"})),e("slot",{name:"label"})))))}onClickHandler(i){i.stopPropagation()}onFocusHandler(i){i.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onBlurHandler(i){i.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onChangeHandler(i){this.checked=i.target.checked;i.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[4,"gov-form-switch",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[513],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}]);function k(){if(typeof customElements==="undefined"){return}const i=["gov-form-switch","gov-icon"];i.forEach((i=>{switch(i){case"gov-form-switch":if(!customElements.get(i)){customElements.define(i,g)}break;case"gov-icon":if(!customElements.get(i)){f()}break}}))}k();const w=g;const j=k;export{w as GovFormSwitch,j as defineCustomElement};
-//# sourceMappingURL=gov-form-switch.js.map