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

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

@@ -1,23 +0,0 @@
-import { FormMessageSizesTypes, FormMessageColorType } from './constants';
-import { GovHost } from '../../../helpers/Dom/template.types';
-export declare class GovFormMessage {
-    h: GovHost;
-    private readonly messageId;
-    constructor();
-    host: HTMLGovFormMessageElement;
-    /**
-     * Style variation of the message.
-     */
-    readonly color?: FormMessageColorType;
-    /**
-     * Message's size.
-     */
-    readonly size?: FormMessageSizesTypes;
-    validateColor(newValue: string): void;
-    componentWillLoad(): void;
-    render(): any;
-    /**
-     * Returns unique identifier of message
-     */
-    identifier(): Promise<string>;
-}

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

@@ -1,10 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormMultiselectSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
-export type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`;
-export declare const FormMultiSelectClass: {
-    root: string;
-    wrap: string;
-    list: string;
-    item: string;
-};

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

@@ -1,127 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormMultiselectSizesType } from './constants';
-import { FormMultiselectEvent, GovFormMultiSelectItem, GovFormMultiSelectSelectedItem } from './gov-form-multi-select.types';
-import { Attributes } from "../../../helpers/Dom/attribute";
-export declare class GovFormMultiSelect {
-    private f;
-    private readonly h;
-    private selectRef?;
-    private autocompleteRef?;
-    private attributeObserver;
-    private readonly selectId;
-    private readonly listId;
-    constructor();
-    host: HTMLGovFormSelectElement;
-    /**
-     * Value of multi-select
-     */
-    value: string | GovFormMultiSelectSelectedItem[];
-    /**
-     * Options of multi-select
-     */
-    options?: string | GovFormMultiSelectItem[];
-    /**
-     * Custom select identifier.
-     */
-    readonly identifier: string;
-    /**
-     * Custom select placeholder.
-     */
-    readonly placeholder: string;
-    /**
-     * Select’s size.
-     */
-    readonly size?: FormMultiselectSizesType;
-    /**
-     * Name of the select.
-     */
-    readonly name: string;
-    /**
-     * Option to hide the list of selected items
-     */
-    readonly hideSelectedList: boolean;
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-     * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-     */
-    readonly required: boolean;
-    /**
-     * Makes the select component disabled.
-     * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
-     */
-    readonly disabled: boolean;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application.
-     */
-    readonly invalid: boolean;
-    /**
-     * Indicates the entered value of child form element does conform to the format expected by the application.
-     */
-    readonly success: boolean;
-    /**
-     * Custom message for when there is a blank sheet
-     */
-    readonly messageEmpty: string;
-    /**
-     * Custom message for when data is loaded
-     */
-    readonly messageLoading: string;
-    /**
-     * Emitted when the select has focus.
-     */
-    govFocus: EventEmitter<FormMultiselectEvent>;
-    /**
-     * Emitted when the select loses focus.
-     */
-    govBlur: EventEmitter<FormMultiselectEvent>;
-    /**
-     * Emitted when the select change value.
-     */
-    govChange: EventEmitter<FormMultiselectEvent>;
-    /**
-     * Emitted when an item is selected
-     */
-    govSelect: EventEmitter<FormMultiselectEvent>;
-    /**
-     * Emitted when an item is removed
-     */
-    govRemove: EventEmitter<FormMultiselectEvent>;
-    focused: boolean;
-    valueState: string;
-    selectedOptionsState: GovFormMultiSelectSelectedItem[];
-    optionsState: GovFormMultiSelectItem[];
-    validateSize(newValue: string): void;
-    watchOptions(newValue: string | GovFormMultiSelectItem[]): void;
-    watchValue(newValue: string | GovFormMultiSelectItem[]): void;
-    inheritedAttributes: Attributes;
-    componentDidLoad(): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
-    onAriaAttributeChange(attributeName: string, newValue: string): void;
-    private getAvailableOptions;
-    private initAutocomplete;
-    private selectedValueIndex;
-    private getOptionElement;
-    private getOption;
-    private selectOption;
-    private removeOption;
-    componentDidRender(): Promise<void>;
-    render(): any;
-    private onFocusHandler;
-    private onBlurHandler;
-    private onInputHandler;
-    private onSelectHandler;
-    private onTagRemove;
-    /**
-     * Returns the current state of the component
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /**
-     * Sets the ordered value of the element
-     */
-    setValue(value: string): Promise<void>;
-    /**
-     * Returns an instance of the native html select element
-     */
-    getRef(): Promise<HTMLSelectElement>;
-}

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

@@ -1,10 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface GovFormMultiSelectItem {
-    value: string;
-    label?: string;
-    disabled?: boolean;
-}
-export type GovFormMultiSelectSelectedItem = number | string;
-export interface FormMultiselectEvent extends GovBaseEvent {
-    value: GovFormMultiSelectSelectedItem[];
-}

package/dist/types/components/gov-form/password-power/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const FormPasswordPowerClass: {
-    root: string;
-    bar: string;
-    text: string;
-};

package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts

@@ -1,7 +0,0 @@
-export declare class GovFormPasswordPower {
-    /**
-     * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
-     */
-    readonly power: number;
-    render(): any;
-}

package/dist/types/components/gov-form/radio/constants.d.ts

@@ -1,10 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormRadioSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
-export type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`;
-export declare const FormRadioClass: {
-    root: string;
-    input: string;
-    indicator: string;
-    label: string;
-};

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

@@ -1,83 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormRadioSizesType } from "./constants";
-import { FormRadioEvent } from "./gov-form-radio.types";
-import { Attributes } from "../../../helpers/Dom/attribute";
-export declare class GovFormRadio {
-    private readonly h;
-    private f;
-    private inputRef?;
-    private attributeObserver;
-    private readonly radioId;
-    private hydrated;
-    constructor();
-    host: HTMLGovFormRadioElement;
-    /**
-     * Value of radio
-     */
-    readonly value: string;
-    /**
-     * When you can't use the form label.
-     */
-    readonly noLabel: boolean;
-    /**
-     * Radio button state
-     */
-    checked: boolean;
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-     * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-     */
-    readonly required: boolean;
-    /**
-     * Makes the radio component disabled.
-     * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.
-     */
-    readonly disabled: boolean;
-    /**
-     * Name of the radio.
-     */
-    readonly name: string;
-    /**
-     * Radio's size.
-     */
-    readonly size?: FormRadioSizesType;
-    /**
-     * Custom radio identifier.
-     */
-    readonly identifier: string;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application.
-     */
-    readonly invalid: boolean;
-    /**
-     * Emitted when the radio has focus.
-     */
-    govFocus: EventEmitter<FormRadioEvent>;
-    /**
-     * Emitted when the radio loses focus.
-     */
-    govBlur: EventEmitter<FormRadioEvent>;
-    /**
-     * Emitted when the radio change value.
-     */
-    govChange: EventEmitter<FormRadioEvent>;
-    validateSize(newValue: string): void;
-    watchControlAttrs(): void;
-    inheritedAttributes: Attributes;
-    private passControlAttrs;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentDidRender(): Promise<void>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    onAriaAttributeChange(attributeName: string, newValue: string): void;
-    render(): any;
-    private onClickHandler;
-    private onFocusHandler;
-    private onBlurHandler;
-    private onChangeHandler;
-    /**
-     * Returns the reference of the native element
-     */
-    getRef(): Promise<HTMLInputElement>;
-}

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

@@ -1,5 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface FormRadioEvent extends GovBaseEvent {
-    checked: boolean;
-    value: string;
-}

package/dist/types/components/gov-form/range/constants.d.ts

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

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

@@ -1,116 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormRangeSizesType } from './constants';
-import { Attributes } from "../../../helpers/Dom/attribute";
-import { FormInputEvent } from "../input/gov-form-input.types";
-export declare class GovFormRange {
-    private inputRef?;
-    private outputRef?;
-    private fillRef?;
-    private f;
-    private readonly h;
-    private readonly inputId;
-    private attributeObserver;
-    constructor();
-    host: HTMLGovFormRangeElement;
-    /**
-     * Range’s size
-     */
-    readonly size?: FormRangeSizesType;
-    /**
-     * Value of range
-     */
-    value: string;
-    /**
-     * Custom range identifier
-     */
-    readonly identifier: string;
-    /**
-     * Name of the range
-     */
-    readonly name: string;
-    /**
-     * Minimum value that is acceptable
-     */
-    readonly min?: string | number;
-    /**
-     * Maximum value that is acceptable
-     */
-    readonly max?: string | number;
-    /**
-     * Defines size of each step
-     */
-    readonly step?: string | number;
-    /**
-     * Show tooltip with current value
-     */
-    readonly tooltip?: boolean;
-    /**
-     * Show input with current value
-     */
-    readonly input?: boolean;
-    /**
-     * Links a <datalist/> element to a <input type="range">, providing value markers as guidance for the user
-     */
-    readonly listIdentifier?: string;
-    /**
-     * Set whether the range is required or not
-     */
-    readonly required: boolean;
-    /**
-     * Indicates the entered value of child form element does conform to the format expected by the application
-     */
-    readonly success: boolean;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application
-     */
-    readonly invalid: boolean;
-    /**
-     * Makes the range component disabled
-     */
-    readonly disabled: boolean;
-    /**
-     * Emitted when the input has focus.
-     */
-    govFocus: EventEmitter<FormInputEvent>;
-    /**
-     * Emitted when the input loses focus.
-     */
-    govBlur: EventEmitter<FormInputEvent>;
-    /**
-     * Emitted when the input change value.
-     */
-    govInput: EventEmitter<FormInputEvent>;
-    validateSize(newValue: string): void;
-    watchValue(): void;
-    watchControlAttrs(): void;
-    inheritedAttributes: Attributes;
-    private passControlAttrs;
-    private get getThumbWidth();
-    private controlOutputPosition;
-    componentDidLoad(): void;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    onAriaAttributeChange(attributeName: string, newValue: string): void;
-    disconnectedCallback(): void;
-    render(): any;
-    onCustomInputHandler(e: InputEvent): boolean;
-    private onInputHandler;
-    private onFocusHandler;
-    private onBlurHandler;
-    /**
-     * Returns the current state of the component
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /**
-     * Sets the ordered value of the element
-     */
-    setValue(value: string): Promise<void>;
-    /**
-     * Clears input value
-     */
-    clearValue(): Promise<void>;
-    /**
-     * Returns an instance of the native html input element
-     */
-    getRef(): Promise<HTMLInputElement>;
-}

package/dist/types/components/gov-form/search/constants.d.ts

@@ -1,10 +0,0 @@
-import { Colors } from '../../../core/constants/colors';
-import { ValueOf } from '../../../types/interfaces';
-import { Sizes } from "../../../core/constants/sizes";
-export declare const FormSearchSizes: Pick<typeof Sizes, "_S" | "_M" | "_L">;
-export type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`;
-export declare const FormSearchColors: Pick<typeof Colors, "PRIMARY" | "NEUTRAL">;
-export type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`;
-export declare const FormSearchClass: {
-    root: string;
-};

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

@@ -1,13 +0,0 @@
-import { FormSearchSizesType, FormSearchColorType } from './constants';
-export declare class GovFormSearch {
-    host: HTMLGovFormSearchElement;
-    /**
-     * Search’s size.
-     */
-    readonly size?: FormSearchSizesType;
-    /**
-     * Style variation of the form input.
-     */
-    readonly color: FormSearchColorType;
-    render(): any;
-}

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

@@ -1,8 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormSelectSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
-export type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`;
-export declare const FormSelectClass: {
-    root: string;
-    icon: string;
-};

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

@@ -1,89 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormSelectSizesType } from './constants';
-import { FormSelectEvent, FormSelectOption } from './gov-form-select.types';
-import { Attributes } from "../../../helpers/Dom/attribute";
-export declare class GovFormSelect {
-    private f;
-    private readonly h;
-    private selectRef?;
-    private attributeObserver;
-    private readonly selectId;
-    constructor();
-    host: HTMLGovFormSelectElement;
-    /**
-     * Value of select
-     */
-    value: string;
-    /**
-     * Options of select
-     */
-    options?: string | FormSelectOption[];
-    /**
-     * Custom select identifier.
-     */
-    readonly identifier: string;
-    /**
-     * Select’s size.
-     */
-    readonly size?: FormSelectSizesType;
-    /**
-     * Name of the select.
-     */
-    readonly name: string;
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-     * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-     */
-    readonly required: boolean;
-    /**
-     * Indicates the entered value of child form element does conform to the format expected by the application.
-     */
-    readonly success: boolean;
-    /**
-     * Makes the select component disabled.
-     * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
-     */
-    readonly disabled: boolean;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application.
-     */
-    readonly invalid: boolean;
-    /**
-     * Emitted when the select has focus.
-     */
-    govFocus: EventEmitter<FormSelectEvent>;
-    /**
-     * Emitted when the select loses focus.
-     */
-    govBlur: EventEmitter<FormSelectEvent>;
-    /**
-     * Emitted when the select change value.
-     */
-    govChange: EventEmitter<FormSelectEvent>;
-    focused: boolean;
-    optionsState: FormSelectOption[];
-    validateSize(newValue: string): void;
-    watchOptions(newValue: string | FormSelectOption[]): void;
-    watchControlAttrs(): void;
-    watchValue(): void;
-    inheritedAttributes: Attributes;
-    private passControlAttrs;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidRender(): Promise<void>;
-    onAriaAttributeChange(attributeName: string, newValue: string): void;
-    private markSelectedValue;
-    render(): any;
-    private onFocusHandler;
-    private onBlurHandler;
-    private onChangeHandler;
-    /**
-     * Returns the current state of the component
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /**
-     * Returns an instance of the native html select element
-     */
-    getRef(): Promise<HTMLSelectElement>;
-}

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

@@ -1,9 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface FormSelectEvent extends GovBaseEvent {
-    value: string;
-}
-export interface FormSelectOption {
-    value: string;
-    label?: string;
-    disabled?: boolean;
-}

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

@@ -1,12 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormSwitchSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
-export type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`;
-export declare const FormSwitchClass: {
-    root: string;
-    holder: string;
-    input: string;
-    indicator: string;
-    label: string;
-    noLabel: string;
-};

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

@@ -1,81 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormSwitchSizesType } from "./constants";
-import { FormSwitchEvent } from "./gov-form-switch.types";
-import { Attributes } from "../../../helpers/Dom/attribute";
-export declare class GovFormSwitch {
-    private readonly h;
-    private f;
-    private inputRef?;
-    private attributeObserver;
-    private readonly checkboxId;
-    private hydrated;
-    constructor();
-    host: HTMLGovFormSwitchElement;
-    /**
-     * Value of switch
-     */
-    readonly value: string;
-    /**
-     * When you can't use the form label.
-     */
-    readonly noLabel: boolean;
-    /**
-     * Switch button state
-     */
-    checked: boolean;
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-     */
-    readonly required: boolean;
-    /**
-     * Makes the switch component disabled.
-     */
-    readonly disabled: boolean;
-    /**
-     * Name of the switch.
-     */
-    readonly name: string;
-    /**
-     * Switch's size.
-     */
-    readonly size?: FormSwitchSizesType;
-    /**
-     * Custom switch identifier.
-     */
-    readonly identifier: string;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application.
-     */
-    readonly invalid: boolean;
-    /**
-     * Emitted when the switch has focus.
-     */
-    govFocus: EventEmitter<FormSwitchEvent>;
-    /**
-     * Emitted when the switch loses focus.
-     */
-    govBlur: EventEmitter<FormSwitchEvent>;
-    /**
-     * Emitted when the switch change value.
-     */
-    govChange: EventEmitter<FormSwitchEvent>;
-    validateSize(newValue: string): void;
-    watchDisabled(): void;
-    inheritedAttributes: Attributes;
-    private passControlAttrs;
-    componentDidLoad(): void;
-    componentWillLoad(): void;
-    disconnectedCallback(): void;
-    componentDidRender(): Promise<void>;
-    connectedCallback(): void;
-    onAriaAttributeChange(attributeName: string, newValue: string): void;
-    render(): any;
-    private onClickHandler;
-    private onFocusHandler;
-    private onBlurHandler;
-    private onChangeHandler;
-    /**
-     * Returns the reference of the native element
-     */
-    getRef(): Promise<HTMLInputElement>;
-}

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

@@ -1,5 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface FormSwitchEvent extends GovBaseEvent {
-    checked: boolean;
-    value: string;
-}

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

@@ -1,10 +0,0 @@
-import { Sizes } from "../../core/constants/sizes";
-import { ValueOf } from "../../types/interfaces";
-export declare const GridSizes: typeof Sizes;
-export type GridSizesType = `${ValueOf<typeof GridSizes>}`;
-export declare const GridClass: {
-    root: string;
-};
-export declare const GridItemClass: {
-    root: string;
-};