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

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";

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

@@ -0,0 +1,46 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ThemeSwitchSizesType } from "./constants";
+import { ThemeList, ThemeSwitchEvent } from "./gov-theme-switch.types";
+export declare class GovThemeSwitch {
+    private h;
+    constructor();
+    host: HTMLGovThemeSwitchElement;
+    /**
+     * Switch's size.
+     */
+    readonly size?: ThemeSwitchSizesType;
+    /**
+     * Display switch label
+     */
+    readonly displayLabel? = false;
+    /**
+     * Label in light mode
+     */
+    readonly ariaLabelLight? = "P\u0159epnout na tmav\u00FD m\u00F3d";
+    /**
+     * Label in dark mode
+     */
+    readonly ariaLabelDark? = "P\u0159epnout na sv\u011Btl\u00FD m\u00F3d";
+    /**
+     * Label in light mode
+     */
+    readonly labelLight? = "Sv\u011Btl\u00FD m\u00F3d";
+    /**
+     * Label in dark mode
+     */
+    readonly labelDark? = "Tmav\u00FD m\u00F3d";
+    /**
+     * Called when the theme is changed by the user
+     */
+    govChange: EventEmitter<ThemeSwitchEvent>;
+    validateSize(newValue: string): void;
+    watchTheme(newValue: ThemeList): void;
+    theme: ThemeList;
+    private get storageValue();
+    private get htmlElement();
+    private get isSystemPrefersColorDark();
+    componentWillLoad(): void;
+    private initDefaultState;
+    private setThemeState;
+    render(): any;
+}

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

@@ -0,0 +1,10 @@
+import { GovBaseEvent } from "../../types/event.types";
+export declare enum ThemeList {
+    auto = "auto",
+    light = "light",
+    dark = "dark"
+}
+export interface ThemeSwitchEvent extends GovBaseEvent {
+    ref: HTMLGovThemeSwitchElement;
+    state: ThemeList;
+}

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

@@ -0,0 +1,13 @@
+import { Sizes } from "../../core/constants/sizes";
+import { ValueOf } from "../../types/interfaces";
+export declare const TileSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type TileSizesType = `${ValueOf<typeof TileSizes>}`;
+export declare const TileClass: {
+    root: string;
+    link: string;
+    content: string;
+    text: string;
+    title: string;
+    icon: string;
+    annotation: string;
+};

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

@@ -0,0 +1,34 @@
+import { TileSizesType } from "./constants";
+import { ButtonTargetType } from "../gov-button/button/constants";
+export declare class GovTile {
+    host: HTMLGovTileElement;
+    /**
+     * Tile’s size
+     */
+    readonly size?: TileSizesType;
+    /**
+     * Style variation of the tile.
+     */
+    readonly orientation: "vertical" | "horizontal";
+    /**
+     * Tiles border
+     */
+    readonly noBorder: boolean;
+    /**
+     * Link on whole tile
+     */
+    readonly href: string;
+    /**
+     * Same as original parameter
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+     */
+    readonly target?: ButtonTargetType;
+    private triggerRef?;
+    private h;
+    constructor();
+    render(): any;
+    /**
+     * Returns a clickable element instance
+     */
+    getTriggerRef(): Promise<HTMLLinkElement | HTMLSpanElement>;
+}

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

@@ -0,0 +1,17 @@
+import { Colors } from '../../core/constants/colors';
+import { ValueOf } from '../../types/interfaces';
+export declare const ToastColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type ToastColorType = `${ValueOf<typeof ToastColors>}`;
+export declare enum ToastType {
+    BOLD = "bold",
+    SUBTLE = "subtle"
+}
+export type ToastTypesType = `${ValueOf<typeof ToastType>}`;
+export declare const ToastClass: {
+    root: string;
+    hidden: string;
+    content: string;
+    icon: string;
+    close: string;
+    timer: string;
+};

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

@@ -0,0 +1,58 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ToastColorType, ToastTypesType } from "./constants";
+import { Attributes } from "../../helpers/Dom/attribute";
+export declare class GovToast {
+    private h;
+    private timeout;
+    private readonly toastId;
+    private attributeObserver;
+    constructor();
+    host: HTMLGovToastElement;
+    /**
+     * Style variation of the toast message.
+     */
+    readonly color?: ToastColorType;
+    /**
+     * Toast’s gravity
+     */
+    readonly gravity: "top" | "bottom";
+    /**
+     * Toast’s position
+     */
+    readonly position: "left" | "center" | "right";
+    /**
+     * Toast type
+     */
+    readonly type?: ToastTypesType;
+    /**
+     * Number of milliseconds to wait before Toast disappear
+     */
+    readonly time: number;
+    /**
+     * Closing button texting instead of icons
+     */
+    readonly closeLabel: string;
+    /**
+     * Aria label for the closing button. It is mandatory if the alert is closable
+     */
+    readonly accessibleCloseLabel: string;
+    /**
+     * Called when the close button is clicked
+     */
+    govClose: EventEmitter<string>;
+    validateColor(newValue: string): void;
+    inheritedAttributes: Attributes;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    onAriaAttributeChange(attributeName: string, newValue: string): void;
+    private runTimer;
+    render(): any;
+    private onCloseHandler;
+    get isBold(): boolean;
+    get isTimer(): boolean;
+    /**
+     * Remove toast from dom
+     */
+    destroy(): Promise<void>;
+}