@jsfour/root-ui 0.0.1

package/dist/types/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '@stencil/sass/dist/declarations';
+export declare class RootBreadcrumbs {
+    hostElement: HTMLStencilElement;
+    breadcrumbsId: string;
+    linkItems: any[];
+    linkClick: EventEmitter;
+    componentDidLoad(): void;
+    getBreadcrumbs(): void;
+    clickHandler(e: Event): void;
+    render(): any;
+}

package/dist/types/components/button/button-size.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum RootButtonSize {
+    SMALL = "small",
+    LARGE = "large"
+}

package/dist/types/components/button/button-type.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum RootButtonType {
+    BUTTON = "button",
+    SUBMIT = "submit",
+    RESET = "reset"
+}

package/dist/types/components/button/button-variation.enum.d.ts

@@ -0,0 +1,9 @@
+export declare enum RootButtonVariation {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    OUTLINE = "outline",
+    SUBMIT = "submit",
+    DANGER = "danger",
+    CANCEL = "cancel"
+}

package/dist/types/components/button/button.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { RootButtonVariation } from './button-variation.enum';
+import { RootButtonSize } from './button-size.enum';
+import { RootButtonType } from './button-type.enum';
+export declare class RootButton {
+    buttonId: string;
+    size: RootButtonSize;
+    variation: RootButtonVariation;
+    type: RootButtonType;
+    fullWidth: boolean;
+    disabled: boolean;
+    rootButtonClick: EventEmitter<MouseEvent>;
+    clickHandler(e: MouseEvent): void;
+    render(): any;
+}

package/dist/types/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './button/button';
+export * from './badge/badge';
+export * from './banner/banner';
+export * from './breadcrumbs/breadcrumbs';
+export * from './input/input';
+export * from './list/list';

package/dist/types/components/input/input-type.enum.d.ts

@@ -0,0 +1,17 @@
+export declare enum RootInputType {
+    COLOR = "color",
+    DATE = "date",
+    EMAIL = "email",
+    FILE = "file",
+    IMAGE = "image",
+    MONTH = "month",
+    NUMBER = "number",
+    PASSWORD = "password",
+    SEARCH = "search",
+    SUBMIT = "submit",
+    TEL = "tel",
+    TEXT = "text",
+    TIME = "time",
+    URL = "url",
+    WEEK = "week"
+}

package/dist/types/components/input/input.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { RootInputType } from './input-type.enum';
+export declare class RootInput {
+    hostElement: HTMLElement;
+    private inputRef?;
+    inputId: string;
+    type: RootInputType;
+    label: string;
+    inputName: string;
+    placeholder: string;
+    value: string;
+    onValueChanged(newValue: string): void;
+    maxlength: number;
+    fullWidth: boolean;
+    multiline: boolean;
+    icon: boolean;
+    showPassword: boolean;
+    inputValue: string;
+    error: string;
+    touched: boolean;
+    hasIcon: boolean;
+    fileLabel: string;
+    rootInputChange: EventEmitter<string>;
+    rootInputBlur: EventEmitter<FocusEvent>;
+    componentWillLoad(): void;
+    setHasIcon(): void;
+    private openPicker;
+    private togglePasswordVisibility;
+    private incrementNumber;
+    private decrementNumber;
+    private validate;
+    private handleBlur;
+    private handleChange;
+    private handleFileChange;
+    private handleFieldClick;
+    render(): any;
+}

package/dist/types/components/list/list.d.ts

@@ -0,0 +1,7 @@
+export declare class RootList {
+    /**
+     * The type of list: bullet or numbered
+     */
+    type: 'bullet' | 'numbered';
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,388 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { RootBadgeVariation } from "./components/badge/badge-variation.enum";
+import { RootBannerVariation } from "./components/banner/banner-variation.enum";
+import { RootButtonSize } from "./components/button/button-size.enum";
+import { RootButtonVariation } from "./components/button/button-variation.enum";
+import { RootButtonType } from "./components/button/button-type.enum";
+import { RootInputType } from "./components/input/input-type.enum";
+export { RootBadgeVariation } from "./components/badge/badge-variation.enum";
+export { RootBannerVariation } from "./components/banner/banner-variation.enum";
+export { RootButtonSize } from "./components/button/button-size.enum";
+export { RootButtonVariation } from "./components/button/button-variation.enum";
+export { RootButtonType } from "./components/button/button-type.enum";
+export { RootInputType } from "./components/input/input-type.enum";
+export namespace Components {
+    interface RootBadge {
+        /**
+          * @default randomIdGenerator('root-badge')
+         */
+        "badgeId": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * @default RootBadgeVariation.PRIMARY
+         */
+        "variation": RootBadgeVariation;
+    }
+    interface RootBanner {
+        /**
+          * @default randomIdGenerator('root-banner')
+         */
+        "bannerId": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * @default RootBannerVariation.PRIMARY
+         */
+        "variation": RootBannerVariation;
+    }
+    interface RootBreadcrumbs {
+        /**
+          * @default randomIdGenerator('root-breadcrumbs')
+         */
+        "breadcrumbsId": string;
+    }
+    interface RootButton {
+        /**
+          * @default randomIdGenerator('root-button')
+         */
+        "buttonId": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * @default RootButtonSize.SMALL
+         */
+        "size": RootButtonSize;
+        /**
+          * @default RootButtonType.BUTTON
+         */
+        "type": RootButtonType;
+        /**
+          * @default RootButtonVariation.PRIMARY
+         */
+        "variation": RootButtonVariation;
+    }
+    interface RootInput {
+        /**
+          * @default false
+         */
+        "fullWidth": boolean;
+        /**
+          * @default true
+         */
+        "icon": boolean;
+        /**
+          * @default randomIdGenerator('root-input')
+         */
+        "inputId": string;
+        "inputName": string;
+        "label": string;
+        "maxlength": number;
+        /**
+          * @default false
+         */
+        "multiline": boolean;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * @default RootInputType.TEXT
+         */
+        "type": RootInputType;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
+    interface RootList {
+        /**
+          * The type of list: bullet or numbered
+          * @default 'bullet'
+         */
+        "type": 'bullet' | 'numbered';
+    }
+}
+export interface RootBadgeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRootBadgeElement;
+}
+export interface RootBannerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRootBannerElement;
+}
+export interface RootBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRootBreadcrumbsElement;
+}
+export interface RootButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRootButtonElement;
+}
+export interface RootInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRootInputElement;
+}
+declare global {
+    interface HTMLRootBadgeElementEventMap {
+        "rootBadgeClick": MouseEvent;
+    }
+    interface HTMLRootBadgeElement extends Components.RootBadge, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRootBadgeElementEventMap>(type: K, listener: (this: HTMLRootBadgeElement, ev: RootBadgeCustomEvent<HTMLRootBadgeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRootBadgeElementEventMap>(type: K, listener: (this: HTMLRootBadgeElement, ev: RootBadgeCustomEvent<HTMLRootBadgeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRootBadgeElement: {
+        prototype: HTMLRootBadgeElement;
+        new (): HTMLRootBadgeElement;
+    };
+    interface HTMLRootBannerElementEventMap {
+        "rootBannerClick": MouseEvent;
+    }
+    interface HTMLRootBannerElement extends Components.RootBanner, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRootBannerElementEventMap>(type: K, listener: (this: HTMLRootBannerElement, ev: RootBannerCustomEvent<HTMLRootBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRootBannerElementEventMap>(type: K, listener: (this: HTMLRootBannerElement, ev: RootBannerCustomEvent<HTMLRootBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRootBannerElement: {
+        prototype: HTMLRootBannerElement;
+        new (): HTMLRootBannerElement;
+    };
+    interface HTMLRootBreadcrumbsElementEventMap {
+        "linkClick": any;
+    }
+    interface HTMLRootBreadcrumbsElement extends Components.RootBreadcrumbs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRootBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLRootBreadcrumbsElement, ev: RootBreadcrumbsCustomEvent<HTMLRootBreadcrumbsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRootBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLRootBreadcrumbsElement, ev: RootBreadcrumbsCustomEvent<HTMLRootBreadcrumbsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRootBreadcrumbsElement: {
+        prototype: HTMLRootBreadcrumbsElement;
+        new (): HTMLRootBreadcrumbsElement;
+    };
+    interface HTMLRootButtonElementEventMap {
+        "rootButtonClick": MouseEvent;
+    }
+    interface HTMLRootButtonElement extends Components.RootButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRootButtonElementEventMap>(type: K, listener: (this: HTMLRootButtonElement, ev: RootButtonCustomEvent<HTMLRootButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRootButtonElementEventMap>(type: K, listener: (this: HTMLRootButtonElement, ev: RootButtonCustomEvent<HTMLRootButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRootButtonElement: {
+        prototype: HTMLRootButtonElement;
+        new (): HTMLRootButtonElement;
+    };
+    interface HTMLRootInputElementEventMap {
+        "rootInputChange": string;
+        "rootInputBlur": FocusEvent;
+    }
+    interface HTMLRootInputElement extends Components.RootInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRootInputElementEventMap>(type: K, listener: (this: HTMLRootInputElement, ev: RootInputCustomEvent<HTMLRootInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRootInputElementEventMap>(type: K, listener: (this: HTMLRootInputElement, ev: RootInputCustomEvent<HTMLRootInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLRootInputElement: {
+        prototype: HTMLRootInputElement;
+        new (): HTMLRootInputElement;
+    };
+    interface HTMLRootListElement extends Components.RootList, HTMLStencilElement {
+    }
+    var HTMLRootListElement: {
+        prototype: HTMLRootListElement;
+        new (): HTMLRootListElement;
+    };
+    interface HTMLElementTagNameMap {
+        "root-badge": HTMLRootBadgeElement;
+        "root-banner": HTMLRootBannerElement;
+        "root-breadcrumbs": HTMLRootBreadcrumbsElement;
+        "root-button": HTMLRootButtonElement;
+        "root-input": HTMLRootInputElement;
+        "root-list": HTMLRootListElement;
+    }
+}
+declare namespace LocalJSX {
+    interface RootBadge {
+        /**
+          * @default randomIdGenerator('root-badge')
+         */
+        "badgeId"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        "onRootBadgeClick"?: (event: RootBadgeCustomEvent<MouseEvent>) => void;
+        /**
+          * @default RootBadgeVariation.PRIMARY
+         */
+        "variation"?: RootBadgeVariation;
+    }
+    interface RootBanner {
+        /**
+          * @default randomIdGenerator('root-banner')
+         */
+        "bannerId"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        "onRootBannerClick"?: (event: RootBannerCustomEvent<MouseEvent>) => void;
+        /**
+          * @default RootBannerVariation.PRIMARY
+         */
+        "variation"?: RootBannerVariation;
+    }
+    interface RootBreadcrumbs {
+        /**
+          * @default randomIdGenerator('root-breadcrumbs')
+         */
+        "breadcrumbsId"?: string;
+        "onLinkClick"?: (event: RootBreadcrumbsCustomEvent<any>) => void;
+    }
+    interface RootButton {
+        /**
+          * @default randomIdGenerator('root-button')
+         */
+        "buttonId"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        "onRootButtonClick"?: (event: RootButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * @default RootButtonSize.SMALL
+         */
+        "size"?: RootButtonSize;
+        /**
+          * @default RootButtonType.BUTTON
+         */
+        "type"?: RootButtonType;
+        /**
+          * @default RootButtonVariation.PRIMARY
+         */
+        "variation"?: RootButtonVariation;
+    }
+    interface RootInput {
+        /**
+          * @default false
+         */
+        "fullWidth"?: boolean;
+        /**
+          * @default true
+         */
+        "icon"?: boolean;
+        /**
+          * @default randomIdGenerator('root-input')
+         */
+        "inputId"?: string;
+        "inputName"?: string;
+        "label": string;
+        "maxlength"?: number;
+        /**
+          * @default false
+         */
+        "multiline"?: boolean;
+        "onRootInputBlur"?: (event: RootInputCustomEvent<FocusEvent>) => void;
+        "onRootInputChange"?: (event: RootInputCustomEvent<string>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * @default RootInputType.TEXT
+         */
+        "type"?: RootInputType;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface RootList {
+        /**
+          * The type of list: bullet or numbered
+          * @default 'bullet'
+         */
+        "type"?: 'bullet' | 'numbered';
+    }
+    interface IntrinsicElements {
+        "root-badge": RootBadge;
+        "root-banner": RootBanner;
+        "root-breadcrumbs": RootBreadcrumbs;
+        "root-button": RootButton;
+        "root-input": RootInput;
+        "root-list": RootList;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "root-badge": LocalJSX.RootBadge & JSXBase.HTMLAttributes<HTMLRootBadgeElement>;
+            "root-banner": LocalJSX.RootBanner & JSXBase.HTMLAttributes<HTMLRootBannerElement>;
+            "root-breadcrumbs": LocalJSX.RootBreadcrumbs & JSXBase.HTMLAttributes<HTMLRootBreadcrumbsElement>;
+            "root-button": LocalJSX.RootButton & JSXBase.HTMLAttributes<HTMLRootButtonElement>;
+            "root-input": LocalJSX.RootInput & JSXBase.HTMLAttributes<HTMLRootInputElement>;
+            "root-list": LocalJSX.RootList & JSXBase.HTMLAttributes<HTMLRootListElement>;
+        }
+    }
+}

package/dist/types/enums.d.ts

@@ -0,0 +1,3 @@
+export * from './components/button/button-size.enum';
+export * from './components/button/button-type.enum';
+export * from './components/button/button-variation.enum';

package/dist/types/global/utils/randomIdGenerator/index.d.ts

@@ -0,0 +1 @@
+export declare function randomIdGenerator(prefix?: string): string;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './components';
+export * from './enums';