globuswebcomponents 0.3.6 → 0.3.8

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` |
 
 
@@ -24,16 +24,18 @@
 
 ### Used by
 
+ - [gb-checkbox-group-item](../gb-checkbox-group-item)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
- - [gb-notification-panel](../gb-notification-panel)
  - [gb-pagination](../gb-pagination)
+ - [gb-toast](../gb-toast)
 
 ### Graph
 ```mermaid
 graph TD;
+  gb-checkbox-group-item --> gb-button
   gb-file-upload-item-base --> gb-button
-  gb-notification-panel --> gb-button
   gb-pagination --> gb-button
+  gb-toast --> gb-button
   style gb-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

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

@@ -8,7 +8,7 @@ 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";
+    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-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-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

@@ -9,13 +9,21 @@ export declare class GbHorizontalTabs {
     fifthTab: boolean;
     sixthTab: boolean;
     seventhTab: boolean;
-    eigthTab: boolean;
+    eighthTab: boolean;
     ninthTab: boolean;
     tenthTab: boolean;
-    firstClicked: boolean;
-    secondClicked: boolean;
-    componentWillLoad(): void;
-    firstTabClicked(): void;
-    secondTabClicked(): void;
+    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-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-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,41 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+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;
+    sidebarItemClicked: EventEmitter<number>;
+    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

@@ -1,3 +1,4 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 import { GeneralSizes, TabTypes } from "../../models/reusableModels";
 export declare class GbTabButtonBase {
     current: boolean;
@@ -5,10 +6,13 @@ export declare class GbTabButtonBase {
     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-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;
+}