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

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>;
+}

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

@@ -0,0 +1,20 @@
+import { Colors } from '../../core/constants/colors';
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const TooltipColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL">;
+export type TooltipColorType = `${ValueOf<typeof TooltipColors>}`;
+export declare const TooltipSize: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`;
+export declare enum TooltipPosition {
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left"
+}
+export type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`;
+export declare const TooltipClass: {
+    root: string;
+};
+export declare const TooltipContentClass: {
+    root: string;
+};

package/dist/dist/types/components/gov-tooltip/gov-tooltip-content.d.ts

@@ -0,0 +1,32 @@
+import { TooltipSizeType, TooltipColorType } from "./constants";
+export declare class GovTooltipContent {
+    private timeout;
+    host: HTMLGovTooltipContentElement;
+    /**
+     * Style variation of the tooltip
+     */
+    readonly color?: TooltipColorType;
+    /**
+     * Tooltip’s size.
+     */
+    readonly size?: TooltipSizeType;
+    /**
+     * Tooltip is still visible.
+     */
+    persist?: boolean;
+    /**
+     * Indicates display of tooltip content
+     */
+    isVisible: boolean;
+    /**
+     * Indicates display of tooltip content
+     */
+    parentId: string;
+    /**
+     * Tooltip text. When set, renders the HTML message; otherwise the default `<slot/>` is used.
+     */
+    message?: string;
+    visibleContent(newValue: boolean): void;
+    hideContent(): void;
+    render(): any;
+}

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

@@ -0,0 +1,61 @@
+import { TooltipPositionType, TooltipSizeType, TooltipColorType } from "./constants";
+export declare class GovTooltip {
+    private h;
+    private readonly tooltipContentId;
+    private readonly tooltipId;
+    constructor();
+    host: HTMLGovTooltipElement;
+    /**
+     * Style variation of the tooltip
+     */
+    readonly color?: TooltipColorType;
+    /**
+     * Tooltip’s size.
+     */
+    readonly size?: TooltipSizeType;
+    /**
+     * Tooltip display position
+     */
+    position: TooltipPositionType;
+    /**
+     * Information contained in the tooltip
+     */
+    readonly message: string;
+    /**
+     * Custom tooltip identifier.
+     */
+    readonly identifier: string;
+    /**
+     * Trigger is just an icon
+     */
+    readonly icon: boolean;
+    persist: boolean;
+    validateColor(newValue: string): void;
+    validateSize(newValue: string): void;
+    validatePosition(newValue: string): void;
+    rerenderMessage(): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private createContentWrapper;
+    private get tooltipContent();
+    private get insideContent();
+    private registerListeners;
+    private verifyPositionSpace;
+    private resizeObserver?;
+    private repositionListenersAttached;
+    private readonly reposition;
+    private showTooltip;
+    private hideTooltip;
+    private removeContent;
+    render(): any;
+    /**
+     * Showing the modal
+     */
+    show(): Promise<void>;
+    /**
+     * Hiding the modal
+     */
+    hide(): Promise<void>;
+}

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

@@ -0,0 +1,19 @@
+import { Colors } from '../../core/constants/colors';
+import { Sizes } from '../../core/constants/sizes';
+import { ValueOf } from '../../types/interfaces';
+export declare const WizardColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL" | "SUCCESS" | "ERROR" | "WARNING">;
+export type WizardColorType = `${ValueOf<typeof WizardColors>}`;
+export declare const WizardSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
+export type WizardSizesType = `${ValueOf<typeof WizardSizes>}`;
+export declare const WizardClass: {
+    root: string;
+};
+export declare const WizardItemClass: {
+    root: string;
+    header: string;
+    prefix: string;
+    label: string;
+    headline: string;
+    chevron: string;
+    content: string;
+};

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

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

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { WizardSizesType, WizardColorType } from "./constants";
+import { WizardItemEvent } from "./gov-wizard-item.types";
+export declare class GovWizardItem {
+    private h;
+    private readonly triggerId;
+    private readonly contentId;
+    private hydrated;
+    constructor();
+    readonly host: HTMLGovWizardItemElement;
+    /**
+     * Style variation of the button.
+     */
+    readonly color?: WizardColorType;
+    /**
+     * Size of wizard
+     */
+    readonly size?: WizardSizesType;
+    /**
+     * Custom wizard item identifier. Otherwise, it will be generated
+     */
+    readonly identifier: string;
+    /**
+     * Defines weather the wizard item can be collapsible
+     */
+    readonly collapsible: boolean;
+    /**
+     * Makes the wizard component disabled.
+     */
+    readonly disabled: boolean;
+    /**
+     * Defines whether the accordion is open or closed by button
+     */
+    isExpanded: boolean;
+    /**
+     * Called when the accordion state changes
+     */
+    govChange: EventEmitter<WizardItemEvent>;
+    private validateColor;
+    private emmitChange;
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    render(): any;
+    /**
+     * Opening the Wizard
+     */
+    open(): Promise<void>;
+    /**
+     * Closing the Wizard
+     */
+    close(): Promise<void>;
+    /**
+     * Wizard switch
+     */
+    toggle(): Promise<void>;
+    /**
+     * Returns the current state of the component
+     */
+    currentState(): Promise<boolean>;
+}

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

@@ -0,0 +1,4 @@
+import { GovBaseEvent } from "../../types/event.types";
+export interface WizardItemEvent extends GovBaseEvent {
+    expanded: boolean;
+}

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { WizardSizesType } from "./constants";
+import { GovWizardItemChangeEvent } from "./gov-wizard-item.d";
+export declare class GovWizard {
+    private h;
+    private hydrated;
+    readonly host: HTMLGovWizardElement;
+    constructor();
+    /**
+     * Size of wizard
+     */
+    readonly size?: WizardSizesType;
+    /**
+     * Adds accessible label for the wizard that is only shown for screen readers.
+     */
+    readonly wcagLabel: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    readonly wcagLabelledBy: string;
+    /**
+     * Called when the wizard children state changes
+     */
+    govChange: EventEmitter<GovWizardItemChangeEvent>;
+    private validateSize;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): Promise<void>;
+    connectedCallback(): void;
+    render(): any;
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,13 @@
+export declare enum Colors {
+    DEFAULT = "default",
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    NEUTRAL = "neutral",
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING = "warning",
+    DISABLED = "disabled",
+    BLACK = "black",
+    WHITE = "white",
+    CUSTOM = "custom"
+}

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

@@ -0,0 +1,13 @@
+export declare enum Sizes {
+    _2XS = "2xs",
+    _XS = "xs",
+    _S = "s",
+    _M = "m",
+    _L = "l",
+    _XL = "xl",
+    _2XL = "2xl",
+    _3XL = "3xl",
+    _4XL = "4xl",
+    _5XL = "5xl",
+    _6XL = "6xl"
+}

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

@@ -0,0 +1,12 @@
+export declare enum Tags {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    P = "p",
+    SPAN = "span",
+    DIV = "div"
+}
+export declare const allTags: Tags[];

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

@@ -0,0 +1 @@
+export declare const backgroundTokenClasses: any[];

package/dist/dist/types/helpers/Accessibility/accessibility.d.ts

@@ -0,0 +1 @@
+export declare const inheritAriaAttributes: (el: HTMLElement, ignoreList?: string[]) => import("../Dom/attribute").Attributes;

package/dist/dist/types/helpers/Accessibility/attributes.d.ts

@@ -0,0 +1 @@
+export declare const ariaAttributes: string[];

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

@@ -0,0 +1,13 @@
+export type Attribute = unknown;
+export type Attributes = Record<string, Attribute>;
+export declare const inheritAttributes: (el: HTMLElement, attributes?: string[]) => Attributes;
+type Callback = (attributeName: string, newValue: string) => void;
+export declare class AttributeObserver {
+    private element;
+    private callback;
+    private mutationObserver;
+    constructor(element: HTMLElement, callback: Callback);
+    startObserving(attributes: string[]): void;
+    stopObserving(): void;
+}
+export {};

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

@@ -0,0 +1,4 @@
+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>;
+export declare const isValidSVG: (svgContent: string) => boolean;

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

@@ -0,0 +1,3 @@
+import { GovHost } from './template.types';
+import { GovForm } from './form.types';
+export declare const govForm: (govHost: GovHost) => GovForm;

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

@@ -0,0 +1,11 @@
+import { GovHost } from './template.types';
+export interface GovForm {
+    govHost: GovHost;
+    control: HTMLGovFormControlElement | null;
+    label: HTMLGovFormLabelElement | null;
+    passAttrToControl: (name: string, value: string) => void;
+    passAttrToLabel: (name: string, value: string) => void;
+    hasGroupChildren: boolean;
+    mainElementsInControl: Element[];
+    messageElements: HTMLGovFormMessageElement[];
+}

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

@@ -0,0 +1,10 @@
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+import { GovHost } from './template.types';
+export declare const prepareClasses: (classes: string[]) => string;
+export declare const booleanString: (value: boolean) => string;
+export declare const govHost: (host: HTMLStencilElement) => GovHost;
+export declare const toBoolAttr: (value: boolean | string | number) => string;
+export declare const toOnOffAttr: (value: boolean | string | number) => string;
+export declare const toBoolAttrIfDefined: (value: boolean | string | number | undefined | null) => undefined | string;
+export declare const toOnOffAttrIfDefined: (value: boolean | string | number | undefined | null) => undefined | string;
+export declare const boolToFocusValue: (value: boolean) => undefined | string;

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

@@ -0,0 +1,14 @@
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+import { Nullable } from "../../types/interfaces";
+export interface GovHost {
+    name: string;
+    hostElement: HTMLStencilElement;
+    hasSlot(name: string): boolean;
+    isSlotEmpty(name: string): boolean;
+    getSlot(name: string): HTMLElement;
+    getParent(element: string): HTMLElement;
+    getSlotContent(name: string): Nullable<string>;
+    passChildAttr(selector: string | string[], name: string, value: any): void;
+    removeChildAttr(selector: string | string[], name: string): void;
+    classes(classes: string | string[]): string;
+}

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

@@ -0,0 +1,18 @@
+interface IConfig {
+    canValidateWcagOnRender: boolean;
+    warningLog: boolean;
+    errorLog: boolean;
+    log: boolean;
+    iconsPath: string;
+    iconsLazyLoad: boolean;
+    documentNode: Document;
+}
+export declare const isWindow: boolean;
+export declare const canValidateWcagOnRender: () => IConfig["canValidateWcagOnRender"];
+export declare const useWarningLog: () => IConfig["warningLog"];
+export declare const useErrorLog: () => IConfig["errorLog"];
+export declare const useLog: () => IConfig["log"];
+export declare const iconsPath: () => IConfig["iconsPath"];
+export declare const iconsLazyLoad: () => IConfig["iconsLazyLoad"];
+export declare const documentNode: () => IConfig["documentNode"];
+export {};

package/dist/dist/types/helpers/Fragment.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (_: any, children: any) => any[];
+export default _default;

package/dist/dist/types/helpers/Log/gov.log.d.ts

@@ -0,0 +1,8 @@
+interface ColorConfig {
+    bg: string;
+    text: string;
+}
+export declare const govLog: (message: string, colors?: ColorConfig, args?: unknown) => void;
+export declare const govWarningLog: (message: string, args?: unknown) => void;
+export declare const govErrorLog: (message: string, args?: unknown) => void;
+export {};

package/dist/dist/types/helpers/Validate/props.d.ts

@@ -0,0 +1 @@
+export declare const validateProp: <T extends Record<string, string>>(valueEnum: T, value: string, component: string) => void;

package/dist/dist/types/helpers/Validate/wcag.d.ts

@@ -0,0 +1,4 @@
+export declare const validateWcagProp: (value: string | undefined, propName: string, component: string) => void;
+export declare const validateWcagRef: (referenceId: string, name: string, component: string) => boolean;
+export declare const validateWcagLabelFor: (inputId: string, labelledBy: string | undefined, component: string) => boolean;
+export declare const validateAccessibleLabel: (label: string | undefined, labelledBy: string | undefined, component: string, el?: HTMLElement) => boolean;

package/dist/dist/types/interfaces.d.ts

@@ -0,0 +1 @@
+export * from './components';