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

package/dist/collection/components/gov-tag/gov-tag.js

@@ -1,189 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { govHost } from "../../helpers/Dom/template";
-import { validateProp } from "../../helpers/Validate/props";
-import { ButtonSizes, ButtonColors } from "../gov-button/button/constants";
-import { TagClass, TagSizes } from "./constants";
-import { prepareIconFormat } from "../gov-icon/helpers";
-export class GovTag {
-    constructor() {
-        /**
-         * Tag’s size.
-         */
-        this.size = TagSizes._S;
-        /**
-         * Style variation of the tag.
-         */
-        this.color = ButtonColors.PRIMARY;
-        /**
-         * Expands the tag to fill 100% of the container width
-         */
-        this.expanded = false;
-        this.h = govHost(this.host);
-    }
-    validateColor(newValue) {
-        validateProp(ButtonColors, newValue, TagClass.root);
-    }
-    validateSize(newValue) {
-        validateProp(ButtonSizes, newValue, TagClass.root);
-    }
-    componentWillLoad() {
-        this.validateColor(this.color);
-        this.validateSize(this.size);
-    }
-    render() {
-        const iconStart = prepareIconFormat(this.iconStart);
-        const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: 'bb366b85a94d134d58766604e6410e17bed07adc', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '963aa53926b6b65bbc155c349a119f46aabe59c8', class: "element" }, h("slot", { key: '3164cfa09970ac3e0f97df7265afd45a623b09aa', name: "icon-start" }, iconStart && h("gov-icon", { key: '335c0e5db0cb5a808c553bd4c9f6893d17a8fac9', type: iconStart.type, name: iconStart.name })), h("slot", { key: '9be29754dcefdaa37daee39befdc6a708e36324d' }), h("slot", { key: '6dffe882089838615e9fe451fc800b728885746a', name: "icon-end" }, iconEnd && h("gov-icon", { key: '415d8c03fefdf6281ae13668fb7b3aeaa572856e', type: iconEnd.type, name: iconEnd.name })))));
-    }
-    static get is() { return "gov-tag"; }
-    static get properties() {
-        return {
-            "iconStart": {
-                "type": "string",
-                "attribute": "icon-start",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Definition of the button icon on the left. The icon must be defined in the form \"type/name\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconEnd": {
-                "type": "string",
-                "attribute": "icon-end",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Definition of the button icon on the left. The icon must be defined in the form \"type/name\"."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "TagSizesType",
-                    "resolved": "\"m\" | \"s\" | \"xs\"",
-                    "references": {
-                        "TagSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-tag/constants.ts::TagSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tag\u2019s size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "TagSizes._S"
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "ButtonColorType",
-                    "resolved": "\"error\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-                    "references": {
-                        "ButtonColorType": {
-                            "location": "import",
-                            "path": "../gov-button/button/constants",
-                            "id": "../../../packages/core/src/components/gov-button/button/constants.ts::ButtonColorType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the tag."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "ButtonColors.PRIMARY"
-            },
-            "type": {
-                "type": "string",
-                "attribute": "type",
-                "mutable": false,
-                "complexType": {
-                    "original": "TagTypesType",
-                    "resolved": "\"bold\" | \"subtle\"",
-                    "references": {
-                        "TagTypesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-tag/constants.ts::TagTypesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tag\u2019s type"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "expanded": {
-                "type": "boolean",
-                "attribute": "expanded",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Expands the tag to fill 100% of the container width"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "color",
-                "methodName": "validateColor"
-            }, {
-                "propName": "size",
-                "methodName": "validateSize"
-            }];
-    }
-}
-//# sourceMappingURL=gov-tag.js.map

package/dist/collection/components/gov-tag/gov-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-tag.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tag/gov-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,WAAW,EAAE,YAAY,EAAkB,MAAM,gCAAgC,CAAA;AACzF,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAA6B,MAAM,aAAa,CAAA;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAKtD,MAAM,OAAO,MAAM;IAGlB;QAcA;;WAEG;QAC6B,SAAI,GAAiB,QAAQ,CAAC,EAAE,CAAA;QAChE;;WAEG;QAC6B,UAAK,GAAoB,YAAY,CAAC,OAAO,CAAA;QAK7E;;WAEG;QAC6B,aAAQ,GAAY,KAAK,CAAA;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA8BD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACpD,CAAC;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IACnD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,6DAAM,KAAK,EAAC,SAAS;gBACpB,6DAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE;gBACP,8DAAO;gBACP,6DAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAI,iEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-theme-switch/constants.js

@@ -1,12 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Sizes } from "../../core/constants/sizes";
-export const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
-export 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',
-};
-export const ATTRIBUTE_THEME_NAME = 'data-theme';
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-theme-switch/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG7E,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,6BAA6B;IACxC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,8BAA8B;IACzC,QAAQ,EAAE,6BAA6B;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAA","sourcesContent":["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"]}

package/dist/collection/components/gov-theme-switch/gov-theme-switch.js

@@ -1,259 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { govHost } from "../../helpers/Dom/template";
-import { ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes } from "./constants";
-import { isWindow } from "../../helpers/Dom/win";
-import { ThemeList } from "./gov-theme-switch.types";
-import { validateProp } from "../../helpers/Validate/props";
-import { getCookie, setCookie } from "../../helpers/Dom/document";
-export class GovThemeSwitch {
-    constructor() {
-        /**
-         * 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))));
-    }
-    static get is() { return "gov-theme-switch"; }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "ThemeSwitchSizesType",
-                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-                    "references": {
-                        "ThemeSwitchSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-theme-switch/constants.ts::ThemeSwitchSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Switch's size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"m\""
-            },
-            "displayLabel": {
-                "type": "boolean",
-                "attribute": "display-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Display switch label"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "ariaLabelLight": {
-                "type": "string",
-                "attribute": "aria-label-light",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"P\u0159epnout na tmav\u00FD m\u00F3d\"",
-                    "resolved": "\"P\u0159epnout na tmav\u00FD m\u00F3d\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label in light mode"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"P\u0159epnout na tmav\u00FD m\u00F3d\""
-            },
-            "ariaLabelDark": {
-                "type": "string",
-                "attribute": "aria-label-dark",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"P\u0159epnout na sv\u011Btl\u00FD m\u00F3d\"",
-                    "resolved": "\"P\u0159epnout na sv\u011Btl\u00FD m\u00F3d\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label in dark mode"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"P\u0159epnout na sv\u011Btl\u00FD m\u00F3d\""
-            },
-            "labelLight": {
-                "type": "string",
-                "attribute": "label-light",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"Sv\u011Btl\u00FD m\u00F3d\"",
-                    "resolved": "\"Sv\u011Btl\u00FD m\u00F3d\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label in light mode"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"Sv\u011Btl\u00FD m\u00F3d\""
-            },
-            "labelDark": {
-                "type": "string",
-                "attribute": "label-dark",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"Tmav\u00FD m\u00F3d\"",
-                    "resolved": "\"Tmav\u00FD m\u00F3d\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label in dark mode"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"Tmav\u00FD m\u00F3d\""
-            }
-        };
-    }
-    static get states() {
-        return {
-            "theme": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "govChange",
-                "name": "gov-change",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Called when the theme is changed by the user"
-                },
-                "complexType": {
-                    "original": "ThemeSwitchEvent",
-                    "resolved": "ThemeSwitchEvent",
-                    "references": {
-                        "ThemeSwitchEvent": {
-                            "location": "import",
-                            "path": "./gov-theme-switch.types",
-                            "id": "../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts::ThemeSwitchEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "size",
-                "methodName": "validateSize"
-            }, {
-                "propName": "theme",
-                "methodName": "watchTheme"
-            }];
-    }
-}
-//# sourceMappingURL=gov-theme-switch.js.map

package/dist/collection/components/gov-theme-switch/gov-theme-switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-theme-switch.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/gov-theme-switch/gov-theme-switch.types.js

@@ -1,7 +0,0 @@
-export var ThemeList;
-(function (ThemeList) {
-    ThemeList["auto"] = "auto";
-    ThemeList["light"] = "light";
-    ThemeList["dark"] = "dark";
-})(ThemeList || (ThemeList = {}));
-//# sourceMappingURL=gov-theme-switch.types.js.map

package/dist/collection/components/gov-theme-switch/gov-theme-switch.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-theme-switch.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-theme-switch/gov-theme-switch.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf,0BAAa,CAAA;AACd,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB","sourcesContent":["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"]}

package/dist/collection/components/gov-tile/constants.js

@@ -1,13 +0,0 @@
-import { pick } from "../../utils/utils";
-import { Sizes } from "../../core/constants/sizes";
-export const TileSizes = pick(Sizes, ['_S', '_M', '_L']);
-export const TileClass = {
-    root: 'gov-tile',
-    link: 'gov-tile__link',
-    content: 'gov-tile__content',
-    text: 'gov-tile__text',
-    title: 'gov-tile__title',
-    icon: 'gov-tile__icon',
-    annotation: 'gov-tile__annotation',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-tile/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;CAClC,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n"]}