npm - globuswebcomponents - Versions diffs - 0.2.6 - Mend

@@ -0,0 +1,11 @@
+import { GeneralSizes } from '../../models/reusableModels';
+export declare class GbInputField {
+    size: GeneralSizes;
+    inputType: 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown' | 'leading_text' | 'payment_input' | 'tags' | 'trailing_button' | 'password' | 'password_icon_leading' | 'count';
+    destructive?: boolean;
+    helpIcon?: boolean;
+    icon?: string;
+    placeholder: string;
+    label?: string;
+    render(): any;
+}

@@ -0,0 +1,5 @@
+import { GeneralSizes } from "../../models/reusableModels";
+export declare class GbMegaInputField {
+    size: GeneralSizes;
+    render(): any;
+}

@@ -0,0 +1,7 @@
+export declare class GbNotificationContent {
+    icon: string;
+    label: string;
+    time: string;
+    supportingText: string;
+    render(): any;
+}

@@ -0,0 +1,12 @@
+export declare class GbNotificationPanel {
+    state: 'empty' | 'notification_dropdown';
+    notifications: HTMLElement[];
+    private shadowRoot;
+    constructor();
+    componentDidLoad(): void;
+    handleSlotChange(): void;
+    getSlotContent(): HTMLSlotElement;
+    markAllAsRead(): void;
+    handleNotificationClick(notification: HTMLElement): void;
+    render(): any;
+}

@@ -0,0 +1,7 @@
+export declare class GbProgressBar {
+    progress: number;
+    showLabel: boolean;
+    labelPosition: 'right' | 'bottom' | 'top_floating' | 'bottom_floating';
+    el: HTMLElement;
+    render(): any;
+}

@@ -0,0 +1,4 @@
+export declare class GbScrollbar {
+    length: '25%' | '50%' | '75%';
+    render(): any;
+}

@@ -0,0 +1,11 @@
+export declare class SliderControlHandle {
+    value: number;
+    type?: 'text' | 'tooltip';
+    isHovered: boolean;
+    isFocused: boolean;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    render(): any;
+}

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class GbSlider {
+    el: HTMLElement;
+    min: number;
+    max: number;
+    thumbType: 'text' | 'tooltip';
+    leftValue: number;
+    rightValue: number;
+    valueChange: EventEmitter<{
+        left: number;
+        right: number;
+    }>;
+    private trackEl;
+    private containerEl;
+    private isDragging;
+    private activeThumb;
+    private snapPoints;
+    componentDidLoad(): void;
+    handleMouseDown: (_e: MouseEvent, thumb: "left" | "right") => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: () => void;
+    findNearestSnapPoint(value: number): number;
+    updateTrack(): void;
+    render(): any;
+}

@@ -0,0 +1,8 @@
+import { GeneralSizes, OnlineIndicatorStates } from "../../models/reusableModels";
+export declare class GbStatusIndicator {
+    statusIcon: string;
+    size: GeneralSizes;
+    state: OnlineIndicatorStates;
+    indicatorStateClass: string;
+    render(): any[];
+}

@@ -0,0 +1,6 @@
+export declare class GbTagCheckbox {
+    checked: boolean;
+    size: 'sm' | 'md' | 'lg';
+    disabled: boolean;
+    render(): any;
+}

@@ -0,0 +1,8 @@
+export declare class Tag {
+    size: 'sm' | 'md' | 'lg';
+    icon?: 'country' | 'avatar' | 'dot';
+    checkbox?: boolean;
+    closeButton?: boolean;
+    count?: boolean;
+    render(): any;
+}

@@ -0,0 +1,11 @@
+import { GeneralSizes, StateEnum } from "../../models/reusableModels";
+export declare class GbToggle {
+    size: GeneralSizes;
+    state: StateEnum;
+    supportingText: boolean;
+    el: HTMLElement;
+    getMainTextClass(): "text-sm-medium" | "text-md-medium";
+    getSupportingTextClass(): "text-md-regular" | "text-sm-regular";
+    componentDidLoad(): void;
+    render(): any;
+}

@@ -0,0 +1,29 @@
+import { GeneralHierarchies, GeneralSizes } from '../../models/reusableModels';
+export declare class MyButton {
+    size: GeneralSizes;
+    hierarchy: GeneralHierarchies;
+    icon: 'default' | 'only';
+    destructive: boolean;
+    state: 'default' | 'hover' | 'disabled' | 'pressed';
+    iconLeading: boolean;
+    iconLeadingSwap: string;
+    iconTrailing: boolean;
+    iconTrailingSwap: string;
+    el: HTMLElement;
+    leadingIconSvg: string;
+    trailingIconSvg: string;
+    componentWillLoad(): void;
+    loadIcon(iconName: string, type: 'leading' | 'trailing'): Promise<void>;
+    getButtonClasses(): {
+        [x: string]: boolean;
+        button: boolean;
+        destructive: boolean;
+        disabled: boolean;
+        default: boolean;
+        only: boolean;
+    };
+    getButtonTextClasses(): "text-lg-semi-bold" | "text-md-semi-bold" | "text-sm-semi-bold";
+    renderLeadingIcon(): any;
+    renderTrailingIcon(): any;
+    render(): any;
+}

@@ -0,0 +1,8 @@
+export declare class TestTooltip {
+    showArrow: boolean;
+    arrowPosition: 'bottom-center' | 'left' | 'right' | 'top-left' | 'top-right';
+    visible: boolean;
+    toggleTooltip(): void;
+    getArrowClass(): string;
+    render(): any;
+}

globuswebcomponents 0.2.6