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

package/dist/esm/gov-flex_3.entry.js

@@ -1,334 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ClISz4NF.js';
-import { S as Sizes } from './sizes-BcQO4NH2.js';
-import { g as govHost } from './template-CoD1xawt.js';
-import { p as pick } from './utils-CQvUntGY.js';
-import { C as Colors } from './colors-U40vKHrs.js';
-import { i as iconsPath, a as isWindow, b as iconsLazyLoad } from './gov.log-BtqD9K8d.js';
-import { v as validateProp } from './props-CJZgTDla.js';
-
-const FlexClass = {
-    root: 'gov-flex',
-};
-
-const GovFlex = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Controls the flex direction of the container.
-         */
-        this.direction = 'row';
-        /**
-         * Option to turn off responsive
-         */
-        this.responsive = "true";
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (h(Host, { key: '1c88a4c6aaf69a13c514bc24c10fd2a32316a7c0', class: this.h.classes(FlexClass.root) }, h("slot", { key: 'b055e2aff7056be660e53d5036341fbaabe796b1' })));
-    }
-    get host() { return getElement(this); }
-};
-
-pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
-const IconColors = pick(Colors, [
-    'DEFAULT',
-    'PRIMARY',
-    'SECONDARY',
-    'NEUTRAL',
-    'ERROR',
-    'SUCCESS',
-    'WARNING',
-    'DISABLED',
-    'WHITE',
-    'BLACK',
-]);
-var Types;
-(function (Types) {
-    Types["BASIC"] = "basic";
-    Types["COMPLEX"] = "complex";
-    Types["COLORED"] = "colored";
-})(Types || (Types = {}));
-const IconClass = {
-    root: 'gov-icon'};
-
-const version = "4.6.0";
-
-const dsVersion = () => {
-    return version;
-};
-
-const iconCache = {};
-const requestCache = {};
-const isExternalUrl = (path) => path.startsWith("http://") || path.startsWith("https://");
-const iconUrl = (path, name, type) => {
-    if (isExternalUrl(path)) {
-        return `${path}/${type}/${name}.svg?v=${dsVersion()}`;
-    }
-    return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`;
-};
-async function fetchIcon({ name, type }) {
-    const cacheKey = type + "-" + name;
-    if (iconCache[cacheKey]) {
-        return iconCache[cacheKey];
-    }
-    if (!requestCache[cacheKey]) {
-        requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
-            if (resp.status === 200) {
-                return resp.text();
-            }
-            else {
-                throw new Error("Gov Icon doesn't exists");
-            }
-        });
-    }
-    const path = await requestCache[cacheKey];
-    iconCache[cacheKey] = path;
-    return path;
-}
-
-const setCookie = (name, value, days) => {
-    if (!isWindow) {
-        return;
-    }
-    let expires = "";
-    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
-};
-const getCookie = (name) => {
-    if (!isWindow) {
-        return null;
-    }
-    const nameEQ = name + "=";
-    const cookies = document.cookie.split(';');
-    for (let i = 0; i < cookies.length; i++) {
-        let cookie = cookies[i].trim();
-        if (cookie.startsWith(nameEQ)) {
-            return decodeURIComponent(cookie.substring(nameEQ.length));
-        }
-    }
-    return null;
-};
-const isValidSVG = (svgContent) => {
-    try {
-        const parser = new DOMParser();
-        const doc = parser.parseFromString(svgContent, "image/svg+xml");
-        const parseError = doc.querySelector("parsererror");
-        if (parseError) {
-            return false;
-        }
-        const svgElement = doc.documentElement;
-        if (svgElement.tagName.toLowerCase() !== "svg") {
-            return false;
-        }
-        return true;
-    }
-    catch (error) {
-        return false;
-    }
-};
-
-const GovIcon = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Name of icon in folder
-         */
-        this.name = null;
-        /**
-         * Type (folder) of icon
-         */
-        this.type = "components";
-        this.visible = false;
-        this.error = false;
-        this.h = govHost(this.host);
-    }
-    validateSize(newValue) {
-        validateProp(Sizes, newValue, IconClass.root);
-    }
-    validateColor(newValue) {
-        validateProp(IconColors, newValue, IconClass.root);
-    }
-    async loadIconPathData() {
-        const { name, visible } = this;
-        if (!name || !visible) {
-            return;
-        }
-        await this.loadIcon();
-    }
-    connectedCallback() {
-        if (iconsLazyLoad()) {
-            this.visible = true;
-            this.loadIconPathData().finally();
-        }
-        else {
-            this.waitUntilVisible(async () => {
-                this.visible = true;
-                await this.loadIconPathData();
-            });
-        }
-    }
-    disconnectedCallback() {
-        if (this.intersectionObserver) {
-            this.intersectionObserver.disconnect();
-            this.intersectionObserver = null;
-        }
-    }
-    async componentWillLoad() {
-        this.validateSize(this.size);
-        this.validateColor(this.color);
-        await this.loadIconPathData();
-    }
-    waitUntilVisible(callback) {
-        if (typeof window === "undefined" || !window.IntersectionObserver) {
-            callback();
-            return;
-        }
-        this.intersectionObserver = new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    if (this.intersectionObserver) {
-                        this.intersectionObserver.disconnect();
-                        this.intersectionObserver = null;
-                    }
-                    callback();
-                }
-            });
-        }, { rootMargin: "50px" });
-        this.intersectionObserver.observe(this.host);
-    }
-    async loadIcon() {
-        try {
-            const { name, type } = this;
-            const data = await fetchIcon({ name, type });
-            const isValid = isValidSVG(data);
-            this.host.innerHTML = isValid ? data : null;
-        }
-        catch (e) {
-            this.host.innerHTML = '';
-            this.error = true;
-        }
-    }
-    render() {
-        if (this.error) {
-            return null;
-        }
-        return (h(Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "color": ["validateColor"],
-        "name": ["loadIconPathData"]
-    }; }
-};
-
-const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
-const ThemeSwitchClass = {
-    root: 'gov-theme-switch',
-    indicator: 'gov-theme-switch__indicator',
-    label: 'gov-theme-switch__label',
-    iconLight: 'gov-theme-switch__icon-light',
-    iconDark: 'gov-theme-switch__icon-dark',
-};
-const ATTRIBUTE_THEME_NAME = 'data-theme';
-
-var ThemeList;
-(function (ThemeList) {
-    ThemeList["auto"] = "auto";
-    ThemeList["light"] = "light";
-    ThemeList["dark"] = "dark";
-})(ThemeList || (ThemeList = {}));
-
-const GovThemeSwitch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.govChange = createEvent(this, "gov-change");
-        /**
-         * Switch's size.
-         */
-        this.size = "m";
-        /**
-         * Display switch label
-         */
-        this.displayLabel = false;
-        /**
-         * Label in light mode
-         */
-        this.ariaLabelLight = "Přepnout na tmavý mód";
-        /**
-         * Label in dark mode
-         */
-        this.ariaLabelDark = "Přepnout na světlý mód";
-        /**
-         * Label in light mode
-         */
-        this.labelLight = "Světlý mód";
-        /**
-         * Label in dark mode
-         */
-        this.labelDark = "Tmavý mód";
-        this.theme = ThemeList.auto;
-        this.setThemeState = (state) => {
-            this.theme = state;
-            this.govChange.emit({
-                component: ThemeSwitchClass.root,
-                state: this.theme,
-                ref: this.host
-            });
-        };
-        this.h = govHost(this.host);
-    }
-    validateSize(newValue) {
-        validateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root);
-    }
-    watchTheme(newValue) {
-        this.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);
-        this.htmlElement.classList.remove(...Object.keys(ThemeList));
-        this.htmlElement.classList.add(newValue);
-        setCookie(ATTRIBUTE_THEME_NAME, newValue);
-    }
-    get storageValue() {
-        return getCookie(ATTRIBUTE_THEME_NAME);
-    }
-    get htmlElement() {
-        return document.documentElement;
-    }
-    get isSystemPrefersColorDark() {
-        return isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-    }
-    componentWillLoad() {
-        this.initDefaultState();
-        this.validateSize(this.size);
-    }
-    initDefaultState() {
-        const options = Object.keys(ThemeList);
-        let currentState = this.storageValue;
-        const htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME);
-        if (currentState && options.includes(currentState)) {
-            this.theme = currentState;
-        }
-        else if (htmlState && options.includes(htmlState)) {
-            this.theme = htmlState;
-        }
-        else {
-            this.theme = ThemeList.auto;
-        }
-    }
-    render() {
-        let isDark = this.theme === ThemeList.dark;
-        if (this.theme === ThemeList.auto) {
-            isDark = this.isSystemPrefersColorDark;
-        }
-        return (h(Host, { key: '77b26165b2a824ff9649ac9c28d7b300cdb76280', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, h("button", { key: 'c46058c2a0e797fef9c7e1ab4975ff379bbc3fb4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, h("span", { key: 'c1d8824467dc7bfa5d23f1f99db686e91e93087b' }, h("span", { key: '62da0a9fecc5fc713b98ac9e4e728e3e19b9aa67', class: ThemeSwitchClass.indicator }, ThemeList.light && h("gov-icon", { key: '7c9dd1cf819afbd7f63609916d6c845c2236fbca', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && h("gov-icon", { key: '3f1acf71f8afb5ca893c460b7d0b6e49fe6f5c2d', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "theme": ["watchTheme"]
-    }; }
-};
-
-export { GovFlex as gov_flex, GovIcon as gov_icon, GovThemeSwitch as gov_theme_switch };
-//# sourceMappingURL=gov-flex.gov-icon.gov-theme-switch.entry.js.map
-
-//# sourceMappingURL=gov-flex_3.entry.js.map

package/dist/esm/gov-flex_3.entry.js.map

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

package/dist/esm/gov-form-autocomplete.entry.js

@@ -1,282 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
-import { a as toBoolAttr, b as booleanString } from './template-CoD1xawt.js';
-import { v as validateProp } from './props-CJZgTDla.js';
-import { c as createID } from './string.utils-vN03FcXN.js';
-import { d as delay, t as throttle, h as has } from './utils-CQvUntGY.js';
-import { F as FormAutocompleteClass, a as FormAutocompleteSizes } from './constants-aqe7GX2n.js';
-import { p as propsValueToArray } from './array.utils-CJ0U_ONv.js';
-import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
-import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
-import './gov.log-BtqD9K8d.js';
-import './sizes-BcQO4NH2.js';
-import './helpers.types-DNztiAH0.js';
-
-const GovFormAutocomplete = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.govFocus = createEvent(this, "gov-focus");
-        this.govBlur = createEvent(this, "gov-blur");
-        this.govInput = createEvent(this, "gov-input");
-        this.govSelect = createEvent(this, "gov-select");
-        this.templateResolver = item => item[this.nameKey];
-        /**
-         * Value of input
-         */
-        this.value = '';
-        /**
-         * Input’s size.
-         */
-        this.size = 'm';
-        /**
-         * Main key name in the object
-         */
-        this.nameKey = 'name';
-        /**
-         * 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.
-         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        this.required = false;
-        /**
-         * Makes the input component disabled.
-         * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
-         */
-        this.disabled = false;
-        /**
-         * Minimum length (number of characters) of value
-         */
-        this.minlength = 3;
-        /**
-         * Input throttle in milliseconds
-         */
-        this.throttleTime = 200;
-        /**
-         * Custom message for when there is a blank sheet
-         */
-        this.messageEmpty = 'Nebyly nalezeny žádné výsledky';
-        this.processing = false;
-        this.arrowCounter = -1;
-        this.list = [];
-        this.inheritedAttributes = {};
-        this.listBoxId = createID('GovListBox');
-    }
-    validateSize(newValue) {
-        validateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root);
-    }
-    watchOptions(newValue) {
-        this.setOptions(propsValueToArray(newValue)).catch();
-    }
-    onArrowUp() {
-        if (this.arrowCounter > 0) {
-            this.arrowCounter = this.arrowCounter - 1;
-            this.moveToView().finally();
-        }
-    }
-    onArrowDown() {
-        if (this.arrowCounter < this.list.length - 1) {
-            this.arrowCounter = this.arrowCounter + 1;
-            this.moveToView().finally();
-        }
-    }
-    async moveToView() {
-        await delay(200);
-        const heightOfList = this.listRef.offsetHeight;
-        const selected = this.listRef.querySelector('li[aria-selected="true"]');
-        if (selected && heightOfList) {
-            const offsetTop = selected.offsetTop;
-            this.listRef.scrollTo({ top: offsetTop, behavior: 'smooth' });
-        }
-    }
-    doSearch() {
-        if (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {
-            this.list = [];
-            this.arrowCounter = -1;
-            this.processing = false;
-            return;
-        }
-        if (this.searchCallback) {
-            this.processing = true;
-            this.searchCallback(this.value)
-                .then(response => (this.list = response))
-                .catch(() => (this.list = []))
-                .finally(() => {
-                this.arrowCounter = -1;
-                this.processing = false;
-            });
-        }
-    }
-    clearList() {
-        const areOptions = propsValueToArray(this.options);
-        if (areOptions.length === 0) {
-            this.list = [];
-        }
-    }
-    get isValueAccepted() {
-        if (typeof this.value === 'string') {
-            return this.value.length >= this.minlength;
-        }
-        else {
-            return false;
-        }
-    }
-    componentDidLoad() {
-        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(ariaAttributes);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.inheritedAttributes = inheritAriaAttributes(this.host);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    render() {
-        return (h(Host, { key: 'e702056161cca6e00f2e7753b1b07dfdeee78438', class: FormAutocompleteClass.root, size: this.size }, h("gov-form-input", Object.assign({ key: '6ba7c775e0a67486f2c10a1d972860a986e44a3d', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), h("slot", { key: '1f36342107c398db15ec13d8d1ecd8306dc62505', name: "validation-icon" }), h("slot", { key: '26bc01a6995f090e605677dbfbe6260c79f70d00', name: "icon-end" })), h("ul", { key: 'c42a658906dd0815e3c94aa451ee7a4fa7091bd3', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (h("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (h("li", { class: FormAutocompleteClass.loading }, h("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
-            const isSelected = this.arrowCounter === index;
-            return (h("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: 'option', "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onTouchStart: (e) => this.onSelectHandler(e, index), onMouseDown: (e) => this.onSelectHandler(e, index), "aria-selected": toBoolAttr(isSelected) }, h("slot", { name: "list-item-left" }), h("slot", { name: "list-item-right" })));
-        }) : null)));
-    }
-    onFocusHandler(e) {
-        this.focused = true;
-        this.arrowCounter = -1;
-        if (this.isValueAccepted && this.searchCallback) {
-            this.doSearch();
-        }
-        e.stopPropagation();
-        this.govFocus.emit({
-            originalEvent: e,
-            component: FormAutocompleteClass.root,
-            value: this.value,
-            selected: null,
-        });
-    }
-    onBlurHandler(e) {
-        this.focused = false;
-        this.clearList();
-        this.arrowCounter = -1;
-        e.stopPropagation();
-        this.govBlur.emit({
-            originalEvent: e,
-            component: FormAutocompleteClass.root,
-            value: this.value,
-            selected: null,
-        });
-    }
-    onInputHandler(e) {
-        this.value = e.target.value;
-        e.stopPropagation();
-        this.govInput.emit({
-            originalEvent: e,
-            component: FormAutocompleteClass.root,
-            value: this.value,
-            selected: null,
-        });
-        this.doSearch();
-    }
-    onSelectHandler(e, index = -1) {
-        let selected = null;
-        if (index > -1) {
-            selected = this.list[index];
-        }
-        else if (has(this.arrowCounter, this.list)) {
-            selected = this.list[this.arrowCounter];
-        }
-        if (selected) {
-            this.govSelect.emit({
-                component: FormAutocompleteClass.root,
-                value: this.value,
-                selected: selected,
-                originalEvent: e,
-            });
-            this.clearList();
-            if (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {
-                this.value = selected[this.nameKey];
-            }
-        }
-    }
-    onKeyUpHandler(e) {
-        const event = e.detail.originalEvent;
-        e.stopPropagation();
-        event.stopPropagation();
-        if (event.keyCode === 38)
-            this.onArrowUp();
-        else if (event.keyCode === 40)
-            this.onArrowDown();
-        else if (event.keyCode === 13) {
-            e.preventDefault();
-            event.preventDefault();
-            this.onSelectHandler(e);
-        }
-    }
-    onKeyDownHandler(e) {
-        const event = e.detail.originalEvent;
-        e.stopPropagation();
-        event.stopPropagation();
-        if (event.keyCode === 13) {
-            e.preventDefault();
-            event.preventDefault();
-        }
-    }
-    /**
-     * Focus main input element
-     */
-    async setFocus(options) {
-        return this.inputRef.focus(options);
-    }
-    /**
-     * Blur main input element
-     */
-    async setBlur() {
-        return this.inputRef.blur();
-    }
-    /**
-     * Set options for list
-     */
-    async setOptions(options) {
-        this.list = Array.isArray(options) ? options : [];
-        this.arrowCounter = -1;
-    }
-    /**
-     * Clears whisperer value
-     */
-    async clearValue() {
-        this.value = '';
-        this.inputRef.value = '';
-        await this.inputRef.clearValue();
-    }
-    /**
-     * Clears whisperer value
-     */
-    async setProcessing(status) {
-        this.processing = status;
-    }
-    /**
-     * Set a custom asynchronous function for the whisperer
-     */
-    async setSearchCallback(callback) {
-        this.searchCallback = callback;
-    }
-    /**
-     * Setting a custom whisper result template
-     * @param callback
-     */
-    async setTemplateResolver(callback) {
-        this.templateResolver = callback;
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "options": ["watchOptions"]
-    }; }
-};
-
-export { GovFormAutocomplete as gov_form_autocomplete };
-//# sourceMappingURL=gov-form-autocomplete.entry.js.map
-
-//# sourceMappingURL=gov-form-autocomplete.entry.js.map