@gov-design-system-ce/components 4.0.5 → 4.0.6

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

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GovCardChangeEvent } from './interfaces';
+export declare class GovCard {
+  private h;
+  private readonly headlineId;
+  private readonly contentId;
+  constructor();
+  host: HTMLGovCardElement;
+  /**
+   * Style variation of the card.
+   */
+  readonly promotion: boolean;
+  /**
+   * Item label of the card
+   */
+  readonly label: string;
+  /**
+   * Defines wether the card can be collapsible
+   */
+  readonly collapsible: boolean;
+  /**
+   * Defines whether the card is open or closed by button
+   */
+  readonly expanded: boolean;
+  /**
+   * Used to change the HMTL tag in the card headline for correct semantic structure
+   */
+  readonly headlineTag: string;
+  /**
+   * Adds accessible label for the collapsible button that is only shown for screen readers.
+   */
+  wcagTriggerLabel: string;
+  /**
+   * A string of identifiers that indicate alternative label elements for collapsible card
+   */
+  wcagTriggerLabelledBy: string;
+  /**
+   * Called when the card toggle state changes
+   */
+  govToggle: EventEmitter<GovCardChangeEvent>;
+  isExpanded: boolean;
+  validateHeadlineTag(newValue: string): void;
+  componentWillLoad(): void;
+  componentDidRender(): Promise<void>;
+  private emmitChange;
+  render(): any;
+  private onClickHandler;
+  /**
+   * Open the card if it is collapsible
+   */
+  open(): Promise<void>;
+  /**
+   * Close the card if it is collapsible
+   */
+  close(): Promise<void>;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

package/dist/types/components/gov-card/interfaces.d.ts

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

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

@@ -0,0 +1,13 @@
+import { ValueOf } from '../../types/interfaces';
+export declare enum NativeType {
+  A = "a",
+  SPAN = "span",
+  BUTTON = "button"
+}
+export type NativeTypesType = `${ValueOf<typeof NativeType>}`;
+export declare const ChipClass: {
+  root: string;
+  inner: string;
+  hasRight: string;
+  hasLeft: string;
+};

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

@@ -0,0 +1,93 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { NativeTypesType } from "./constants";
+import { ButtonSizesType, ButtonVariantType } from "../gov-button/button/constants";
+export declare class GovChip {
+  private triggerRef?;
+  private h;
+  private readonly chipId;
+  constructor();
+  host: HTMLGovChipElement;
+  /**
+   * Determine if component should have inverse colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * Makes the chip component disabled.
+   * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+   */
+  readonly disabled: boolean;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+   */
+  readonly href: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+   */
+  readonly target: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconLeft?: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconRight?: string;
+  /**
+   * Chip’s size.
+   */
+  readonly size: ButtonSizesType;
+  /**
+   * Used to change the HTML tag in the chip
+   */
+  readonly tag: NativeTypesType;
+  /**
+   * Style variation of the chip.
+   */
+  readonly variant: ButtonVariantType;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
+   */
+  readonly focusable: boolean;
+  /**
+   * Custom chip identifier. Otherwise, it will be generated
+   */
+  readonly identifier: string;
+  /**
+   * Adds accessible label for the button that is only shown for screen readers.
+   * Typically, this label text replaces the visible text on the button for users who use assistive technology.
+   */
+  readonly wcagLabel: string;
+  /**
+   * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages
+   */
+  readonly wcagControls: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+   */
+  readonly wcagSelected: boolean;
+  /**
+   * Emitted when the button click.
+   */
+  govClick: EventEmitter<PointerEvent>;
+  validateVariant(newValue: string): void;
+  validateSize(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+  private onClickHandler;
+  /**
+   * Returns a clickable element instance
+   */
+  getTriggerRef(): Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>;
+  /**
+   * Returns a unique tab trigger identifier
+   */
+  getTriggerIdentifier(): Promise<string>;
+  /**
+   * Focus button element
+   */
+  setFocus(): Promise<void>;
+}

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

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

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

@@ -0,0 +1,12 @@
+export declare class GovContainer {
+  private h;
+  constructor();
+  host: HTMLGovContainerElement;
+  render(): any;
+  /**
+   * Returns slotted children
+   *
+   * @return {Promise<Node[]>}
+   */
+  slottedChildren(): Promise<Node[]>;
+}

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

@@ -0,0 +1,7 @@
+import { Variants } from '../../core/constants/variants';
+import { ValueOf } from '../../types/interfaces';
+export declare const ControlGroupVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export type ControlGroupVariantType = `${ValueOf<typeof ControlGroupVariants>}`;
+export declare const ControlGroupClass: {
+  root: string;
+};

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

@@ -0,0 +1,16 @@
+import { ControlGroupVariantType } from "./constants";
+export declare class GovControlGroup {
+  private readonly h;
+  constructor();
+  host: HTMLGovControlGroupElement;
+  /**
+   * Style variation of the content message.
+   */
+  readonly variant: ControlGroupVariantType;
+  /**
+   * Specifies the display of the border between elements
+   */
+  readonly noBorder: boolean;
+  validateVariant(newValue: string): void;
+  render(): any;
+}

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

@@ -0,0 +1,8 @@
+export declare const CookiebarClass: {
+  root: string;
+  holder: string;
+  content: string;
+  actions: string;
+  actionsPrimary: string;
+  actionsSecondary: string;
+};

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

@@ -0,0 +1,7 @@
+import { GovHost } from '../../helpers/Dom/template.types';
+export declare class GovCookiebar {
+  h: GovHost;
+  constructor();
+  host: HTMLGovCookiebarElement;
+  render(): any;
+}

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

@@ -0,0 +1,6 @@
+export declare const EmptyClass: {
+  root: string;
+  icon: string;
+  container: string;
+  content: string;
+};

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

@@ -0,0 +1,6 @@
+export declare class GovEmpty {
+  private h;
+  constructor();
+  host: HTMLGovEmptyElement;
+  render(): any;
+}

package/dist/types/components/gov-error-code/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const ErrorCodeClass: {
+  root: string;
+  icon: string;
+  holder: string;
+  content: string;
+};

package/dist/types/components/gov-error-code/gov-error-code.d.ts

@@ -0,0 +1,6 @@
+export declare class GovErrorCode {
+  private h;
+  constructor();
+  host: HTMLGovErrorCodeElement;
+  render(): any;
+}

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

@@ -0,0 +1,14 @@
+import { Sizes } from '../../../core/constants/sizes';
+import { Variants } from '../../../core/constants/variants';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormAutocompleteSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`;
+export declare const FormAutocompleteVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export type VariantType = `${ValueOf<typeof FormAutocompleteVariants>}`;
+export declare const FormAutocompleteClass: {
+  root: string;
+  list: string;
+  item: string;
+  empty: string;
+  loading: string;
+};

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

@@ -0,0 +1,151 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SizesType, VariantType } from './constants';
+import { FormAutocompleteEvent, GovFormAutocompleteItem } from './gov-form-autocomplete.types';
+export declare class GovFormAutocomplete {
+  private inputRef?;
+  private listRef?;
+  private readonly listBoxId;
+  private searchCallback;
+  private templateResolver;
+  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;
+  /**
+   * Main key name in the object
+   */
+  readonly nameKey: string;
+  /**
+   * Name of the input.
+   */
+  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 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;
+  /**
+   * Indicates the entered value does not conform to the format expected by the application.
+   */
+  readonly invalid: boolean;
+  /**
+   * Minimum length (number of characters) of value
+   */
+  readonly minlength: number;
+  /**
+   * Maximum length (number of characters) of value
+   */
+  readonly maxlength: number;
+  /**
+   * 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;
+  /**
+   * Same as original parameter
+   * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns
+   */
+  readonly wcagOwns: string;
+  /**
+   * Emitted when the input has focus.
+   */
+  govFocus: EventEmitter<FormAutocompleteEvent>;
+  /**
+   * Emitted when the input loses focus.
+   */
+  govBlur: EventEmitter<FormAutocompleteEvent>;
+  /**
+   * Emitted when the input change value.
+   */
+  govInput: EventEmitter<FormAutocompleteEvent>;
+  /**
+   * Emitted when the input change value.
+   */
+  govSelect: EventEmitter<FormAutocompleteEvent>;
+  focused: boolean;
+  processing: boolean;
+  arrowCounter: number;
+  list: GovFormAutocompleteItem[];
+  validateVariant(newValue: string): void;
+  validateSize(newValue: string): void;
+  private onArrowUp;
+  private onArrowDown;
+  private moveToView;
+  private doSearch;
+  get isValueAccepted(): boolean;
+  componentWillLoad(): void;
+  render(): any;
+  private onFocusHandler;
+  private onBlurHandler;
+  private onInputHandler;
+  private onSelectHandler;
+  private onKeyUpHandler;
+  private onKeyDownHandler;
+  /**
+   * Returns the current state of the component
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /**
+   * Set options for list
+   */
+  setOptions(options: GovFormAutocompleteItem[]): Promise<void>;
+  /**
+   * Clears whisperer value
+   */
+  clearValue(): Promise<void>;
+  /**
+   * Clears whisperer value
+   */
+  setProcessing(status: boolean): Promise<void>;
+  /**
+   * Set a custom asynchronous function for the whisperer
+   */
+  setSearchCallback(callback: (value: string) => Promise<any>): Promise<void>;
+  /**
+   * Setting a custom whisper result template
+   * @param callback
+   */
+  setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string): Promise<void>;
+}

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

@@ -0,0 +1,9 @@
+import { GovBaseEvent } from "../../../types/event.types";
+import { Nullable } from "../../../types/interfaces";
+export interface FormAutocompleteEvent extends GovBaseEvent {
+  value: string;
+  selected: Nullable<GovFormAutocompleteItem>;
+}
+export interface GovFormAutocompleteItem {
+  [key: string]: any;
+}

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

@@ -0,0 +1,9 @@
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormCheckboxSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L">;
+export type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`;
+export declare const FormCheckboxClass: {
+  root: string;
+  check: string;
+  label: string;
+};

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

@@ -0,0 +1,87 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormCheckboxSizesType } from "./constants";
+import { FormCheckboxEvent } from "./gov-form-checkbox.types";
+export declare class GovFormCheckbox {
+  private readonly h;
+  private f;
+  private inputRef?;
+  private readonly checkboxId;
+  constructor();
+  host: HTMLGovFormCheckboxElement;
+  /**
+   * Value of checkbox
+   */
+  readonly value: string;
+  /**
+   * Checkbox 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 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;
+  /**
+   * Checkboxes size.
+   */
+  readonly size?: FormCheckboxSizesType;
+  /**
+   * Custom checkbox identifier.
+   */
+  readonly identifier: string;
+  /**
+   * When you can't use the form label.
+   */
+  readonly noLabel: 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;
+  /**
+   * Emitted when the checkbox has focus.
+   */
+  govFocus: EventEmitter<FormCheckboxEvent>;
+  /**
+   * Emitted when the checkbox loses focus.
+   */
+  govBlur: EventEmitter<FormCheckboxEvent>;
+  /**
+   * Emitted when the checkbox change value.
+   */
+  govChange: EventEmitter<FormCheckboxEvent>;
+  validateSize(newValue: string): void;
+  watchDisabled(): void;
+  private passControlAttrs;
+  componentWillLoad(): void;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  private onFocusHandler;
+  private onBlurHandler;
+  private onClickHandler;
+  private onChangeHandler;
+  /**
+   * Returns the reference of the native element
+   */
+  getRef(): Promise<HTMLInputElement>;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { Sizes } from '../../../core/constants/sizes';
+import { ValueOf } from '../../../types/interfaces';
+export declare const FormControlSizes: Pick<typeof Sizes, "_M" | "_L" | "_XL">;
+export type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`;
+export declare const FormControlClass: {
+  root: string;
+  holder: string;
+  bottom: string;
+};

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

@@ -0,0 +1,47 @@
+import { FormControlSizesType } from "./constants";
+export declare class GovFormControl {
+  private readonly h;
+  private f;
+  private readonly controlId;
+  private observer;
+  constructor();
+  host: HTMLGovFormControlElement;
+  /**
+   * Defines the space between nested components.
+   */
+  readonly gap?: FormControlSizesType;
+  /**
+   * 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;
+  /**
+   * Use control as a fieldset for better accessibility.
+   * Note: Don't forget to set the legend attribute of the gov-form-label component
+   */
+  readonly fieldset: boolean;
+  /**
+   * Form element size.
+   */
+  readonly size?: FormControlSizesType;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  private passChildAttrs;
+  private invalidChildAttrs;
+  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;
+};