zignal-stencil-library 1.0.0

package/dist/types/components/autocomplete-select/autocomplete-select.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class AutocompleteSelect {
+    type?: 'tag' | 'status';
+    value?: string;
+    fetchItems: () => Promise<TagOrStatusItem[]>;
+    createItem: (name: string) => Promise<TagOrStatusItem>;
+    selectedIds?: string[];
+    selecting: EventEmitter<TagOrStatusItem>;
+    create: EventEmitter<TagOrStatusItem>;
+    allItems: TagOrStatusItem[];
+    inputValue: string;
+    showDropdown: boolean;
+    loading: boolean;
+    componentWillLoad(): Promise<void>;
+    onInput: (e: InputEvent) => void;
+    onSelectItem: (item: TagOrStatusItem) => void;
+    onCreateItem(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/channel-box/channel-box.d.ts

@@ -0,0 +1,11 @@
+export declare class ChannelBox {
+    nextKey?: string;
+    hasMore: boolean;
+    pageLimit: number;
+    private containerRef;
+    private handleGetChat;
+    componentWillLoad(): Promise<void>;
+    private loadChats;
+    private handleScroll;
+    render(): any;
+}

package/dist/types/components/chat-app/chat-app.d.ts

@@ -0,0 +1,25 @@
+export declare class ChatApp {
+    languagePref: 'th' | 'en';
+    themeMode: 'dark' | 'light';
+    businessId: string;
+    shopId: string;
+    accessToken: string;
+    isProduction: boolean;
+    configState: import("@stencil/store").ObservableMap<ConfigStore>;
+    private setLanguage;
+    private setTheme;
+    private setBusinessId;
+    private setShopId;
+    private setAccessToken;
+    private setIsProduction;
+    handleLanguageChange(newLang: 'th' | 'en'): void;
+    handleThemeChange(newTheme: 'dark' | 'light'): void;
+    handleBusinessIdChangeChange(newBusinessId: string): void;
+    handleShopIdChangeChange(newShopId: string): void;
+    handleAccessTokenChangeChange(newAccessToken: string): void;
+    handleIsProductionChangeChange(newIsProduction: boolean): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,3 @@
+export declare class ChatHeader {
+    render(): any;
+}

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

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class ChatInput {
+    value: string;
+    send: EventEmitter<string>;
+    private inputEl?;
+    onFocusRequested(): void;
+    handleInput: (e: Event) => void;
+    render(): any;
+}

package/dist/types/components/dialog-editor/dialog-editor.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DialogEditor {
+    dialogType?: 'input' | 'textarea';
+    label: string;
+    field: string;
+    value?: string;
+    data: string;
+    error: string | null;
+    cancel: EventEmitter<void>;
+    save: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
+    handleCancel: () => void;
+    handleChange: (val: string) => void;
+    handleSubmit: () => void;
+    render(): any;
+}

package/dist/types/components/dialog-preview-media/dialog-preview-media.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DialogPreviewMedia {
+    dialogType?: MessageAttachmentType;
+    url: string;
+    close: EventEmitter<void>;
+    handleClose: () => void;
+    render(): any;
+}

package/dist/types/components/dialog-search/dialog-search.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DialogSearch {
+    dialogType: 'create' | 'search';
+    data: {
+        name: string;
+        channel: string;
+        keyword: string;
+        status: string;
+        tag: string;
+        pinned: string;
+        latestReply: string;
+    };
+    cancel: EventEmitter<void>;
+    handleCancel: () => void;
+    handleChange: (field: keyof typeof this.data, value: string) => void;
+    handleSubmit: () => void;
+    render(): any;
+}

package/dist/types/components/internal-component/chat-item.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface ChatItemProps {
+    item: ChatItem;
+}
+export declare const ChatItem: FunctionalComponent<ChatItemProps>;
+export {};

package/dist/types/components/internal-component/icon.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface IconProps {
+    name: string;
+    addClass?: string;
+}
+export declare const Icon: FunctionalComponent<IconProps>;
+export {};

package/dist/types/components/internal-component/tag-or-status-item.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface TagOrStatusItemProps {
+    item: TagOrStatusItem;
+    onDelete?: () => void;
+}
+export declare const TagOrStatusItem: FunctionalComponent<TagOrStatusItemProps>;
+export {};

package/dist/types/components/internal-component/z-button.d.ts

@@ -0,0 +1,15 @@
+import { FunctionalComponent, JSX } from '../../stencil-public-runtime';
+interface ZButtonProps {
+    id?: string;
+    variant?: 'primary' | 'outlined' | 'text';
+    disabled?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    fullWidth?: boolean;
+    label?: JSX.Element;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    size?: 'small' | 'medium' | 'large';
+    ref?: (elm?: HTMLButtonElement) => void;
+}
+export declare const ZButton: FunctionalComponent<ZButtonProps>;
+export {};

package/dist/types/components/internal-component/z-icon-button.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface ZIconButtonProps {
+    variant?: 'primary' | 'outlined' | 'text' | 'none';
+    disabled?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    iconName?: string;
+    noPadding?: boolean;
+    noPaddingY?: boolean;
+    addClassIcon?: string;
+    ref?: (elm?: HTMLButtonElement) => void;
+}
+export declare const ZIconButton: FunctionalComponent<ZIconButtonProps>;
+export {};

package/dist/types/components/internal-component/z-input-area.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface ZInputAreaProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    rows?: number;
+    error?: string;
+}
+export declare const ZInputArea: FunctionalComponent<ZInputAreaProps>;
+export {};

package/dist/types/components/internal-component/z-input.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface ZInputProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    type?: string;
+    error?: string;
+}
+export declare const ZInput: FunctionalComponent<ZInputProps>;
+export {};

package/dist/types/components/internal-component/z-select-input.d.ts

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface ZSelectInputProps {
+    label: string;
+    placeholder?: string;
+    value?: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onChange?: (value: string) => void;
+}
+export declare const ZSelectInput: FunctionalComponent<ZSelectInputProps>;
+export {};

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MenuList {
+    menuItems: MenuListItem[];
+    position: 'left' | 'right';
+    referenceSelector: string;
+    isOpen: boolean;
+    menuItemClick: EventEmitter<string>;
+    private triggerEl;
+    private popperEl;
+    private cleanup?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    handleItemClick(item: string): void;
+    toggleMenu(): Promise<void>;
+    render(): any;
+}

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MessageBox {
+    private disposeListener;
+    focusRequested: EventEmitter;
+    prevKey?: string;
+    nextKey?: string;
+    isLoading: boolean;
+    hasMore: boolean;
+    pageLimit: number;
+    private scrollContainer?;
+    private prevSelectedChat;
+    componentDidLoad(): void;
+    private scrollToBottom;
+    componentWillLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    private loadMessages;
+    private handleScroll;
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+export declare class MessageContent {
+    item: ChatMessageItem;
+    isReply?: boolean;
+    showDialog: boolean;
+    private handleOpenDialog;
+    private handleCloseDialog;
+    render(): any;
+}

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

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MessageItem {
+    item?: ChatMessageItem;
+    replyMessage?: ChatMessageItem;
+    focusRequested: EventEmitter;
+    componentWillLoad(): Promise<void>;
+    private loadReplyChat;
+    render(): any;
+}

package/dist/types/components/profile-history/profile-history.d.ts

@@ -0,0 +1,3 @@
+export declare class ProfileHistory {
+    render(): any;
+}

package/dist/types/components/profile-info/profile-info.d.ts

@@ -0,0 +1,29 @@
+export declare class ProfileInfo {
+    private disposeListener;
+    isLoading: boolean;
+    isEditStatus: boolean;
+    statusId?: string;
+    isEditTag: boolean;
+    isAddTag: boolean;
+    tagItems: {
+        item: TagOrStatusItem;
+        isAdd?: boolean;
+        isDelete?: boolean;
+    }[];
+    showDialog: {
+        open: boolean;
+        type?: 'input' | 'textarea';
+        label?: string;
+        field?: string;
+        value?: string;
+    };
+    defaultColor: string;
+    componentWillLoad(): Promise<void>;
+    private loadUser;
+    private loadUserStatuses;
+    private createNewUserStatus;
+    private loadUserTags;
+    private createNewUserTag;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/profile-media/profile-media.d.ts

@@ -0,0 +1,3 @@
+export declare class ProfileMedia {
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+export declare class ProfileTabs {
+    active: number;
+    tabs: {
+        label: string;
+        value: string;
+    }[];
+    render(): any;
+}

package/dist/types/components/search-box/search-box.d.ts

@@ -0,0 +1,10 @@
+export declare class SearchBox {
+    showDialog: {
+        open: boolean;
+        type?: string;
+    };
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class TagPopper {
+    tags: TagOrStatusItem[];
+    referenceSelector: string;
+    isOpen: boolean;
+    private triggerEl;
+    private popperEl;
+    private cleanup?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    togglePopper(): Promise<void>;
+    render(): any;
+}