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

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

@@ -1,87 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormRadioSizesType } from "./constants";
-import { FormRadioEvent } from "./gov-form-radio.types";
-export declare class GovFormRadio {
-  private readonly h;
-  private f;
-  private inputRef?;
-  private readonly radioId;
-  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;
-  /**
-   * 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<FormRadioEvent>;
-  /**
-   * Emitted when the radio loses focus.
-   */
-  govBlur: EventEmitter<FormRadioEvent>;
-  /**
-   * Emitted when the radio change value.
-   */
-  govChange: EventEmitter<FormRadioEvent>;
-  validateSize(newValue: string): void;
-  watchDisabled(): void;
-  private passControlAttrs;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onClickHandler;
-  private onFocusHandler;
-  private onBlurHandler;
-  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/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/search/constants.d.ts

@@ -1,9 +0,0 @@
-import { Variants } from '../../../core/constants/variants';
-import { ValueOf } from '../../../types/interfaces';
-export declare const FormSearchs: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export type FormSearchVariantType = `${ValueOf<typeof FormSearchs>}`;
-export declare const FormSearchClass: {
-  root: string;
-  input: string;
-  button: string;
-};

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

@@ -1,9 +0,0 @@
-import { FormSearchVariantType } from './constants';
-export declare class GovFormSearch {
-  host: HTMLGovFormSearchElement;
-  /**
-   * Style variation of the form input.
-   */
-  readonly variant: FormSearchVariantType;
-  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 type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`;
-export declare const FormSelectVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`;
-export declare const FormSelectClass: {
-  root: string;
-  icon: string;
-};

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

@@ -1,115 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormSelectSizesType, FormSelectVariantType } from './constants';
-import { FormSelectEvent, FormSelectOption } from './gov-form-select.types';
-export declare class GovFormSelect {
-  private f;
-  private readonly h;
-  private selectRef?;
-  private readonly selectId;
-  constructor();
-  host: HTMLGovFormSelectElement;
-  /**
-   * Value of select
-   */
-  value: string;
-  /**
-   * Custom select identifier.
-   */
-  readonly identifier: string;
-  /**
-   * Style variation of the form select.
-   */
-  readonly variant?: FormSelectVariantType;
-  /**
-   * 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;
-  /**
-   * Indicates the id of a related component’s visually focused element.
-   */
-  readonly wcagActiveDescendant: string;
-  /**
-   * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.
-   */
-  readonly wcagControls: 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<FormSelectEvent>;
-  /**
-   * Emitted when the select loses focus.
-   */
-  govBlur: EventEmitter<FormSelectEvent>;
-  /**
-   * Emitted when the select change value.
-   */
-  govChange: EventEmitter<FormSelectEvent>;
-  focused: boolean;
-  options: FormSelectOption[];
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  watchDisabled(): void;
-  watchValue(): void;
-  private passControlAttrs;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  private markSelectedValue;
-  render(): any;
-  private onFocusHandler;
-  private onBlurHandler;
-  private onChangeHandler;
-  /**
-   * 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>;
-  /**
-   * Sets the selection options
-   */
-  setOptions(options: FormSelectOption[]): Promise<void>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

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

@@ -1,87 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormSwitchSizesType } from "./constants";
-import { FormSwitchEvent } from "./gov-form-switch.types";
-export declare class GovFormSwitch {
-  private readonly h;
-  private f;
-  private inputRef?;
-  private readonly checkboxId;
-  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.
-   * 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 switch component disabled.
-   * This prevents users from being able to interact with the switch, and conveys its inactive state to assistive technologies.
-   */
-  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;
-  /**
-   * 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 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;
-  private passControlAttrs;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onClickHandler;
-  private onFocusHandler;
-  private onBlurHandler;
-  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/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,6 +0,0 @@
-export declare const GridClass: {
-  root: string;
-};
-export declare const GridItemClass: {
-  root: string;
-};

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

@@ -1,26 +0,0 @@
-export declare class GovGridItem {
-  private h;
-  constructor();
-  readonly host: HTMLGovGridItemElement;
-  /**
-   * Cell size as a fraction of 1/12 of the grid size
-   */
-  readonly size: string;
-  /**
-   * Cell size for SM media query and up as a fraction of 12 of the grid size
-   */
-  readonly sizeSm: string;
-  /**
-   * Cell size for MD media query and up as a fraction of 12 of the grid size
-   */
-  readonly sizeMd: string;
-  /**
-   * Cell size for LG media query and up as a fraction of 12 of the grid size
-   */
-  readonly sizeLg: string;
-  /**
-   * Cell size for XL media query and up as a fraction of 12 of the grid size
-   */
-  readonly sizeXl: string;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-export declare class GovGrid {
-  private h;
-  constructor();
-  host: HTMLGovGridElement;
-  /**
-   * Horizontal align of cells
-   */
-  readonly alignX: string;
-  /**
-   * Vertical align of cells
-   */
-  readonly alignY: string;
-  render(): any;
-}

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

@@ -1,12 +0,0 @@
-import { ValueOf } from '../../types/interfaces';
-declare enum Types {
-  BASIC = "basic",
-  COMPLEX = "complex",
-  COLORED = "colored"
-}
-export type Type = `${ValueOf<typeof Types>}`;
-export declare const IconClass: {
-  root: string;
-  holder: string;
-};
-export {};

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

@@ -1,23 +0,0 @@
-export declare class GovIcon {
-  private h;
-  constructor();
-  host: HTMLGovIconElement;
-  /**
-   * Name of icon
-   */
-  name: string;
-  /**
-   * Type (folder) of icon
-   */
-  type: string;
-  private iconData;
-  private visible;
-  private error;
-  private intersectionObserver;
-  private loadIconPathData;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): Promise<void>;
-  private waitUntilVisible;
-  render(): any;
-}

package/dist/types/components/gov-icon/helpers.d.ts

@@ -1,5 +0,0 @@
-import { Nullable } from "../../types/interfaces";
-export declare const prepareIconFormat: (value: string) => Nullable<{
-  type: string;
-  name: string;
-}>;

package/dist/types/components/gov-icon/list.d.ts

@@ -1,3 +0,0 @@
-export declare const complexIcons: string[];
-export declare const basicIcons: string[];
-export declare const icons: string[];

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

@@ -1,13 +0,0 @@
-import { Variants } from '../../core/constants/variants';
-import { ValueOf } from '../../types/interfaces';
-export declare const InfobarVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
-export type VariantType = `${ValueOf<typeof InfobarVariants>}`;
-export declare const InfobarClass: {
-  root: string;
-  section: string;
-  icon: string;
-  content: string;
-  closable: string;
-  headline: string;
-  close: string;
-};

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

@@ -1,47 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ButtonEvent } from '../gov-button/button/gov-button.types';
-import { VariantType } from './constants';
-import { InfobarEvent } from './gov-infobar.types';
-export declare class GovInfobar {
-  private h;
-  constructor();
-  host: HTMLGovInfobarElement;
-  /**
-   * Style variation of the button.
-   */
-  readonly headline: string;
-  /**
-   * Style variation of the button.
-   */
-  readonly variant: VariantType;
-  /**
-   * Determine if component should have inverse colors to be used on dark background
-   */
-  readonly inverse: boolean;
-  /**
-   * Aria label for the closing button. It is mandatory if the infobar is closable
-   */
-  readonly wcagCloseLabel: string;
-  /**
-   * Aria label for the toggle button. It is mandatory if the infobar has headline
-   */
-  readonly wcagToggleLabel: string;
-  /**
-   * Called when the close button is clicked
-   */
-  govClose: EventEmitter<InfobarEvent>;
-  /**
-   * Displays the option to close the infobar
-   */
-  readonly closable?: boolean;
-  toggleContent: boolean;
-  validateVariant(newValue: string): void;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  onCloseHandler(e: CustomEvent<ButtonEvent>): void;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,4 +0,0 @@
-import { GovBaseEvent } from "../../types/event.types";
-export interface InfobarEvent extends GovBaseEvent {
-  ref: HTMLGovInfobarElement;
-}

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

@@ -1,20 +0,0 @@
-import { ValueOf } from '../../types/interfaces';
-export declare const LayoutClass: {
-  root: string;
-  section: string;
-};
-declare enum LayoutTypes {
-  STRETCH = "stretch",
-  ASIDE = "aside",
-  TEXT = "text"
-}
-export type LayoutType = `${ValueOf<typeof LayoutTypes>}`;
-declare enum LayoutVariant {
-  LEFT = "left",
-  RIGHT = "right"
-}
-export type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`;
-export declare const LayoutColumnClass: {
-  root: string;
-};
-export {};

package/dist/types/components/gov-layout/gov-layout-column.d.ts

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

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

@@ -1,20 +0,0 @@
-import { LayoutType, LayoutVariantType } from './constants';
-export declare class GovLayout {
-  private h;
-  constructor();
-  host: HTMLGovLayoutElement;
-  /**
-   * Layout type
-   */
-  readonly type?: LayoutType;
-  /**
-   * Layout align
-   */
-  readonly variant?: LayoutVariantType;
-  /**
-   * Determine if component should have inverse column order
-   */
-  readonly inverse: boolean;
-  private typeClass;
-  render(): any;
-}

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

@@ -1,5 +0,0 @@
-export declare const LoadingClass: {
-  root: string;
-  content: string;
-  icon: string;
-};

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

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

package/dist/types/components/gov-loading/skeleton/constants.d.ts

@@ -1,20 +0,0 @@
-import { Variants } from "../../../core/constants/variants";
-import { ValueOf } from "../../../types/interfaces";
-export declare const SkeletonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
-export type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`;
-export declare enum SkeletonShapes {
-  CIRCLE = "circle",
-  REACT = "rect",
-  TEXT = "text"
-}
-export type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`;
-export declare enum SkeletonAnimation {
-  PULSE = "pulse",
-  PROGRESS = "progress",
-  FALSE = "false"
-}
-export type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`;
-export declare const SkeletonClass: {
-  root: string;
-  loader: string;
-};

package/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts

@@ -1,52 +0,0 @@
-import { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./constants";
-import { GovHost } from "../../../helpers/Dom/template.types";
-export declare class GovSkeleton {
-  h: GovHost;
-  constructor();
-  host: HTMLGovSkeletonElement;
-  /**
-   * Style variation of the skeleton.
-   */
-  readonly variant?: SkeletonVariantsType;
-  /**
-   * Number of rows of current skeleton type
-   */
-  count: number;
-  /**
-   * Shape of the skeleton
-   */
-  shape?: SkeletonShapesType;
-  /**
-   * Width of the skeleton ex. 100px, 100%, auto etc.
-   */
-  width: string;
-  /**
-   * Height of the skeleton ex. 100px, 100%, auto etc.
-   */
-  height: string;
-  /**
-   * Animation type
-   */
-  animation?: SkeletonAnimationType;
-  /**
-   * Adds accessible label for the skeleton that is only shown for screen readers.
-   */
-  readonly wcagLabel: string;
-  items: number[];
-  validateVariant(newValue: string): void;
-  validateShape(newValue: string): void;
-  validateAnimation(newValue: string): void;
-  componentWillLoad(): void;
-  componentWillUpdate(): void;
-  componentDidRender(): Promise<void>;
-  init(): void;
-  get style(): {
-    width?: string;
-    height?: string;
-  };
-  render(): any;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

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