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

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

@@ -1,101 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormSelectSizesType, FormSelectVariantType } from './constants';
-export declare class GovFormSelect {
-  private f;
-  private 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;
-  /**
-   * 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<FocusEvent>;
-  /**
-   * Emitted when the select loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the select change value.
-   */
-  govChange: EventEmitter;
-  focused: boolean;
-  validateVariant(newValue: string): void;
-  validateSize(newValue: string): void;
-  componentWillLoad(): void;
-  componentDidRender(): Promise<void>;
-  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
-   */
-  getInstance(): Promise<HTMLSelectElement>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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 declare 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,82 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { FormSwitchSizesType } from "./constants";
-import { GovFormSwitchChangeEvent } from "./interfaces";
-export declare class GovFormSwitch {
-  private readonly h;
-  private f;
-  private readonly checkboxId;
-  constructor();
-  host: HTMLGovFormSwitchElement;
-  /**
-   * Value of switch
-   */
-  readonly value: string;
-  /**
-   * When you can't use the form label.
-   */
-  readonly noLabel: boolean;
-  /**
-   * Switch 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 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<FocusEvent>;
-  /**
-   * Emitted when the switch loses focus.
-   */
-  govBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when the switch change value.
-   */
-  govChange: EventEmitter<GovFormSwitchChangeEvent>;
-  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/switch/interfaces.d.ts

@@ -1,4 +0,0 @@
-export interface GovFormSwitchChangeEvent {
-  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 declare 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,24 +0,0 @@
-import { Type } from './constants';
-export declare class GovIcon {
-  private h;
-  constructor();
-  host: HTMLGovIconElement;
-  /**
-   * Name of icon
-   */
-  name: string;
-  /**
-   * Type of icon
-   */
-  type: Type;
-  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/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-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 declare type LayoutType = `${ValueOf<typeof LayoutTypes>}`;
-declare enum LayoutVariant {
-  LEFT = "left",
-  RIGHT = "right"
-}
-export declare 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,10 +0,0 @@
-export declare class GovLoading {
-  private h;
-  constructor();
-  host: HTMLGovLoadingElement;
-  /**
-   * Determine if loading is active
-   */
-  loading: boolean;
-  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 declare type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`;
-export declare enum SkeletonShapes {
-  CIRCLE = "circle",
-  REACT = "rect",
-  TEXT = "text"
-}
-export declare type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`;
-export declare enum SkeletonAnimation {
-  PULSE = "pulse",
-  PROGRESS = "progress",
-  FALSE = "false"
-}
-export declare 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 declare type MessageVariantType = `${ValueOf<typeof MessageVariants>}`;
-export declare const MessageClass: {
-  root: string;
-  icon: string;
-  content: string;
-  close: string;
-};

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

@@ -1,12 +0,0 @@
-import { MessageVariantType } from './constants';
-export declare class GovMessage {
-  private h;
-  constructor();
-  host: HTMLGovMessageElement;
-  /**
-   * Style variation of the content message.
-   */
-  readonly variant: MessageVariantType;
-  validateVariant(newValue: string): void;
-  render(): any;
-}

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

@@ -1,13 +0,0 @@
-export declare const ModalClass: {
-  root: string;
-  rootPrompt: string;
-  dialog: string;
-  inner: string;
-  header: string;
-  icon: string;
-  title: string;
-  content: string;
-  close: string;
-  actions: string;
-  bodyFix: string;
-};

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

@@ -1,65 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-export declare class GovModal {
-  private h;
-  private readonly labelId;
-  private readonly contentId;
-  constructor();
-  host: HTMLGovModalElement;
-  /**
-   * Attribute for modal window display
-   */
-  open: boolean;
-  /**
-   * Title of modal window
-   */
-  label: string;
-  /**
-   * Role of modal
-   */
-  role: string;
-  /**
-   * Used to change the HMTL tag in the modal label for correct semantic structure
-   */
-  readonly labelTag: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  wcaglabelledBy: string;
-  /**
-   * Indicates the id of a component that describes the modal.
-   */
-  wcagDescribedBy: string;
-  /**
-   * Adds accessible label for the modal close button that is only shown for screen readers.
-   */
-  wcagCloseLabel: string;
-  /**
-   * A string of identifiers that indicate alternative label elements for closing the modal window
-   */
-  wcagCloseLabelledBy: string;
-  /**
-   * Emitted when modal window closes.
-   */
-  govClose: EventEmitter<PointerEvent>;
-  modalVisible: boolean;
-  validateLabelTag(newValue: string): void;
-  watchOpen(newValue: boolean): void;
-  private showModal;
-  private hideModal;
-  componentWillRender(): Promise<void>;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  private onCloseHandler;
-  /**
-   * Showing the modal
-   */
-  show(): Promise<void>;
-  /**
-   * Hidding the modal
-   */
-  hide(): Promise<void>;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,8 +0,0 @@
-export declare const NavClass: {
-  root: string;
-  nav: string;
-};
-export declare const NavItemClass: {
-  root: string;
-  link: string;
-};

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

@@ -1,12 +0,0 @@
-export declare class GovNavItem {
-  readonly host: HTMLGovNavItemElement;
-  isExpandedState: boolean;
-  /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
-   */
-  readonly href: string;
-  validateHref(newValue: string): void;
-  componentWillLoad(): void;
-  render(): any;
-}

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

@@ -1,17 +0,0 @@
-export declare class GovNav {
-  readonly host: HTMLGovNavElement;
-  /**
-   * Adds accessible label for the accordion that is only shown for screen readers.
-   */
-  readonly wcagLabel: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  readonly wcagLabelledBy: string;
-  componentDidRender(): Promise<void>;
-  render(): any;
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  validateWcag(): Promise<void>;
-}

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

@@ -1,22 +0,0 @@
-import { Sizes } from '../../core/constants/sizes';
-import { Variants } from '../../core/constants/variants';
-import { ValueOf } from '../../types/interfaces';
-export declare const PaginationSizes: Pick<typeof Sizes, "_S" | "_M">;
-export declare type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`;
-export declare const PaginationVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export declare type PaginationVariantType = `${ValueOf<typeof PaginationVariants>}`;
-export declare enum PaginationTypes {
-  BUTTON = "button",
-  SELECT = "select"
-}
-export declare type PaginationType = `${ValueOf<typeof PaginationTypes>}`;
-export declare const PaginationClass: {
-  root: string;
-  list: string;
-  item: string;
-  itemArrow: string;
-  itemMore: string;
-  itemSelect: string;
-  inner: string;
-  arrow: string;
-};