globuswebcomponents 0.3.5 → 0.3.7

package/dist/globuscomponents/readme.md

@@ -16,7 +16,7 @@
 | `iconLeadingSwap`  | `icon-leading-swap`  |             | `string`                                                                                                                   | `undefined` |
 | `iconTrailing`     | `icon-trailing`      |             | `boolean`                                                                                                                  | `false`     |
 | `iconTrailingSwap` | `icon-trailing-swap` |             | `string`                                                                                                                   | `undefined` |
-| `size`             | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs"`          | `undefined` |
+| `size`             | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs" \| "xxs"` | `undefined` |
 | `state`            | `state`              |             | `"default" \| "disabled" \| "hover" \| "pressed"`                                                                          | `undefined` |
 
 
@@ -25,14 +25,12 @@
 ### Used by
 
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
- - [gb-notification-panel](../gb-notification-panel)
  - [gb-pagination](../gb-pagination)
 
 ### Graph
 ```mermaid
 graph TD;
   gb-file-upload-item-base --> gb-button
-  gb-notification-panel --> gb-button
   gb-pagination --> gb-button
   style gb-button fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/types/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.d.ts

@@ -1,4 +1,4 @@
-export declare class GbWysiwygEditor {
+export declare class GbWYSIWYGEditor {
     private handleCommand;
     render(): any;
 }

package/dist/types/components/gb-avatar/gb-avatar.d.ts

@@ -8,8 +8,8 @@ export declare class GbAvatar {
     icon: 'user';
     el: HTMLElement;
     weight: BorderWeights;
-    getInitialsSize(): "display-xs-semi-bold" | "text-xl-semi-bold" | "text-lg-semi-bold" | "text-md-semi-bold" | "text-sm-semi-bold" | "text-xs-semi-bold";
-    setWeight(): BorderWeights.Light | BorderWeights.Regular;
+    getInitialsSize(): "display-xs-semi-bold" | "text-xl-semi-bold" | "text-lg-semi-bold" | "text-md-semi-bold" | "text-sm-semi-bold" | "text-xs-semi-bold" | "text-xxs-semi-bold";
+    setWeight(): BorderWeights.VeryLight | BorderWeights.Light | BorderWeights.Regular;
     componentDidLoad(): void;
     render(): any[];
 }

package/dist/types/components/gb-avatar-dropdown/gb-avatar-dropdown.d.ts

@@ -4,8 +4,8 @@ export declare class GbAvatarDropdown {
     showProfile: boolean;
     showDarkTheme: boolean;
     showLogOut: boolean;
-    listGroup1: boolean;
-    listGroup2: boolean;
-    listGroup3: boolean;
+    listGroupOne: boolean;
+    listGroupTwo: boolean;
+    listGroupThree: boolean;
     render(): any;
 }

package/dist/types/components/gb-badges/gb-badges.d.ts

@@ -2,11 +2,19 @@ import { GeneralColors, GeneralSizes } from '../../models/reusableModels';
 export declare class GbBadges {
     size: GeneralSizes;
     icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-    iconLeadingSrc?: string;
-    iconTrailingSrc?: string;
+    iconLeadingSwap?: string;
+    iconTrailingSwap?: string;
+    flagSwap: string;
     color: GeneralColors;
     type: 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     closeButton?: boolean;
+    leadingIconContent: string;
+    trailingIconContent: string;
+    el: HTMLElement;
     private getDotColor;
+    componentWillLoad(): Promise<void>;
+    private fetchSvgContent;
+    getTextClass(): "text-xs-medium" | "text-sm-medium";
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/gb-button-close/gb-button-close.d.ts

@@ -1,6 +1,6 @@
-import { GeneralSizes } from '../../models/reusableModels';
+import { GeneralColors, GeneralSizes } from '../../models/reusableModels';
 export declare class GbButtonClose {
     size: GeneralSizes;
-    color: 'primary' | 'information' | 'success' | 'gray' | 'warning' | 'error';
+    color: GeneralColors;
     render(): any;
 }

package/dist/types/components/gb-checkbox-group-item/gb-checkbox-group-item.d.ts

@@ -0,0 +1,19 @@
+import { GeneralSizes, StateEnum, BreakPoints } from '../../models/reusableModels';
+export declare class GbCheckboxGroupItem {
+    size: GeneralSizes;
+    type: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
+    state: StateEnum;
+    breakpoint: BreakPoints;
+    showCost: boolean;
+    el: HTMLElement;
+    selected: boolean;
+    private getLabelSizeClass;
+    private getCostSizeClass;
+    private getLabelColorClasses;
+    private getCostColorClasses;
+    componentDidUpdate(): void;
+    componentDidLoad(): void;
+    private renderIcon;
+    private toggleSelection;
+    render(): any[];
+}

package/dist/types/components/gb-collapse-button/gb-collapse-button.d.ts

@@ -1,7 +1,7 @@
 export declare class GbCollapseButton {
     color: 'gray' | 'white';
     isCollapsed: boolean;
-    currentIconDirection: string;
+    action: string;
     isHovered: boolean;
     toggleIcon(): void;
     collapseSidebar(): Promise<void>;

package/dist/types/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.d.ts

@@ -1,4 +1,3 @@
-import { CheckBoxStates, StateEnum } from '../../models/reusableModels';
 export declare class GbDropdownShortcut {
     icon: boolean;
     iconSrc: string;
@@ -6,7 +5,6 @@ export declare class GbDropdownShortcut {
     shortcut: boolean;
     shortcutIcon: string;
     label: string;
-    checkboxStates: CheckBoxStates;
-    state: StateEnum;
+    state: 'default' | 'disabled';
     render(): any;
 }

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

@@ -0,0 +1,10 @@
+import { StateEnum } from "../../models/reusableModels";
+export declare class GbHeader {
+    state: StateEnum;
+    showIndicator: boolean;
+    text: boolean;
+    placeholder: boolean;
+    el: HTMLElement;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-header-icon/gb-header-icon.d.ts

@@ -2,5 +2,6 @@ import { StateEnum } from '../../models/reusableModels';
 export declare class GbHeaderIcon {
     state: StateEnum;
     showIndicator: boolean;
+    icon: string;
     render(): any[];
 }

package/dist/types/components/gb-horizontal-tabs/gb-horizontal-tabs.d.ts

@@ -0,0 +1,29 @@
+import { BreakPoints, GeneralSizes, TabTypes } from "../../models/reusableModels";
+export declare class GbHorizontalTabs {
+    type: TabTypes;
+    size: GeneralSizes;
+    fullWidth: boolean;
+    breakpoint: BreakPoints;
+    thirdTab: boolean;
+    fourthTab: boolean;
+    fifthTab: boolean;
+    sixthTab: boolean;
+    seventhTab: boolean;
+    eighthTab: boolean;
+    ninthTab: boolean;
+    tenthTab: boolean;
+    firstTabName: string;
+    secondTabName: string;
+    thirdTabName: string;
+    fourthTabName: string;
+    fifthTabName: string;
+    sixthTabName: string;
+    seventhTabName: string;
+    eighthTabName: string;
+    ninthTabName: string;
+    tenthTabName: string;
+    activeIndex: number;
+    handleTabClick(index: number): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-input-dropdown/gb-input-dropdown.d.ts

@@ -11,6 +11,9 @@ export declare class GbInputDropdown {
     hintText: string;
     showHelpIcon: boolean;
     iconSwap: string;
+    text: boolean;
+    el: HTMLElement;
     getAvatarSize(): string;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/gb-input-dropdown-menu/{input-dropdown-menu.d.ts → gb-input-dropdown-menu.d.ts}

@@ -1,9 +1,7 @@
-import { CheckBoxStates } from '../../models/reusableModels';
 export declare class GbInputDropdownMenuItem {
     type: 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox';
     supportingText: boolean;
     selected: boolean;
     state: 'default' | 'disabled';
-    checkboxStates: CheckBoxStates;
     render(): any;
 }

package/dist/types/components/gb-pagination/gb-pagination.d.ts

@@ -3,7 +3,7 @@ export declare class GbPagination {
     type: PaginationTypes;
     shape: PaginationNumberShapes;
     breakpoint: BreakPoints;
-    currentPage: string;
-    totalPages: string;
+    currentPage: number;
+    totalPages: number;
     render(): any;
 }

package/dist/types/components/gb-pagination-button-group-base/gb-pagination-button-group-base.d.ts

@@ -0,0 +1,8 @@
+export declare class GbPaginationButtonGroupBase {
+    icon: 'false' | 'only' | 'trailing' | 'leading';
+    iconLeading: string;
+    iconTrailing: string;
+    el: HTMLElement;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.d.ts

@@ -0,0 +1,7 @@
+import { GeneralSizes } from "../../models/reusableModels";
+export declare class GbPaginationDotIndicator {
+    current: boolean;
+    type: 'dot' | 'line';
+    size: GeneralSizes;
+    render(): any;
+}

package/dist/types/components/gb-pagination-number-base/gb-pagination-number-base.d.ts

@@ -1,5 +1,7 @@
 import { PaginationNumberShapes } from "../../models/reusableModels";
 export declare class GbPaginationNumberBase {
     shape: PaginationNumberShapes;
+    el: HTMLElement;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/gb-side-bar-item/gb-side-bar-item.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { GeneralBackgroundCategories } from "../../models/reusableModels";
+export declare class GbSideBarItem {
+    state: 'default' | 'active';
+    type: 'full_with_label' | 'icon_only';
+    label: string;
+    icon: string;
+    category: GeneralBackgroundCategories;
+    showArrow: boolean;
+    showBadge: boolean;
+    showTooltip: boolean;
+    leadingIconSvg: string;
+    textState: any;
+    sideBarItemClicked: EventEmitter<void>;
+    el: HTMLElement;
+    loadIcon(iconName: string): Promise<void>;
+    componentWillLoad(): void;
+    onSideBarItemClicked(): void;
+    getLabel(): string;
+    render(): any;
+}

package/dist/types/components/gb-sidebar/gb-sidebar.d.ts

@@ -0,0 +1,39 @@
+import { GeneralBackgroundCategories } from "../../models/reusableModels";
+export declare class GbSidebar {
+    state: 'expanded' | 'collapsed';
+    category: GeneralBackgroundCategories;
+    showSecondCategory: boolean;
+    applicationName: string;
+    firstItemIcon: string;
+    secondItemIcon: string;
+    thirdItemIcon: string;
+    fourthItemIcon: string;
+    fifthItemIcon: string;
+    sixthItemIcon: string;
+    seventhItemIcon: string;
+    eighthItemIcon: string;
+    ninthItemIcon: string;
+    tenthItemIcon: string;
+    iconInstance: string;
+    label: string;
+    firstItemLabel: string;
+    secondItemLabel: string;
+    thirdItemLabel: string;
+    fourthItemLabel: string;
+    fifthItemLabel: string;
+    sixthItemLabel: string;
+    seventhItemLabel: string;
+    eighthItemLabel: string;
+    ninthItemLabel: string;
+    tenthItemLabel: string;
+    el: HTMLElement;
+    activeIndex: number;
+    leadingIconSvg: string;
+    loadIcon(iconName: string): Promise<void>;
+    collapseSideBar(): void;
+    expandSideBar(): void;
+    sideBarItemClicked(index: number): Promise<void>;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-tab-button-base/gb-tab-button-base.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { GeneralSizes, TabTypes } from "../../models/reusableModels";
+export declare class GbTabButtonBase {
+    current: boolean;
+    size: GeneralSizes;
+    fullWidth: boolean;
+    badge: boolean;
+    type: TabTypes;
+    tabName: string;
+    el: HTMLElement;
+    tabClicked: EventEmitter<void>;
+    getTextClasses(): "text-sm-medium" | "text-md-medium";
+    getCurrentTextClasses(): "text-md-semi-bold" | "text-sm-semi-bold";
+    getCountTextClasses(): "text-xs-medium" | "text-sm-medium";
+    componentDidLoad(): void;
+    handleClick(): void;
+    render(): any;
+}

package/dist/types/components/gb-tagcount/{gb-tagcount.d.ts → gb-tag-count.d.ts}

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

package/dist/types/components/gb-tags/gb-tags.d.ts

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

package/dist/types/components/gb-toast/gb-toast.d.ts

@@ -0,0 +1,14 @@
+import { BreakPoints, GeneralColors } from "../../models/reusableModels";
+export declare class GbToast {
+    color: GeneralColors;
+    size: 'floating' | 'full_width';
+    breakpoint: BreakPoints;
+    xCloseButton: boolean;
+    actions: boolean;
+    showSupportingText: boolean;
+    el: HTMLElement;
+    getMainColorClasses(): "main_text_default" | "main_text_gray" | "main_text_information" | "main_text_error" | "main_text_warning" | "main_text_success";
+    getSupportingColorClasses(): "supporting_text_default" | "supporting_text_gray" | "supporting_text_information" | "supporting_text_error" | "supporting_text_warning" | "supporting_text_success";
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-toast-button/gb-toast-button.d.ts

@@ -0,0 +1,8 @@
+import { GeneralColors, StateEnum } from "../../models/reusableModels";
+export declare class GbToastButton {
+    state: StateEnum;
+    color: GeneralColors;
+    el: HTMLElement;
+    componentDidLoad(): void;
+    render(): any;
+}