@gov-design-system-ce/components 0.0.14 → 0.0.15

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

@@ -1,114 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { GovFormFileItem } from './gov-form-file.types';
-export declare class GovFormFile {
-  private f;
-  private 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;
-  /**
-   * 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<FocusEvent>;
-  /**
-   * Emitted when the File loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Called when the list of inserted files is changed
-   */
-  govFiles: EventEmitter<GovFormFileItem[]>;
-  /**
-   * Called when a new file is added
-   */
-  govAddFile: EventEmitter<GovFormFileItem>;
-  /**
-   * Called when a file is removed from the list
-   */
-  govRemovFile: EventEmitter<GovFormFileItem>;
-  files: GovFormFileItem[];
-  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;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,6 +0,0 @@
-export interface GovFormFileItem {
-  id: string;
-  file: File;
-  sizeValid: boolean;
-  acceptValid: boolean;
-}

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

@@ -1,7 +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 declare type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`;
-export declare const FormGroupClass: {
-  root: string;
-};

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

@@ -1,13 +0,0 @@
-import { FormGroupSizesType } from "./constants";
-export declare class GovFormGroup {
-  private readonly h;
-  constructor();
-  host: HTMLGovFormGroupElement;
-  /**
-   * Gap's size.
-   */
-  readonly gap?: FormGroupSizesType;
-  validateGap(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, "_M" | "_L" | "_XL">;
-export declare type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`;
-export declare const FormInputVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export declare 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 declare type InputType = `${ValueOf<typeof InputTypes>}`;
-export declare enum Type {
-  RESET = "reset"
-}
-export declare type TypesType = `${ValueOf<typeof Type>}`;
-export declare const FormInputClass: {
-  root: string;
-};

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

@@ -1,165 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormInputSizesType, InputType, Type } from './constants';
-import { FormInputVariantType } from './constants';
-export declare class GovFormInput {
-  private f;
-  private 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;
-  /**
-   * 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: 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<FocusEvent>;
-  /**
-   * Emitted when the input loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the input change value.
-   */
-  govInput: EventEmitter<InputEvent>;
-  /**
-   * Emitted when the input change value.
-   */
-  govKeyUp: EventEmitter<KeyboardEvent>;
-  focused: boolean;
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onFocusHandler;
-  private onBlurHandler;
-  private onKeyUpHandler;
-  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
-   */
-  getInstance(): Promise<HTMLInputElement>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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 declare 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 declare 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 declare type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`;
-export declare const FormMultiselectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export declare 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,105 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormMultiselectSizesType, FormMultiselectVariantType } from './constants';
-import { GovFormMultiSelectItem } from './interfaces';
-export declare class GovFormMultiSelect {
-  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;
-  /**
-   * 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 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<FocusEvent>;
-  /**
-   * Emitted when the select loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the select change value.
-   */
-  govChange: EventEmitter<GovFormMultiSelectItem[]>;
-  focused: boolean;
-  value: string;
-  selectedOptions: GovFormMultiSelectItem[];
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  emitChange(newValue: GovFormMultiSelectItem[]): void;
-  componentWillLoad(): void;
-  private getAvailableOptions;
-  private initAutocomplete;
-  private getOptionIndex;
-  private getOptionElement;
-  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
-   */
-  getInstance(): Promise<HTMLSelectElement>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,4 +0,0 @@
-export interface GovFormMultiSelectItem {
-  name: string;
-  value: string;
-}

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">;
-export declare type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`;
-export declare const FormRadioClass: {
-  root: string;
-  holder: string;
-  input: string;
-  indicator: string;
-};

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

@@ -1,82 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormRadioSizesType } from './constants';
-import { GovFormRadioChangeEvent } from './interfaces';
-export declare class GovFormRadio {
-  private readonly h;
-  private f;
-  private readonly radioId;
-  constructor();
-  host: HTMLGovFormRadioElement;
-  /**
-   * Value of radio
-   */
-  readonly value: string;
-  /**
-   * When you can't use the form label.
-   */
-  readonly noLabel: boolean;
-  /**
-   * Radio default state
-   */
-  readonly 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;
-  /**
-   * 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;
-  /**
-   * Emitted when the radio has focus.
-   */
-  govFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the radio loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the radio change value.
-   */
-  govChange: EventEmitter<GovFormRadioChangeEvent>;
-  isChecked: boolean;
-  updateCheckedState(newValue: boolean): void;
-  validateSize(newValue: string): void;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onClickHandler;
-  private onFocusHandler;
-  private onBlurHandler;
-  private onChangeHandler;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,4 +0,0 @@
-export interface GovFormRadioChangeEvent {
-  checked: boolean;
-  value: string;
-}

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

@@ -1,5 +0,0 @@
-export declare const FormSearchClass: {
-  root: string;
-  input: string;
-  button: string;
-};

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

@@ -1,4 +0,0 @@
-export declare class GovFormSearch {
-  host: HTMLGovFormSearchElement;
-  render(): any;
-}

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

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