globuswebcomponents 0.4.1 → 0.4.3

package/dist/types/components.d.ts

@@ -5,10 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-import { StateEnum as StateEnum1 } from "./components";
-export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-export { StateEnum as StateEnum1 } from "./components";
+import { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbAvatar {
         "icon": 'user';
@@ -84,7 +82,7 @@ export namespace Components {
         "iconTrailing": boolean;
         "iconTrailingSwap": string;
         "size": GeneralSizes;
-        "state": 'default' | 'hover' | 'disabled' | 'pressed';
+        "state": 'default' | 'disabled';
     }
     interface GbButton {
         "destructive": boolean;
@@ -95,7 +93,7 @@ export namespace Components {
         "iconTrailing": boolean;
         "iconTrailingSwap": string;
         "size": GeneralSizes;
-        "state": 'default' | 'hover' | 'disabled' | 'pressed';
+        "state": 'default' | 'disabled';
     }
     interface GbButtonClose {
         "color": GeneralColors;
@@ -171,6 +169,7 @@ export namespace Components {
         "state": FileUploadStates;
     }
     interface GbHeader {
+        "onNavBarItemClicked": (index: number) => Promise<void>;
         "placeholder": boolean;
         "showIndicator": boolean;
         "state": StateEnum;
@@ -242,7 +241,7 @@ export namespace Components {
         "showValidation": boolean;
         "size": GeneralSizes;
         "state": 'placeholder' | 'filled' | 'active' | 'disabled';
-        "type": 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown' | 'leading_text'|'payment_input'| 'tags' | 'trailing_button' |'password' | 'password_icon_leading' | 'count';
+        "type": InputFieldTypes;
     }
     interface GbMegainputField {
         "size": GeneralSizes;
@@ -278,7 +277,7 @@ export namespace Components {
         "shape": PaginationNumberShapes;
     }
     interface GbPasswordButton {
-        "state": StateEnum1;
+        "state": 'default' | 'disabled';
     }
     interface GbProgressBar {
         "el": HTMLElement;
@@ -434,8 +433,8 @@ export namespace Components {
         "digits": 4 | 6 | 8;
         "hintText": string;
         "label": string;
-        "shoowLabel": boolean;
         "showHintText": boolean;
+        "showLabel": boolean;
         "size": GeneralSizes;
     }
     interface GbWysiwygEditorIcon {
@@ -461,10 +460,18 @@ export namespace Components {
         "breakpoint": 'default' | 'mobile';
     }
 }
+export interface GbHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbHeaderElement;
+}
 export interface GbHorizontalTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbHorizontalTabsElement;
 }
+export interface GbInputFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbInputFieldElement;
+}
 export interface GbSideBarItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbSideBarItemElement;
@@ -614,7 +621,18 @@ declare global {
         prototype: HTMLGbFileUploadItemBaseElement;
         new (): HTMLGbFileUploadItemBaseElement;
     };
+    interface HTMLGbHeaderElementEventMap {
+        "navBarItemClicked": number;
+    }
     interface HTMLGbHeaderElement extends Components.GbHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbHeaderElementEventMap>(type: K, listener: (this: HTMLGbHeaderElement, ev: GbHeaderCustomEvent<HTMLGbHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGbHeaderElementEventMap>(type: K, listener: (this: HTMLGbHeaderElement, ev: GbHeaderCustomEvent<HTMLGbHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGbHeaderElement: {
         prototype: HTMLGbHeaderElement;
@@ -661,7 +679,19 @@ declare global {
         prototype: HTMLGbInputDropdownMenuItemElement;
         new (): HTMLGbInputDropdownMenuItemElement;
     };
+    interface HTMLGbInputFieldElementEventMap {
+        "tagAdded": string;
+        "valueChanged": string;
+    }
     interface HTMLGbInputFieldElement extends Components.GbInputField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbInputFieldElementEventMap>(type: K, listener: (this: HTMLGbInputFieldElement, ev: GbInputFieldCustomEvent<HTMLGbInputFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGbInputFieldElementEventMap>(type: K, listener: (this: HTMLGbInputFieldElement, ev: GbInputFieldCustomEvent<HTMLGbInputFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGbInputFieldElement: {
         prototype: HTMLGbInputFieldElement;
@@ -1049,7 +1079,7 @@ declare namespace LocalJSX {
         "iconTrailing"?: boolean;
         "iconTrailingSwap"?: string;
         "size"?: GeneralSizes;
-        "state"?: 'default' | 'hover' | 'disabled' | 'pressed';
+        "state"?: 'default' | 'disabled';
     }
     interface GbButton {
         "destructive"?: boolean;
@@ -1060,7 +1090,7 @@ declare namespace LocalJSX {
         "iconTrailing"?: boolean;
         "iconTrailingSwap"?: string;
         "size"?: GeneralSizes;
-        "state"?: 'default' | 'hover' | 'disabled' | 'pressed';
+        "state"?: 'default' | 'disabled';
     }
     interface GbButtonClose {
         "color"?: GeneralColors;
@@ -1134,6 +1164,7 @@ declare namespace LocalJSX {
         "state"?: FileUploadStates;
     }
     interface GbHeader {
+        "onNavBarItemClicked"?: (event: GbHeaderCustomEvent<number>) => void;
         "placeholder"?: boolean;
         "showIndicator"?: boolean;
         "state"?: StateEnum;
@@ -1197,6 +1228,8 @@ declare namespace LocalJSX {
         "hintText"?: string;
         "iconSwap"?: string;
         "label"?: string;
+        "onTagAdded"?: (event: GbInputFieldCustomEvent<string>) => void;
+        "onValueChanged"?: (event: GbInputFieldCustomEvent<string>) => void;
         "placeholderText"?: string;
         "showCloseButton"?: boolean;
         "showHelpIcon"?: boolean;
@@ -1206,7 +1239,7 @@ declare namespace LocalJSX {
         "showValidation"?: boolean;
         "size"?: GeneralSizes;
         "state"?: 'placeholder' | 'filled' | 'active' | 'disabled';
-        "type"?: 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown' | 'leading_text'|'payment_input'| 'tags' | 'trailing_button' |'password' | 'password_icon_leading' | 'count';
+        "type"?: InputFieldTypes;
     }
     interface GbMegainputField {
         "size"?: GeneralSizes;
@@ -1242,7 +1275,7 @@ declare namespace LocalJSX {
         "shape"?: PaginationNumberShapes;
     }
     interface GbPasswordButton {
-        "state"?: StateEnum1;
+        "state"?: 'default' | 'disabled';
     }
     interface GbProgressBar {
         "el"?: HTMLElement;
@@ -1401,8 +1434,8 @@ declare namespace LocalJSX {
         "digits"?: 4 | 6 | 8;
         "hintText"?: string;
         "label"?: string;
-        "shoowLabel"?: boolean;
         "showHintText"?: boolean;
+        "showLabel"?: boolean;
         "size"?: GeneralSizes;
     }
     interface GbWysiwygEditorIcon {

package/dist/types/models/reusableModels.d.ts

@@ -22,6 +22,7 @@ export type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover'
 export type FileType = '';
 export type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';
 export type PaginationNumberShapes = 'square' | 'circle';
-export type PaginationTypes = 'page_default' | 'page_minimal_center_aligned' | 'card_default' | 'card_minimal_right_aligned' | 'card_minimal_left_aligned' | 'card_minimal_center_aligned' | 'card_button_group_right_aligned' | 'card_button_group_left_aligned' | 'card_button_group_center_aligned';
+export type PaginationTypes = 'page_default' | 'page_minimal_center_aligned' | 'card_default' | 'card_minimal_right_aligned' | 'card_minimal_left_aligned' | 'card_minimal_center_aligned' | 'card_button_group_ right_aligned' | 'card_button_group_left_aligned' | 'card_button_group_center_aligned';
 export type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';
 export type GeneralBackgroundCategories = 'plain_background' | 'colored_background';
+export type InputFieldTypes = 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown' | 'leading_text' | 'payment_input' | 'tags' | 'trailing_button' | 'password' | 'password_icon_leading' | 'count';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",