@gov-design-system-ce/components 4.1.0-rc04 → 4.1.0

package/dist/types/components.d.ts

@@ -38,10 +38,11 @@ import { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 import { FormSelectSizesType } from "./components/gov-form/select/constants";
 import { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 import { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
-import { IconColorType } from "./components/gov-icon/constants";
+import { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 import { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 import { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 import { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
+import { LinkSizesType } from "./components/gov-link/constants";
 import { LoadingSizesType } from "./components/gov-loading/loading/constants";
 import { MessageColorType, MessageTypesType } from "./components/gov-message/constants";
 import { PaginationColorType, PaginationSizeType, PaginationType } from "./components/gov-pagination/constants";
@@ -52,6 +53,7 @@ import { StepperColorType, StepperSizesType } from "./components/gov-stepper/con
 import { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 import { ColorType as ColorType1, TabOrientationType, TabSizeType, TabType } from "./components/gov-tabs/constants";
 import { TagSizesType, TagTypesType } from "./components/gov-tag/constants";
+import { ThemeSwitchSizesType } from "./components/gov-theme-switch/constants";
 import { ThemeSwitchEvent } from "./components/gov-theme-switch/gov-theme-switch.types";
 import { TileSizesType } from "./components/gov-tile/constants";
 import { ToastColorType, ToastTypesType } from "./components/gov-toast/constants";
@@ -92,10 +94,11 @@ export { FormSelectEvent, FormSelectOption } from "./components/gov-form/select/
 export { FormSelectSizesType } from "./components/gov-form/select/constants";
 export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
 export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
-export { IconColorType } from "./components/gov-icon/constants";
+export { IconColorType, IconSizesType } from "./components/gov-icon/constants";
 export { ColorType, InfobarTypesType } from "./components/gov-infobar/constants";
 export { InfobarEvent } from "./components/gov-infobar/gov-infobar.types";
 export { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
+export { LinkSizesType } from "./components/gov-link/constants";
 export { LoadingSizesType } from "./components/gov-loading/loading/constants";
 export { MessageColorType, MessageTypesType } from "./components/gov-message/constants";
 export { PaginationColorType, PaginationSizeType, PaginationType } from "./components/gov-pagination/constants";
@@ -106,6 +109,7 @@ export { StepperColorType, StepperSizesType } from "./components/gov-stepper/con
 export { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
 export { ColorType as ColorType1, TabOrientationType, TabSizeType, TabType } from "./components/gov-tabs/constants";
 export { TagSizesType, TagTypesType } from "./components/gov-tag/constants";
+export { ThemeSwitchSizesType } from "./components/gov-theme-switch/constants";
 export { ThemeSwitchEvent } from "./components/gov-theme-switch/gov-theme-switch.types";
 export { TileSizesType } from "./components/gov-tile/constants";
 export { ToastColorType, ToastTypesType } from "./components/gov-toast/constants";
@@ -252,7 +256,7 @@ export namespace Components {
         /**
           * Returns a clickable element instance
          */
-        "getRef": () => Promise<HTMLLinkElement | HTMLButtonElement>;
+        "getRef": () => Promise<HTMLButtonElement | HTMLLinkElement>;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
@@ -354,7 +358,7 @@ export namespace Components {
         /**
           * Returns a clickable element instance
          */
-        "geRef": () => Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+        "geRef": () => Promise<HTMLButtonElement | HTMLSpanElement | HTMLLinkElement>;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
@@ -363,11 +367,11 @@ export namespace Components {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -395,11 +399,6 @@ export namespace Components {
         "type": ChipTypesType;
     }
     interface GovContainer {
-        /**
-          * Returns slotted children
-          * @return
-         */
-        "slottedChildren": () => Promise<Node[]>;
     }
     interface GovControlGroup {
         /**
@@ -544,10 +543,6 @@ export namespace Components {
           * Custom message for when there is a blank sheet
          */
         "messageEmpty": string;
-        /**
-          * Custom message for when data is loaded
-         */
-        "messageLoading": string;
         /**
           * Minimum length (number of characters) of value
          */
@@ -718,10 +713,6 @@ export namespace Components {
           * Adds accessible label for the remove button that is only shown for screen readers.
          */
         "accessibleRemoveLabel": string;
-        /**
-          * Description of the list of attachments
-         */
-        "attachmentsLabel": string;
         /**
           * Makes the File component disabled. This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
          */
@@ -1214,13 +1205,17 @@ export namespace Components {
     }
     interface GovIcon {
         /**
-          * Style variation of the button
+          * Icon color
          */
-        "color": IconColorType;
+        "color"?: IconColorType;
         /**
           * Name of icon in folder
          */
         "name": string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
         /**
           * Type (folder) of icon
          */
@@ -1270,6 +1265,26 @@ export namespace Components {
     }
     interface GovLifecycle {
     }
+    interface GovLink {
+        /**
+          * Element size.
+         */
+        "external"?: boolean;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href": string;
+        /**
+          * Element size.
+         */
+        "size"?: LinkSizesType;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+         */
+        "target": string;
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -1496,11 +1511,11 @@ export namespace Components {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Tag’s size.
          */
@@ -1511,12 +1526,32 @@ export namespace Components {
         "type": TagTypesType;
     }
     interface GovThemeSwitch {
+        /**
+          * Label in dark mode
+         */
+        "ariaLabelDark"?: "Přepnout na světlý mód";
+        /**
+          * Label in light mode
+         */
+        "ariaLabelLight"?: "Přenout na tmavý mód";
+        /**
+          * Label in dark mode
+         */
+        "labelDark"?: "Tmavý mód";
+        /**
+          * Label in light mode
+         */
+        "labelLight"?: "Světlý mód";
+        /**
+          * Switch's size.
+         */
+        "size"?: ThemeSwitchSizesType;
     }
     interface GovTile {
         /**
           * Returns a clickable element instance
          */
-        "getTriggerRef": () => Promise<HTMLLinkElement | HTMLSpanElement>;
+        "getTriggerRef": () => Promise<HTMLSpanElement | HTMLLinkElement>;
         /**
           * Link on whole tile
          */
@@ -2325,6 +2360,12 @@ declare global {
         prototype: HTMLGovLifecycleElement;
         new (): HTMLGovLifecycleElement;
     };
+    interface HTMLGovLinkElement extends Components.GovLink, HTMLStencilElement {
+    }
+    var HTMLGovLinkElement: {
+        prototype: HTMLGovLinkElement;
+        new (): HTMLGovLinkElement;
+    };
     interface HTMLGovLoadingElement extends Components.GovLoading, HTMLStencilElement {
     }
     var HTMLGovLoadingElement: {
@@ -2562,6 +2603,7 @@ declare global {
         "gov-layout": HTMLGovLayoutElement;
         "gov-layout-column": HTMLGovLayoutColumnElement;
         "gov-lifecycle": HTMLGovLifecycleElement;
+        "gov-link": HTMLGovLinkElement;
         "gov-loading": HTMLGovLoadingElement;
         "gov-message": HTMLGovMessageElement;
         "gov-pagination": HTMLGovPaginationElement;
@@ -2824,11 +2866,11 @@ declare namespace LocalJSX {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -2988,10 +3030,6 @@ declare namespace LocalJSX {
           * Custom message for when there is a blank sheet
          */
         "messageEmpty"?: string;
-        /**
-          * Custom message for when data is loaded
-         */
-        "messageLoading"?: string;
         /**
           * Minimum length (number of characters) of value
          */
@@ -3165,10 +3203,6 @@ declare namespace LocalJSX {
           * Adds accessible label for the remove button that is only shown for screen readers.
          */
         "accessibleRemoveLabel"?: string;
-        /**
-          * Description of the list of attachments
-         */
-        "attachmentsLabel"?: string;
         /**
           * Makes the File component disabled. This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
          */
@@ -3709,13 +3743,17 @@ declare namespace LocalJSX {
     }
     interface GovIcon {
         /**
-          * Style variation of the button
+          * Icon color
          */
         "color"?: IconColorType;
         /**
           * Name of icon in folder
          */
         "name"?: string;
+        /**
+          * Icon size
+         */
+        "size"?: IconSizesType;
         /**
           * Type (folder) of icon
          */
@@ -3769,6 +3807,26 @@ declare namespace LocalJSX {
     }
     interface GovLifecycle {
     }
+    interface GovLink {
+        /**
+          * Element size.
+         */
+        "external"?: boolean;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+         */
+        "href"?: string;
+        /**
+          * Element size.
+         */
+        "size"?: LinkSizesType;
+        /**
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+         */
+        "target"?: string;
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -3979,11 +4037,11 @@ declare namespace LocalJSX {
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconLeft"?: string;
+        "iconEnd"?: string;
         /**
           * Definition of the button icon on the left. The icon must be defined in the form "type/name".
          */
-        "iconRight"?: string;
+        "iconStart"?: string;
         /**
           * Tag’s size.
          */
@@ -3994,10 +4052,30 @@ declare namespace LocalJSX {
         "type"?: TagTypesType;
     }
     interface GovThemeSwitch {
+        /**
+          * Label in dark mode
+         */
+        "ariaLabelDark"?: "Přepnout na světlý mód";
+        /**
+          * Label in light mode
+         */
+        "ariaLabelLight"?: "Přenout na tmavý mód";
+        /**
+          * Label in dark mode
+         */
+        "labelDark"?: "Tmavý mód";
+        /**
+          * Label in light mode
+         */
+        "labelLight"?: "Světlý mód";
         /**
           * Called when the theme is changed by the user
          */
         "onGov-change"?: (event: GovThemeSwitchCustomEvent<ThemeSwitchEvent>) => void;
+        /**
+          * Switch's size.
+         */
+        "size"?: ThemeSwitchSizesType;
     }
     interface GovTile {
         /**
@@ -4199,6 +4277,7 @@ declare namespace LocalJSX {
         "gov-layout": GovLayout;
         "gov-layout-column": GovLayoutColumn;
         "gov-lifecycle": GovLifecycle;
+        "gov-link": GovLink;
         "gov-loading": GovLoading;
         "gov-message": GovMessage;
         "gov-pagination": GovPagination;
@@ -4263,6 +4342,7 @@ declare module "@stencil/core" {
             "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
             "gov-layout-column": LocalJSX.GovLayoutColumn & JSXBase.HTMLAttributes<HTMLGovLayoutColumnElement>;
             "gov-lifecycle": LocalJSX.GovLifecycle & JSXBase.HTMLAttributes<HTMLGovLifecycleElement>;
+            "gov-link": LocalJSX.GovLink & JSXBase.HTMLAttributes<HTMLGovLinkElement>;
             "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;
             "gov-message": LocalJSX.GovMessage & JSXBase.HTMLAttributes<HTMLGovMessageElement>;
             "gov-pagination": LocalJSX.GovPagination & JSXBase.HTMLAttributes<HTMLGovPaginationElement>;

package/dist/types/core/constants/colors.d.ts

@@ -1,15 +1,13 @@
 export declare enum Colors {
-    PRIMARY = "primary",
     DEFAULT = "default",
-    DISABLED = "disabled",
-    ERROR = "error",
-    NEUTRAL = "neutral",
+    PRIMARY = "primary",
     SECONDARY = "secondary",
+    NEUTRAL = "neutral",
+    ERROR = "error",
     SUCCESS = "success",
     WARNING = "warning",
-    ON_BOLD_WHITE = "on-bold-white",
-    ON_BOLD_BLACK = "on-bold-black",
-    ON_SUBTLE = "on-subtle",
-    WHITE_FIXED = "white-fixed",
+    DISABLED = "disabled",
+    BLACK = "black",
+    WHITE = "white",
     CUSTOM = "custom"
 }

package/dist/types/helpers/Dom/document.d.ts

@@ -0,0 +1,3 @@
+import { Nullable } from "../../utils/helpers.types";
+export declare const setCookie: (name: string, value: string, days?: number) => void;
+export declare const getCookie: (name: string) => Nullable<string>;

package/dist/types/helpers/Dom/template.d.ts

@@ -1,7 +1,6 @@
 import { HTMLStencilElement } from '../../stencil-public-runtime';
 import { GovHost } from './template.types';
 export declare const prepareClasses: (classes: string[]) => string;
-export declare const slottedChildren: (host: HTMLStencilElement) => Node[];
 export declare const booleanString: (value: boolean) => string;
 export declare const govHost: (host: HTMLStencilElement) => GovHost;
 export declare const toBoolAttr: (value: boolean | string | number) => string;

package/dist/types/helpers/Dom/template.types.d.ts

@@ -8,6 +8,5 @@ export interface GovHost {
     getParent(element: string): HTMLElement;
     passChildAttr(selector: string | string[], name: string, value: any): void;
     removeChildAttr(selector: string | string[], name: string): void;
-    slottedChildren: Node[];
     classes(classes: string | string[]): string;
 }

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "4.1.0-rc04",
+	"version": "4.1.0",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -22,8 +22,8 @@
 		"test": "echo \"Error: no test specified\" && exit 1"
 	},
 	"dependencies": {
-		"@gov-design-system-ce/icons": "0.0.12",
+		"@gov-design-system-ce/icons": "0.1.0",
 		"@gov-design-system-ce/fonts": "0.0.2",
-		"@gov-design-system-ce/styles": "4.1.0-rc02"
+		"@gov-design-system-ce/styles": "4.1.0"
 	}
 }

package/dist/cjs/colors-976f6dff.js.map

@@ -1 +0,0 @@
-{"file":"colors-976f6dff.js","mappings":";;AAAYA;AAAZ,WAAY,MAAM;IACjB,6BAAmB,CAAA;IACnB,6BAAmB,CAAA;IACnB,+BAAqB,CAAA;IACrB,yBAAe,CAAA;IACf,6BAAmB,CAAA;IACnB,iCAAuB,CAAA;IACvB,6BAAmB,CAAA;IACnB,6BAAmB,CAAA;IACnB,yCAA+B,CAAA;IAC/B,yCAA+B,CAAA;IAC/B,iCAAuB,CAAA;IACvB,qCAA2B,CAAA;IAC3B,2BAAiB,CAAA;AAClB,CAAC,EAdWA,cAAM,KAANA,cAAM;;","names":["Colors"],"sources":["../../../packages/core/src/core/constants/colors.ts"],"sourcesContent":["export enum Colors {\n\tPRIMARY = 'primary',\n\tDEFAULT = 'default',\n\tDISABLED = 'disabled',\n\tERROR = 'error',\n\tNEUTRAL = 'neutral',\n\tSECONDARY = 'secondary',\n\tSUCCESS = 'success',\n\tWARNING = 'warning',\n\tON_BOLD_WHITE = 'on-bold-white',\n\tON_BOLD_BLACK = 'on-bold-black',\n\tON_SUBTLE = 'on-subtle',\n\tWHITE_FIXED = 'white-fixed',\n\tCUSTOM = 'custom',\n}\n"],"version":3}

package/dist/cjs/form-c1aec07a.js.map

@@ -1 +0,0 @@
-{"file":"form-c1aec07a.js","mappings":"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","names":["pick","Sizes","FormLabelClass","FormAutocompleteClass","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *, gov-form-radio-group > *, gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"version":3}

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

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7ff4447c.js');
-const template = require('./template-b070338f.js');
-
-const FlexClass = {
-    root: 'gov-flex',
-};
-
-const GovFlex = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.direction = 'row';
-        this.justifyContent = undefined;
-        this.alignItems = undefined;
-        this.wrap = undefined;
-        this.alignContent = undefined;
-        this.alignSelf = undefined;
-        this.h = template.govHost(this.host);
-    }
-    render() {
-        return (index.h(index.Host, { key: '77d5eb1db594698f6fde4bf497209912de71173f', class: this.h.classes(FlexClass.root) }, index.h("slot", { key: '6c01ff6ec88c53dbf9e83d492f660c96e9e7fc2a' })));
-    }
-    get host() { return index.getElement(this); }
-};
-
-exports.gov_flex = GovFlex;
-
-//# sourceMappingURL=gov-flex.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"gov-flex.entry.cjs.js","mappings":";;;;;;;AAAO,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;CAChB;;MCMY,OAAO;IAGnB;;yBASyE,KAAK;;;;;;QAR7E,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAgDD,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAC1CD,oEAAa,CACP,EACP;KACD;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx"],"sourcesContent":["export const FlexClass = {\n\troot: 'gov-flex',\n}\n\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass} 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. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.\n\t */\n\t@Prop() 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 * Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.\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. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items', reflect: 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. Can be 'nowrap', 'wrap', or 'wrap-reverse'.\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 * Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.\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 * Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\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"],"version":3}

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

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7ff4447c.js');
-const constants = require('./constants-87bab1ed.js');
-require('./utils-d263c5c6.js');
-require('./sizes-89f8d3b2.js');
-
-const GovFormLabel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govClick = index.createEvent(this, "gov-click", 7);
-        this.identifier = undefined;
-        this.size = 'm';
-        this.required = false;
-        this.legend = false;
-    }
-    render() {
-        const Tag = this.legend ? 'legend' : 'label';
-        return (index.h(index.Host, { key: 'ac9d7c5fec0d4f4f84ee47eec6e0582db69c97b7', class: constants.FormLabelClass.root, size: this.size }, index.h(Tag, { key: '65875d3fdf94ec2ec6d668f2c710754924e88a05', class: constants.FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, index.h("slot", { key: 'f9c9b17037b93b01e2510fbf0bae1764660f20cc' }), this.required ? index.h("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
-    }
-};
-
-exports.gov_form_label = GovFormLabel;
-
-//# sourceMappingURL=gov-form-label.cjs.entry.js.map

package/dist/cjs/gov-form-label.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gov-form-label.entry.cjs.js","mappings":";;;;;;;;;MAMa,YAAY;;;;;oBAQsB,GAAG;wBAIZ,KAAK;sBAKP,KAAK;;IAMxC,MAAM;QACL,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;QAC5C,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAEC,wBAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChDF,QAAC,GAAG,qDAAC,KAAK,EAAEE,wBAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAC9FF,oEAAa,EACZ,IAAI,CAAC,QAAQ,GAAGA,kBAAM,KAAK,EAAC,sBAAsB,cAAe,GAAG,IAAI,CACpE,CACA,EACP;KACD;;;;;","names":["h","Host","FormLabelClass"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\">&nbsp;*</span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}