@gov-design-system-ce/components 4.6.4 → 4.6.5

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

@@ -0,0 +1,34 @@
+import { LinkSizesType } from './constants';
+import { Attributes } from "../../helpers/Dom/attribute";
+export declare class GovLink {
+    private h;
+    constructor();
+    host: HTMLGovLinkElement;
+    /**
+     * Element size.
+     */
+    readonly size?: LinkSizesType;
+    /**
+     * Element size.
+     */
+    readonly external?: boolean;
+    /**
+     * Cutting text to one line
+     */
+    readonly truncate?: boolean;
+    /**
+     * Same as original parameter
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+     */
+    readonly href: string;
+    /**
+     * Same as original parameter
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+     */
+    readonly target: string;
+    validateSize(newValue: string): void;
+    inheritedAttributes: Attributes;
+    componentWillLoad(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    render(): any;
+}

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

@@ -0,0 +1,9 @@
+import { Sizes } from "../../../core/constants/sizes";
+import { ValueOf } from "../../../types/interfaces";
+export declare const LoadingSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`;
+export declare const LoadingClass: {
+    root: string;
+    content: string;
+    icon: string;
+};

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

@@ -0,0 +1,13 @@
+import { LoadingSizesType } from "./constants";
+export declare class GovLoading {
+    private h;
+    constructor();
+    host: HTMLGovLoadingElement;
+    /**
+     * Loading size
+     */
+    readonly size?: LoadingSizesType;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/dist/types/components/gov-loading/skeleton/constants.d.ts

@@ -0,0 +1,21 @@
+import { ValueOf } from "../../../types/interfaces";
+import { Sizes } from "../../../core/constants/sizes";
+import { Colors } from "../../../core/constants/colors";
+export declare const SkeletonSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`;
+export declare const SkeletonColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL">;
+export type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`;
+export declare enum SkeletonShapes {
+    CIRCLE = "circle",
+    LINE = "line"
+}
+export type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`;
+export declare enum SkeletonAnimation {
+    PULSE = "pulse",
+    PROGRESS = "progress",
+    FALSE = "false"
+}
+export type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`;
+export declare const SkeletonClass: {
+    root: string;
+};

package/dist/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts

@@ -0,0 +1,46 @@
+import { SkeletonAnimationType, SkeletonColorType, SkeletonShapesType } from "./constants";
+import { GovHost } from "../../../helpers/Dom/template.types";
+import { FormInputSizesType } from "../../gov-form/input/constants";
+import { Attributes } from "../../../helpers/Dom/attribute";
+export declare class GovSkeleton {
+    h: GovHost;
+    private attributeObserver;
+    constructor();
+    host: HTMLGovSkeletonElement;
+    /**
+     * Input’s size.
+     */
+    readonly size?: FormInputSizesType;
+    /**
+     * Style variation of the skeleton.
+     */
+    readonly color?: SkeletonColorType;
+    /**
+     * Shape of the skeleton
+     */
+    shape?: SkeletonShapesType;
+    /**
+     * Width of the skeleton ex. 100px, 100%, auto etc.
+     */
+    width?: string;
+    /**
+     * Height of the skeleton ex. 100px, 100%, auto etc.
+     */
+    height?: string;
+    /**
+     * Animation type
+     */
+    animation?: SkeletonAnimationType;
+    items: number[];
+    validateSize(newValue: string): void;
+    validateShape(newValue: string): void;
+    validateAnimation(newValue: string): void;
+    inheritedAttributes: Attributes;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    componentWillUpdate(): void;
+    disconnectedCallback(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    init(): void;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+import { Colors } from '../../core/constants/colors';
+import { ValueOf } from '../../types/interfaces';
+export declare const MessageColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type MessageColorType = `${ValueOf<typeof MessageColors>}`;
+export declare enum MessageType {
+    BOLD = "bold",
+    SUBTLE = "subtle"
+}
+export type MessageTypesType = `${ValueOf<typeof MessageType>}`;
+export declare const MessageClass: {
+    root: string;
+    content: string;
+};

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

@@ -0,0 +1,16 @@
+import { MessageTypesType, MessageColorType } from "./constants";
+export declare class GovMessage {
+    private h;
+    constructor();
+    host: HTMLGovMessageElement;
+    /**
+     * Style variation of the content message.
+     */
+    readonly color: MessageColorType;
+    /**
+     * Message type
+     */
+    readonly type?: MessageTypesType;
+    validateColor(newValue: string): void;
+    render(): any;
+}

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

@@ -0,0 +1,22 @@
+import { Sizes } from '../../core/constants/sizes';
+import { Colors } from '../../core/constants/colors';
+import { ValueOf } from '../../types/interfaces';
+export declare const PaginationSizes: Pick<typeof Sizes, "_S" | "_M">;
+export type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`;
+export declare const PaginationColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL">;
+export type PaginationColorType = `${ValueOf<typeof PaginationColors>}`;
+export declare enum PaginationTypes {
+    BUTTON = "button",
+    SELECT = "select"
+}
+export type PaginationType = `${ValueOf<typeof PaginationTypes>}`;
+export declare const PaginationClass: {
+    root: string;
+    list: string;
+    item: string;
+    itemArrow: string;
+    itemMore: string;
+    itemSelect: string;
+    inner: string;
+    arrow: string;
+};

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

@@ -0,0 +1,97 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { PaginationColorType, PaginationSizeType, PaginationType } from "./constants";
+import { Pagination } from "./pagination";
+import { PaginationEvent } from "./gov-pagination.types";
+import { Attributes } from "../../helpers/Dom/attribute";
+export declare class GovPagination {
+    private h;
+    private readonly pageSelectId;
+    private readonly selectId;
+    private spreadSelectRef?;
+    private attributeObserver;
+    constructor();
+    readonly host: HTMLGovPaginationElement;
+    /**
+     * Pagination type
+     */
+    readonly type: PaginationType;
+    /**
+     * Currently displayed page
+     */
+    readonly current: number;
+    /**
+     * Total count of entries
+     */
+    readonly total: number;
+    /**
+     * Custom select identifier.
+     */
+    readonly selectIdentifier: string;
+    /**
+     * Pagination's size
+     */
+    readonly size?: PaginationSizeType;
+    /**
+     * Style variation of the pagination.
+     */
+    readonly color?: PaginationColorType;
+    /**
+     * Maximum number of entries per page
+     */
+    readonly pageSize: number;
+    /**
+     * Maximum pages displayed for selection
+     */
+    readonly maxPages: number;
+    /**
+     * Setting a link to redirect to a given page.
+     * The {PAGE} wildcard can be used in the link to replace the page number.
+     * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.
+     */
+    readonly link: string;
+    /**
+     * Adds accessible label for the page select
+     */
+    readonly accessibleSelectLabel: string;
+    /**
+     * Adds accessible label for the page item
+     */
+    readonly accessiblePageLabel: string;
+    /**
+     * Description of the possibility to go back one page
+     */
+    readonly labelPrev = "P\u0159ej\u00EDt o stranu zp\u011Bt";
+    /**
+     * Description of the option to go to the top of paging
+     */
+    readonly labelStart = "P\u0159ej\u00EDt na za\u010D\u00E1tek";
+    /**
+     * Description of the option to go to the end of paging
+     */
+    readonly labelNext = "P\u0159ej\u00EDt na dal\u0161\u00ED stranu";
+    /**
+     * Description of the option to move one page forward
+     */
+    readonly labelEnd = "P\u0159ej\u00EDt na konec";
+    /**
+     * Event called when changing the page with the current setting of the whole paging
+     */
+    govPage: EventEmitter<PaginationEvent>;
+    pagination: Pagination;
+    inheritedAttributes: Attributes;
+    validateType(newValue: string): void;
+    validateSize(newValue: string): void;
+    validateColor(newValue: string): void;
+    recalculate(): void;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    private recalculatePagination;
+    private isActivePageClass;
+    private prepareLinkUrl;
+    private resetSelectValue;
+    render(): any;
+    private onClickHandler;
+    private onSelectHandler;
+}

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

@@ -0,0 +1,5 @@
+import { GovBaseEvent } from "../../types/event.types";
+import { Pagination } from "./pagination";
+export interface PaginationEvent extends GovBaseEvent {
+    pagination: Pagination;
+}

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

@@ -0,0 +1,12 @@
+export interface Pagination {
+    totalItems: number;
+    currentPage: number;
+    pageSize: number;
+    totalPages: number;
+    startPage: number;
+    endPage: number;
+    startIndex: number;
+    endIndex: number;
+    pages: number[];
+}
+export declare function paginate(totalItems: number, currentPage?: number, pageSize?: number, maxPages?: number): Pagination;

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

@@ -0,0 +1,15 @@
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const SpacerSize: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL" | "_2XS" | "_2XL" | "_3XL" | "_4XL">;
+export type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`;
+export declare enum SpacerBreakpoints {
+    NONE = "none",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+export type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`;
+export declare const SpacerClass: {
+    root: string;
+};

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

@@ -0,0 +1,18 @@
+import { SpacerBreakpointsType, SpacerSizeType } from './constants';
+export declare class GovSpacer {
+    private h;
+    constructor();
+    host: HTMLGovSpacerElement;
+    /**
+     * Spacer’s size
+     */
+    readonly size?: SpacerSizeType;
+    /**
+     * Breakpoint
+     */
+    readonly breakpoint?: SpacerBreakpointsType;
+    validateSize(newValue: string): void;
+    validateBreakpoint(newValue: string): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,21 @@
+import { Colors } from '../../../core/constants/colors';
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const StepperColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type StepperColorType = `${ValueOf<typeof StepperColors>}`;
+export declare const StepperSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type StepperSizesType = `${ValueOf<typeof StepperSizes>}`;
+export declare const StepperClass: {
+    root: string;
+};
+export declare const StepperItemClass: {
+    root: string;
+    header: string;
+    label: string;
+    steps: string;
+    prefix: string;
+    main: string;
+    headline: string;
+    annotation: string;
+    content: string;
+};

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

@@ -0,0 +1,4 @@
+export interface GovStepperItemChangeEvent {
+    open: boolean;
+    element: HTMLGovStepperItemElement;
+}

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { StepperSizesType, StepperColorType } from './constants';
+import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
+export declare class GovStepperItem {
+    private h;
+    private readonly triggerId;
+    private readonly contentId;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovStepperItemElement;
+    /**
+     * Style variation of the button.
+     */
+    readonly color?: StepperColorType;
+    /**
+     * Size of stepper
+     */
+    readonly size?: StepperSizesType;
+    /**
+     * Custom stepper item identifier. Otherwise, it will be generated
+     */
+    readonly identifier: string;
+    /**
+     * Called when the accordion state changes
+     */
+    govChange: EventEmitter<GovStepperItemChangeEvent>;
+    validateColor(newValue: string): void;
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { StepperSizesType } from './constants';
+import { GovStepperItemChangeEvent } from './gov-stepper-item.d';
+export declare class GovStepper {
+    private h;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovStepperElement;
+    /**
+     * Size of stepper
+     */
+    readonly size?: StepperSizesType;
+    /**
+     * Called when the Stepper state changes
+     */
+    govChange: EventEmitter<GovStepperItemChangeEvent>;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,28 @@
+import { ValueOf } from '../../types/interfaces';
+import { Sizes } from "../../core/constants/sizes";
+import { Colors } from '../../core/constants/colors';
+export declare const TabSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type TabSizeType = `${ValueOf<typeof TabSizes>}`;
+export declare const TabColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL">;
+export type ColorType = `${ValueOf<typeof TabColors>}`;
+export declare enum TabTypes {
+    TEXT = "text",
+    CHIP = "chip"
+}
+export type TabType = `${ValueOf<typeof TabTypes>}`;
+export declare enum TabOrientation {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export type TabOrientationType = `${ValueOf<typeof TabOrientation>}`;
+export declare const TabsClass: {
+    root: string;
+    tabs: string;
+    list: string;
+    item: string;
+    btn: string;
+};
+export declare const TabsItemClass: {
+    root: string;
+    inner: string;
+};

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

@@ -0,0 +1,54 @@
+export declare class GovTabsItem {
+    private h;
+    private readonly contentId;
+    private readonly triggerId;
+    constructor();
+    host: HTMLGovTabsItemElement;
+    /**
+     * Custom tab item identifier. Otherwise, it will be generated
+     */
+    readonly identifier: string;
+    /**
+     * Custom tab trigger item identifier. Otherwise, it will be generated
+     */
+    readonly triggerIdentifier: string;
+    /**
+     * Item name of the tab
+     */
+    readonly label: string;
+    /**
+     * Item disable state
+     */
+    readonly disabled: boolean;
+    /**
+     * Icon definition at the stat. Use the type/name notation
+     */
+    readonly iconStart: string;
+    /**
+     * Icon definition at the end. Use the type/name notation
+     */
+    readonly iconEnd: string;
+    /**
+     * Default selected tab
+     */
+    readonly default: boolean;
+    isActive: boolean;
+    rerenderParent(): void;
+    render(): any;
+    /**
+     * Returns a unique tab content identifier
+     */
+    getIdentifier(): Promise<string>;
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    getTriggerIdentifier(): Promise<string>;
+    /**
+     * Returns a unique tab trigger identifier
+     */
+    getDisableState(): Promise<boolean>;
+    /**
+     * Set status of tab-item
+     */
+    setActiveStatus(status: boolean): Promise<void>;
+}

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

@@ -0,0 +1,70 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ColorType, TabOrientationType, TabSizeType, TabType } from "./constants";
+import { GovTabControllerItem } from "./gov-tabs.types";
+import { Nullable } from "../../types/interfaces";
+import { Attributes } from "../../helpers/Dom/attribute";
+export declare class GovTabs {
+    private h;
+    private triggerRefs;
+    private attributeObserver;
+    constructor();
+    host: HTMLGovTabsElement;
+    /**
+     * Tabs type
+     */
+    readonly type: TabType;
+    /**
+     * Tabs size.
+     */
+    readonly size?: TabSizeType;
+    /**
+     * Style variation of the tab chips.
+     */
+    readonly color?: ColorType;
+    /**
+     * Tabs orientation
+     */
+    readonly orientation: TabOrientationType;
+    /**
+     * Icon and description display direction
+     */
+    readonly direction: 'row' | 'column';
+    /**
+     * Emitted when the tab is changed.
+     */
+    govChange: EventEmitter<HTMLGovTabsItemElement>;
+    validateType(newValue: string): void;
+    validateColor(newValue: string): void;
+    validateSize(newValue: string): void;
+    controllers: GovTabControllerItem[];
+    focusIndex: number;
+    inheritedAttributes: Attributes;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    private prepareControllers;
+    private setActiveByIdentifier;
+    private reRender;
+    render(): any;
+    private getCurrentTab;
+    private onSelectHandler;
+    private onKeydownHandler;
+    private goToPrevNext;
+    /**
+     * Regenerate tabs controllers
+     */
+    refresh(): Promise<void>;
+    /**
+     * Returns the currently selected tabs-item
+     */
+    currentTab(): Promise<Nullable<HTMLGovTabsItemElement>>;
+    /**
+     * Regenerate tabs controllers
+     */
+    setActiveTab(identifier: string): Promise<void>;
+    /**
+     * Regenerate tabs controllers
+     */
+    rerender(): Promise<void>;
+}

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

@@ -0,0 +1,14 @@
+import { Nullable } from "../../types/interfaces";
+import { IconType } from "../gov-icon/helpers";
+export interface GovTabControllerItem {
+    label: string;
+    contentIdentifier: string;
+    triggerIdentifier: string;
+    element: HTMLGovTabsItemElement;
+    active: boolean;
+    default: boolean;
+    disabled: boolean;
+    iconStart: Nullable<IconType>;
+    iconEnd: Nullable<IconType>;
+    direction: string;
+}

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

@@ -0,0 +1,12 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const TagSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M">;
+export type TagSizesType = `${ValueOf<typeof TagSizes>}`;
+export declare enum TagType {
+    BOLD = "bold",
+    SUBTLE = "subtle"
+}
+export type TagTypesType = `${ValueOf<typeof TagType>}`;
+export declare const TagClass: {
+    root: string;
+};

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

@@ -0,0 +1,35 @@
+import { ButtonColorType } from '../gov-button/button/constants';
+import { TagSizesType, TagTypesType } from './constants';
+export declare class GovTag {
+    private h;
+    constructor();
+    host: HTMLGovTagElement;
+    /**
+     * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+     */
+    readonly iconStart?: string;
+    /**
+     * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+     */
+    readonly iconEnd?: string;
+    /**
+     * Tag’s size.
+     */
+    readonly size: TagSizesType;
+    /**
+     * Style variation of the tag.
+     */
+    readonly color: ButtonColorType;
+    /**
+     * Tag’s type
+     */
+    readonly type: TagTypesType;
+    /**
+     * Expands the tag to fill 100% of the container width
+     */
+    readonly expanded: boolean;
+    validateColor(newValue: string): void;
+    validateSize(newValue: string): void;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/dist/types/components/gov-theme-switch/constants.d.ts

@@ -0,0 +1,12 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const ThemeSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`;
+export declare const ThemeSwitchClass: {
+    root: string;
+    indicator: string;
+    label: string;
+    iconLight: string;
+    iconDark: string;
+};
+export declare const ATTRIBUTE_THEME_NAME = "data-theme";