@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1,76 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SizesType } from "./constants";
+export declare class GovFormCheckbox {
+  private h;
+  private f;
+  private readonly checkboxId;
+  constructor();
+  host: HTMLGovFormCheckboxElement;
+  /**
+   * Value of checkbox
+   */
+  readonly value: string;
+  /**
+   * Checkbox 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 checkbox component disabled.
+   * This prevents users from being able to interact with the checkbox, and conveys its inactive state to assistive technologies.
+   */
+  readonly disabled: boolean;
+  /**
+   * Name of the checkbox.
+   */
+  readonly name: string;
+  /**
+   * Checkbox's size.
+   */
+  readonly size: SizesType;
+  /**
+   * Custom checkbox 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 checkbox has focus.
+   */
+  govFocus: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the checkbox loses focus.
+   */
+  govBlur: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the checkbox change value.
+   */
+  govChange: EventEmitter;
+  isChecked: boolean;
+  updateCheckedState(newValue: boolean): void;
+  validateSize(newValue: string): void;
+  componentWillLoad(): void;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  private onFocusHandler;
+  private onBlurHandler;
+  private onChangeHandler;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

package/dist/types/components/gov-form/checkbox/gov-form-checkbox.stories.d.ts

@@ -0,0 +1,29 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    size: GlobalSizes;
+    label: string;
+    errorMessage: string;
+    message: string;
+    disabled: boolean;
+  };
+  argTypes: {
+    size: {
+      control: string;
+      options: any;
+    };
+    label: string;
+    errorMessage: string;
+    message: string;
+    disabled: string;
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Invalid: any;
+export declare const Disabled: any;
+export declare const WithMessage: any;
+export default StoryConfiguration;

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

@@ -0,0 +1,7 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
+export declare type SizesType = typeof Sizes[number];
+export declare const FormControlClass: {
+  root: string;
+  bottom: string;
+};

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

@@ -0,0 +1,38 @@
+import { SizesType } from "./constants";
+export declare class GovFormControl {
+  private readonly h;
+  private f;
+  private readonly controlId;
+  private observer;
+  constructor();
+  /**
+   * Form element identifier
+   */
+  readonly identifier: string;
+  /**
+   * Indicates the entered value of child form element does not conform to the format expected by the application.
+   */
+  readonly invalid: boolean;
+  /**
+  /**
+   * Indicates the form element is disabled
+   */
+  readonly disabled: boolean;
+  /**
+  /**
+   * Indicates the entered value of child form element does conform to the format expected by the application.
+   */
+  readonly success: boolean;
+  /**
+   * Form element size.
+   */
+  readonly size: SizesType;
+  host: HTMLGovFormControlElement;
+  watchInvalid(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  private passChildAttrs;
+  private formElementDescriptionControl;
+  private syncControlMessages;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+export declare const FormFileClass: {
+  root: string;
+  area: string;
+  label: string;
+  input: string;
+  list: string;
+  item: string;
+  attachments: string;
+};

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

@@ -0,0 +1,113 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { GovFormFileItem } from "./gov-form-file.d";
+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;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,3 @@
+export declare class GovFormDropdown {
+  render(): any;
+}

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

@@ -0,0 +1,3 @@
+export declare const FormGroupClass: {
+  root: string;
+};

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

@@ -0,0 +1,3 @@
+export declare class GovFormGroup {
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../../core/constants/variants";
+export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
+export declare type SizesType = typeof Sizes[number];
+export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY];
+export declare type VariantType = typeof Variants[number];
+export declare const InputTypes: readonly [any, "color", "date", "datetime-local", "email", "month", "number", "password", "search", "tel", "text", "time", "url", "week"];
+export declare type InputType = typeof InputTypes[number];
+export declare const Types: readonly [any, "reset"];
+export declare type Type = typeof Types[number];
+export declare const FormInputClass: {
+  root: string;
+};

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

@@ -0,0 +1,165 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SizesType, InputType, Type } from "./constants";
+import { VariantType } 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: VariantType;
+  /**
+   * 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: SizesType;
+  /**
+   * 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;
+  /**
+   * 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/input/gov-form-input.stories.d.ts

@@ -0,0 +1,42 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    size: GlobalSizes;
+    value: string;
+    label: string;
+    placeholder: string;
+    errorMessage: string;
+    message: string;
+    success: boolean;
+    disabled: boolean;
+    multiline: boolean;
+    rows: string;
+  };
+  argTypes: {
+    size: {
+      control: string;
+      options: any;
+    };
+    value: string;
+    label: string;
+    placeholder: string;
+    errorMessage: string;
+    message: string;
+    success: string;
+    disabled: string;
+    multiline: string;
+    rows: string;
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Invalid: any;
+export declare const Success: any;
+export declare const Disabled: any;
+export declare const WithMessage: any;
+export declare const Placeholder: any;
+export declare const Multiline: any;
+export default StoryConfiguration;

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

@@ -0,0 +1,4 @@
+export declare const FormLabelClass: {
+  root: string;
+  label: string;
+};

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

@@ -0,0 +1,12 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class GovFormLabel {
+  /**
+   * Identifier for label.
+   */
+  readonly identifier: string;
+  /**
+   * Emitted when the label click.
+   */
+  govClick: EventEmitter<PointerEvent>;
+  render(): any;
+}

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

@@ -0,0 +1,8 @@
+import { Variants as GlobalVariants } from "../../../core/constants/variants";
+export declare const Variants: readonly [any, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
+export declare type VariantType = typeof Variants[number];
+export declare const FormMessageClass: {
+  root: string;
+  content: string;
+  icon: string;
+};

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

@@ -0,0 +1,19 @@
+import { VariantType } from "./constants";
+import { GovHost } from "../../../helpers/Dom/template.d";
+export declare class GovFormMessage {
+  h: GovHost;
+  private readonly messageId;
+  constructor();
+  host: HTMLGovFormMessageElement;
+  /**
+   * Style variation of the mesage.
+   */
+  readonly variant?: VariantType;
+  validateVariant(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+  /**
+   * Returns unique identfiier of message
+   */
+  identifier(): Promise<string>;
+}

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

@@ -0,0 +1,24 @@
+import { Variants as GlobalVariants } from "../../../core/constants/variants";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    variant: GlobalVariants;
+    copy: string;
+  };
+  argTypes: {
+    variant: {
+      control: string;
+      options: any;
+    };
+    copy: string;
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Secondary: any;
+export declare const Error: any;
+export declare const Success: any;
+export declare const Warning: any;
+export default StoryConfiguration;

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

@@ -0,0 +1,9 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+export declare const Sizes: readonly [any, GlobalSizes._XS, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L];
+export declare type SizesType = typeof Sizes[number];
+export declare const FormRadioClass: {
+  root: string;
+  holder: string;
+  input: string;
+  indicator: string;
+};

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

@@ -0,0 +1,76 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SizesType } from "./constants";
+export declare class GovFormRadio {
+  private h;
+  private f;
+  private readonly radioId;
+  constructor();
+  host: HTMLGovFormRadioElement;
+  /**
+   * Value of radio
+   */
+  readonly value: string;
+  /**
+   * 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: SizesType;
+  /**
+   * 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;
+  isChecked: boolean;
+  updateCheckedState(newValue: boolean): void;
+  validateSize(newValue: string): void;
+  componentWillLoad(): void;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  private onFocusHandler;
+  private onBlurHandler;
+  private onChangeHandler;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,11 @@
+import { Sizes as GlobalSizes } from "../../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../../core/constants/variants";
+export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
+export declare type VariantType = typeof Variants[number];
+export declare const Sizes: readonly [any, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
+export declare type SizesType = typeof Sizes[number];
+export declare const FormSearchClass: {
+  root: string;
+  input: string;
+  button: string;
+};