@gov-design-system-ce/components 4.0.5-alpha.1 → 4.0.5

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

@@ -1,133 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { GovFormFileEvent, GovFormFileItem } from "./gov-form-file.types";
-export declare class GovFormFile {
-  private f;
-  private readonly h;
-  private areaRef?;
-  private inputRef?;
-  private readonly fileId;
-  constructor();
-  host: HTMLGovFormFileElement;
-  /**
-   * Expands the file input to fill 100% of the container width.
-   */
-  readonly expanded: 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 File component disabled.
-   * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
-   */
-  readonly disabled: boolean;
-  /**
-   * Show list of attachments
-   */
-  readonly displayAttachments: boolean;
-  /**
-   * Name of the input.
-   */
-  readonly name: string;
-  /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
-   */
-  readonly accept: string;
-  /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple
-   */
-  readonly multiple: boolean;
-  /**
-   * Maximum embedded file size
-   */
-  readonly maxFileSize: number;
-  /**
-   * Custom File identifier.
-   */
-  readonly identifier: string;
-  /**
-   * Indicates the entered value does not conform to the format expected by the application.
-   */
-  readonly invalid: boolean;
-  /**
-   * Error message when the maximum file size is exceeded
-   */
-  readonly errorSize: string;
-  /**
-   * Insert unsupported file error message
-   */
-  readonly errorAccept: string;
-  /**
-   * Description of the list of attachments
-   */
-  readonly attachmentsLabel: string;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  readonly wcagDescribedBy: string;
-  /**
-   * Indicates the id of a component that labels the input.
-   */
-  readonly wcagLabelledBy: string;
-  /**
-   * Adds accessible label for the remove button that is only shown for screen readers.
-   */
-  readonly wcagRemoveLabel: string;
-  /**
-   * Adds accessible label for the list of attachments.
-   */
-  readonly wcagAttachmentsLabel: string;
-  /**
-   * Emitted when the File has focus.
-   */
-  govFocus: EventEmitter<GovFormFileEvent>;
-  /**
-   * Emitted when the File loses focus.
-   */
-  govBlur: EventEmitter<GovFormFileEvent>;
-  /**
-   * Called when the list of inserted files is changed
-   */
-  govFiles: EventEmitter<GovFormFileEvent>;
-  /**
-   * Called when a new file is added
-   */
-  govAddFile: EventEmitter<GovFormFileEvent>;
-  /**
-   * Called when a file is removed from the list
-   */
-  govRemoveFile: EventEmitter<GovFormFileEvent>;
-  files: GovFormFileItem[];
-  watchDisabled(): void;
-  private passControlAttrs;
-  private registerListeners;
-  preventDefaults(e: any): void;
-  handleDrop(e: DragEvent): void;
-  private validateFiles;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onRemoveFileHandler;
-  private onFocusHandler;
-  private onBlurHandler;
-  private onChangeHandler;
-  /**
-   * Returns the reference of the native element
-   */
-  getRef(): Promise<HTMLInputElement>;
-  /**
-   * Returns the reference of the native area element
-   */
-  getAreaRef(): Promise<HTMLDivElement>;
-  /**
-   * Remove all files from component state
-   */
-  reset(): Promise<void>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,11 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface GovFormFileEvent extends GovBaseEvent {
-  files?: GovFormFileItem[];
-  file?: GovFormFileItem;
-}
-export interface GovFormFileItem {
-  id: string;
-  file: File;
-  sizeValid: boolean;
-  acceptValid: boolean;
-}

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

@@ -1,12 +0,0 @@
-import { Sizes } from "../../../core/constants/sizes";
-import { ValueOf } from "../../../types/interfaces";
-export declare const FormGroupSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_2XS">;
-export type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`;
-export declare enum FormGroupOrientation {
-  HORIZONTAL = "horizontal",
-  VERTICAL = "vertical"
-}
-export type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`;
-export declare const FormGroupClass: {
-  root: string;
-};

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

@@ -1,18 +0,0 @@
-import { FormGroupOrientationType, FormGroupSizesType } from "./constants";
-export declare class GovFormGroup {
-  private readonly h;
-  constructor();
-  host: HTMLGovFormGroupElement;
-  /**
-   * Gap's size.
-   */
-  readonly gap?: FormGroupSizesType;
-  /**
-   * Elements orientation
-   */
-  readonly orientation?: FormGroupOrientationType;
-  validateGap(newValue: string): void;
-  validateOrientation(newValue: string): void;
-  componentWillLoad(): void;
-  render(): any;
-}

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

@@ -1,30 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormInputSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
-export type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`;
-export declare const FormInputVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export type FormInputVariantType = `${ValueOf<typeof FormInputVariants>}`;
-export declare enum InputTypes {
-  COLOR = "color",
-  DATE = "date",
-  DATETIME_LOCAL = "datetime-local",
-  EMAIL = "email",
-  MONTH = "month",
-  NUMBER = "number",
-  PASSWORD = "password",
-  SEARCH = "search",
-  TEL = "tel",
-  TEXT = "text",
-  TIME = "time",
-  URL = "url",
-  WEEK = "week"
-}
-export type InputType = `${ValueOf<typeof InputTypes>}`;
-export declare enum Type {
-  RESET = "reset"
-}
-export type TypesType = `${ValueOf<typeof Type>}`;
-export declare const FormInputClass: {
-  root: string;
-};

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

@@ -1,181 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormInputSizesType, FormInputVariantType, InputType, Type } from "./constants";
-import { FormInputEvent } from "./gov-form-input.types";
-import { Nullable } from "../../../types/interfaces";
-export declare class GovFormInput {
-  private f;
-  private readonly h;
-  private inputRef?;
-  private readonly inputId;
-  constructor();
-  host: HTMLGovFormInputElement;
-  /**
-   * Value of input
-   */
-  value: string;
-  /**
-   * Custom input identifier.
-   */
-  readonly identifier: string;
-  /**
-   * Style variation of the form input.
-   */
-  readonly variant?: FormInputVariantType;
-  /**
-   * Indicates the entered value of child form element does conform to the format expected by the application.
-   */
-  readonly success: boolean;
-  /**
-   * Input’s size.
-   */
-  readonly size?: FormInputSizesType;
-  /**
-   * Name of the input.
-   */
-  readonly name: string;
-  /**
-   * Generates a texarea for the possibility of multiple lines
-   */
-  readonly multiline: boolean;
-  /**
-   * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows
-   */
-  readonly rows: number;
-  /**
-   * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols
-   */
-  readonly cols: number;
-  /**
-   * 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 input component disabled.
-   * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
-   */
-  readonly disabled: boolean;
-  /**
-   * Text that appears in the form control when it has no value set
-   */
-  readonly placeholder: string;
-  /**
-   * The value is not editable
-   */
-  readonly readonly: boolean;
-  /**
-   * Minimum length (number of characters) of value
-   */
-  readonly minlength: number;
-  /**
-   * Maximum length (number of characters) of value
-   */
-  readonly maxlength: number;
-  /**
-   * Minimum value that is acceptable and valid for the input containing the attribute
-   */
-  readonly min?: string | number;
-  /**
-   * Maximum value that is acceptable and valid for the input containing the attribute
-   */
-  readonly max?: string | number;
-  /**
-   * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete
-   */
-  readonly autocomplete: boolean;
-  /**
-   * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect
-   */
-  readonly autocorrect: boolean;
-  /**
-   * Defineds the visual style of input
-   */
-  readonly type?: Type;
-  /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
-   */
-  readonly inputType: InputType;
-  /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role
-   */
-  readonly role: Nullable<string>;
-  /**
-   * Indicates the entered value does not conform to the format expected by the application.
-   */
-  readonly invalid: boolean;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  readonly wcagDescribedBy: string;
-  /**
-   * Indicates the id of a component that labels the input.
-   */
-  readonly wcagLabelledBy: string;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  readonly wcagOwns: string;
-  /**
-   * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value.
-   */
-  readonly wcagAutocomplete: string;
-  /**
-   *  Attribute is set on an element to indicate if a control is expanded or collapsed
-   */
-  readonly wcagExpanded: 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>;
-  /**
-   * Emitted when the input change value.
-   */
-  govKeyUp: EventEmitter<FormInputEvent>;
-  /**
-   * Emitted when the input change value.
-   */
-  govKeyDown: EventEmitter<FormInputEvent>;
-  focused: boolean;
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  watchDisabled(): void;
-  private passControlAttrs;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onFocusHandler;
-  private onBlurHandler;
-  private onKeyUpHandler;
-  private onKeyDownHandler;
-  private onInputHandler;
-  /**
-   * 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>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,4 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface FormInputEvent extends GovBaseEvent {
-  value: string;
-}

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

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

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

@@ -1,26 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormLabelSizesTypes } from './constants';
-export declare class GovFormLabel {
-  /**
-   * Identifier for label.
-   */
-  readonly identifier: string;
-  /**
-   * Label's size.
-   */
-  readonly size?: FormLabelSizesTypes;
-  /**
-   * Set whether the input is required or not.
-   */
-  readonly required: boolean;
-  /**
-   * Use label as a legend for better accessibility.
-   * Note: Don't forget to set the fieldset attribute of the gov-form-control component
-   */
-  readonly legend: boolean;
-  /**
-   * Emitted when the label click.
-   */
-  govClick: EventEmitter<PointerEvent>;
-  render(): any;
-}

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

@@ -1,9 +0,0 @@
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormMessageVariants: Pick<typeof Variants, "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
-export type FormMessageVariantType = `${ValueOf<typeof FormMessageVariants>}`;
-export declare const FormMessageClass: {
-  root: string;
-  content: string;
-  icon: string;
-};

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

@@ -1,19 +0,0 @@
-import { FormMessageVariantType } 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 variant?: FormMessageVariantType;
-  validateVariant(newValue: string): void;
-  componentWillLoad(): void;
-  render(): any;
-  /**
-   * Returns unique identfiier of message
-   */
-  identifier(): Promise<string>;
-}

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

@@ -1,13 +0,0 @@
-import { Sizes } from '../../../core/constants/sizes';
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormMultiselectSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
-export type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`;
-export declare const FormMultiselectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export type FormMultiselectVariantType = `${ValueOf<typeof FormMultiselectVariants>}`;
-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,157 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormMultiselectSizesType, FormMultiselectVariantType } from './constants';
-import { FormMultiselectEvent, GovFormMultiSelectItem } from './gov-form-multi-select.types';
-export declare class GovFormMultiSelect {
-  private f;
-  private readonly h;
-  private selectRef?;
-  private autocompleteRef?;
-  private readonly selectId;
-  private readonly listId;
-  constructor();
-  host: HTMLGovFormSelectElement;
-  /**
-   * Custom select identifier.
-   */
-  readonly identifier: string;
-  /**
-   * Custom select placeholder.
-   */
-  readonly placeholder: string;
-  /**
-   * Style variation of the form select.
-   */
-  readonly variant?: FormMultiselectVariantType;
-  /**
-   * 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;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  readonly wcagDescribedBy: string;
-  /**
-   * Indicates the id of a component that labels the input.
-   */
-  readonly wcagLabelledBy: string;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  readonly wcagOwns: 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;
-  value: string;
-  selectedOptions: GovFormMultiSelectItem[];
-  options: GovFormMultiSelectItem[];
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  watchDisabled(): void;
-  private passControlAttrs;
-  componentWillLoad(): void;
-  private getAvailableOptions;
-  private initAutocomplete;
-  private getOptionIndex;
-  private getOptionElement;
-  private selectOption;
-  private removeOption;
-  componentDidLoad(): 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>;
-  /**
-   * Returns a list of selected items
-   */
-  getSelectedOptions(): Promise<GovFormMultiSelectItem[]>;
-  /**
-   * Setting a list of options to choose from
-   */
-  setOptions(options: GovFormMultiSelectItem[]): Promise<void>;
-  /**
-   * Returns all available options
-   */
-  getOptions(ignoreFilter?: boolean): Promise<GovFormMultiSelectItem[]>;
-  /**
-   * Setting the list of selected options
-   */
-  setSelectedOptions(options: GovFormMultiSelectItem[]): Promise<void>;
-  /**
-   * To remove an option from the selected list
-   */
-  removeSelectedOption(option: GovFormMultiSelectItem, notify?: boolean): Promise<void>;
-  /**
-   * Returns an instance of the native html select element
-   */
-  setSelectedOption(option: GovFormMultiSelectItem, notify?: boolean): Promise<void>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,9 +0,0 @@
-import { GovBaseEvent } from "../../../types/event.types";
-export interface GovFormMultiSelectItem {
-  name: string;
-  value: string;
-  disabled?: boolean;
-}
-export interface FormMultiselectEvent extends GovBaseEvent {
-  value: GovFormMultiSelectItem[];
-}

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