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

package/dist/core/p-01bc645f.entry.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","constructor","hostRef","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/core/p-0e06af2b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,F as s,H as i,g as a}from"./p-ClISz4NF.js";import{p as o}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as c}from"./p-CoD1xawt.js";o(n,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const r=class{constructor(e){t(this,e);this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return e(i,{key:"31fcebee125c753089b2229cea0033dce9aa3133",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},e("slot",{key:"b79748ea55bb2e86d887860c1143d82d75497966",name:"icon"}),e("div",{key:"db8b61554f6943612c9d7165174926cfd205fcfb",class:l.content},e("div",{key:"e844267c106109d0470176d3c89539f8f987c70f",class:l.text},e("div",{key:"e4771f568d8848b87045293ebb10af5679f1a3b7",class:l.title},this.href?e(s,null,e("a",{href:this.href,target:this.target,class:l.link,ref:t=>this.triggerRef=t},e("slot",{name:"title"})),e("span",{class:l.icon},e("gov-icon",{name:"chevron-right",type:"components"}))):e("slot",{name:"title"})),e("div",{key:"cf1bf1a1c29e8879dc509b484325b82808db792a",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},e("slot",{key:"9a10f28fd144f1131eae6735342da9a5d93665e2"}))),e("slot",{key:"067476f1a27bad0fb50d86789a729f93b1f1e5ad",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return a(this)}};export{r as gov_tile};
-//# sourceMappingURL=p-0e06af2b.entry.js.map

package/dist/core/p-0e06af2b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","constructor","hostRef","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.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 TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"mappings":"4KAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAO,MA0BnB,WAAAC,CAAAC,G,UArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQrB,EAAUC,MACnCW,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUG,SACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUI,MACrBU,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUK,OACpBM,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOpB,EAAUE,KACjB0B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOpB,EAAUM,MACtBQ,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGpB,EAAUO,cAAcI,KAAKa,KAAO,GAAGxB,EAAUO,sBAAwB,MACvFO,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}

package/dist/core/p-1375d52d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FlexClass","root","GovFlex","constructor","hostRef","this","direction","responsive","h","govHost","host","render","Host","key","class","classes","pick","Sizes","IconColors","Colors","Types","IconClass","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","setCookie","value","days","isWindow","expires","document","cookie","encodeURIComponent","getCookie","nameEQ","cookies","split","i","length","trim","decodeURIComponent","substring","isValidSVG","svgContent","parser","DOMParser","doc","parseFromString","parseError","querySelector","svgElement","documentElement","tagName","toLowerCase","error","GovIcon","visible","validateSize","newValue","validateProp","validateColor","loadIconPathData","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","size","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","innerHTML","e","ThemeSwitchSizes","ThemeSwitchClass","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","storageValue","isSystemPrefersColorDark","matchMedia","matches","initDefaultState","options","currentState","htmlState","getAttribute","includes","isDark","dark","light","onClick"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx","../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/helpers/Dom/document.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx","../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const FlexSizes = Sizes\r\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\r\n\r\nexport const FlexClass = {\r\n\troot: 'gov-flex',\r\n}\r\n\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FlexClass, FlexSizesType} from './constants'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-flex',\r\n})\r\nexport class GovFlex {\r\n\tprivate 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: HTMLGovGridElement\r\n\r\n\t/**\r\n\t * Controls the flex direction of the container.\r\n\t */\r\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\r\n\r\n\t/**\r\n\t * Defines how the browser distributes space between and around content items along the main axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'justify-content',\r\n\t\treflect: true\r\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\r\n\r\n\t/**\r\n\t * Aligns flex items along the cross axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-items',\r\n\t\treflect: true\r\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\r\n\r\n\t/**\r\n\t * Controls whether the flex container is a single-line or multi-line flex container.\r\n\t */\r\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\r\n\r\n\t/**\r\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-content',\r\n\t\treflect: true\r\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\r\n\r\n\t/**\r\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-self',\r\n\t\treflect: true\r\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\r\n\r\n\t/**\r\n\t * The gap property creates consistent spacing between flex items in the container.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'gap',\r\n\t\treflect: true\r\n\t}) gap?: FlexSizesType;\r\n\r\n\t/**\r\n\t * Option to turn off responsive\r\n\t */\r\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\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","import { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils';\r\nimport { Colors } from '../../core/constants/colors';\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\r\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\r\n\r\nexport const IconColors = pick(Colors, [\r\n\t'DEFAULT',\r\n\t'PRIMARY',\r\n\t'SECONDARY',\r\n\t'NEUTRAL',\r\n\t'ERROR',\r\n\t'SUCCESS',\r\n\t'WARNING',\r\n\t'DISABLED',\r\n\t'WHITE',\r\n\t'BLACK',\r\n])\r\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\r\n\r\nenum Types {\r\n\tBASIC = 'basic',\r\n\tCOMPLEX = 'complex',\r\n\tCOLORED = 'colored',\r\n}\r\nexport type Type = `${ValueOf<typeof Types>}`\r\n\r\nexport const IconClass = {\r\n\troot: 'gov-icon',\r\n\tholder: 'gov-icon__holder',\r\n}\r\n","import { version } from '../../package.json'\r\n\r\nexport const dsVersion = (): string => {\r\n\treturn version\r\n}\r\n","import {dsVersion} from \"./ds.utils\"\r\nimport {iconsPath} from \"../helpers/Dom/win\"\r\n\r\nconst iconCache: { [key: string]: string } = {}\r\nconst requestCache: { [key: string]: Promise<string> } = {}\r\n\r\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\r\nconst iconUrl = (path: string, name: string, type: string) => {\r\n    if (isExternalUrl(path)) {\r\n        return `${path}/${type}/${name}.svg?v=${dsVersion()}`\r\n    }\r\n    return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`\r\n}\r\n\r\nexport async function fetchIcon({name, type}: { name: string; type: string }): Promise<string> {\r\n    const cacheKey = type + \"-\" + name\r\n    if (iconCache[cacheKey]) {\r\n        return iconCache[cacheKey]\r\n    }\r\n\r\n    if (!requestCache[cacheKey]) {\r\n        requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\r\n            if (resp.status === 200) {\r\n                return resp.text()\r\n            } else {\r\n                throw new Error(\"Gov Icon doesn't exists\")\r\n            }\r\n        })\r\n    }\r\n    const path = await requestCache[cacheKey]\r\n    iconCache[cacheKey] = path\r\n    return path\r\n}\r\n","import {Nullable} from \"../../utils/helpers.types\";\r\nimport {isWindow} from \"./win\";\r\n\r\nexport const setCookie = (name: string, value: string, days?: number) => {\r\n\tif (!isWindow) {\r\n\t\treturn\r\n\t}\r\n\tlet expires = \"\";\r\n\tif (days) {\r\n\t\tconst date = new Date();\r\n\t\tdate.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n\t\texpires = \"; expires=\" + date.toUTCString();\r\n\t}\r\n\tdocument.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;\r\n}\r\n\r\nexport const getCookie = (name: string): Nullable<string> => {\r\n\tif (!isWindow) {\r\n\t\treturn null\r\n\t}\r\n\tconst nameEQ = name + \"=\";\r\n\tconst cookies = document.cookie.split(';');\r\n\tfor (let i = 0; i < cookies.length; i++) {\r\n\t\tlet cookie = cookies[i].trim();\r\n\t\tif (cookie.startsWith(nameEQ)) {\r\n\t\t\treturn decodeURIComponent(cookie.substring(nameEQ.length));\r\n\t\t}\r\n\t}\r\n\treturn null;\r\n}\r\n\r\nexport const isValidSVG = (svgContent: string): boolean => {\r\n\ttry {\r\n\t\tconst parser = new DOMParser();\r\n\t\tconst doc = parser.parseFromString(svgContent, \"image/svg+xml\");\r\n\t\tconst parseError = doc.querySelector(\"parsererror\");\r\n\t\tif (parseError) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tconst svgElement = doc.documentElement;\r\n\t\tif (svgElement.tagName.toLowerCase() !== \"svg\") {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn true;\r\n\t} catch (error) {\r\n\t\treturn false;\r\n\t}\r\n}\r\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {IconClass, IconColors, type IconColorType, IconSizesType} from \"./constants\"\r\nimport {fetchIcon} from \"../../utils/icon.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {isValidSVG} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\tassetsDirs: [\"assets\"],\r\n\ttag: \"gov-icon\",\r\n})\r\nexport class GovIcon {\r\n\tprivate h: GovHost\r\n\tprivate intersectionObserver: IntersectionObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovIconElement\r\n\t/**\r\n\t * Icon size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: IconSizesType\r\n\t/**\r\n\t * Icon color\r\n\t */\r\n\t@Prop({reflect: true}) readonly color?: IconColorType\r\n\t/**\r\n\t * Name of icon in folder\r\n\t */\r\n\t@Prop({reflect: true}) name: string = null\r\n\t/**\r\n\t * Type (folder) of icon\r\n\t */\r\n\t@Prop({reflect: true}) type = \"components\"\r\n\r\n\t@State() private visible = false\r\n\t@State() private error = false\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"name\")\r\n\tprivate async loadIconPathData(): Promise<void> {\r\n\t\tconst {name, visible} = this\r\n\t\tif (!Build.isBrowser || !name || !visible) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tawait this.loadIcon()\r\n\t}\r\n\r\n\tconnectedCallback(): void {\r\n\t\tif (iconsLazyLoad()) {\r\n\t\t\tthis.visible = true\r\n\t\t\tthis.loadIconPathData().finally()\r\n\t\t} else {\r\n\t\t\tthis.waitUntilVisible(async () => {\r\n\t\t\t\tthis.visible = true\r\n\t\t\t\tawait this.loadIconPathData()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tif (this.intersectionObserver) {\r\n\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\tthis.intersectionObserver = null\r\n\t\t}\r\n\t}\r\n\r\n\tasync componentWillLoad(): Promise<void> {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateColor(this.color)\r\n\t\tawait this.loadIconPathData()\r\n\t}\r\n\r\n\tprivate waitUntilVisible(callback: () => void): void {\r\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\r\n\t\t\tcallback()\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.intersectionObserver = new IntersectionObserver(\r\n\t\t\tentries => {\r\n\t\t\t\tentries.forEach(entry => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tif (this.intersectionObserver) {\r\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\t\t\t\t\tthis.intersectionObserver = null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcallback()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{rootMargin: \"50px\"},\r\n\t\t)\r\n\t\tthis.intersectionObserver.observe(this.host)\r\n\t}\r\n\r\n\tprivate async loadIcon() {\r\n\t\ttry {\r\n\t\t\tconst {name, type} = this\r\n\t\t\tconst data = await fetchIcon({name, type})\r\n\t\t\tconst isValid = isValidSVG(data)\r\n\t\t\tthis.host.innerHTML = isValid ? data : null;\r\n\t\t} catch (e) {\r\n\t\t\tthis.host.innerHTML = ''\r\n\t\t\tthis.error = true\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.error) {\r\n\t\t\treturn null\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\r\n\t\t)\r\n\t}\r\n}\r\n","import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\r\n\r\nexport const ThemeSwitchClass = {\r\n\troot: 'gov-theme-switch',\r\n\tindicator: 'gov-theme-switch__indicator',\r\n\tlabel: 'gov-theme-switch__label',\r\n\ticonLight: 'gov-theme-switch__icon-light',\r\n\ticonDark: 'gov-theme-switch__icon-dark',\r\n}\r\n\r\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\r\n","import {GovBaseEvent} from \"../../types/event.types\";\r\n\r\nexport enum ThemeList {\r\n\tauto = 'auto',\r\n\tlight = 'light',\r\n\tdark = 'dark'\r\n}\r\n\r\nexport interface ThemeSwitchEvent extends GovBaseEvent {\r\n\tref: HTMLGovThemeSwitchElement;\r\n\tstate: ThemeList\r\n}\r\n\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\";\r\nimport {govHost} from \"../../helpers/Dom/template\";\r\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\r\nimport {isWindow} from \"../../helpers/Dom/win\";\r\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\ttag: \"gov-theme-switch\",\r\n})\r\nexport class GovThemeSwitch {\r\n\tprivate 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: HTMLGovThemeSwitchElement\r\n\r\n\t/**\r\n\t * Switch's size.\r\n\t */\r\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\r\n\t/**\r\n\t * Display switch label\r\n\t */\r\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? =  \"Světlý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\r\n\t/**\r\n\t * Called when the theme is changed by the user\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"theme\")\r\n\twatchTheme(newValue: ThemeList): void {\r\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\r\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\r\n\t\tthis.htmlElement.classList.add(newValue);\r\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\r\n\t}\r\n\r\n\t@State() theme: ThemeList = ThemeList.auto\r\n\r\n\tprivate get storageValue() {\r\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\r\n\t}\r\n\r\n\tprivate get htmlElement(): HTMLElement {\r\n\t\treturn document.documentElement\r\n\t}\r\n\r\n\tprivate get isSystemPrefersColorDark(): boolean {\r\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.initDefaultState()\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tprivate initDefaultState() {\r\n\t\tconst options = Object.keys(ThemeList);\r\n\t\tlet currentState = this.storageValue;\r\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\r\n\r\n\t\tif (currentState && options.includes(currentState)) {\r\n\t\t\tthis.theme = currentState as ThemeList;\r\n\t\t} else if (htmlState && options.includes(htmlState)) {\r\n\t\t\tthis.theme = htmlState as ThemeList;\r\n\t\t} else {\r\n\t\t\tthis.theme = ThemeList.auto;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setThemeState = (state: ThemeList) => {\r\n\t\tthis.theme = state;\r\n\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: ThemeSwitchClass.root,\r\n\t\t\tstate: this.theme,\r\n\t\t\tref: this.host\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet isDark = this.theme === ThemeList.dark;\r\n\t\tif (this.theme === ThemeList.auto) {\r\n\t\t\tisDark = this.isSystemPrefersColorDark;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\r\n\t\t\t\t  theme={isDark ? ThemeList.dark : ThemeList.light}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\r\n\t\t\t\t\t\taria-current={this.theme}\r\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{this.displayLabel ? (\r\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\r\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-264cbd4e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as a}from"./p-ClISz4NF.js";import{g as o,a as d,c}from"./p-CoD1xawt.js";import{c as l}from"./p-CgDnDrq5.js";import{a as h}from"./p-CDIRBJsi.js";import{c as n}from"./p-vN03FcXN.js";import{t as b}from"./p-Cjg0wpDG.js";import"./p-CQvUntGY.js";import"./p-DNztiAH0.js";const r={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};function f(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const g=class{constructor(i){e(this,i);this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){var t;this.open=e;this.setFocus().finally();if(!e){(t=this.lastActiveElementRef)===null||t===void 0?void 0:t.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(r.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(r.bodyFix)}async componentDidRender(){if(l()){b((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=f(this.dialogRef);if(e.length){e[0].focus()}const t=e=>{if(e.key==="Tab"&&this.dialogRef){const t=f(this.dialogRef);const i=t[0];const s=t[t.length-1];if(!e.shiftKey&&document.activeElement===s){e.preventDefault();i.focus()}if(e.shiftKey&&document.activeElement===i){e.preventDefault();s.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",t)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(r.bodyFix)}render(){return i(s,{key:"ba9070ed36ce25806a12a88f55d9a36609e17bbb",class:this.h.classes(r.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"79188b6182895a7a7db32e629316a46420d2981c",ref:e=>this.dialogRef=e,class:r.dialog,hidden:!this.open,tabindex:c(this.open),open:this.open,"aria-modal":"true","aria-hidden":d(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"a50c41b27b3060292df9b6d2eb657c1e27a384e7",class:r.inner},i("div",{key:"487b4639e842aa7257e2ce24a553e8ae67be02be",class:r.header},this.h.hasSlot("icon")&&i("span",{key:"75dfd64444588ce6a37607a60eb1c4df7888d3e8"},i("slot",{key:"80be9198860ffce669b218b6f0f0143f7da83add",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"723a628454f0989db5da7a1ae12aef803896b9de",class:r.title,id:this.labelId},i("slot",{key:"0aee99ddbdbb0a068b07259d6b2793ddf3dfa629",name:"title"})),i("gov-button",{key:"6f245f5f2a3a95ff239cd55640c5aac980374cfc",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:r.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"f767a25f40e13c322d6871275d996493bbe8730b",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"4c975dfa826bada579b1ee6edbcece08bf6b7346",class:r.content,id:this.contentId},i("slot",{key:"cdc3d7b173b47237cecf113e344d2ebd05d6daeb"})),this.h.hasSlot("footer")&&i("div",{key:"37e471ea3bb0952c0ccfc290b02af6d69690ae4e",class:r.footer},i("slot",{key:"69f6160c0429d82051a6b99d210f132c7ec3ff56",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){h(this.accessibleLabelledBy,"accessible-labelled-by",r.root);h(this.accessibleDescribedBy,"accessible-described-by",r.root)}get host(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};export{g as gov_dialog};
-//# sourceMappingURL=p-264cbd4e.entry.js.map

package/dist/core/p-264cbd4e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","getFocusableElements","container","Array","from","querySelectorAll","GovDialog","constructor","hostRef","this","hydrated","open","blockClose","blockBackdropClose","role","labelTag","accessibleCloseLabel","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","setFocus","finally","_a","lastActiveElementRef","focus","focusTrap","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","dialogRef","activeElement","focusableEls","length","handleKeyDown","e","key","firstEl","lastEl","shiftKey","preventDefault","govClose","emit","addEventListener","connectedCallback","disconnectedCallback","render","Host","class","classes","ref","el","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","hasSlot","name","id","closeCtaRef","disabled","color","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","stopPropagation","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\r\n\troot: 'gov-dialog',\r\n\tdialog: 'gov-dialog__dialog',\r\n\tinner: 'gov-dialog__inner',\r\n\theader: 'gov-dialog__header',\r\n\ttitle: 'gov-dialog__title',\r\n\tcontent: 'gov-dialog__content',\r\n\tclose: 'gov-dialog__close',\r\n\tfooter: 'gov-dialog__footer',\r\n\tbodyFix: 'body-fixed',\r\n}\r\n","export function getFocusableElements(container: HTMLElement) {\r\n\tif (!container) return [];\r\n\treturn Array.from(\r\n\t\tcontainer.querySelectorAll(\r\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\r\n\t\t)\r\n\t);\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\r\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\r\nimport {Nullable} from '../../types/interfaces'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {DialogClass} from './constants'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\nimport {getFocusableElements} from \"../../utils/dom.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-dialog',\r\n})\r\nexport class GovDialog {\r\n\tprivate h: GovHost\r\n\tprivate readonly labelId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false;\r\n\tprivate closeCtaRef?: HTMLGovButtonElement\r\n\tprivate dialogRef?: HTMLDialogElement;\r\n\tprivate lastActiveElementRef?: HTMLElement;\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.labelId = createID('GovDialogLabel')\r\n\t\tthis.contentId = createID('GovDialogContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovDialogElement\r\n\r\n\t/**\r\n\t * Attribute for dialog window display\r\n\t */\r\n\t@Prop({mutable: true, reflect: true}) open = false\r\n\t/**\r\n\t * Attribute allowing blocking the dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-close'}) blockClose = false\r\n\t/**\r\n\t * Attribute allowing blocking the backdrop dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\r\n\t/**\r\n\t * Role of dialog\r\n\t */\r\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\r\n\t/**\r\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\r\n\t */\r\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\r\n\t/**\r\n\t * String of id's that indicates alternative labels elements\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\r\n\t/**\r\n\t * Indicates the id of a component that describes the dialog.\r\n\t */\r\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\r\n\t/**\r\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\r\n\t/**\r\n\t * Emitted when a dialog window closes.\r\n\t */\r\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen(newValue: boolean): void {\r\n\t\tthis.open = newValue\r\n\t\tthis.setFocus().finally()\r\n\r\n\t\tif (!newValue) {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t} else {\r\n\t\t\tthis.focusTrap();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate showDialog() {\r\n\t\tthis.open = true\r\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tprivate hideDialog() {\r\n\t\tthis.open = false\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\r\n\t\tif (this.open) {\r\n\t\t\tthis.showDialog()\r\n\t\t} else {\r\n\t\t\tthis.hideDialog()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate focusTrap() {\r\n\t\tif (open && this.dialogRef) {\r\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\r\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\r\n\t\t\tif (focusableEls.length) {\r\n\t\t\t\tfocusableEls[0].focus();\r\n\t\t\t}\r\n\r\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\r\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\r\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\r\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\r\n\r\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tfirstEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tlastEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (e.key === \"Escape\") {\r\n\t\t\t\t\tif (this.blockClose === false) {\r\n\t\t\t\t\t\tthis.hideDialog();\r\n\t\t\t\t\t\tthis.govClose.emit();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\r\n\t\t} else {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\r\n\t\t\t\t<dialog\r\n\t\t\t\t\tref={el => (this.dialogRef = el)}\r\n\t\t\t\t\tclass={DialogClass.dialog}\r\n\t\t\t\t\thidden={!this.open}\r\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\r\n\t\t\t\t\topen={this.open}\r\n\t\t\t\t\taria-modal=\"true\"\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\r\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\r\n\t\t\t\t\trole={this.role}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class={DialogClass.inner}>\r\n\t\t\t\t\t\t<div class={DialogClass.header}>\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\r\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\r\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\r\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\r\n\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\tsize=\"m\"\r\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\r\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</dialog>\r\n\r\n\t\t\t\t{this.open ? (\r\n\t\t\t\t\t<gov-backdrop\r\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\r\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t/>\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 onCloseHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.preventDefault()\r\n\t\tif (this.blockClose === false) {\r\n\t\t\tthis.hideDialog()\r\n\t\t\tthis.govClose.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the close button to focus\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tif (this.open && this.closeCtaRef) {\r\n\t\t\tthis.closeCtaRef.setFocus().catch()\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\r\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-2cfa670d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","constructor","hostRef","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/core/p-33a62c22.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as o,g as r}from"./p-ClISz4NF.js";import{g as e}from"./p-CoD1xawt.js";const a={root:"gov-container"};const c=class{constructor(t){s(this,t);this.h=e(this.host)}render(){return t(o,{key:"a15740b2be2e28a5a494d84b54b1cf065fb0907d",class:this.h.classes(a.root)},t("slot",{key:"c67701622dc955319e46eecdb897439fff163ca6"}))}get host(){return r(this)}};export{c as gov_container};
-//# sourceMappingURL=p-33a62c22.entry.js.map

package/dist/core/p-33a62c22.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ContainerClass","root","GovContainer","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\r\n\troot: 'gov-container',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { ContainerClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-container',\r\n})\r\nexport class GovContainer {\r\n\tprivate 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: HTMLGovContainerElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQb,EAAeC,OAC1CK,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/core/p-37f6095e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SpacerSize","pick","Sizes","SpacerBreakpoints","SpacerClass","root","GovSpacer","constructor","hostRef","this","breakpoint","undefined","h","govHost","host","validateSize","newValue","validateProp","validateBreakpoint","componentWillLoad","size","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\r\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\r\n\r\nexport enum SpacerBreakpoints {\r\n\tNONE = 'none',\r\n\tSM = 'sm',\r\n\tMD = 'md',\r\n\tLG = 'lg',\r\n\tXL = 'xl',\r\n}\r\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\r\n\r\nexport const SpacerClass = {\r\n\troot: 'gov-spacer',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../helpers/Validate/props'\r\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { govHost } from '../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-spacer',\r\n})\r\nexport class GovSpacer {\r\n\tprivate h: GovHost\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\t@Element() host: HTMLGovSpacerElement\r\n\t/**\r\n\t * Spacer’s size\r\n\t */\r\n\t@Prop() readonly size?: SpacerSizeType\r\n\t/**\r\n\t * Breakpoint\r\n\t */\r\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\t@Watch('breakpoint')\r\n\tvalidateBreakpoint(newValue: string): void {\r\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateBreakpoint(this.breakpoint)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\r\n\t}\r\n}\r\n"],"mappings":"iOAIO,MAAMA,EAAaC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,SAG/F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,WACAA,EAAA,WACAA,EAAA,WACAA,EAAA,UACA,EAND,CAAYA,MAMX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,c,MCRMC,EAAS,MAErB,WAAAC,CAAAC,G,UAWiBC,KAAUC,WAA2BC,UAVrDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,YAAAC,CAAaC,GACZC,EAAajB,EAAYgB,EAAUZ,EAAYC,K,CAIhD,kBAAAa,CAAmBF,GAClBC,EAAad,EAAmBa,EAAUZ,EAAYC,K,CAGvD,iBAAAc,GACCV,KAAKM,aAAaN,KAAKW,MACvBX,KAAKS,mBAAmBT,KAAKC,W,CAG9B,MAAAW,GACC,OAAOT,EAACU,EAAK,CAAAC,IAAA,2CAAAC,MAAOf,KAAKG,EAAEa,QAAQrB,EAAYC,MAAOe,KAAMX,KAAKW,KAAMV,WAAYD,KAAKC,Y","ignoreList":[]}

package/dist/core/p-3cf20b56.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as g,H as a,g as p}from"./p-ClISz4NF.js";import{c as i,F as t,a as e,b as m}from"./p-BUmDydor.js";import{g as l}from"./p-CoD1xawt.js";import{v as f}from"./p-NOJjz9dT.js";import{t as v}from"./p-Cjg0wpDG.js";import{p as s}from"./p-Ccwpa1ck.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";import"./p-DNztiAH0.js";const n="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 c=class{constructor(g){o(this,g);this.govChange=r(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const g=s(this.value);if(!Array.isArray(g))return;if(o.detail.checked){this.value=[...g,o.detail.value]}else{this.value=(r=g.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:i.root})};this.h=l(this.host)}validateGap(o){if(o){f(e,o,t.root)}}validateOrientation(o){if(o){f(m,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=s(this.value)}componentDidRender(){v((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(a,{key:"cfff4a643c778c0a573b08e6310045b8f0f0764b",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"6c9f6c553525f61c3aa95c834fd495d4dd6a8346"}))}get host(){return p(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};c.style=n;export{c as gov_form_checkbox_group};
-//# sourceMappingURL=p-3cf20b56.entry.js.map

package/dist/core/p-3cf20b56.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-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\tFormCheckboxGroupClass,\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType\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 {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\r\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\nimport {propsValueToArray} from \"../../../utils/array.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormCheckboxGroup {\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 | string[] = undefined\r\n\t/**\r\n  /* Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\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<FormCheckboxEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tconst value = propsValueToArray<string[]>(this.value);\r\n\t\tif (!Array.isArray(value)) return;\r\n\t\tif (event.detail.checked) {\r\n\t\t\tthis.value = [...value, event.detail.value]\r\n\t\t} else {\r\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\r\n\t\t}\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormCheckboxGroupClass.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\tthis.value = propsValueToArray(this.value)\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-checkbox').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 = this.value.includes(element.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":"yWAAA,MAAMA,EAAkB,usE,MCqBXC,EAAoB,MAGhC,WAAAC,CAAAC,G,8CAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAuBF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAU,MAAAS,SAAA,EAAAA,EAAA,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,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,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAA3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}

package/dist/core/p-46effc25.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovStepper","constructor","hostRef","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","StepperSizes","StepperClass","root","componentWillLoad","componentDidLoad","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperElement\r\n\t/**\r\n\t * Size of stepper\r\n\t */\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/**\r\n\t * Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gSAWaA,EAAU,MAItB,WAAAC,CAAAC,G,8CAFQC,KAAQC,SAAG,MAUFD,KAAIE,KAAsB,IAP1CF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAaD,YAAAC,CAAaC,GACZC,EAAaC,EAAcF,EAAUG,EAAaC,K,CAGnD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQlB,KAAKE,MAChCe,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFrB,KAAKsB,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,iBAAAC,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKG,EAAE2B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAO7B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC3FE,EAAQ,QAAAyB,IAAA,6C","ignoreList":[]}

package/dist/core/p-495e25d8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BreadcrumbsClass","root","GovBreadcrumbs","constructor","hostRef","this","inited","collapsible","isExpanded","accessibleToggleLabel","expanded","toggleOption","h","govHost","host","componentDidRender","scheduleContentVerification","canValidateWcagOnRender","tick","validateAccessibility","calculateWidthOfItems","hostWidth","getBoundingClientRect","width","sumOfWidths","querySelectorAll","forEach","li","render","Host","key","class","classes","accessibleLabel","accessibleLabelledBy","size","color","type","name","validateAccessibleLabel","undefined"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\r\n\troot: 'gov-breadcrumbs',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\r\nimport {BreadcrumbsClass} from './constants'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-breadcrumbs',\r\n})\r\nexport class GovBreadcrumbs {\r\n\tprivate inited = false;\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\r\n\t/**\r\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Defines whether the breadcrumbs are open or closed by button\r\n\t */\r\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\r\n\t/**\r\n\t * Adds accessible label for the pagination that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\r\n\t/**\r\n\t * Indicates the id of a component that labels the pagination.\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\r\n\t/**\r\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\r\n\t */\r\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\r\n\t/**\r\n\t * Called when the Breadcrumbs state changes\r\n\t */\r\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\r\n\r\n\t@State() expanded = false;\r\n\t@State() toggleOption = false;\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.scheduleContentVerification()\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\t}\r\n\r\n\tprivate scheduleContentVerification() {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\t\ttick(() => {\r\n\t\t\tthis.calculateWidthOfItems();\r\n\t\t\tthis.inited = false;\r\n\t\t});\r\n\t}\r\n\r\n\tprivate calculateWidthOfItems() {\r\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\r\n\t\tlet sumOfWidths = 0;\r\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\r\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\r\n\t\t})\r\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\r\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</nav>\r\n\t\t\t\t{this.toggleOption ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\tsize={'xs'}\r\n\t\t\t\t\t\tcolor={'primary'}\r\n\t\t\t\t\t\ttype={'base'}\r\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\r\n\t\t\t\t\t\taria-pressed={this.expanded}\r\n\t\t\t\t\t\taria-expanded={this.expanded}\r\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\r\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\r\n\t}\r\n}\r\n"],"mappings":"wRAAO,MAAMA,EAAmB,CAC/BC,KAAM,mB,MCWMC,EAAc,MAI1B,WAAAC,CAAAC,G,8CAHQC,KAAMC,OAAG,MAWAD,KAAWE,YAAY,MAIGF,KAAUG,WAAY,MAYVH,KAAqBI,sBAAW,6BAM9EJ,KAAQK,SAAG,MACXL,KAAYM,aAAG,MA9BvBN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA+BD,wBAAMC,GACLV,KAAKW,8BACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMb,KAAKc,yB,EAIV,2BAAAH,GACP,GAAIX,KAAKC,OAAQ,OACjBD,KAAKC,OAAS,KACdY,GAAK,KACJb,KAAKe,wBACLf,KAAKC,OAAS,KAAK,G,CAIb,qBAAAc,GACP,MAAMC,EAAYhB,KAAKS,KAAKQ,wBAAwBC,MACpD,IAAIC,EAAc,EAClBnB,KAAKS,KAAKW,iBAAiB,MAAMC,SAASC,IACzCH,GAAeG,EAAGL,wBAAwBC,KAAK,IAEhDlB,KAAKM,aAAea,EAAcH,C,CAGnC,MAAAO,GACC,OACChB,EAACiB,EAAI,CAAAC,IAAA,2CAACC,MAAO1B,KAAKO,EAAEoB,QAAQhC,EAAiBC,MAAOS,SAAUL,KAAKK,UAClEE,EAAA,OAAAkB,IAAA,wDAAiBzB,KAAK4B,gBAAkC,kBAAA5B,KAAK6B,sBAC5DtB,EAAA,QAAAkB,IAAA,8CAEAzB,KAAKM,aACLC,EAAA,cACCuB,KAAM,KACNC,MAAO,UACPC,KAAM,OACM,aAAAhC,KAAKI,sBAAqB,eACxBJ,KAAKK,SACJ,gBAAAL,KAAKK,SAAQ,eACd,IAAML,KAAKK,UAAYL,KAAKK,UAE1CE,EAAU,YAAA0B,KAAMjC,KAAKK,SAAW,aAAe,eAAgB2B,KAAK,gBAElE,K,CAUP,2BAAMlB,GACLoB,EAAwBlC,KAAK4B,gBAAiB5B,KAAK6B,qBAAsBlC,EAAiBC,KAAMI,KAAKS,MACrGyB,EAAwBlC,KAAKI,sBAAuB+B,UAAWxC,EAAiBC,KAAMI,KAAKS,K","ignoreList":[]}

package/dist/core/p-4aea131f.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as r,g as a}from"./p-ClISz4NF.js";import{a as o}from"./p-C6JN9gdb.js";import{g as i}from"./p-CoD1xawt.js";import"./p-BcQO4NH2.js";const e=class{constructor(t){s(this,t);this.column="12";this.row="1";this.h=i(this.host)}render(){return t(r,{key:"f0bd487f13430180ee5ba1ea47b42a96c792a844",class:this.h.classes(o.root),role:"listitem"},t("slot",{key:"31abf23d589818b1f8ca2d7adf527619d470739f"}))}get host(){return a(this)}};export{e as gov_grid_item};
-//# sourceMappingURL=p-4aea131f.entry.js.map

package/dist/core/p-4aea131f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovGridItem","constructor","hostRef","this","column","row","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { GridItemClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-grid-item',\r\n})\r\nexport class GovGridItem {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovGridItemElement\r\n\t/**\r\n\t * Cell size as a fraction of 1/12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\r\n\t/**\r\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\r\n\t/**\r\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\r\n\t/**\r\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\r\n\t/**\r\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\r\n\t/**\r\n\t * Connects rows in the grid\r\n\t */\r\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\r\n\t/**\r\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\r\n\t/**\r\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\r\n\t/**\r\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\r\n\t/**\r\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\r\n\t\t\t\trole=\"listitem\"\r\n\t\t\t>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"+JAQaA,EAAW,MAGvB,WAAAC,CAAAC,G,UAQ0CC,KAAMC,OAAW,KAoBjBD,KAAGE,IAAW,IA3BvDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA6CD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOT,KAAKG,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/core/p-4ce8e721.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,H as a,g as e}from"./p-ClISz4NF.js";import{g as d,b as o}from"./p-CoD1xawt.js";import{c}from"./p-vN03FcXN.js";import{v as n}from"./p-CDIRBJsi.js";import{c as r}from"./p-CgDnDrq5.js";import{d as h}from"./p-CQvUntGY.js";import"./p-DNztiAH0.js";var l;(function(i){i["HORIZONTAL"]="horizontal";i["VERTICAL"]="vertical"})(l||(l={}));const f={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var b;(function(i){i["A"]="a";i["DIV"]="div"})(b||(b={}));const v=class{constructor(s){i(this,s);this.govToggle=t(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=d(this.host);this.headlineId=c("GovCardHeadline");this.contentId=c("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const i=this.href?b.A:b.DIV;return s(a,{key:"cdfd3d0c4298a3bf933073c558dad83f3765b6c2",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),clickable:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?s("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},s("slot",{name:"headline"}),s("gov-icon",{class:f.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?s("div",{class:f.header},s("slot",{name:"headline"})):null,s(i,{key:"6bb81b9dd553397f508a8042316fd09579154461",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:f.inner},this.h.hasSlot("img")&&s("div",{key:"740547f9bc6e9be839cbf8edc44faddb6aaa5246",class:f.img},s("slot",{key:"abb25299c0f9b0b4ac1a4826648dd7a774894514",name:"img"})),this.h.hasSlot("icon")&&s("div",{key:"c768f9fd3f3ac79f907dd26601c109265d6d903d",class:f.icon},s("slot",{key:"8cf8ffde300503c874e32644d6c4111e6b608e36",name:"icon"})),s("div",{key:"1e3218226ffc179f0afb0da94c48a939b248c311",class:f.content},s("slot",{key:"2a0ac8f1ecd6a83537bfb2da85d06c9d9b3f2706"})),this.h.hasSlot("footer")&&s("div",{key:"04b7f39f60eab3db295b82072d1b06648d687b0b",class:f.footer},s("slot",{key:"4ec8ee6bf3b4ec9a02b30d5d2dc6b2fab6bb5065",name:"footer"}))))}onClickHandler(i){i.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return e(this)}};export{v as gov_card};
-//# sourceMappingURL=p-4ce8e721.entry.js.map

package/dist/core/p-4ce8e721.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","constructor","hostRef","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport enum CardDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\r\n\r\nexport const CardClass = {\r\n\troot: 'gov-card',\r\n\theader: 'gov-card__header',\r\n\tarrow: 'gov-card__arrow',\r\n\tinner: 'gov-card__inner',\r\n\timg: 'gov-card__img',\r\n\ticon: 'gov-card__icon',\r\n\tcontent: 'gov-card__content',\r\n\tfooter: 'gov-card__footer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {CardClass, CardDirectionType} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {delay} from '../../utils/utils'\r\nimport {GovCardChangeEvent} from './interfaces'\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\r\n\r\nenum Tags {\r\n\tA = \"a\",\r\n\tDIV = \"div\",\r\n}\r\n\r\n@Component({\r\n\ttag: 'gov-card',\r\n})\r\nexport class GovCard {\r\n\tprivate h: GovHost\r\n\tprivate readonly headlineId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.headlineId = createID('GovCardHeadline')\r\n\t\tthis.contentId = createID('GovCardContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCardElement\r\n\r\n\t/**\r\n\t * Card direction\r\n\t */\r\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\r\n\t/**\r\n\t * Defines weather the card can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Defines weather the card can be clickable with hover effect\r\n\t */\r\n\t@Prop() readonly clickable: boolean = false\r\n\t/**\r\n\t * Defines whether the card is open or closed\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) open = true\r\n\t/**\r\n\t * Link on whole card\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\t/**\r\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for collapsible card\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\r\n\t/**\r\n\t * Called when the card toggle state changes\r\n\t */\r\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\r\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\r\n\t\t\t\t  clickable={this.clickable}\r\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tid={this.headlineId}\r\n\t\t\t\t\t\tclass={CardClass.header}\r\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\r\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\r\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\r\n\t\t\t\t\t<div class={CardClass.header}>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t<Tag href={this.href}\r\n\t\t\t\t\t target={this.target}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\r\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\r\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\r\n\t\t\t\t\t class={CardClass.inner}>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('img') && (\r\n\t\t\t\t\t\t<div class={CardClass.img}>\r\n\t\t\t\t\t\t\t<slot name=\"img\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<div class={CardClass.icon}>\r\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div class={CardClass.content}>\r\n\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t<div class={CardClass.footer}>\r\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e) {\r\n\t\te.stopPropagation()\r\n\t\tif (this.collapsible) {\r\n\t\t\tthis.open = !this.open\r\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the accessible attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tif (this.collapsible) {\r\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\r\n\t\t}\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-5283672a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e,g as a}from"./p-ClISz4NF.js";import{p as i}from"./p-CQvUntGY.js";import{S as r}from"./p-BcQO4NH2.js";import{g as o}from"./p-CoD1xawt.js";import{v as c}from"./p-NOJjz9dT.js";import{i as n}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-Bz_RzYFb.js";const h=i(r,["_S","_M","_L"]);const d={root:"gov-link",external:"gov-link--external"};const b=class{constructor(s){t(this,s);this.size="m";this.external=false;this.truncate=false;this.inheritedAttributes={};this.h=o(this.host)}validateSize(t){c(h,t,d.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=n(this.host)}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){return s(e,{key:"87da124a14ecd5515767b8583a98c8a24ea6b21b",class:this.h.classes(d.root),size:this.size,href:this.href,external:this.external,truncate:this.truncate},s("a",Object.assign({key:"7e9b80a7eb6527214cea32a1a6b2dfa7bdba56a9",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),s("slot",{key:"0620fa97529d8966460cd664ff4285719954ca26",name:"icon-start"}),s("span",{key:"fc56fe240cda4ab1dde314deac56937fa9d53717"},s("slot",{key:"fdb01c25b213ee2c093136ff86a9f3d56a0b12ca"})),s("slot",{key:"1d077305b248a77e6b6730c32d5136ce4a9b2858",name:"icon-end"}),this.external&&s("gov-icon",{key:"c9d155610f0cbd4ddf1fd1945b8da78357ba2767",name:"box-arrow-up-right",type:"components",size:this.size,class:d.external})))}get host(){return a(this)}static get watchers(){return{size:["validateSize"]}}};export{b as gov_link};
-//# sourceMappingURL=p-5283672a.entry.js.map

package/dist/core/p-5283672a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LinkSizes","pick","Sizes","LinkClass","root","external","GovLink","constructor","hostRef","this","size","truncate","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","inheritAriaAttributes","onAriaAttributeChange","attributeName","removeAttribute","Object","assign","render","Host","key","class","classes","href","target","rel","name","type"],"sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.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 LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\r\n\r\nexport const LinkClass = {\r\n\troot: 'gov-link',\r\n\texternal: 'gov-link--external',\r\n}\r\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\r\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: 'gov-link',\r\n})\r\nexport class GovLink {\r\n\tprivate 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: HTMLGovLinkElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: LinkSizesType = 'm'\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly external?: boolean = false\r\n\t/**\r\n\t * Cutting text to one line\r\n\t */\r\n\t@Prop() readonly truncate?: boolean = false\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\r\n\t */\r\n\t@Prop() readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target: string\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\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(LinkClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  href={this.href}\r\n\t\t\t\t  external={this.external}\r\n\t\t\t\t  truncate={this.truncate}>\r\n\t\t\t\t<a class=\"element\"\r\n\t\t\t\t   href={this.href}\r\n\t\t\t\t   target={this.external ? '_blank' : this.target}\r\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\r\n\t\t\t\t   {...this.inheritedAttributes}>\r\n\t\t\t\t\t<slot name=\"icon-start\"/>\r\n\t\t\t\t\t<span><slot/></span>\r\n\t\t\t\t\t<slot name=\"icon-end\"/>\r\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\r\n\t\t\t\t</a>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"6RAIO,MAAMA,EAAYC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,SAAU,sB,MCEEC,EAAO,MAGnB,WAAAC,CAAAC,G,UAQiBC,KAAIC,KAAmB,IAIvBD,KAAQJ,SAAa,MAIrBI,KAAQE,SAAa,MAkB7BF,KAAmBG,oBAAe,GAjC1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CA4BD,YAAAC,CAAaC,GACZC,EAAalB,EAAWiB,EAAUd,EAAUC,K,CAK7C,iBAAAe,GACCV,KAAKO,aAAaP,KAAKC,MACvBD,KAAKG,oBAAsBQ,EAAsBX,KAAKM,K,CAGvD,qBAAAM,CAAsBC,EAAuBL,GAC5CR,KAAKM,KAAKQ,gBAAgBD,GAC1Bb,KAAKG,oBAA0BY,OAAAC,OAAAD,OAAAC,OAAA,GAAAhB,KAAKG,qBAAqB,CAAAU,CAACA,GAAgBL,G,CAG3E,MAAAS,GACC,OACCb,EAACc,EAAK,CAAAC,IAAA,2CAAAC,MAAOpB,KAAKI,EAAEiB,QAAQ3B,EAAUC,MACnCM,KAAMD,KAAKC,KACXqB,KAAMtB,KAAKsB,KACX1B,SAAUI,KAAKJ,SACfM,SAAUF,KAAKE,UACjBE,EAAA,IAAAW,OAAAC,OAAA,CAAAG,IAAA,2CAAGC,MAAM,UACNE,KAAMtB,KAAKsB,KACXC,OAAQvB,KAAKJ,SAAW,SAAWI,KAAKuB,OACxCC,IAAKxB,KAAKJ,SAAW,aAAe,MAChCI,KAAKG,qBACXC,EAAM,QAAAe,IAAA,2CAAAM,KAAK,eACXrB,EAAA,QAAAe,IAAA,4CAAMf,EAAA,QAAAe,IAAA,8CACNf,EAAM,QAAAe,IAAA,2CAAAM,KAAK,aACVzB,KAAKJ,UAAYQ,EAAU,YAAAe,IAAA,2CAAAM,KAAK,qBAAqBC,KAAK,aAAazB,KAAMD,KAAKC,KAAMmB,MAAO1B,EAAUE,Y","ignoreList":[]}

package/dist/core/p-54209c57.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-ClISz4NF.js";import{g as a,c as n,d as h}from"./p-B6CqPcY_.js";import{g as r,a as l,t as c}from"./p-CoD1xawt.js";import{v as d}from"./p-NOJjz9dT.js";import{c as u,r as v}from"./p-vN03FcXN.js";import{p}from"./p-Ccwpa1ck.js";import{t as f}from"./p-Cjg0wpDG.js";import{A as m,a as b}from"./p-Bz_RzYFb.js";import"./p-BcQO4NH2.js";import"./p-CQvUntGY.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";import"./p-CgDnDrq5.js";import"./p-DNztiAH0.js";const g=class{constructor(s){t(this,s);this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govChange=i(this,"gov-change");this.govSelect=i(this,"gov-select");this.govRemove=i(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=u("GovSelect");this.listId=u("GovMultiList");this.h=r(this.host);this.f=a(this.h)}validateSize(t){d(h,t,n.root)}watchOptions(t){this.optionsState=p(t)}watchValue(t){this.selectedOptionsState=p(t)}componentDidLoad(){this.attributeObserver=new m(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(b);this.initAutocomplete()}componentWillLoad(){this.validateSize(this.size);this.optionsState=p(this.options);this.selectedOptionsState=p(this.value)}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})}getAvailableOptions(t=false){if(Array.isArray(this.optionsState)&&this.optionsState.length){if(t){return this.optionsState}return this.optionsState.filter((t=>{const i=this.selectedValueIndex(t.value);return i!==-1||(t===null||t===void 0?void 0:t.disabled)?false:true})).map((t=>{var i;return{name:(i=t.label)!==null&&i!==void 0?i:t.value,value:t.value}}))}return Array.from(this.selectRef.querySelectorAll("option")).filter((i=>{if(t){return true}const s=this.selectedValueIndex(i.value);return!(i.disabled||i.selected||s>-1)})).map((t=>({name:t.textContent,value:t.value})))}initAutocomplete(){var t,i,s,e,o;(t=this.autocompleteRef)===null||t===void 0?void 0:t.addEventListener("gov-select",this.onSelectHandler.bind(this));(i=this.autocompleteRef)===null||i===void 0?void 0:i.addEventListener("gov-input",this.onInputHandler.bind(this));(s=this.autocompleteRef)===null||s===void 0?void 0:s.addEventListener("gov-focus",this.onFocusHandler.bind(this));(e=this.autocompleteRef)===null||e===void 0?void 0:e.addEventListener("gov-blur",this.onBlurHandler.bind(this));(o=this.autocompleteRef)===null||o===void 0?void 0:o.setSearchCallback((t=>new Promise((i=>{const s=this.getAvailableOptions();if(String(t).length===0){return i(s)}i(s.filter((({label:i,value:s})=>{if(!i)i=s;return v(i).toLowerCase().indexOf(v(t).toLowerCase())>-1})))})))).finally()}selectedValueIndex(t){return this.selectedOptionsState.findIndex((i=>i===t))}getOptionElement(t){return this.selectRef.querySelector('option[value="'+t+'"]')}getOption(t){var i;return(i=this.getAvailableOptions(true).find((i=>i.value===t)))!==null&&i!==void 0?i:null}selectOption(t,i=true){const s=this.selectedValueIndex(t);if(s===-1){this.selectedOptionsState=[...this.selectedOptionsState,t];this.value=this.selectedOptionsState;if(i){this.govChange.emit({component: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,i=true){const s=this.selectedValueIndex(t);if(s!==-1){this.selectedOptionsState.splice(s,1);this.selectedOptionsState=[...this.selectedOptionsState];this.value=this.selectedOptionsState;if(i){this.govChange.emit({component:n.root,value:this.selectedOptionsState});this.govRemove.emit({component:n.root,value:this.selectedOptionsState})}const e=this.getOptionElement(t);if(e){e.selected=false}}}async componentDidRender(){this.f.passAttrToLabel("required",String(this.required));f((()=>{this.selectRef.querySelectorAll("option").forEach((t=>{if(t.selected){this.selectOption(t.value,false)}}))}))}render(){return s(e,{key:"b5f6643779e88a7fd84c50e0e28a2e3df55ef5b1",class:n.root,size:this.size},s("div",{key:"eac5219ecea75ffa80cf00e2ea7b657d011a4364",class:n.wrap},this.h.hasSlot("prefix")&&s("slot",{key:"043326a3213e27ba4bd82fc07d807f5385cad621",name:"prefix"}),s("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&&s("gov-icon",{key:"5462998619176ad9b9fb64bb4cbfa64640b1882b",slot:"validation-icon",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&s("gov-icon",{key:"927ab032bef36a8de9dcbdc0b04fb9ba788ff3ef",slot:"validation-icon",class:"validation-icon",name:"exclamation-lg",type:"components"}),s("gov-icon",{key:"92064ab6e3af5b2614eabe328795602613e06fdb",slot:"icon-end",class:"arrow-icon",name:"chevron-down",type:"components"})),s("select",Object.assign({key:"e344464b72f03ab9cf5e9ccdbd5caaff913774f9",hidden:true,class:"hidden-select-list","aria-hidden":l(true),multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:t=>this.selectRef=t},this.inheritedAttributes,{"aria-disabled":c(this.disabled),"aria-required":c(this.required),"aria-invalid":c(this.invalid)}),s("slot",{key:"b7713729d23f54f2f7d9489bd816237565b87d43"}),Array.isArray(this.optionsState)&&this.optionsState.map((t=>{var i;const e=this.selectedValueIndex(t.value);return s("option",{value:t.value,selected:e>-1,disabled:t===null||t===void 0?void 0:t.disabled},(i=t.label)!==null&&i!==void 0?i:t.value)}))),this.h.hasSlot("sufix")&&s("slot",{key:"ae1452913889844708b397d9d6e66fa071f85522",name:"sufix"})),this.hideSelectedList===false?s("ul",{role:"listbox",id:this.listId,class:n.list},Array.isArray(this.selectedOptionsState)&&this.selectedOptionsState.map((t=>{var i;const e=this.getOption(t);if(!e)return null;return s("li",{class:n.item,role:"option"},(i=e.label)!==null&&i!==void 0?i:e.value,s("gov-button",{"aria-label":`Odebrat vybranou položku ${e.label}`,color:"primary",type:"base",size:this.size,"on-gov-click":()=>this.onTagRemove(t)},s("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 i=t.detail.selected;this.selectOption(i.value);this.valueState="";this.autocompleteRef.clearValue().finally();this.autocompleteRef.focus()}onTagRemove(t){this.removeOption(t)}async setFocus(t){return this.selectRef.focus(t)}async setValue(t){this.valueState=t}async getRef(){return this.selectRef}get host(){return o(this)}static get watchers(){return{size:["validateSize"],options:["watchOptions"],value:["watchValue"]}}};export{g as gov_form_multi_select};
-//# sourceMappingURL=p-54209c57.entry.js.map

package/dist/core/p-54209c57.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovFormMultiSelect","constructor","hostRef","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":"uiBAuBaA,EAAkB,MAW9B,WAAAC,CAAAC,G,wLA4BiBC,KAAIC,KAA8B,IAQDD,KAAgBE,iBAAY,MAK7DF,KAAQG,SAAY,MAKLH,KAAQI,SAAY,MAYPJ,KAAYK,aAAW,iCAIrBL,KAAcM,eAAW,aAwB/DN,KAAoBO,qBAAqC,GACzDP,KAAYQ,aAA6B,GAiBzCR,KAAmBS,oBAAe,GAvG1CT,KAAKU,SAAWC,EAAS,aACzBX,KAAKY,OAASD,EAAS,gBAEvBX,KAAKa,EAAIC,EAAQd,KAAKe,MACtBf,KAAKgB,EAAIC,EAAQjB,KAAKa,EACtB,CAoFD,YAAAK,CAAaC,GACZC,EAAaC,EAAsBF,EAAUG,EAAqBC,K,CAInE,YAAAC,CAAaL,GACZnB,KAAKQ,aAAeiB,EAAkBN,E,CAIvC,UAAAO,CAAWP,GACVnB,KAAKO,qBAAuBkB,EAAkBN,E,CAK/C,gBAAAQ,GACC3B,KAAK4B,kBAAoB,IAAIC,EAAkB7B,KAAKe,MAAM,CAACe,EAAeX,KACzEnB,KAAK+B,sBAAsBD,EAAeX,EAAS,IAGpDnB,KAAK4B,kBAAkBI,eAAeC,GACtCjC,KAAKkC,kB,CAGN,iBAAAC,GACCnC,KAAKkB,aAAalB,KAAKC,MACvBD,KAAKQ,aAAeiB,EAAkBzB,KAAKoC,SAC3CpC,KAAKO,qBAAuBkB,EAAkBzB,KAAKqC,M,CAGpD,oBAAAC,G,OACCC,EAAAvC,KAAK4B,qBAAmB,MAAAW,SAAA,SAAAA,EAAAC,e,CAGzB,qBAAAT,CAAsBD,EAAuBX,GAC5CnB,KAAKe,KAAK0B,gBAAgBX,GAC1B9B,KAAKS,oBAA0BiC,OAAAC,OAAAD,OAAAC,OAAA,GAAA3C,KAAKS,qBAAqB,CAAAqB,CAACA,GAAgBX,G,CAGnE,mBAAAyB,CAAoBC,EAAe,OAC1C,GAAIC,MAAMC,QAAQ/C,KAAKQ,eAAiBR,KAAKQ,aAAawC,OAAQ,CACjE,GAAIH,EAAc,CACjB,OAAO7C,KAAKQ,Y,CAEb,OAAOR,KAAKQ,aAAayC,QAAQC,IAChC,MAAMC,EAAgBnD,KAAKoD,mBAAmBF,EAAOb,OACrD,OAAQc,KAAkB,IAAMD,IAAA,MAAAA,SAAA,SAAAA,EAAQ9C,UAAY,MAAQ,IAAI,IAC9DiD,KAAKH,IAAU,IAAAX,EAAC,OAAEe,MAAMf,EAAAW,EAAOK,SAAS,MAAAhB,SAAA,EAAAA,EAAAW,EAAOb,MAAOA,MAAOa,EAAOb,MAAM,G,CAE9E,OAAOS,MAAMU,KAAKxD,KAAKyD,UAAUC,iBAAiB,WAChDT,QAAQC,IACR,GAAIL,EAAc,CACjB,OAAO,I,CAER,MAAMM,EAAgBnD,KAAKoD,mBAAmBF,EAAOb,OACrD,QAASa,EAAO9C,UAAY8C,EAAOS,UAAYR,GAAgB,EAAG,IAElEE,KAAKH,IAAyB,CAAOI,KAAMJ,EAAOU,YAAavB,MAAOa,EAAOb,S,CAGxE,gBAAAH,G,eACPK,EAAAvC,KAAK6D,mBAAiB,MAAAtB,SAAA,SAAAA,EAAAuB,iBAAiB,aAAc9D,KAAK+D,gBAAgBC,KAAKhE,QAC/EiE,EAAAjE,KAAK6D,mBAAiB,MAAAI,SAAA,SAAAA,EAAAH,iBAAiB,YAAa9D,KAAKkE,eAAeF,KAAKhE,QAC7EmE,EAAAnE,KAAK6D,mBAAiB,MAAAM,SAAA,SAAAA,EAAAL,iBAAiB,YAAa9D,KAAKoE,eAAeJ,KAAKhE,QAC7EqE,EAAArE,KAAK6D,mBAAiB,MAAAQ,SAAA,SAAAA,EAAAP,iBAAiB,WAAY9D,KAAKsE,cAAcN,KAAKhE,QAC3EuE,EAAAvE,KAAK6D,mBAAe,MAAAU,SAAA,SAAAA,EACjBC,mBAAkBC,GACZ,IAAIC,SAAQC,IAClB,MAAMC,EAAO5E,KAAK4C,sBAClB,GAAIiC,OAAOJ,GAAczB,SAAW,EAAG,CACtC,OAAO2B,EAAQC,E,CAEhBD,EACCC,EAAK3B,QAAO,EAAEM,QAAOlB,YACpB,IAAKkB,EAAOA,EAAQlB,EACpB,OAAOyC,EAAiBvB,GAAOwB,cAAcC,QAAQF,EAAiBL,GAAcM,gBAAiB,CAAE,IAExG,MAGFE,S,CAGK,kBAAA7B,CAAmBf,GAC1B,OAAOrC,KAAKO,qBAAqB2E,WAAWvB,GAAaA,IAAatB,G,CAG/D,gBAAA8C,CAAiB9C,GACxB,OAAOrC,KAAKyD,UAAU2B,cAAc,iBAAmB/C,EAAQ,K,CAGxD,SAAAgD,CAAUhD,G,MACjB,OAAOE,EAAAvC,KAAK4C,oBAAoB,MAAM0C,MAAMpC,GAAWA,EAAOb,QAAUA,OAAU,MAAAE,SAAA,EAAAA,EAAA,I,CAG3E,YAAAgD,CAAaC,EAA2CC,EAAS,MACxE,MAAMC,EAAQ1F,KAAKoD,mBAAmBoC,GACtC,GAAIE,KAAU,EAAI,CACjB1F,KAAKO,qBAAuB,IAAIP,KAAKO,qBAAsBiF,GAC3DxF,KAAKqC,MAAQrC,KAAKO,qBAClB,GAAIkF,EAAQ,CACXzF,KAAK2F,UAAUC,KAAK,CACnBC,UAAWvE,EAAqBC,KAChCc,MAAOrC,KAAKO,uBAEbP,KAAK8F,UAAUF,KAAK,CACnBC,UAAWvE,EAAqBC,KAChCc,MAAOrC,KAAKO,sB,CAGd,MAAM2C,EAASlD,KAAKmF,iBAAiBK,GACrC,GAAItC,EAAQ,CACXA,EAAOS,SAAW,I,GAKb,YAAAoC,CAAaA,EAA8CN,EAAS,MAC3E,MAAMC,EAAQ1F,KAAKoD,mBAAmB2C,GACtC,GAAIL,KAAU,EAAI,CACjB1F,KAAKO,qBAAqByF,OAAON,EAAO,GACxC1F,KAAKO,qBAAuB,IAAIP,KAAKO,sBACrCP,KAAKqC,MAAQrC,KAAKO,qBAClB,GAAIkF,EAAQ,CACXzF,KAAK2F,UAAUC,KAAK,CACnBC,UAAWvE,EAAqBC,KAChCc,MAAOrC,KAAKO,uBAEbP,KAAKiG,UAAUL,KAAK,CACnBC,UAAWvE,EAAqBC,KAChCc,MAAOrC,KAAKO,sB,CAGd,MAAM2C,EAASlD,KAAKmF,iBAAiBY,GACrC,GAAI7C,EAAQ,CACXA,EAAOS,SAAW,K,GAKrB,wBAAMuC,GACLlG,KAAKgB,EAAEmF,gBAAgB,WAAYtB,OAAO7E,KAAKG,WAE/CiG,GAAK,KACJpG,KAAKyD,UAAUC,iBAAiB,UAAU2C,SAASnD,IAClD,GAAIA,EAAOS,SAAU,CACpB3D,KAAKuF,aAAarC,EAAOb,MAAO,M,IAEhC,G,CAIJ,MAAAiE,GACC,OACCzF,EAAC0F,EAAI,CAAAC,IAAA,2CAACC,MAAOnF,EAAqBC,KAAMtB,KAAMD,KAAKC,MAClDY,EAAA,OAAA2F,IAAA,2CAAKC,MAAOnF,EAAqBoF,MAC/B1G,KAAKa,EAAE8F,QAAQ,WAAa9F,EAAM,QAAA2F,IAAA,2CAAAlD,KAAK,WACxCzC,EAAA,yBAAA2F,IAAA,2CACCnE,MAAOrC,KAAK4G,WACZxG,SAAUJ,KAAKI,SACfyG,WAAY7G,KAAK6G,YAAc7G,KAAKU,SACpCP,SAAU,MACV2G,QAAS9G,KAAK8G,QACdC,QAAS/G,KAAK+G,QACd9G,KAAMD,KAAKC,KACX+G,YAAahH,KAAKgH,YACH,gBAAAhH,KAAKK,aAAY,kBACfL,KAAKM,eACtB2G,IAAKC,GAAOlH,KAAK6D,gBAAkBqD,EACnCC,UAAW,EACA,YAAAnH,KAAKY,QAEfZ,KAAK+G,SAAWlG,EAAA,YAAA2F,IAAA,2CAAUY,KAAK,kBAAkBX,MAAM,kBAAkBnD,KAAK,WAAW+D,KAAK,eAC9FrH,KAAK8G,SAAWjG,EAAA,YAAA2F,IAAA,2CAAUY,KAAK,kBAAkBX,MAAM,kBAAkBnD,KAAK,iBAAiB+D,KAAK,eACrGxG,EAAA,YAAA2F,IAAA,2CAAUY,KAAK,WAAWX,MAAM,aAAanD,KAAK,eAAe+D,KAAK,gBAEvExG,EAAA,SAAA6B,OAAAC,OAAA,CAAA6D,IAAA,2CACCc,OAAM,KACNb,MAAO,qBACM,cAAAc,EAAW,MACxBC,SAAQ,KACRrH,SAAUH,KAAKG,SACfmD,KAAMtD,KAAKsD,KACXlD,SAAUJ,KAAKI,SACf6G,IAAKC,GAAOlH,KAAKyD,UAAYyD,GACzBlH,KAAKS,oBAAmB,iBACbgH,EAAoBzH,KAAKI,UAAS,gBAClCqH,EAAoBzH,KAAKG,UAAS,eACnCsH,EAAoBzH,KAAK8G,WAEvCjG,EAAQ,QAAA2F,IAAA,6CACP1D,MAAMC,QAAQ/C,KAAKQ,eAAiBR,KAAKQ,aAAa6C,KAAKH,I,MAC3D,MAAMwE,EAAiB1H,KAAKoD,mBAAmBF,EAAOb,OACtD,OAAQxB,EAAA,UAAQwB,MAAOa,EAAOb,MAAOsB,SAAU+D,GAAiB,EAC5DtH,SAAU8C,IAAM,MAANA,SAAA,SAAAA,EAAQ9C,WAAWmC,EAAAW,EAAOK,SAAK,MAAAhB,SAAA,EAAAA,EAAIW,EAAOb,MAAe,KAGxErC,KAAKa,EAAE8F,QAAQ,UAAY9F,EAAM,QAAA2F,IAAA,2CAAAlD,KAAK,WAEvCtD,KAAKE,mBAAqB,MAC1BW,EAAA,MAAI8G,KAAK,UAAUC,GAAI5H,KAAKY,OAAQ6F,MAAOnF,EAAqBuG,MAC9D/E,MAAMC,QAAQ/C,KAAKO,uBAAyBP,KAAKO,qBAAqB8C,KAAIM,I,MAC1E,MAAMT,EAASlD,KAAKqF,UAAU1B,GAC9B,IAAKT,EAAQ,OAAO,KACpB,OACCrC,EAAI,MAAA4F,MAAOnF,EAAqBwG,KAAMH,KAAK,WACzCpF,EAAAW,EAAOK,SAAS,MAAAhB,SAAA,EAAAA,EAAAW,EAAOb,MACxBxB,EAAA,2BACa,4BAA4BqC,EAAOK,QAC/CwE,MAAM,UACNV,KAAK,OACLpH,KAAMD,KAAKC,KAAI,eACD,IAAMD,KAAKgI,YAAYrE,IAErC9C,EAAU,YAAAyC,KAAK,OAAO+D,KAAK,gBAExB,KAIL,K,CAKC,cAAAjD,CAAe6D,GACtBA,EAAEC,kBACFlI,KAAKmI,QAAU,KACfnI,KAAKoI,SAASxC,KAAK,CAClBC,UAAWvE,EAAqBC,KAChC8G,cAAeJ,EACf5F,MAAOrC,KAAKO,sB,CAIN,aAAA+D,CAAc2D,GACrBA,EAAEC,kBACFD,EAAEC,kBACFlI,KAAKmI,QAAU,MACfnI,KAAKsI,QAAQ1C,KAAK,CACjBC,UAAWvE,EAAqBC,KAChC8G,cAAeJ,EACf5F,MAAOrC,KAAKO,sB,CAIN,cAAA2D,CAAe+D,GACtBjI,KAAK4G,WAAaqB,EAAEM,OAAOlG,MAC3B4F,EAAEC,iB,CAGK,eAAAnE,CAAgBkE,GACvBA,EAAEC,kBACF,MAAM7F,EAAQ4F,EAAEM,OAAO5E,SACvB3D,KAAKuF,aAAalD,EAAMA,OACxBrC,KAAK4G,WAAa,GAClB5G,KAAK6D,gBAAgB2E,aAAavD,UAClCjF,KAAK6D,gBAAgB4E,O,CAGd,WAAAT,CAAYjC,GACnB/F,KAAK+F,aAAaA,E,CAOnB,cAAM2C,CAAStG,GACd,OAAOpC,KAAKyD,UAAUgF,MAAMrG,E,CAO7B,cAAMuG,CAAStG,GACdrC,KAAK4G,WAAavE,C,CAOnB,YAAMuG,GACL,OAAO5I,KAAKyD,S","ignoreList":[]}

package/dist/core/p-56dc11ba.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as a,H as c}from"./p-ClISz4NF.js";import{F as e}from"./p-DBXGhafv.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";const o=class{constructor(a){s(this,a);this.govClick=t(this,"gov-click");this.size="m";this.required=false;this.legend=false}render(){const s=this.legend?"legend":"label";return a(c,{key:"ed4ec902f11631d324119863462a67305d8586e5",class:e.root,size:this.size},a(s,{key:"04168b854261d7aca3c96ee0bd77ab8c2fc9d5f2",class:e.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},a("slot",{key:"3d9fadd9d60baae633a699db046ca46605c4ab4c"}),this.required?a("span",{class:"gov-color--text-status-error"}," *"):null))}};export{o as gov_form_label};
-//# sourceMappingURL=p-56dc11ba.entry.js.map

package/dist/core/p-56dc11ba.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GovFormLabel","constructor","hostRef","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":"mJAMaA,EAAY,MAHzB,WAAAC,CAAAC,G,4CAWkBC,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/core/p-58911028.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as s,H as t,g as o}from"./p-ClISz4NF.js";import{C as r}from"./p-U40vKHrs.js";import{p as a}from"./p-CQvUntGY.js";import{S as c}from"./p-BcQO4NH2.js";a(c,["_S","_M","_L"]);a(r,["PRIMARY","NEUTRAL"]);const b={root:"gov-form-search"};const m=class{constructor(s){e(this,s);this.size="m";this.color="neutral"}render(){return s(t,{key:"71109e2502931ac3b92b4e2e6336c3d08d666fae",class:b.root,color:this.color,size:this.size},s("slot",{key:"615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5",name:"input"}),s("slot",{key:"fa9abfbaee3dedecb4b217cc8681b16557d978bc",name:"button-erase"}),s("slot",{key:"8c2cb29b38de5634b220db526452b9a07873fc29",name:"button"}))}get host(){return o(this)}};export{m as gov_form_search};
-//# sourceMappingURL=p-58911028.entry.js.map

package/dist/core/p-58911028.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","constructor","hostRef","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":"qKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAa,MAH1B,WAAAC,CAAAC,G,UAQkBC,KAAIC,KAAyB,IAIdD,KAAKE,MAAwB,SAW7D,CATA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOZ,EAAgBC,KAAMM,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/core/p-617b0dbe.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as s,g as e}from"./p-ClISz4NF.js";import{g as o}from"./p-CoD1xawt.js";import{v as i}from"./p-NOJjz9dT.js";import{B as r,a as c}from"./p-Bo1ROm5Q.js";import{p as n}from"./p-CQvUntGY.js";import{S as d}from"./p-BcQO4NH2.js";import{p as f}from"./p-GYov8gU1.js";import"./p-CgDnDrq5.js";import"./p-U40vKHrs.js";const p=n(d,["_XS","_S","_M"]);var m;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(m||(m={}));const l={root:"gov-tag"};const b=class{constructor(a){t(this,a);this.size=p._S;this.color=r.PRIMARY;this.expanded=false;this.h=o(this.host)}validateColor(t){i(r,t,l.root)}validateSize(t){i(c,t,l.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const t=f(this.iconStart);const e=f(this.iconEnd);return a(s,{key:"bb366b85a94d134d58766604e6410e17bed07adc",class:this.h.classes(l.root),color:this.color,size:this.size,type:this.type},a("span",{key:"963aa53926b6b65bbc155c349a119f46aabe59c8",class:"element"},a("slot",{key:"3164cfa09970ac3e0f97df7265afd45a623b09aa",name:"icon-start"},t&&a("gov-icon",{key:"335c0e5db0cb5a808c553bd4c9f6893d17a8fac9",type:t.type,name:t.name})),a("slot",{key:"9be29754dcefdaa37daee39befdc6a708e36324d"}),a("slot",{key:"6dffe882089838615e9fe451fc800b728885746a",name:"icon-end"},e&&a("gov-icon",{key:"415d8c03fefdf6281ae13668fb7b3aeaa572856e",type:e.type,name:e.name}))))}get host(){return e(this)}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}};export{b as gov_tag};
-//# sourceMappingURL=p-617b0dbe.entry.js.map

package/dist/core/p-617b0dbe.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","constructor","hostRef","this","size","_S","color","ButtonColors","PRIMARY","expanded","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.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 TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\r\n\tprivate 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: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"wUAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAW,CACvBC,KAAM,W,MCHMC,EAAM,MAGlB,WAAAC,CAAAC,G,UAiBgCC,KAAAC,KAAqBV,EAASW,GAI9BF,KAAAG,MAAyBC,EAAaC,QAQtCL,KAAQM,SAAY,MA5BnDN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA8BD,aAAAC,CAAcC,GACbC,EAAaR,EAAcO,EAAUhB,EAASC,K,CAI/C,YAAAiB,CAAaF,GACZC,EAAaE,EAAaH,EAAUhB,EAASC,K,CAG9C,iBAAAmB,GACCf,KAAKU,cAAcV,KAAKG,OACxBH,KAAKa,aAAab,KAAKC,K,CAGxB,MAAAe,GACC,MAAMC,EAAYC,EAAkBlB,KAAKiB,WACzC,MAAME,EAAUD,EAAkBlB,KAAKmB,SACvC,OACCZ,EAACa,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKO,EAAEgB,QAAQ5B,EAASC,MACpCO,MAAOH,KAAKG,MACZF,KAAMD,KAAKC,KACXuB,KAAMxB,KAAKwB,MAEXjB,EAAM,QAAAc,IAAA,2CAAAC,MAAM,WACXf,EAAA,QAAAc,IAAA,2CAAMI,KAAK,cACTR,GAAaV,EAAA,YAAAc,IAAA,2CAAUG,KAAMP,EAAUO,KAAMC,KAAMR,EAAUQ,QAE/DlB,EAAO,QAAAc,IAAA,6CACPd,EAAM,QAAAc,IAAA,2CAAAI,KAAK,YACTN,GAAWZ,EAAA,YAAAc,IAAA,2CAAUG,KAAML,EAAQK,KAAMC,KAAMN,EAAQM,S","ignoreList":[]}