globuswebcomponents 0.9.5 → 0.9.7

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, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-export { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, 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 {
@@ -253,11 +261,13 @@ export namespace Components {
         "showHintText": boolean;
         "showLabel": boolean;
         "showLeadingIcon": boolean;
+        "showSearchInput": boolean;
         "size": GeneralSizes;
         "state": 'default' | 'focused' | 'disabled' | 'filled';
         "supportingText": boolean;
         "text": boolean;
         "type": DropdownTypes;
+        "value": DropdownItemTypes[];
     }
     interface GbInputDropdownMenuItem {
         "color": AvatarColorTypes;
@@ -282,6 +292,7 @@ export namespace Components {
         "placeholder": string;
         "results": any[];
         "showCloseButton"?: boolean;
+        "showCountryIcon": boolean;
         "showHelpIcon": boolean;
         "showHintText": boolean;
         "showLabel": boolean;
@@ -321,6 +332,7 @@ export namespace Components {
     interface GbPaginationButtonGroupBase {
         "icon": 'false' | 'only' | 'trailing' | 'leading';
         "iconLeading": string;
+        "iconSrc": string;
         "iconTrailing": string;
         "state": 'default' | 'active';
     }
@@ -343,7 +355,6 @@ export namespace Components {
         "state": 'default' | 'disabled';
     }
     interface GbProgressBar {
-        "el": HTMLElement;
         "labelPosition": 'right' | 'bottom' | 'top_floating' | 'bottom_floating';
         "progress": number;
         "showLabel": boolean;
@@ -408,13 +419,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;
@@ -550,6 +566,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;
@@ -787,13 +811,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;
@@ -1431,20 +1478,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 {
@@ -1512,11 +1570,13 @@ declare namespace LocalJSX {
         "showHintText"?: boolean;
         "showLabel"?: boolean;
         "showLeadingIcon"?: boolean;
+        "showSearchInput"?: boolean;
         "size"?: GeneralSizes;
         "state"?: 'default' | 'focused' | 'disabled' | 'filled';
         "supportingText"?: boolean;
         "text"?: boolean;
         "type"?: DropdownTypes;
+        "value"?: DropdownItemTypes[];
     }
     interface GbInputDropdownMenuItem {
         "color"?: AvatarColorTypes;
@@ -1532,16 +1592,17 @@ declare namespace LocalJSX {
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
-        "idOfInput": string;
+        "idOfInput"?: string;
         "isReadOnly"?: boolean;
         "label"?: string;
-        "labelText": string;
+        "labelText"?: string;
         "menuPosition"?: 'top' | 'bottom';
         "onInputValueChanged"?: (event: GbInputFieldCustomEvent<any>) => void;
         "options"?: string[];
         "placeholder"?: string;
         "results"?: any[];
         "showCloseButton"?: boolean;
+        "showCountryIcon"?: boolean;
         "showHelpIcon"?: boolean;
         "showHintText"?: boolean;
         "showLabel"?: boolean;
@@ -1581,6 +1642,7 @@ declare namespace LocalJSX {
     interface GbPaginationButtonGroupBase {
         "icon"?: 'false' | 'only' | 'trailing' | 'leading';
         "iconLeading"?: string;
+        "iconSrc"?: string;
         "iconTrailing"?: string;
         "state"?: 'default' | 'active';
     }
@@ -1603,7 +1665,6 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'disabled';
     }
     interface GbProgressBar {
-        "el"?: HTMLElement;
         "labelPosition"?: 'right' | 'bottom' | 'top_floating' | 'bottom_floating';
         "progress"?: number;
         "showLabel"?: boolean;
@@ -1670,14 +1731,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;

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';
@@ -34,3 +34,5 @@ export type DropdownItemTypes = string | number | {
     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.5",
+  "version": "0.9.7",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",