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

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

@@ -0,0 +1,338 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var sizes = require('./sizes-D5zsw2g5.js');
+var template = require('./template-Cj6PcLmR.js');
+var utils = require('./utils-NnC78QR3.js');
+var colors = require('./colors-DgrrxjsX.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var props = require('./props-CPENhBnM.js');
+
+const FlexClass = {
+    root: 'gov-flex',
+};
+
+const GovFlex = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Controls the flex direction of the container.
+         */
+        this.direction = 'row';
+        /**
+         * Option to turn off responsive
+         */
+        this.responsive = "true";
+        this.h = template.govHost(this.host);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a6d1aed0cf8fd8c94ef83821d142756943bc55f3', class: this.h.classes(FlexClass.root) }, index.h("slot", { key: '34551ed862ff8384c3eade0d12762847772a0331' })));
+    }
+    get host() { return index.getElement(this); }
+};
+
+utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
+const IconColors = utils.pick(colors.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.3";
+
+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(gov_log.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 (!gov_log.isWindow) {
+        return;
+    }
+    let expires = "";
+    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
+};
+const getCookie = (name) => {
+    if (!gov_log.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) {
+        index.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 = template.govHost(this.host);
+    }
+    validateSize(newValue) {
+        props.validateProp(sizes.Sizes, newValue, IconClass.root);
+    }
+    validateColor(newValue) {
+        props.validateProp(IconColors, newValue, IconClass.root);
+    }
+    async loadIconPathData() {
+        const { name, visible } = this;
+        if (!name || !visible) {
+            return;
+        }
+        await this.loadIcon();
+    }
+    connectedCallback() {
+        if (gov_log.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 (index.h(index.Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "color": ["validateColor"],
+        "name": ["loadIconPathData"]
+    }; }
+};
+
+const ThemeSwitchSizes = utils.pick(sizes.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) {
+        index.registerInstance(this, hostRef);
+        this.govChange = index.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 = template.govHost(this.host);
+    }
+    validateSize(newValue) {
+        props.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 gov_log.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 (index.h(index.Host, { key: '3015dd1049b1c9a2b5902d1d56c8b3872a275c10', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, index.h("button", { key: 'ca4b331189fca45f66c4eef138db66482add2834', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, index.h("span", { key: 'ed2a779f1e9fe1a0e722439598c9a413e9b39071' }, index.h("span", { key: 'f58e164a6b1b389ecfe93f7d2673ea5749a8fd96', class: ThemeSwitchClass.indicator }, ThemeList.light && index.h("gov-icon", { key: '24663f2d33ea2bead59df37fef9932e549070ce4', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && index.h("gov-icon", { key: 'a4482c64c35b9c70122a687aca4bb90bfa1000f3', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (index.h("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "theme": ["watchTheme"]
+    }; }
+};
+
+exports.gov_flex = GovFlex;
+exports.gov_icon = GovIcon;
+exports.gov_theme_switch = GovThemeSwitch;
+//# sourceMappingURL=gov-flex.gov-icon.gov-theme-switch.entry.cjs.js.map
+
+//# sourceMappingURL=gov-flex_3.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-flex.gov-icon.gov-theme-switch.entry.cjs.js","mappings":"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","names":["govHost","h","Host","pick","Sizes","Colors","iconsPath","isWindow","validateProp","iconsLazyLoad"],"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"],"version":3}

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

@@ -0,0 +1,284 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-Cj6PcLmR.js');
+var props = require('./props-CPENhBnM.js');
+var string_utils = require('./string.utils-BG4pUfEi.js');
+var utils = require('./utils-NnC78QR3.js');
+var constants = require('./constants-CFAhiwqu.js');
+var array_utils = require('./array.utils-DOh1gCQS.js');
+var attribute = require('./attribute-CH1-zDDl.js');
+var accessibility = require('./accessibility-BQJmIVWV.js');
+require('./gov.log-C5EH15b_.js');
+require('./sizes-D5zsw2g5.js');
+require('./helpers.types-vap8QfRH.js');
+
+const GovFormAutocomplete = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govFocus = index.createEvent(this, "gov-focus");
+        this.govBlur = index.createEvent(this, "gov-blur");
+        this.govInput = index.createEvent(this, "gov-input");
+        this.govSelect = index.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 = string_utils.createID('GovListBox');
+    }
+    validateSize(newValue) {
+        props.validateProp(constants.FormAutocompleteSizes, newValue, constants.FormAutocompleteClass.root);
+    }
+    watchOptions(newValue) {
+        this.setOptions(array_utils.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 utils.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 = array_utils.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 attribute.AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(attribute.ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = accessibility.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 (index.h(index.Host, { key: '531610863e3752a4e07f0b6c3b946c475a6420c6', class: constants.FormAutocompleteClass.root, size: this.size }, index.h("gov-form-input", Object.assign({ key: '82f74fc8139c85cddb4e206c5d82286107135fff', 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": utils.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": template.booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), index.h("slot", { key: 'd27f897ff5c405adc14640a7e8508319df7b5ff9', name: "validation-icon" }), index.h("slot", { key: 'da5ec2879f9c6ba7c57a68cc2515539016a6ec43', name: "icon-end" })), index.h("ul", { key: 'cbb3514f12fe3c506d7bcf2c3aa86b78303ac398', class: constants.FormAutocompleteClass.list, role: 'listbox', "aria-hidden": template.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 ? (index.h("li", { class: constants.FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (index.h("li", { class: constants.FormAutocompleteClass.loading }, index.h("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index$1) => {
+            const isSelected = this.arrowCounter === index$1;
+            return (index.h("li", { class: constants.FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: 'option', "aria-posinset": index$1, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onTouchStart: (e) => this.onSelectHandler(e, index$1), onMouseDown: (e) => this.onSelectHandler(e, index$1), "aria-selected": template.toBoolAttr(isSelected) }, index.h("slot", { name: "list-item-left" }), index.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: constants.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: constants.FormAutocompleteClass.root,
+            value: this.value,
+            selected: null,
+        });
+    }
+    onInputHandler(e) {
+        this.value = e.target.value;
+        e.stopPropagation();
+        this.govInput.emit({
+            originalEvent: e,
+            component: constants.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 (utils.has(this.arrowCounter, this.list)) {
+            selected = this.list[this.arrowCounter];
+        }
+        if (selected) {
+            this.govSelect.emit({
+                component: constants.FormAutocompleteClass.root,
+                value: this.value,
+                selected: selected,
+                originalEvent: e,
+            });
+            this.clearList();
+            if (utils.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 index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "options": ["watchOptions"]
+    }; }
+};
+
+exports.gov_form_autocomplete = GovFormAutocomplete;
+//# sourceMappingURL=gov-form-autocomplete.entry.cjs.js.map
+
+//# sourceMappingURL=gov-form-autocomplete.cjs.entry.js.map