xv-webcomponents 0.1.26 → 0.1.28

package/dist/types/components/xv-checkbox/xv-checkbox.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SIZE_VAR } from '../../types/enum';
+export declare class XvCheckbox {
+    private inputEl;
+    private internals;
+    el: HTMLElement;
+    /**
+     * Default checked status
+     */
+    checked: boolean;
+    /**
+     * Using for forms
+     */
+    indeterminate: boolean;
+    /**
+     * Disabled status
+     */
+    disabled: boolean;
+    /**
+     * Input name
+     */
+    name: string;
+    /**
+     * Input value
+     */
+    value: string;
+    /**
+     * Input readonly
+     */
+    readonly: boolean;
+    /**
+     * The same like default checkbox prop
+     */
+    required: boolean;
+    /**
+     * Change checkmark icon to minus
+     */
+    partial: boolean;
+    /**
+     * Can be used like property or like slot
+     */
+    label: string;
+    size?: SIZE_VAR;
+    error?: string | boolean;
+    hasFocus: boolean;
+    /**
+     * event 'onEventChange'
+     */
+    changeEvent: EventEmitter<boolean>;
+    /**
+     * event 'onEventInput'
+     */
+    inputEvent: EventEmitter<boolean>;
+    /**
+     * event 'onEventFocus'
+     */
+    focusEvent: EventEmitter<void>;
+    /**
+     * event 'onEventBlur'
+     */
+    blurEvent: EventEmitter<void>;
+    constructor();
+    connectedCallback(): void;
+    onCheckedChange(newValue: boolean): void;
+    private onInput;
+    private onChange;
+    private onFocus;
+    private onBlur;
+    render(): any;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+}

package/dist/types/components/xv-dropdown/_vars.d.ts

@@ -0,0 +1,5 @@
+export interface DropdownItemData {
+    value: string | number;
+    text: string;
+    selected: boolean;
+}

package/dist/types/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { DropdownItemData } from '../_vars';
+/**
+ * xv-dropdown-item — custom dropdown list item
+ * if you want to create new dropdown list item you need to extend current class properties and
+ * events
+ * should be created and emitted 'itemSelected' event
+ */
+export declare class XvDropdownItem {
+    el: HTMLElement;
+    disabled: boolean;
+    value: DropdownItemData['value'];
+    selected: DropdownItemData['selected'];
+    itemSelected: EventEmitter<DropdownItemData>;
+    handleClick(): void;
+    render(): any;
+}

package/dist/types/components/xv-dropdown/xv-dropdown.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SIZE_VAR } from '../../types/enum';
+import { DropdownItemData } from './_vars';
+export declare class XvDropdown {
+    el: HTMLElement;
+    disabled?: boolean;
+    multiple?: boolean;
+    required?: boolean;
+    open?: boolean;
+    error?: string;
+    label?: string;
+    helper?: string;
+    warning?: string;
+    placeholder?: string;
+    size: SIZE_VAR;
+    selected: DropdownItemData['text'][];
+    selectedMap: Map<DropdownItemData['value'], DropdownItemData>;
+    changeSelection: EventEmitter<DropdownItemData[]>;
+    openChangeHandle(): void;
+    handleItemSelected({ detail }: CustomEvent<DropdownItemData>): void;
+    private handleOpen;
+    private handleClickOutside;
+    private addListeners;
+    private removeListeners;
+    render(): any;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-footer/xv-footer.d.ts

@@ -0,0 +1,6 @@
+export declare class Xvfooter {
+    htmlContent: string;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/xv-header/xv-header.d.ts

@@ -0,0 +1,6 @@
+export declare class XvHeader {
+    htmlContent: string;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/xv-link/xv-link.d.ts

@@ -0,0 +1,9 @@
+export declare class XvLink {
+    href: string;
+    target: '_self' | '_blank' | '_parent' | '_top';
+    disabled: boolean;
+    size: 'sm' | 'md' | 'lg';
+    variant: 'standalone' | 'inline';
+    preventLinkHandler(e: PointerEvent): void;
+    render(): any;
+}

package/dist/types/components/xv-loader/xv-loader.d.ts

@@ -0,0 +1,16 @@
+import { SIZE_VAR } from '../../types/enum';
+export declare class XvLoader {
+    /**
+     * Is component displayed
+     */
+    show: boolean;
+    /**
+     * Message direction
+     */
+    variant: 'vertical' | 'horizontal';
+    /**
+     * Size of loader. Default size depends of font size
+     */
+    size: SIZE_VAR;
+    render(): any;
+}

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

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SIZE_VAR } from '../../types/enum';
+export declare class XvModal {
+    el: HTMLElement;
+    /**
+     * Is modal opened
+     */
+    open: boolean;
+    /**
+     * If true then modal not be closed on backdrop click
+     */
+    permanent: boolean;
+    /**
+     * Size of modal. But max size is 90% view width
+     */
+    size: SIZE_VAR;
+    changeOpen: EventEmitter<boolean>;
+    private triggerEl;
+    openModal(): Promise<boolean>;
+    closeModal(): Promise<boolean>;
+    private onBackdropClick;
+    private removeTriggerListener;
+    private setupTrigger;
+    render(): any;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-notification/_vars.d.ts

@@ -0,0 +1,6 @@
+export declare enum NOTIFICATION_VARIANTS {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}

package/dist/types/components/xv-notification/xv-notification.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { NOTIFICATION_VARIANTS } from './_vars';
+export declare class XvNotification {
+    el: HTMLElement;
+    variant: NOTIFICATION_VARIANTS;
+    dismissible: boolean;
+    close: EventEmitter<MouseEvent>;
+    private closeHandle;
+    render(): any;
+    private renderIcon;
+}

package/dist/types/components/xv-overflow-menu/_vars.d.ts

@@ -0,0 +1,8 @@
+export interface OverflowMenuEvent {
+    value: string | number | object | undefined;
+    event: PointerEvent;
+}
+export declare enum OverflowMenuVariant {
+    DEFAULT = "",
+    DANGER = "danger"
+}

package/dist/types/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { OverflowMenuEvent, OverflowMenuVariant } from '../_vars';
+export declare class XvOverflowMenuItem {
+    disabled: boolean;
+    value: OverflowMenuEvent['value'];
+    variant: OverflowMenuVariant;
+    itemClick: EventEmitter<OverflowMenuEvent>;
+    handleClick(event: PointerEvent): void;
+    render(): any;
+}

package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SIZE_VAR } from '../../types/enum';
+import { OverflowMenuEvent } from './_vars';
+export declare class XvOverflowMenu {
+    el: HTMLElement;
+    open: boolean;
+    disabled: boolean;
+    position: 'left' | 'right';
+    size: SIZE_VAR;
+    selectItem: EventEmitter<OverflowMenuEvent>;
+    handleKeyDown(ev: KeyboardEvent): void;
+    openChangeHandle(): void;
+    private handleClose;
+    private removeListeners;
+    private handleClick;
+    private onOpenToggle;
+    private handleSelectItem;
+    render(): any;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-progress-indicator/_vars.d.ts

@@ -0,0 +1,9 @@
+export declare enum PROGRESS_VARIANTS {
+    DEFAULT = "",
+    HORIZONTAL = "horizontal"
+}
+export declare enum PROGRESS_ITEM_STATUS {
+    DONE = "done",
+    NO_STARTED = "not_started",
+    IN_PROGRESS = "in_progress"
+}

package/dist/types/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.d.ts

@@ -0,0 +1,6 @@
+import { PROGRESS_ITEM_STATUS } from '../_vars';
+export declare class XvProgressIndicatorItem {
+    el: HTMLElement;
+    status: PROGRESS_ITEM_STATUS;
+    render(): any;
+}

package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts

@@ -0,0 +1,25 @@
+import { PROGRESS_VARIANTS } from './_vars';
+import { SIZE_VAR } from '../../types/enum';
+export declare class XvProgressIndicator {
+    el: HTMLElement;
+    /**
+     * Current progress
+     * from 0 to 100
+     */
+    progress: number;
+    /**
+     * Progress variant
+     * enum PROGRESS_VARIANTS
+     * possible option `horizontal`
+     */
+    variant: PROGRESS_VARIANTS;
+    /**
+     * Size of progress
+     * enum SIZE_VAR
+     * possible options `XS | SM | MD | LG | XL`
+     */
+    size: SIZE_VAR;
+    updateChildItems(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/xv-table/defs.d.ts

@@ -0,0 +1,38 @@
+export declare enum TABLE_COLOR_SCHEMA {
+    DEF = "",
+    ZEBRA = "zebra"
+}
+export declare enum TABLE_SIZE {
+    EXTRA_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg",
+    EXTRA_LARGE = "xl"
+}
+export declare enum TABLE_TAG {
+    TABLE = "XV-TABLE-V2",
+    EXPAND = "XV-TABLE-V2-EXPAND",
+    ROW = "XV-TABLE-V2-ROW",
+    HEADER = "XV-TABLE-V2-HEADER-ROW",
+    TOOLBAR = "XV-TABLE-V2-TOOLBAR"
+}
+export declare enum SORT_DIR {
+    ASC = "asc",
+    DESC = "desc",
+    NONE = "none"
+}
+export type TableSelectionEventData = {
+    name: string;
+    checked: boolean;
+    value?: string;
+    group?: {
+        isMainRow?: boolean;
+        id: string;
+        data?: TableSelectionEventData[];
+    };
+};
+export type TableSelectionEvent = CustomEvent<TableSelectionEventData>;
+export interface TableSortData {
+    dir: SORT_DIR;
+    name: string;
+}

package/dist/types/components/xv-table/xv-table-col/xv-table-col.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SORT_DIR, TableSortData } from '../defs';
+export declare class XvTableCol {
+    sort?: SORT_DIR | '';
+    sortName?: string;
+    sortColChange: EventEmitter<TableSortData>;
+    handleClick(): void;
+    render(): any;
+}

package/dist/types/components/xv-table/xv-table-expand/xv-table-expand.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableSelectionEventData } from '../defs';
+export declare class XvTableExpand {
+    el: HTMLElement;
+    expanded: boolean;
+    cols: number;
+    hovered: boolean;
+    checkedGroup: Map<string, any>;
+    selectedRows: Set<TableSelectionEventData>;
+    mainRowData: TableSelectionEventData;
+    checkedChange: EventEmitter<TableSelectionEventData>;
+    private groupId;
+    toggleExpand(expanded: boolean): Promise<void>;
+    private setAttr;
+    private setExpandAttrs;
+    private onSlotChange;
+    private setInitialExpandStatus;
+    private emitChangeSelectionEvent;
+    private handleCheckedChange;
+    render(): any;
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-table/xv-table-header-row/xv-table-header-row.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableSortData } from '../defs';
+export declare class XvTableHeaderRow {
+    el: HTMLElement;
+    /**
+     * Is sort enabled
+     */
+    sortable?: boolean;
+    /**
+     * Checkbox row name
+     */
+    selectionName?: string;
+    /**
+     * Checkbox row selected partially
+     */
+    partial: boolean;
+    /**
+     * Checkbox row checked
+     */
+    checked: boolean;
+    cols: number;
+    sortChange: EventEmitter<TableSortData>;
+    private sortChangeHandle;
+    private slotChangeHandle;
+    private checkboxChange;
+    render(): any;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class XvTableRow {
+    el: HTMLElement;
+    /**
+     * Is row will be expandable
+     * If it's true then the next row will be collapsed
+     */
+    expandable: boolean;
+    /**
+     * Default state of expandable
+     */
+    expanded: boolean;
+    /**
+     * Disabled status
+     */
+    disabled: boolean;
+    /**
+     * Checkbox row name
+     */
+    selectionName?: string;
+    /**
+     * Checkbox row value
+     */
+    value?: string;
+    /**
+     * Checkbox row status
+     */
+    checked?: boolean;
+    /**
+     * Checkbox row with minus icon
+     */
+    partial?: boolean;
+    groupId?: string;
+    id?: string;
+    cols: number;
+    hovered: boolean;
+    checkedChange: EventEmitter<{
+        name: string;
+        value?: string;
+        checked: boolean;
+    }>;
+    checkedGroupChange: EventEmitter<{
+        name: string;
+        value?: string;
+        checked: boolean;
+    }>;
+    checkedChangeHandle(): void;
+    private checkboxChange;
+    private onExpandHandle;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/xv-table/xv-table-toolbar/xv-table-toolbar.d.ts

@@ -0,0 +1,6 @@
+import { TableSelectionEventData } from '../defs';
+export declare class XvTableToolbar {
+    selected: number;
+    setSelectedItems(selected: Map<string, TableSelectionEventData>): Promise<void>;
+    render(): any;
+}

package/dist/types/components/xv-table/xv-table.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEventData } from './defs';
+export declare class XvTable {
+    el: HTMLElement;
+    /**
+     * Table caption description
+     */
+    description: string;
+    /**
+     * Set current color schema type of enum TABLE_COLOR_SCHEMA
+     * Possible options 'zebra'
+     */
+    colorSchema: TABLE_COLOR_SCHEMA;
+    /**
+     * If table is expandable fields
+     */
+    expandable: boolean;
+    /**
+     * Table size
+     * enum TABLE_SIZE
+     */
+    size: TABLE_SIZE;
+    /**
+     * Add checkbox selection to the table
+     */
+    selectable: boolean;
+    selectedRows: Map<string, TableSelectionEventData>;
+    changeSelection: EventEmitter<TableSelectionEventData[]>;
+    handleSetColorSchema(): void;
+    listenSelectableHandle(): void;
+    private debouncedChangeSelection;
+    private handleCheckedChange;
+    private setRowProps;
+    render(): any;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+}

package/dist/types/components/xv-tabs/_vars.d.ts

@@ -0,0 +1,7 @@
+export declare enum TAB_TAGS {
+    TABS = "xv-tabs-v2",
+    TAB = "xv-tab-v2"
+}
+export declare enum TABS_VATIANT {
+    DEFAULT = ""
+}

package/dist/types/components/xv-tabs/xv-tab/xv-tab.d.ts

@@ -0,0 +1,5 @@
+export declare class XvTab {
+    label: string;
+    disabled: boolean;
+    render(): any;
+}

package/dist/types/components/xv-tabs/xv-tabs.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TABS_VATIANT } from './_vars';
+export declare class XvTabs {
+    el: HTMLElement;
+    /**
+     * Index of active tab
+     */
+    active: number;
+    /**
+     * Variant of tabs from TABS_VATIANT enum
+     */
+    variant: TABS_VATIANT;
+    /**
+     * for animate the tab content
+     */
+    height: number;
+    /**
+     * Emit event to outside
+     */
+    tabSelect: EventEmitter<number>;
+    /**
+     * local variable for tab labels collection
+     */
+    private tabElements;
+    /**
+     * Watch active tab changes to animate content height
+     */
+    onActiveTabChanged(): void;
+    private collectTabs;
+    private updateTabClasses;
+    private setHeight;
+    private handleTabClick;
+    render(): any;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+}

package/dist/types/components/xv-tag/xv-tag.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class XvTag {
+    size: 'sm' | 'md' | 'lg';
+    color: string;
+    bg: string;
+    disabled: boolean;
+    closeable: boolean;
+    closeClick: EventEmitter<PointerEvent>;
+    closeHandler(e: PointerEvent): void;
+    render(): any;
+}

package/dist/types/components/xv-tooltip/xv-tooltip.d.ts

@@ -0,0 +1,11 @@
+export declare class XvTooltip {
+    /** Message what will be shown for tooltip **/
+    message: string;
+    /**
+     * Tooltip and arrow position related to element
+     * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.
+     * By default, "top"
+     */
+    position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    render(): any;
+}