@gov-design-system-ce/components 4.6.3 → 4.6.5-b

package/dist/core/{p-469f14db.entry.js.map → p-41bef63a.entry.js.map}

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

package/dist/core/p-4342c252.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-B8TR1oqt.js";import{v as o}from"./p-NOJjz9dT.js";import{C as h}from"./p-U40vKHrs.js";import{S as n}from"./p-BcQO4NH2.js";import{p as r}from"./p-CQvUntGY.js";import{c as a}from"./p-vN03FcXN.js";import{g as l,a as c}from"./p-CoD1xawt.js";import{d as f}from"./p-CgDnDrq5.js";import{t as d}from"./p-Cjg0wpDG.js";const p=r(h,["PRIMARY","NEUTRAL"]);const u=r(n,["_S","_M","_L"]);var v;(function(t){t["TOP"]="top";t["RIGHT"]="right";t["BOTTOM"]="bottom";t["LEFT"]="left"})(v||(v={}));const m={root:"gov-tooltip"};const g={root:"gov-tooltip-content"};const b=class{constructor(s){t(this,s);this.tooltipContentId=undefined;this.tooltipId=undefined;this.color=p.PRIMARY;this.size=u._M;this.position="right";this.message=undefined;this.icon=undefined;this.persist=false;this.repositionListenersAttached=false;this.reposition=()=>{if(this.tooltipContent){this.verifyPositionSpace()}};this.h=l(this.host);this.tooltipId=a("GovTooltip");this.tooltipContentId=a("GovContentTooltip")}validateColor(t){o(p,t,m.root)}validateSize(t){o(u,t,m.root)}validatePosition(t){o(v,t,m.root)}rerenderMessage(){this.createContentWrapper()}connectedCallback(){this.createContentWrapper();this.registerListeners()}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.validatePosition(this.position)}componentDidUpdate(){this.createContentWrapper()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();this.resizeObserver=undefined;window.removeEventListener("resize",this.reposition);this.repositionListenersAttached=false;this.removeContent()}createContentWrapper(){var t;if(this.tooltipContent){if(this.message!=null){this.tooltipContent.setAttribute("message",this.message)}return}let s;if(this.insideContent){s=this.insideContent}else{s=f().createElement(g.root);if(this.message!=null){s.setAttribute("message",this.message)}}s.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);s.setAttribute("parent-id",this.tooltipId);s.setAttribute("color",this.color);s.setAttribute("size",this.size);f().body.appendChild(s)}get tooltipContent(){var t;return f().body.querySelector(`#${(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId}`)}get insideContent(){return this.host.querySelector(g.root)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.tooltipContent){this.tooltipContent.setAttribute("persist","true")}this.showTooltip()}));this.host.addEventListener("mouseenter",(t=>{t.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(t=>{t.preventDefault();if(this.persist===false){this.hideTooltip()}}))}verifyPositionSpace(){const t=12;const s=window.innerWidth-(window.innerWidth-document.documentElement.clientWidth);const i=this.host.getBoundingClientRect();const e=this.host.offsetWidth;const o=this.host.offsetHeight;const h=this.tooltipContent.offsetWidth;const n=this.tooltipContent.offsetHeight;const r={left:i.left+document.documentElement.scrollLeft,top:i.top+document.documentElement.scrollTop};const a=r.left+t+i.width+h<=s;const l=r.left>h;if(this.position===v.LEFT||this.position===v.RIGHT){this.tooltipContent.style.top=r.top-(n-o)/2+"px";if(a===false&&l===false){this.position=v.TOP;this.tooltipContent.setAttribute("position",v.TOP)}if(l&&a===false&&this.position===v.RIGHT){this.position=v.LEFT}if(a&&l===false&&this.position===v.LEFT){this.position=v.RIGHT}}if(this.position===v.RIGHT){this.tooltipContent.setAttribute("position",v.RIGHT);this.tooltipContent.style.left=r.left+t+i.width+"px"}if(this.position===v.LEFT){this.tooltipContent.setAttribute("position",v.LEFT);this.tooltipContent.style.left=r.left-(h+t)+"px"}if(this.position===v.TOP||this.position===v.BOTTOM){if(h>e){let i=r.left-(h-e)/2;const o=i<0;const n=i+h>s;if(o&&n){this.tooltipContent.style.width="auto";this.tooltipContent.style.left=t+"px";this.tooltipContent.style.right=t+"px"}else{if(o){i=t}if(n){i=i-(s-(i+h+t))*-1}this.tooltipContent.style.left=i+"px"}}else{const t=r.left+(e-h)/2;this.tooltipContent.style.left=t+"px"}}if(this.position===v.TOP){this.tooltipContent.setAttribute("position",v.TOP);this.tooltipContent.style.top=r.top-(n+t)+"px"}if(this.position===v.BOTTOM){this.tooltipContent.setAttribute("position",v.BOTTOM);this.tooltipContent.style.top=r.top+(o+t)+"px"}this.tooltipContent.style.opacity="1"}showTooltip(){if(this.tooltipContent){this.tooltipContent.style.opacity="0";this.tooltipContent.hidden=false;this.tooltipContent.setAttribute("is-visible","true");d((()=>{this.verifyPositionSpace()}));if(!this.repositionListenersAttached){this.repositionListenersAttached=true;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver(this.reposition);this.resizeObserver.observe(this.tooltipContent)}window.addEventListener("resize",this.reposition)}}}hideTooltip(){var t;if(this.tooltipContent){this.tooltipContent.setAttribute("is-visible","false");this.tooltipContent.setAttribute("persist","false");this.tooltipContent.removeAttribute("style")}(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();this.resizeObserver=undefined;window.removeEventListener("resize",this.reposition);this.repositionListenersAttached=false}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(i,{key:"20ebe5eea59967e8681fd0e35fc7aff53b5915dd",id:this.tooltipId,class:this.h.classes(m.root),position:this.position},s("span",{key:"847b78886907d683425013227eb78bbf9261b709",role:"button",tabindex:0,onKeyPress:()=>this.showTooltip(),onBlur:()=>{if(this.persist===false){this.hideTooltip()}},"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",{key:"84c4c02ee11e05166fca208b82ef54298dcaa6ee"})))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return e(this)}static get watchers(){return{color:[{validateColor:0}],size:[{validateSize:0}],position:[{validatePosition:0}],message:[{rerenderMessage:0}]}}};const w=class{constructor(s){t(this,s);this.color=p.PRIMARY;this.size=u._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return s(i,{key:"121b5cd3878956618a7a917511e6d8d76edf6672",class:g.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!c(this.isVisible),"is-visible":this.isVisible},this.message?s("span",{class:"gov-tooltip-content__message",innerHTML:this.message}):s("slot",null),this.persist?s("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},s("gov-icon",{slot:"icon-start",name:"x-lg",type:"components"})):null)}get host(){return e(this)}static get watchers(){return{isVisible:[{visibleContent:0}]}}};export{b as gov_tooltip,w as gov_tooltip_content};
+//# sourceMappingURL=p-4342c252.entry.js.map

package/dist/core/p-4342c252.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TooltipColors","pick","Colors","TooltipSize","Sizes","TooltipPosition","TooltipClass","root","TooltipContentClass","GovTooltip","constructor","hostRef","this","tooltipContentId","undefined","tooltipId","color","PRIMARY","size","_M","position","message","icon","persist","repositionListenersAttached","reposition","tooltipContent","verifyPositionSpace","h","govHost","host","createID","validateColor","newValue","validateProp","validateSize","validatePosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","componentDidUpdate","disconnectedCallback","_a","resizeObserver","disconnect","window","removeEventListener","removeContent","setAttribute","content","insideContent","documentNode","createElement","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","showTooltip","hideTooltip","offset","windowWidth","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","ResizeObserver","observe","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","show","hide","GovTooltipContent","isVisible","parentId","visibleContent","clearTimeout","timeout","setTimeout","visibility","hideContent","parentEl","catch","toBoolAttr","innerHTML","bind","type","slot","name"],"sources":["../../../packages/core/src/components/gov-tooltip/constants.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { Sizes } from '../../core/constants/sizes'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\n\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\n\nexport enum TooltipPosition {\n\tTOP = 'top',\n\tRIGHT = 'right',\n\tBOTTOM = 'bottom',\n\tLEFT = 'left',\n}\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\n\nexport const TooltipClass = {\n\troot: 'gov-tooltip',\n}\n\nexport const TooltipContentClass = {\n\troot: 'gov-tooltip-content',\n}\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipColors,\n\tTooltipColorType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.resizeObserver?.disconnect()\n\t\tthis.resizeObserver = undefined\n\t\twindow.removeEventListener(\"resize\", this.reposition)\n\t\tthis.repositionListenersAttached = false\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message != null) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"message\", this.message)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tif (this.message != null) {\n\t\t\t\tcontent.setAttribute(\"message\", this.message)\n\t\t\t}\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"color\", this.color)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate resizeObserver?: ResizeObserver\n\tprivate repositionListenersAttached = false\n\tprivate readonly reposition = () => {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.verifyPositionSpace()\n\t\t}\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t\tif (!this.repositionListenersAttached) {\n\t\t\t\tthis.repositionListenersAttached = true\n\t\t\t\tif (typeof ResizeObserver !== \"undefined\") {\n\t\t\t\t\tthis.resizeObserver = new ResizeObserver(this.reposition)\n\t\t\t\t\tthis.resizeObserver.observe(this.tooltipContent)\n\t\t\t\t}\n\t\t\t\twindow.addEventListener(\"resize\", this.reposition)\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.removeAttribute('style')\n\t\t}\n\t\tthis.resizeObserver?.disconnect()\n\t\tthis.resizeObserver = undefined\n\t\twindow.removeEventListener(\"resize\", this.reposition)\n\t\tthis.repositionListenersAttached = false\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\t/**\n\t * Tooltip text. When set, renders the HTML message; otherwise the default `<slot/>` is used.\n\t */\n\t@Prop({ attribute: \"message\", mutable: true }) message?: string\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t{this.message\n\t\t\t\t\t? <span class=\"gov-tooltip-content__message\" innerHTML={this.message}></span>\n\t\t\t\t\t: <slot></slot>}\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-c1b9f1ab.entry.js → p-473afd7d.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as o,g as a}from"./p-ClISz4NF.js";import{v as e}from"./p-NOJjz9dT.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{g as f}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";c(r,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var i;(function(s){s["BOLD"]="bold";s["SUBTLE"]="subtle"})(i||(i={}));const d={root:"gov-message",content:"gov-message__content"};const b=class{constructor(t){s(this,t);this.color=r.PRIMARY;this.type="subtle";this.h=f(this.host)}validateColor(s){e(r,s,d.root)}render(){return t(o,{key:"dcd1094c7dec5bf304d39a4de8bc85dc12cb92b7",class:this.h.classes(d.root),color:this.color,type:this.type,role:"status"},this.h.hasSlot("icon")&&t("span",{key:"d51f207d78f918b14dc4edb22706595d7bc439c3"},t("slot",{key:"890ffc0ff4a6c6abbfef4e2b2a0ab1ba40a11695",name:"icon"})),t("div",{key:"ef3b1797d3bc063592d21c4013a35cf310ef0fb3",class:d.content},t("slot",{key:"6ff8a2cd2f06006fa6a0182b196cd8a38b1d1e87"})))}get host(){return a(this)}static get watchers(){return{color:["validateColor"]}}};export{b as gov_message};
-//# sourceMappingURL=p-c1b9f1ab.entry.js.map
+import{r as s,h as t,H as o,g as a}from"./p-B8TR1oqt.js";import{v as e}from"./p-NOJjz9dT.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{g as f}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";c(r,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var i;(function(s){s["BOLD"]="bold";s["SUBTLE"]="subtle"})(i||(i={}));const d={root:"gov-message",content:"gov-message__content"};const b=class{constructor(t){s(this,t);this.color=r.PRIMARY;this.type="subtle";this.h=f(this.host)}validateColor(s){e(r,s,d.root)}render(){return t(o,{key:"dcd1094c7dec5bf304d39a4de8bc85dc12cb92b7",class:this.h.classes(d.root),color:this.color,type:this.type,role:"status"},this.h.hasSlot("icon")&&t("span",{key:"d51f207d78f918b14dc4edb22706595d7bc439c3"},t("slot",{key:"890ffc0ff4a6c6abbfef4e2b2a0ab1ba40a11695",name:"icon"})),t("div",{key:"ef3b1797d3bc063592d21c4013a35cf310ef0fb3",class:d.content},t("slot",{key:"6ff8a2cd2f06006fa6a0182b196cd8a38b1d1e87"})))}get host(){return a(this)}static get watchers(){return{color:[{validateColor:0}]}}};export{b as gov_message};
+//# sourceMappingURL=p-473afd7d.entry.js.map

package/dist/core/{p-c1b9f1ab.entry.js.map → p-473afd7d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","constructor","hostRef","this","color","PRIMARY","type","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iOAI6BA,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGrF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,wB,MCLGC,EAAU,MAGtB,WAAAC,CAAAC,G,UASiBC,KAAAC,MAA0BT,EAAOU,QAIjCF,KAAIG,KAAsB,SAZ1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAcD,aAAAC,CAAcC,GACbC,EAAajB,EAAQgB,EAAUd,EAAaC,K,CAG7C,MAAAe,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOb,KAAKI,EAAEU,QAAQpB,EAAaC,MAAOM,MAAOD,KAAKC,MAAOE,KAAMH,KAAKG,KAAMY,KAAK,UACvFf,KAAKI,EAAEY,QAAQ,SACfZ,EAAA,QAAAQ,IAAA,4CACCR,EAAA,QAAAQ,IAAA,2CAAMK,KAAK,UAIbb,EAAA,OAAAQ,IAAA,2CAAKC,MAAOnB,EAAaE,SACxBQ,EAAQ,QAAAQ,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","constructor","hostRef","this","color","PRIMARY","type","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iOAI6BA,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGrF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,wB,MCLGC,EAAU,MAGtB,WAAAC,CAAAC,G,UASiBC,KAAAC,MAA0BT,EAAOU,QAIjCF,KAAAG,KAA0B,SAZ1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAcD,aAAAC,CAAcC,GACbC,EAAajB,EAAQgB,EAAUd,EAAaC,K,CAG7C,MAAAe,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOb,KAAKI,EAAEU,QAAQpB,EAAaC,MAAOM,MAAOD,KAAKC,MAAOE,KAAMH,KAAKG,KAAMY,KAAK,UACvFf,KAAKI,EAAEY,QAAQ,SACfZ,EAAA,QAAAQ,IAAA,4CACCR,EAAA,QAAAQ,IAAA,2CAAMK,KAAK,UAIbb,EAAA,OAAAQ,IAAA,2CAAKC,MAAOnB,EAAaE,SACxBQ,EAAA,QAAAQ,IAAA,8C","ignoreList":[]}

package/dist/core/{p-5721cf9b.entry.js → p-48b74272.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as h,g as e}from"./p-ClISz4NF.js";import{c as a}from"./p-vN03FcXN.js";import{v as o}from"./p-NOJjz9dT.js";import{g as r,F as n,a as c}from"./p-B6CqPcY_.js";import{g as l,a as p,t as d}from"./p-CoD1xawt.js";import{F as m}from"./p-5itQzbON.js";import{A as v,a as u}from"./p-Bz_RzYFb.js";import{i as g}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const f=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.hydrated=false;this.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=r(this.h)}validateSize(t){o(c,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",p(this.disabled));this.f.passAttrToControl("invalid",p(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=g(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return i("label",{class:n.label},t)}return t};return i(h,{class:n.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:d(this.invalid)},t(i(m,null,i("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":p(this.checked),"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:n.check,name:"check-lg",type:"components"}),i("gov-icon",{class:n.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onClickHandler(t){t.stopPropagation()}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{f as gov_form_checkbox};
-//# sourceMappingURL=p-5721cf9b.entry.js.map
+import{r as t,c as s,h as i,H as h,g as e}from"./p-B8TR1oqt.js";import{c as a}from"./p-vN03FcXN.js";import{v as o}from"./p-NOJjz9dT.js";import{g as r,F as n,a as c}from"./p-B6CqPcY_.js";import{g as l,a as p,t as d}from"./p-CoD1xawt.js";import{F as m}from"./p-5itQzbON.js";import{A as v,a as u}from"./p-Bz_RzYFb.js";import{i as g}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const f=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.hydrated=false;this.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=r(this.h)}validateSize(t){o(c,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",p(this.disabled));this.f.passAttrToControl("invalid",p(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=g(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return i("label",{class:n.label},t)}return t};return i(h,{class:n.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:d(this.invalid)},t(i(m,null,i("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":p(this.checked),"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:n.check,name:"check-lg",type:"components"}),i("gov-icon",{class:n.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onClickHandler(t){t.stopPropagation()}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return e(this)}static get watchers(){return{size:[{validateSize:0},{watchControlAttrs:0}],disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}]}}};export{f as gov_form_checkbox};
+//# sourceMappingURL=p-48b74272.entry.js.map

package/dist/core/{p-5721cf9b.entry.js.map → p-48b74272.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["GovFormCheckbox","constructor","hostRef","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormCheckbox","constructor","hostRef","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-04ec45ab.entry.js → p-49b67f59.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as i,g as r}from"./p-ClISz4NF.js";import{v as o}from"./p-NOJjz9dT.js";import{S as a}from"./p-BcQO4NH2.js";import{p as e}from"./p-CQvUntGY.js";import{g as n}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";const p=e(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(t){t["NONE"]="none";t["SM"]="sm";t["MD"]="md";t["LG"]="lg";t["XL"]="xl"})(c||(c={}));const h={root:"gov-spacer"};const m=class{constructor(s){t(this,s);this.breakpoint=undefined;this.h=n(this.host)}validateSize(t){o(p,t,h.root)}validateBreakpoint(t){o(c,t,h.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"d1b9c583b3b0381b426fb1b54be26821af691a4e",class:this.h.classes(h.root),size:this.size,breakpoint:this.breakpoint})}get host(){return r(this)}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}};export{m as gov_spacer};
-//# sourceMappingURL=p-04ec45ab.entry.js.map
+import{r as t,h as s,H as i,g as o}from"./p-B8TR1oqt.js";import{v as r}from"./p-NOJjz9dT.js";import{S as a}from"./p-BcQO4NH2.js";import{p as e}from"./p-CQvUntGY.js";import{g as n}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";const p=e(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(t){t["NONE"]="none";t["SM"]="sm";t["MD"]="md";t["LG"]="lg";t["XL"]="xl"})(c||(c={}));const h={root:"gov-spacer"};const m=class{constructor(s){t(this,s);this.breakpoint=undefined;this.h=n(this.host)}validateSize(t){r(p,t,h.root)}validateBreakpoint(t){r(c,t,h.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"d1b9c583b3b0381b426fb1b54be26821af691a4e",class:this.h.classes(h.root),size:this.size,breakpoint:this.breakpoint})}get host(){return o(this)}static get watchers(){return{size:[{validateSize:0}],breakpoint:[{validateBreakpoint:0}]}}};export{m as gov_spacer};
+//# sourceMappingURL=p-49b67f59.entry.js.map

package/dist/core/{p-04ec45ab.entry.js.map → p-49b67f59.entry.js.map}

@@ -1 +1 @@
-{"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'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/**\n\t * Spacer’s size\n\t */\n\t@Prop() readonly size?: SpacerSizeType\n\t/**\n\t * Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\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":[]}
+{"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'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/**\n\t * Spacer’s size\n\t */\n\t@Prop() readonly size?: SpacerSizeType\n\t/**\n\t * Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\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,MAAiB,KAStB,MAAMC,EAAc,CAC1BC,KAAM,c,MCRMC,EAAS,MAErB,WAAAC,CAAAC,G,UAWiBC,KAAAC,WAAqCC,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,EAAI,CAAAC,IAAA,2CAACC,MAAOf,KAAKG,EAAEa,QAAQrB,EAAYC,MAAOe,KAAMX,KAAKW,KAAMV,WAAYD,KAAKC,Y","ignoreList":[]}

package/dist/core/{p-6b44890d.entry.js → p-4bd3f101.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-ClISz4NF.js";import{g as h,l as o,m as n}from"./p-B6CqPcY_.js";import{g as c,a as r,d as l,t as d}from"./p-CoD1xawt.js";import{v as p}from"./p-NOJjz9dT.js";import{c as m}from"./p-vN03FcXN.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import{p as b}from"./p-CQvUntGY.js";import{S as g}from"./p-BcQO4NH2.js";import{C as y}from"./p-U40vKHrs.js";import"./p-EeKNA85D.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";import"./p-CgDnDrq5.js";var k;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(k||(k={}));const j=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govInput=s(this,"gov-input");this.govKeyUp=s(this,"gov-keyup");this.govHydrated=s(this,"gov-hydrated");this.govKeyDown=s(this,"gov-keydown");this.size="m";this.required=false;this.disabled=false;this.inputType="text";this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.showPassword=false;this.inheritedAttributes={};this.h=c(this.host);this.inputId=m("GovInput");this.f=h(this.h)}validateSize(t){p(n,t,o.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid));this.f.passAttrToControl("type",this.multiline?k.TEXTAREA:k.INPUT)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=f(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){const t=this.multiline?k.TEXTAREA:k.INPUT;return i(e,{key:"470bdae759d1432aebbffcf4c13b228b1a50c21a",class:o.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&i("slot",{key:"0963159d9d3f2ce33a994d85bc87b72ba7b52358",name:"prefix"}),i("span",{key:"ac3fd14a01fff348764c8d7ce583cb9335f1fc54",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&i("div",{key:"24bf34d61668b77b7c8c673f8046dec464a1ced4",class:o.icons,onClick:()=>this.inputRef.focus()},i("slot",{key:"11c141e20982053571112b8b8abe1c714ffa1618",name:"icon-start"})),i(t,Object.assign({key:"4cdf4caf3597527525bc0d858895d6588e510a69",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:d(this.spellcheck),lang:this.inputLang,readonly:d(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&i("div",{key:"fb1083c88c21dd1ed9651c3ed419c86acfcb29a0",class:o.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&i("gov-icon",{key:"5e3b97be29c7a1e5fe019f4b39a266283b097876",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&i("gov-icon",{key:"71082970477091c678241cf81a834b241203ea93",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&i("slot",{key:"cc1cc59a5e806ecc90b7a5da3d437e80a340ac30",name:"icon-end"}),this.inputType==="password"?i("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},i("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&i("slot",{key:"c8e382b5dfa2973b9e36bf5074860439f5f13236",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:o.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:o.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:o.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:o.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:o.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};const w=b(g,["_XS","_S","_M","_L","_XL"]);b(y,["PRIMARY","NEUTRAL"]);var C;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(C||(C={}));var z;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(z||(z={}));const A={root:"gov-skeleton"};const x=class{constructor(s){t(this,s);this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=c(this.host)}validateSize(t){p(w,t,A.root)}validateShape(t){p(C,t,A.root)}validateAnimation(t){p(z,t,A.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=f(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}init(){this.items.fill(1)}render(){return i(e,Object.assign({key:"88cc98a811553c74d60d4b97c283cc918d3f3405",size:this.size,color:this.color,class:{[A.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return a(this)}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}};export{j as gov_form_input,x as gov_skeleton};
-//# sourceMappingURL=p-6b44890d.entry.js.map
+import{r as t,c as s,h as i,H as e,g as a}from"./p-B8TR1oqt.js";import{g as h,l as o,m as n}from"./p-B6CqPcY_.js";import{g as c,a as r,d as l,t as d}from"./p-CoD1xawt.js";import{v as p}from"./p-NOJjz9dT.js";import{c as m}from"./p-vN03FcXN.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import{p as b}from"./p-CQvUntGY.js";import{S as g}from"./p-BcQO4NH2.js";import{C as y}from"./p-U40vKHrs.js";import"./p-EeKNA85D.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";import"./p-CgDnDrq5.js";var k;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(k||(k={}));const j=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govInput=s(this,"gov-input");this.govKeyUp=s(this,"gov-keyup");this.govHydrated=s(this,"gov-hydrated");this.govKeyDown=s(this,"gov-keydown");this.size="m";this.required=false;this.disabled=false;this.inputType="text";this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.showPassword=false;this.inheritedAttributes={};this.h=c(this.host);this.inputId=m("GovInput");this.f=h(this.h)}validateSize(t){p(n,t,o.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid));this.f.passAttrToControl("type",this.multiline?k.TEXTAREA:k.INPUT)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=f(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){const t=this.multiline?k.TEXTAREA:k.INPUT;return i(e,{key:"470bdae759d1432aebbffcf4c13b228b1a50c21a",class:o.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&i("slot",{key:"0963159d9d3f2ce33a994d85bc87b72ba7b52358",name:"prefix"}),i("span",{key:"ac3fd14a01fff348764c8d7ce583cb9335f1fc54",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&i("div",{key:"24bf34d61668b77b7c8c673f8046dec464a1ced4",class:o.icons,onClick:()=>this.inputRef.focus()},i("slot",{key:"11c141e20982053571112b8b8abe1c714ffa1618",name:"icon-start"})),i(t,Object.assign({key:"4cdf4caf3597527525bc0d858895d6588e510a69",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:d(this.spellcheck),lang:this.inputLang,readonly:d(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&i("div",{key:"fb1083c88c21dd1ed9651c3ed419c86acfcb29a0",class:o.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&i("gov-icon",{key:"5e3b97be29c7a1e5fe019f4b39a266283b097876",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&i("gov-icon",{key:"71082970477091c678241cf81a834b241203ea93",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&i("slot",{key:"cc1cc59a5e806ecc90b7a5da3d437e80a340ac30",name:"icon-end"}),this.inputType==="password"?i("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},i("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&i("slot",{key:"c8e382b5dfa2973b9e36bf5074860439f5f13236",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:o.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:o.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:o.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:o.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:o.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return a(this)}static get watchers(){return{size:[{validateSize:0},{watchControlAttrs:0}],disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}],success:[{watchControlAttrs:0}]}}};const w=b(g,["_XS","_S","_M","_L","_XL"]);b(y,["PRIMARY","NEUTRAL"]);var C;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(C||(C={}));var A;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(A||(A={}));const z={root:"gov-skeleton"};const x=class{constructor(s){t(this,s);this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=c(this.host)}validateSize(t){p(w,t,z.root)}validateShape(t){p(C,t,z.root)}validateAnimation(t){p(A,t,z.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=f(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}init(){this.items.fill(1)}render(){return i(e,Object.assign({key:"88cc98a811553c74d60d4b97c283cc918d3f3405",size:this.size,color:this.color,class:{[z.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return a(this)}static get watchers(){return{size:[{validateSize:0}],shape:[{validateShape:0}],animation:[{validateAnimation:0}]}}};export{j as gov_form_input,x as gov_skeleton};
+//# sourceMappingURL=p-4bd3f101.entry.js.map

package/dist/core/{p-6b44890d.entry.js.map → p-4bd3f101.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["Tags","GovFormInput","constructor","hostRef","this","size","required","disabled","inputType","accessibleShowPasswordLabel","accessibleHidePasswordLabel","showPassword","inheritedAttributes","h","govHost","host","inputId","createID","f","govForm","validateSize","newValue","validateProp","FormInputSizes","FormInputClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","multiline","TEXTAREA","INPUT","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","govHydrated","emit","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Tag","Host","key","class","type","hasSlot","name","icons","onClick","inputRef","focus","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","slot","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","setValue","clearValue","getRef","SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","GovSkeleton","shape","width","height","animation","items","validateShape","validateAnimation","init","componentWillUpdate","fill","circle","line","progress","pulse","tabindex","style"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t */\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t */\n\t@Prop() readonly spellcheck: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t */\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/**\n\t * Defined the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * Accessible text for password display\n\t */\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/**\n\t * Accessible text to hide the password\n\t */\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{((this.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Tags","GovFormInput","constructor","hostRef","this","size","required","disabled","inputType","accessibleShowPasswordLabel","accessibleHidePasswordLabel","showPassword","inheritedAttributes","h","govHost","host","inputId","createID","f","govForm","validateSize","newValue","validateProp","FormInputSizes","FormInputClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","multiline","TEXTAREA","INPUT","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","govHydrated","emit","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Tag","Host","key","class","type","hasSlot","name","icons","onClick","inputRef","focus","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","slot","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","setValue","clearValue","getRef","SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","GovSkeleton","shape","width","height","animation","items","validateShape","validateAnimation","init","componentWillUpdate","fill","circle","line","progress","pulse","tabindex","style"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t */\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t */\n\t@Prop() readonly spellcheck: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t */\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/**\n\t * Defined the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * Accessible text for password display\n\t */\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/**\n\t * Accessible text to hide the password\n\t */\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{((this.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-157a1636.entry.js → p-4e534d68.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as a,g as i}from"./p-ClISz4NF.js";import{F as r,a as o,b as e}from"./p-BUmDydor.js";import{g as p}from"./p-CoD1xawt.js";import{v as n}from"./p-NOJjz9dT.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";const f=class{constructor(s){t(this,s);this.gap=undefined;this.orientation="vertical";this.h=p(this.host)}validateGap(t){if(t){n(o,t,r.root)}}validateOrientation(t){if(t){n(e,t,r.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}render(){return s(a,{key:"6ad77732e256f54efcc5ad0e8465b99a91f65f8c",gap:this.gap,class:this.h.classes(r.root)},s("slot",{key:"f519f6d2406a85190eb1b04961719a6283398467"}))}get host(){return i(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};export{f as gov_form_group};
-//# sourceMappingURL=p-157a1636.entry.js.map
+import{r as t,h as s,H as a,g as i}from"./p-B8TR1oqt.js";import{F as r,a as o,b as e}from"./p-BUmDydor.js";import{g as p}from"./p-CoD1xawt.js";import{v as n}from"./p-NOJjz9dT.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";const f=class{constructor(s){t(this,s);this.gap=undefined;this.orientation="vertical";this.h=p(this.host)}validateGap(t){if(t){n(o,t,r.root)}}validateOrientation(t){if(t){n(e,t,r.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}render(){return s(a,{key:"6ad77732e256f54efcc5ad0e8465b99a91f65f8c",gap:this.gap,class:this.h.classes(r.root)},s("slot",{key:"f519f6d2406a85190eb1b04961719a6283398467"}))}get host(){return i(this)}static get watchers(){return{gap:[{validateGap:0}],orientation:[{validateOrientation:0}]}}};export{f as gov_form_group};
+//# sourceMappingURL=p-4e534d68.entry.js.map

package/dist/core/{p-157a1636.entry.js.map → p-4e534d68.entry.js.map}

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