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

package/dist/types/components/gov-accordion/gov-accordion-item.d.ts

@@ -29,6 +29,7 @@ export declare class GovAccordionItem {
     govChange: EventEmitter<AccordionItemEvent>;
     validateSize(newValue: string): void;
     componentWillLoad(): void;
+    componentDidRender(): void;
     private getPropsFromParents;
     render(): any;
     /**

package/dist/types/components/gov-flex/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FlexClass: {
+    root: string;
+};

package/dist/types/components/gov-flex/gov-flex.d.ts

@@ -0,0 +1,33 @@
+export declare class GovFlex {
+    private h;
+    constructor();
+    host: HTMLGovGridElement;
+    /**
+     * Controls the flex direction of the container. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.
+     */
+    direction: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /**
+     * Defines how the browser distributes space between and around content items along the main axis.
+     * Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.
+     */
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    /**
+     * Aligns flex items along the cross axis. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.
+     */
+    alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+    /**
+     * Controls whether the flex container is a single-line or multi-line flex container. Can be 'nowrap', 'wrap', or 'wrap-reverse'.
+     */
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /**
+     * Aligns the flex container's lines within when there is extra space in the cross-axis.
+     * Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.
+     */
+    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+    /**
+     * 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.
+     * Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.
+     */
+    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    render(): any;
+}

package/dist/types/components/gov-form/file/gov-form-file.d.ts

@@ -8,6 +8,7 @@ export declare class GovFormFile {
     private inputRef?;
     private readonly fileId;
     private attributeObserver;
+    private eventsRegistered;
     constructor();
     host: HTMLGovFormFileElement;
     /**

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts

@@ -93,9 +93,7 @@ export declare class GovFormMultiSelect {
     validateSize(newValue: string): void;
     watchOptions(newValue: string | GovFormMultiSelectItem[]): void;
     watchValue(newValue: string | GovFormMultiSelectItem[]): void;
-    watchControlAttrs(): void;
     inheritedAttributes: Attributes;
-    private passControlAttrs;
     componentDidLoad(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/gov-lifecycle-tester/gov-lifecycle-tester.d.ts

@@ -0,0 +1,14 @@
+export declare class GovLifecycle {
+    private readonly uniqueId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentShouldUpdate(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    componentWillUpdate(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -150,8 +150,6 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
     }
-    interface GovApp {
-    }
     interface GovAttachments {
         /**
           * Label of attachments section
@@ -495,6 +493,32 @@ export namespace Components {
     }
     interface GovErrorCode {
     }
+    interface GovFlex {
+        /**
+          * Aligns the flex container's lines within when there is extra space in the cross-axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.
+         */
+        "alignContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+        /**
+          * Aligns flex items along the cross axis. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.
+         */
+        "alignItems"?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+        /**
+          * 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. Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.
+         */
+        "alignSelf"?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+        /**
+          * Controls the flex direction of the container. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.
+         */
+        "direction": 'row' | 'row-reverse' | 'column' | 'column-reverse';
+        /**
+          * Defines how the browser distributes space between and around content items along the main axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.
+         */
+        "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Controls whether the flex container is a single-line or multi-line flex container. Can be 'nowrap', 'wrap', or 'wrap-reverse'.
+         */
+        "wrap"?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    }
     interface GovFormAutocomplete {
         /**
           * Clears whisperer value
@@ -1244,6 +1268,8 @@ export namespace Components {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -1825,12 +1851,6 @@ declare global {
         prototype: HTMLGovAccordionItemElement;
         new (): HTMLGovAccordionItemElement;
     };
-    interface HTMLGovAppElement extends Components.GovApp, HTMLStencilElement {
-    }
-    var HTMLGovAppElement: {
-        prototype: HTMLGovAppElement;
-        new (): HTMLGovAppElement;
-    };
     interface HTMLGovAttachmentsElement extends Components.GovAttachments, HTMLStencilElement {
     }
     var HTMLGovAttachmentsElement: {
@@ -2005,6 +2025,12 @@ declare global {
         prototype: HTMLGovErrorCodeElement;
         new (): HTMLGovErrorCodeElement;
     };
+    interface HTMLGovFlexElement extends Components.GovFlex, HTMLStencilElement {
+    }
+    var HTMLGovFlexElement: {
+        prototype: HTMLGovFlexElement;
+        new (): HTMLGovFlexElement;
+    };
     interface HTMLGovFormAutocompleteElementEventMap {
         "gov-focus": FormAutocompleteEvent;
         "gov-blur": FormAutocompleteEvent;
@@ -2293,6 +2319,12 @@ declare global {
         prototype: HTMLGovLayoutColumnElement;
         new (): HTMLGovLayoutColumnElement;
     };
+    interface HTMLGovLifecycleElement extends Components.GovLifecycle, HTMLStencilElement {
+    }
+    var HTMLGovLifecycleElement: {
+        prototype: HTMLGovLifecycleElement;
+        new (): HTMLGovLifecycleElement;
+    };
     interface HTMLGovLoadingElement extends Components.GovLoading, HTMLStencilElement {
     }
     var HTMLGovLoadingElement: {
@@ -2492,7 +2524,6 @@ declare global {
     interface HTMLElementTagNameMap {
         "gov-accordion": HTMLGovAccordionElement;
         "gov-accordion-item": HTMLGovAccordionItemElement;
-        "gov-app": HTMLGovAppElement;
         "gov-attachments": HTMLGovAttachmentsElement;
         "gov-attachments-item": HTMLGovAttachmentsItemElement;
         "gov-backdrop": HTMLGovBackdropElement;
@@ -2507,6 +2538,7 @@ declare global {
         "gov-dropdown": HTMLGovDropdownElement;
         "gov-empty": HTMLGovEmptyElement;
         "gov-error-code": HTMLGovErrorCodeElement;
+        "gov-flex": HTMLGovFlexElement;
         "gov-form-autocomplete": HTMLGovFormAutocompleteElement;
         "gov-form-checkbox": HTMLGovFormCheckboxElement;
         "gov-form-checkbox-group": HTMLGovFormCheckboxGroupElement;
@@ -2529,6 +2561,7 @@ declare global {
         "gov-infobar": HTMLGovInfobarElement;
         "gov-layout": HTMLGovLayoutElement;
         "gov-layout-column": HTMLGovLayoutColumnElement;
+        "gov-lifecycle": HTMLGovLifecycleElement;
         "gov-loading": HTMLGovLoadingElement;
         "gov-message": HTMLGovMessageElement;
         "gov-pagination": HTMLGovPaginationElement;
@@ -2586,8 +2619,6 @@ declare namespace LocalJSX {
          */
         "size"?: AccordionSizeType;
     }
-    interface GovApp {
-    }
     interface GovAttachments {
         /**
           * Label of attachments section
@@ -2910,6 +2941,32 @@ declare namespace LocalJSX {
     }
     interface GovErrorCode {
     }
+    interface GovFlex {
+        /**
+          * Aligns the flex container's lines within when there is extra space in the cross-axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'.
+         */
+        "alignContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+        /**
+          * Aligns flex items along the cross axis. Can be 'stretch', 'flex-start', 'flex-end', 'center', or 'baseline'.
+         */
+        "alignItems"?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
+        /**
+          * 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. Allowed values: 'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.
+         */
+        "alignSelf"?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+        /**
+          * Controls the flex direction of the container. Can be 'row', 'row-reverse', 'column', or 'column-reverse'.
+         */
+        "direction"?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+        /**
+          * Defines how the browser distributes space between and around content items along the main axis. Allowed values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'.
+         */
+        "justifyContent"?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+        /**
+          * Controls whether the flex container is a single-line or multi-line flex container. Can be 'nowrap', 'wrap', or 'wrap-reverse'.
+         */
+        "wrap"?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    }
     interface GovFormAutocomplete {
         /**
           * Makes the input component disabled. This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
@@ -3710,6 +3767,8 @@ declare namespace LocalJSX {
     }
     interface GovLayoutColumn {
     }
+    interface GovLifecycle {
+    }
     interface GovLoading {
         /**
           * Loading size
@@ -4102,7 +4161,6 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "gov-accordion": GovAccordion;
         "gov-accordion-item": GovAccordionItem;
-        "gov-app": GovApp;
         "gov-attachments": GovAttachments;
         "gov-attachments-item": GovAttachmentsItem;
         "gov-backdrop": GovBackdrop;
@@ -4117,6 +4175,7 @@ declare namespace LocalJSX {
         "gov-dropdown": GovDropdown;
         "gov-empty": GovEmpty;
         "gov-error-code": GovErrorCode;
+        "gov-flex": GovFlex;
         "gov-form-autocomplete": GovFormAutocomplete;
         "gov-form-checkbox": GovFormCheckbox;
         "gov-form-checkbox-group": GovFormCheckboxGroup;
@@ -4139,6 +4198,7 @@ declare namespace LocalJSX {
         "gov-infobar": GovInfobar;
         "gov-layout": GovLayout;
         "gov-layout-column": GovLayoutColumn;
+        "gov-lifecycle": GovLifecycle;
         "gov-loading": GovLoading;
         "gov-message": GovMessage;
         "gov-pagination": GovPagination;
@@ -4165,7 +4225,6 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "gov-accordion": LocalJSX.GovAccordion & JSXBase.HTMLAttributes<HTMLGovAccordionElement>;
             "gov-accordion-item": LocalJSX.GovAccordionItem & JSXBase.HTMLAttributes<HTMLGovAccordionItemElement>;
-            "gov-app": LocalJSX.GovApp & JSXBase.HTMLAttributes<HTMLGovAppElement>;
             "gov-attachments": LocalJSX.GovAttachments & JSXBase.HTMLAttributes<HTMLGovAttachmentsElement>;
             "gov-attachments-item": LocalJSX.GovAttachmentsItem & JSXBase.HTMLAttributes<HTMLGovAttachmentsItemElement>;
             "gov-backdrop": LocalJSX.GovBackdrop & JSXBase.HTMLAttributes<HTMLGovBackdropElement>;
@@ -4180,6 +4239,7 @@ declare module "@stencil/core" {
             "gov-dropdown": LocalJSX.GovDropdown & JSXBase.HTMLAttributes<HTMLGovDropdownElement>;
             "gov-empty": LocalJSX.GovEmpty & JSXBase.HTMLAttributes<HTMLGovEmptyElement>;
             "gov-error-code": LocalJSX.GovErrorCode & JSXBase.HTMLAttributes<HTMLGovErrorCodeElement>;
+            "gov-flex": LocalJSX.GovFlex & JSXBase.HTMLAttributes<HTMLGovFlexElement>;
             "gov-form-autocomplete": LocalJSX.GovFormAutocomplete & JSXBase.HTMLAttributes<HTMLGovFormAutocompleteElement>;
             "gov-form-checkbox": LocalJSX.GovFormCheckbox & JSXBase.HTMLAttributes<HTMLGovFormCheckboxElement>;
             "gov-form-checkbox-group": LocalJSX.GovFormCheckboxGroup & JSXBase.HTMLAttributes<HTMLGovFormCheckboxGroupElement>;
@@ -4202,6 +4262,7 @@ declare module "@stencil/core" {
             "gov-infobar": LocalJSX.GovInfobar & JSXBase.HTMLAttributes<HTMLGovInfobarElement>;
             "gov-layout": LocalJSX.GovLayout & JSXBase.HTMLAttributes<HTMLGovLayoutElement>;
             "gov-layout-column": LocalJSX.GovLayoutColumn & JSXBase.HTMLAttributes<HTMLGovLayoutColumnElement>;
+            "gov-lifecycle": LocalJSX.GovLifecycle & JSXBase.HTMLAttributes<HTMLGovLifecycleElement>;
             "gov-loading": LocalJSX.GovLoading & JSXBase.HTMLAttributes<HTMLGovLoadingElement>;
             "gov-message": LocalJSX.GovMessage & JSXBase.HTMLAttributes<HTMLGovMessageElement>;
             "gov-pagination": LocalJSX.GovPagination & JSXBase.HTMLAttributes<HTMLGovPaginationElement>;

package/dist/types/utils/string.utils.d.ts

@@ -1,3 +1,4 @@
+export declare function chr4(): string;
 export declare function createID(prefix: string): string;
 export declare function removeDiacritics(string: any): string | any;
 export declare function splitByWhitespace(string: any): string | any;

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-rc02",
+	"version": "4.1.0-rc04",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
 	"dependencies": {
 		"@gov-design-system-ce/icons": "0.0.12",
 		"@gov-design-system-ce/fonts": "0.0.2",
-		"@gov-design-system-ce/styles": "4.1.0-rc01"
+		"@gov-design-system-ce/styles": "4.1.0-rc02"
 	}
 }