npm - @usecapsule/core-components - Versions diffs - 3.0.1 → 3.1.1 - Mend

@usecapsule/core-components 3.0.1 → 3.1.1

Files changed (210) hide show

@@ -1,9 +1,18 @@
 export declare class CpslDrawer {
+    el: HTMLCpslDrawerElement;
+    closedAnchorPosition?: string;
+    showTransition: boolean;
     anchor: 'top' | 'bottom' | 'left' | 'right';
+    anchorPosition?: number;
+    noOverlay?: boolean;
     open: boolean;
-    size: number;
+    size: number | 'auto';
     transitionDuration?: number;
     transitionFunction?: string;
     variant?: 'temporary' | 'permanent';
+    zIndexOverride?: number;
+    componentDidLoad(): void;
+    private getContainerHeight;
+    private get containerEl();
     render(): any;
 }

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslFileUpload {
+    el: HTMLCpslFileUploadElement;
+    private inputId;
+    file?: File;
+    dragOver?: boolean;
+    dragError?: boolean;
+    isUploading?: boolean;
+    uploadError?: boolean;
+    errorText?: string;
+    externalFilename?: string;
+    externalSrc?: string;
+    fileTypes?: string[];
+    helperText?: string;
+    label?: string;
+    required: boolean;
+    showOptionalLabel: boolean;
+    uploadFile?: (file: File) => Promise<boolean>;
+    cpslOnDrop: EventEmitter<DragEvent>;
+    cpslOnDragEnter: EventEmitter<DragEvent>;
+    cpslOnDragLeave: EventEmitter<DragEvent>;
+    cpslFileChange: EventEmitter<File>;
+    cpslFileRemoved: EventEmitter<void>;
+    private handleDrop;
+    private handleDragEnter;
+    private handleDragLeave;
+    private handleInputChange;
+    private isValidFile;
+    private addFile;
+    private removeFile;
+    get inputEl(): HTMLInputElement;
+    get FileContent(): any;
+    render(): any;
+}

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface';
 import { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
 export declare class CpslInput {
+    private nativeInput?;
     el: HTMLCpslInputElement;
     private inputId;
     private focusedValue?;
@@ -52,7 +53,6 @@ export declare class CpslInput {
     private onFocus;
     private onPaste;
     private focusInput;
-    private get nativeInput();
     private get startEl();
     private get endEl();
     render(): any;

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslModalV2 {
+    el: HTMLCpslModalV2Element;
+    enterTransitionDuration?: number;
+    exitTransitionDuration?: number;
+    elevated: boolean;
+    noOverlay: boolean;
+    open: boolean;
+    zIndexOverride?: number;
+    cpslModalEntering: EventEmitter<null>;
+    cpslModalEntered: EventEmitter<null>;
+    cpslModalExiting: EventEmitter<null>;
+    cpslModalExited: EventEmitter<null>;
+    toggleHeight(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslPopover {
+    private triggerEl?;
+    private destroyTriggerInteraction?;
+    el: HTMLCpslPopoverElement;
+    open: boolean;
+    private triggerClicked;
+    positionX?: number;
+    positionY?: number;
+    anchorEl?: HTMLElement;
+    anchorOriginHorizontal?: 'left' | 'center' | 'right';
+    anchorOriginVertical?: 'top' | 'center' | 'bottom';
+    autoWidth?: boolean;
+    disabled: boolean;
+    preventBlur: boolean;
+    transformOriginHorizontal?: 'left' | 'center' | 'right';
+    transformOriginVertical?: 'top' | 'center' | 'bottom';
+    triggerAction: 'click' | 'hover';
+    trigger: string;
+    windowPadding?: number;
+    cpslOpen: EventEmitter<void>;
+    cpslClose: EventEmitter<void>;
+    closePopover(): Promise<void>;
+    onTriggerChange(): void;
+    onAnchorChange(): void;
+    onOpenChange(): void;
+    componentDidLoad(): void;
+    private configureTriggerInteraction;
+    private setPosition;
+    private handleClickOutside;
+    private present;
+    private close;
+    get containerEl(): HTMLElement;
+    render(): any;
+}

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslSelect {
+    el: HTMLCpslSelectElement;
+    private popoverEl;
+    private inputId;
+    anchorEl: HTMLDivElement;
+    hasFocus: boolean;
+    popoverOpen: boolean;
+    hasSelectedItem: boolean;
+    disabled: boolean;
+    dropdownMaxHeight?: number;
+    errorText?: string;
+    formatValue?: (value: string) => string;
+    helperText?: string;
+    id: string;
+    label?: string;
+    placeholder?: string;
+    required: boolean;
+    selectedValue?: string;
+    showFormattedSelectedItem?: boolean;
+    showOptionalLabel: boolean;
+    cpslBlur: EventEmitter<FocusEvent>;
+    cpslFocus: EventEmitter<FocusEvent>;
+    cpslSelectValueChange: EventEmitter<string>;
+    onValueChange(): void;
+    handleValueChange(): void;
+    selectItemClickHandler(event: CustomEvent<string>): void;
+    onPopoverOpen(): void;
+    onPopoverClose(): void;
+    componentDidLoad(): void;
+    private onBlur;
+    private onFocus;
+    private handleEnterPress;
+    private selectItem;
+    private handleClickOutside;
+    private handleClick;
+    render(): any;
+}

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslSelectItem {
+    selected?: boolean;
+    value: string;
+    cpslSelectItemClick: EventEmitter<string>;
+    private handleItemClick;
+    render(): any;
+}

@@ -1,9 +1,14 @@
-import { ColDef, RowDef } from './table-interface';
 export declare class CpslTable {
     el: HTMLCpslTableElement;
-    columns: ColDef[];
-    rows: RowDef[];
+    hasHorizontalScroll: boolean;
+    hasVerticalScroll: boolean;
+    componentDidLoad(): void;
+    private resizeOb;
     private get containerHeaderEl();
     private get containerFooterEl();
+    private get contentContainerEl();
+    private get headerEl();
+    private get containerSlotEl();
+    private get footerEl();
     render(): any;
 }

@@ -1,5 +1,5 @@
 export declare class CpslText {
-    color?: 'primary' | 'secondary' | 'subtle' | 'inverted' | 'error';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'inverted' | 'error';
     variant?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
     weight?: 'regular' | 'medium' | 'semiBold' | 'bold';
     private get Content();