globuswebcomponents 0.9.4 → 0.9.6

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

@@ -4,6 +4,11 @@ export declare class GbSlider {
     min: number;
     max: number;
     thumbType: 'text' | 'tooltip';
+    leftControl: number;
+    rightControl: number;
+    label: 'false' | 'bottom' | 'top_floating';
+    unit: string;
+    unitPosition: 'left' | 'right';
     leftValue: number;
     rightValue: number;
     thumbValueChanged: EventEmitter<{
@@ -14,12 +19,12 @@ export declare class GbSlider {
     private containerEl;
     private isDragging;
     private activeThumb;
-    private snapPoints;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     handleMouseDown: (_e: MouseEvent, thumb: "left" | "right") => void;
     handleMouseMove: (e: MouseEvent) => void;
     handleMouseUp: () => void;
-    findNearestSnapPoint(value: number): number;
     updateTrack(): void;
+    formatValue(value: number): string;
     render(): any;
 }

package/dist/types/components/gb-slider-control-handle/gb-slider-control-handle.d.ts

@@ -1,6 +1,6 @@
 export declare class GbSliderControlHandle {
-    value: number;
-    type?: 'text' | 'tooltip';
+    value: string;
+    type?: 'text' | 'tooltip' | '';
     isHovered: boolean;
     isFocused: boolean;
     handleMouseEnter(): void;

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-export { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+import { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbAvatar {
         "color": AvatarColorTypes;
@@ -174,20 +174,28 @@ export namespace Components {
         "state": 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
+        "fileStyle": FileIconStyles;
+        "fileType": FileIconTypes;
     }
     interface GbFileUpload {
         "destructive": boolean;
+        "fileType": FileIconTypes[];
         "heightSize": GeneralSizes;
         "icon": FileUploadIconType;
+        "progress": number;
         "showLabel": boolean;
         "state": FileUploadStates;
         "type": 'single' | 'multiple';
     }
     interface GbFileUploadItemBase {
         "buttonState": StateEnum;
-        "fileType": 'pdf' | 'png' | 'jpg' | 'doc' | 'mp4';
+        "fileName": string;
+        "fileSize": number;
+        "fileType": FileIconTypes;
         "heightSize": GeneralSizes;
         "icon": FileUploadIconType;
+        "progress": number;
+        "size": number;
         "state": FileUploadStates;
     }
     interface GbHeader {
@@ -258,6 +266,7 @@ export namespace Components {
         "supportingText": boolean;
         "text": boolean;
         "type": DropdownTypes;
+        "value": DropdownItemTypes[];
     }
     interface GbInputDropdownMenuItem {
         "color": AvatarColorTypes;
@@ -282,6 +291,7 @@ export namespace Components {
         "placeholder": string;
         "results": any[];
         "showCloseButton"?: boolean;
+        "showCountryIcon": boolean;
         "showHelpIcon": boolean;
         "showHintText": boolean;
         "showLabel": boolean;
@@ -321,13 +331,20 @@ export namespace Components {
     interface GbPaginationButtonGroupBase {
         "icon": 'false' | 'only' | 'trailing' | 'leading';
         "iconLeading": string;
+        "iconSrc": string;
         "iconTrailing": string;
         "state": 'default' | 'active';
     }
+    interface GbPaginationDotGroup {
+        "color": 'gray_light_bg';
+        "framed": boolean;
+        "size": GeneralSizes;
+        "type": PaginationDotTypes;
+    }
     interface GbPaginationDotIndicator {
         "current": boolean;
         "size": GeneralSizes;
-        "type": 'dot' | 'line';
+        "type": PaginationDotTypes;
     }
     interface GbPaginationNumberBase {
         "shape": PaginationNumberShapes;
@@ -337,7 +354,6 @@ export namespace Components {
         "state": 'default' | 'disabled';
     }
     interface GbProgressBar {
-        "el": HTMLElement;
         "labelPosition": 'right' | 'bottom' | 'top_floating' | 'bottom_floating';
         "progress": number;
         "showLabel": boolean;
@@ -402,13 +418,18 @@ export namespace Components {
         "thirdItemLabel": string;
     }
     interface GbSlider {
+        "label": 'false' | 'bottom' | 'top_floating';
+        "leftControl": number;
         "max": number;
         "min": number;
+        "rightControl": number;
         "thumbType": 'text' | 'tooltip';
+        "unit": string;
+        "unitPosition": 'left' | 'right';
     }
     interface GbSliderControlHandle {
-        "type"?: 'text' | 'tooltip';
-        "value": number;
+        "type"?: 'text' | 'tooltip' | '';
+        "value": string;
     }
     interface GbStatusIndicator {
         "indicatorStateClass": string;
@@ -544,6 +565,14 @@ export interface GbExportDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbExportDropdownElement;
 }
+export interface GbFileUploadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbFileUploadElement;
+}
+export interface GbFileUploadItemBaseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbFileUploadItemBaseElement;
+}
 export interface GbHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbHeaderElement;
@@ -781,13 +810,36 @@ declare global {
         prototype: HTMLGbFileTypeIconElement;
         new (): HTMLGbFileTypeIconElement;
     };
+    interface HTMLGbFileUploadElementEventMap {
+        "uploadStateChange": any;
+    }
     interface HTMLGbFileUploadElement extends Components.GbFileUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbFileUploadElementEventMap>(type: K, listener: (this: HTMLGbFileUploadElement, ev: GbFileUploadCustomEvent<HTMLGbFileUploadElementEventMap[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 HTMLGbFileUploadElementEventMap>(type: K, listener: (this: HTMLGbFileUploadElement, ev: GbFileUploadCustomEvent<HTMLGbFileUploadElementEventMap[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 HTMLGbFileUploadElement: {
         prototype: HTMLGbFileUploadElement;
         new (): HTMLGbFileUploadElement;
     };
+    interface HTMLGbFileUploadItemBaseElementEventMap {
+        "cancelUpload": void;
+        "deleteFileUpload": void;
+    }
     interface HTMLGbFileUploadItemBaseElement extends Components.GbFileUploadItemBase, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbFileUploadItemBaseElementEventMap>(type: K, listener: (this: HTMLGbFileUploadItemBaseElement, ev: GbFileUploadItemBaseCustomEvent<HTMLGbFileUploadItemBaseElementEventMap[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 HTMLGbFileUploadItemBaseElementEventMap>(type: K, listener: (this: HTMLGbFileUploadItemBaseElement, ev: GbFileUploadItemBaseCustomEvent<HTMLGbFileUploadItemBaseElementEventMap[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 HTMLGbFileUploadItemBaseElement: {
         prototype: HTMLGbFileUploadItemBaseElement;
@@ -937,6 +989,12 @@ declare global {
         prototype: HTMLGbPaginationButtonGroupBaseElement;
         new (): HTMLGbPaginationButtonGroupBaseElement;
     };
+    interface HTMLGbPaginationDotGroupElement extends Components.GbPaginationDotGroup, HTMLStencilElement {
+    }
+    var HTMLGbPaginationDotGroupElement: {
+        prototype: HTMLGbPaginationDotGroupElement;
+        new (): HTMLGbPaginationDotGroupElement;
+    };
     interface HTMLGbPaginationDotIndicatorElement extends Components.GbPaginationDotIndicator, HTMLStencilElement {
     }
     var HTMLGbPaginationDotIndicatorElement: {
@@ -1218,6 +1276,7 @@ declare global {
         "gb-notification-pane": HTMLGbNotificationPaneElement;
         "gb-pagination": HTMLGbPaginationElement;
         "gb-pagination-button-group-base": HTMLGbPaginationButtonGroupBaseElement;
+        "gb-pagination-dot-group": HTMLGbPaginationDotGroupElement;
         "gb-pagination-dot-indicator": HTMLGbPaginationDotIndicatorElement;
         "gb-pagination-number-base": HTMLGbPaginationNumberBaseElement;
         "gb-password-button": HTMLGbPasswordButtonElement;
@@ -1418,20 +1477,31 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
+        "fileStyle"?: FileIconStyles;
+        "fileType"?: FileIconTypes;
     }
     interface GbFileUpload {
         "destructive"?: boolean;
+        "fileType"?: FileIconTypes[];
         "heightSize"?: GeneralSizes;
         "icon"?: FileUploadIconType;
+        "onUploadStateChange"?: (event: GbFileUploadCustomEvent<any>) => void;
+        "progress"?: number;
         "showLabel"?: boolean;
         "state"?: FileUploadStates;
         "type"?: 'single' | 'multiple';
     }
     interface GbFileUploadItemBase {
         "buttonState"?: StateEnum;
-        "fileType"?: 'pdf' | 'png' | 'jpg' | 'doc' | 'mp4';
+        "fileName"?: string;
+        "fileSize"?: number;
+        "fileType"?: FileIconTypes;
         "heightSize"?: GeneralSizes;
         "icon"?: FileUploadIconType;
+        "onCancelUpload"?: (event: GbFileUploadItemBaseCustomEvent<void>) => void;
+        "onDeleteFileUpload"?: (event: GbFileUploadItemBaseCustomEvent<void>) => void;
+        "progress"?: number;
+        "size"?: number;
         "state"?: FileUploadStates;
     }
     interface GbHeader {
@@ -1504,6 +1574,7 @@ declare namespace LocalJSX {
         "supportingText"?: boolean;
         "text"?: boolean;
         "type"?: DropdownTypes;
+        "value"?: DropdownItemTypes[];
     }
     interface GbInputDropdownMenuItem {
         "color"?: AvatarColorTypes;
@@ -1529,6 +1600,7 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "results"?: any[];
         "showCloseButton"?: boolean;
+        "showCountryIcon"?: boolean;
         "showHelpIcon"?: boolean;
         "showHintText"?: boolean;
         "showLabel"?: boolean;
@@ -1568,13 +1640,20 @@ declare namespace LocalJSX {
     interface GbPaginationButtonGroupBase {
         "icon"?: 'false' | 'only' | 'trailing' | 'leading';
         "iconLeading"?: string;
+        "iconSrc"?: string;
         "iconTrailing"?: string;
         "state"?: 'default' | 'active';
     }
+    interface GbPaginationDotGroup {
+        "color"?: 'gray_light_bg';
+        "framed"?: boolean;
+        "size"?: GeneralSizes;
+        "type"?: PaginationDotTypes;
+    }
     interface GbPaginationDotIndicator {
         "current"?: boolean;
         "size"?: GeneralSizes;
-        "type"?: 'dot' | 'line';
+        "type"?: PaginationDotTypes;
     }
     interface GbPaginationNumberBase {
         "shape"?: PaginationNumberShapes;
@@ -1584,7 +1663,6 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'disabled';
     }
     interface GbProgressBar {
-        "el"?: HTMLElement;
         "labelPosition"?: 'right' | 'bottom' | 'top_floating' | 'bottom_floating';
         "progress"?: number;
         "showLabel"?: boolean;
@@ -1651,14 +1729,19 @@ declare namespace LocalJSX {
         "thirdItemLabel"?: string;
     }
     interface GbSlider {
+        "label"?: 'false' | 'bottom' | 'top_floating';
+        "leftControl"?: number;
         "max"?: number;
         "min"?: number;
         "onThumbValueChanged"?: (event: GbSliderCustomEvent<{ left: number; right: number }>) => void;
+        "rightControl"?: number;
         "thumbType"?: 'text' | 'tooltip';
+        "unit"?: string;
+        "unitPosition"?: 'left' | 'right';
     }
     interface GbSliderControlHandle {
-        "type"?: 'text' | 'tooltip';
-        "value"?: number;
+        "type"?: 'text' | 'tooltip' | '';
+        "value"?: string;
     }
     interface GbStatusIndicator {
         "indicatorStateClass"?: string;
@@ -1819,6 +1902,7 @@ declare namespace LocalJSX {
         "gb-notification-pane": GbNotificationPane;
         "gb-pagination": GbPagination;
         "gb-pagination-button-group-base": GbPaginationButtonGroupBase;
+        "gb-pagination-dot-group": GbPaginationDotGroup;
         "gb-pagination-dot-indicator": GbPaginationDotIndicator;
         "gb-pagination-number-base": GbPaginationNumberBase;
         "gb-password-button": GbPasswordButton;
@@ -1893,6 +1977,7 @@ declare module "@stencil/core" {
             "gb-notification-pane": LocalJSX.GbNotificationPane & JSXBase.HTMLAttributes<HTMLGbNotificationPaneElement>;
             "gb-pagination": LocalJSX.GbPagination & JSXBase.HTMLAttributes<HTMLGbPaginationElement>;
             "gb-pagination-button-group-base": LocalJSX.GbPaginationButtonGroupBase & JSXBase.HTMLAttributes<HTMLGbPaginationButtonGroupBaseElement>;
+            "gb-pagination-dot-group": LocalJSX.GbPaginationDotGroup & JSXBase.HTMLAttributes<HTMLGbPaginationDotGroupElement>;
             "gb-pagination-dot-indicator": LocalJSX.GbPaginationDotIndicator & JSXBase.HTMLAttributes<HTMLGbPaginationDotIndicatorElement>;
             "gb-pagination-number-base": LocalJSX.GbPaginationNumberBase & JSXBase.HTMLAttributes<HTMLGbPaginationNumberBaseElement>;
             "gb-password-button": LocalJSX.GbPasswordButton & JSXBase.HTMLAttributes<HTMLGbPasswordButtonElement>;

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

@@ -17,7 +17,7 @@ export declare enum OnlineIndicatorStates {
     Offline = "offline"
 }
 export type BreakPoints = 'desktop' | 'mobile';
-export type FileUploadIconType = 'icon' | 'outline';
+export type FileUploadIconType = 'solid' | 'outline';
 export type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';
 export type FileType = '';
 export type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';
@@ -33,3 +33,6 @@ export type DropdownItemTypes = string | number | {
     username: string;
     selected?: boolean;
 };
+export type PaginationDotTypes = 'dot' | 'line';
+export type FileIconStyles = 'default' | 'gray' | 'solid';
+export type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';

package/package.json

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