globuswebcomponents 2.8.2 → 2.8.3

package/dist/types/components/gb-date-picker/gb-date-picker.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import flatpickr from 'flatpickr';
 import 'flatpickr/dist/flatpickr.min.css';
 import { CloseButtonPositions } from '../../models/reusableModels';
 export declare class GbDatePicker {
@@ -16,13 +17,25 @@ export declare class GbDatePicker {
     enableTime: boolean;
     noCalendar: boolean;
     twentyfourHr: boolean;
+    showMonths: number;
     isCalendarShown: boolean;
+    breakpoint: 'mobile' | 'desktop';
+    width: number;
     dateChange: EventEmitter<string | string[]>;
     private inputEl;
     private picker;
     componentDidLoad(): void;
+    componentWillLoad(): void;
+    private handleResize;
+    updateCalendarDropdown(): void;
     disconnectedCallback(): void;
     private initializePicker;
+    clearDateSelection(): void;
+    private maybeCreateSidebar;
+    injectSidebarLayout(fp: flatpickr.Instance): void;
+    createSidebar(): HTMLElement;
+    applyPreset(key: string): void;
+    clearPresetSelection(sidebar: HTMLElement): void;
     injectApplyButton(): void;
     preventTimePickerClosing(): void;
     private toggleCalendar;

package/dist/types/components/gb-date-picker-list-item/gb-date-picker-list-item.d.ts

@@ -0,0 +1,5 @@
+export declare class GbDatePickerListItem {
+    selected: boolean;
+    label: string;
+    render(): any;
+}

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

@@ -10,7 +10,6 @@ export declare class GbHeader {
     showNotification: boolean;
     showHelp: boolean;
     showLogo: boolean;
-    logo: string;
     showSearch: boolean;
     inputPlaceholder: string;
     inputIcon: string;
@@ -31,8 +30,6 @@ export declare class GbHeader {
     helpDropdownShown: boolean;
     initials: string;
     el: HTMLElement;
-    navBarItemClicked: EventEmitter<string>;
-    menuClicked: EventEmitter<void>;
     inputValueChanged: EventEmitter<string>;
     helpItemClicked: EventEmitter<string>;
     themeTabClicked: EventEmitter<string>;

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

@@ -8,7 +8,7 @@ export declare class GbInputField {
     minLength: number;
     maxLength: number;
     destructive: boolean;
-    state: 'default' | 'filled' | 'active' | 'disabled';
+    state: 'default' | 'active' | 'disabled';
     showLabel: boolean;
     label: string;
     showHintText: boolean;
@@ -19,7 +19,7 @@ export declare class GbInputField {
     showHelpIcon: boolean;
     showValidation: boolean;
     showCountryIcon: boolean;
-    iconSwap?: string;
+    iconSwap: string;
     enableCancelButtonFunction: boolean;
     options: any[];
     idOfInput: string;
@@ -29,10 +29,10 @@ export declare class GbInputField {
     menuPosition: 'top' | 'bottom';
     icon: 'country' | 'avatar' | 'dot' | 'false';
     value: any;
-    required: boolean;
     loading: boolean;
     formatLabel: boolean;
     formatNumber: boolean;
+    inputOnlyDisabled: boolean;
     showCloseButton?: boolean;
     inputValue: string;
     tags: string[];
@@ -61,6 +61,7 @@ export declare class GbInputField {
     inputElement: HTMLInputElement;
     resultsDisplayElement: HTMLDivElement;
     inputGroupElement: HTMLDivElement;
+    iconSwapChanged(): void;
     isDestructive(): Promise<void>;
     isNotDestructive(): Promise<void>;
     formResetCallback(): void;

package/dist/types/components.d.ts

@@ -696,7 +696,7 @@ export namespace Components {
          */
         "dropdownAlignment": CloseButtonPositions;
         /**
-          * @default false
+          * @default true
          */
         "enableTime": boolean;
         /**
@@ -727,12 +727,26 @@ export namespace Components {
           * @default 'Start date - end date'
          */
         "placeholder": string;
+        /**
+          * @default 1
+         */
+        "showMonths": number;
         /**
           * @default false
          */
         "twentyfourHr": boolean;
         "value": string | string[];
     }
+    interface GbDatePickerListItem {
+        /**
+          * @default ""
+         */
+        "label": string;
+        /**
+          * @default false
+         */
+        "selected": boolean;
+    }
     interface GbDetailCell {
         "badgeColor": GeneralColors;
         "badgeIcon": BadgeIconTypes;
@@ -1039,10 +1053,6 @@ export namespace Components {
           * @default [     // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },     // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },     // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },   ]
          */
         "listGroupTwo": DropdownListGroup[];
-        /**
-          * @default ''
-         */
-        "logo": string;
         "notificationState": 'empty' | 'notification_dropdown';
         /**
           * @default [     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },   ]
@@ -1073,7 +1083,7 @@ export namespace Components {
          */
         "showLogError": boolean;
         /**
-          * @default false
+          * @default true
          */
         "showLogOut": boolean;
         /**
@@ -1309,8 +1319,12 @@ export namespace Components {
          */
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
-        "iconSwap"?: string;
+        "iconSwap": string;
         "idOfInput": string;
+        /**
+          * @default false
+         */
+        "inputOnlyDisabled": boolean;
         /**
           * @default 'text'
          */
@@ -1334,17 +1348,13 @@ export namespace Components {
         "menuPosition": 'top' | 'bottom';
         "minLength": number;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options": any[];
         /**
           * @default ''
          */
         "placeholder": string;
-        /**
-          * @default false
-         */
-        "required": boolean;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },     // 10,     // 20,     // 30,     // 40,     // 50,   ]
          */
@@ -1374,10 +1384,10 @@ export namespace Components {
          */
         "showValidation": boolean;
         "size": GeneralSizes;
-        "state": 'default' | 'filled' | 'active' | 'disabled';
+        "state": 'default' | 'active' | 'disabled';
         "type": InputFieldTypes;
         /**
-          * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // 10,   ]
+          * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     10,   ]
          */
         "value": any;
     }
@@ -2843,6 +2853,12 @@ declare global {
         prototype: HTMLGbDatePickerElement;
         new (): HTMLGbDatePickerElement;
     };
+    interface HTMLGbDatePickerListItemElement extends Components.GbDatePickerListItem, HTMLStencilElement {
+    }
+    var HTMLGbDatePickerListItemElement: {
+        prototype: HTMLGbDatePickerListItemElement;
+        new (): HTMLGbDatePickerListItemElement;
+    };
     interface HTMLGbDetailCellElementEventMap {
         "viewButtonClicked": void;
         "downloadButtonClicked": void;
@@ -2977,8 +2993,6 @@ declare global {
         new (): HTMLGbFilterButtonElement;
     };
     interface HTMLGbHeaderElementEventMap {
-        "navBarItemClicked": string;
-        "menuClicked": void;
         "inputValueChanged": string;
         "helpItemClicked": string;
         "themeTabClicked": string;
@@ -3726,6 +3740,7 @@ declare global {
         "gb-complex-primary-side-bar-item": HTMLGbComplexPrimarySideBarItemElement;
         "gb-complex-secondary-side-bar-item": HTMLGbComplexSecondarySideBarItemElement;
         "gb-date-picker": HTMLGbDatePickerElement;
+        "gb-date-picker-list-item": HTMLGbDatePickerListItemElement;
         "gb-detail-cell": HTMLGbDetailCellElement;
         "gb-dropdown-items-with-shortcut": HTMLGbDropdownItemsWithShortcutElement;
         "gb-empty-state": HTMLGbEmptyStateElement;
@@ -4509,7 +4524,7 @@ declare namespace LocalJSX {
          */
         "dropdownAlignment"?: CloseButtonPositions;
         /**
-          * @default false
+          * @default true
          */
         "enableTime"?: boolean;
         /**
@@ -4541,12 +4556,26 @@ declare namespace LocalJSX {
           * @default 'Start date - end date'
          */
         "placeholder"?: string;
+        /**
+          * @default 1
+         */
+        "showMonths"?: number;
         /**
           * @default false
          */
         "twentyfourHr"?: boolean;
         "value"?: string | string[];
     }
+    interface GbDatePickerListItem {
+        /**
+          * @default ""
+         */
+        "label"?: string;
+        /**
+          * @default false
+         */
+        "selected"?: boolean;
+    }
     interface GbDetailCell {
         "badgeColor"?: GeneralColors;
         "badgeIcon"?: BadgeIconTypes;
@@ -4864,10 +4893,6 @@ declare namespace LocalJSX {
           * @default [     // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },     // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },     // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },   ]
          */
         "listGroupTwo"?: DropdownListGroup[];
-        /**
-          * @default ''
-         */
-        "logo"?: string;
         "notificationState"?: 'empty' | 'notification_dropdown';
         /**
           * @default [     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },     // {     //   label: 'Flagged transaction',     //   time: 'Just now',     //   desc: 'Aisha, here is your weekly report',     //   icon: 'assets/arrow-right-02.svg',     // },   ]
@@ -4876,8 +4901,6 @@ declare namespace LocalJSX {
         "onAvatarDropdownItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onHelpItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onInputValueChanged"?: (event: GbHeaderCustomEvent<string>) => void;
-        "onMenuClicked"?: (event: GbHeaderCustomEvent<void>) => void;
-        "onNavBarItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         "onThemeTabClicked"?: (event: GbHeaderCustomEvent<string>) => void;
         /**
           * @default false
@@ -4904,7 +4927,7 @@ declare namespace LocalJSX {
          */
         "showLogError"?: boolean;
         /**
-          * @default false
+          * @default true
          */
         "showLogOut"?: boolean;
         /**
@@ -5144,6 +5167,10 @@ declare namespace LocalJSX {
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
         "idOfInput"?: string;
+        /**
+          * @default false
+         */
+        "inputOnlyDisabled"?: boolean;
         /**
           * @default 'text'
          */
@@ -5170,17 +5197,13 @@ declare namespace LocalJSX {
         "onOptionChanged"?: (event: GbInputFieldCustomEvent<any>) => void;
         "onPlusButtonClicked"?: (event: GbInputFieldCustomEvent<void>) => void;
         /**
-          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,   ]
+          * @default [     // { objectName: '+296', objectValue: 'john.doe@example.com' },     // { objectName: '+297', objectValue: 'john.doe@example.com' },     // { objectName: '+298', objectValue: 'john.doe@example.com' },     // { objectName: '+299', objectValue: 'john.doe@example.com' },     // '+234',     // '+124',     // 57,     // 43,     // 'NGN',     // 'GBP',     // 'USD'   ]
          */
         "options"?: any[];
         /**
           * @default ''
          */
         "placeholder"?: string;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
         /**
           * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },     // 10,     // 20,     // 30,     // 40,     // 50,   ]
          */
@@ -5210,10 +5233,10 @@ declare namespace LocalJSX {
          */
         "showValidation"?: boolean;
         "size"?: GeneralSizes;
-        "state"?: 'default' | 'filled' | 'active' | 'disabled';
+        "state"?: 'default' | 'active' | 'disabled';
         "type"?: InputFieldTypes;
         /**
-          * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     // 10,   ]
+          * @default [     // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },     // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },     // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },     // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },     10,   ]
          */
         "value"?: any;
     }
@@ -6284,6 +6307,7 @@ declare namespace LocalJSX {
         "gb-complex-primary-side-bar-item": GbComplexPrimarySideBarItem;
         "gb-complex-secondary-side-bar-item": GbComplexSecondarySideBarItem;
         "gb-date-picker": GbDatePicker;
+        "gb-date-picker-list-item": GbDatePickerListItem;
         "gb-detail-cell": GbDetailCell;
         "gb-dropdown-items-with-shortcut": GbDropdownItemsWithShortcut;
         "gb-empty-state": GbEmptyState;
@@ -6399,6 +6423,7 @@ declare module "@stencil/core" {
             "gb-complex-primary-side-bar-item": LocalJSX.GbComplexPrimarySideBarItem & JSXBase.HTMLAttributes<HTMLGbComplexPrimarySideBarItemElement>;
             "gb-complex-secondary-side-bar-item": LocalJSX.GbComplexSecondarySideBarItem & JSXBase.HTMLAttributes<HTMLGbComplexSecondarySideBarItemElement>;
             "gb-date-picker": LocalJSX.GbDatePicker & JSXBase.HTMLAttributes<HTMLGbDatePickerElement>;
+            "gb-date-picker-list-item": LocalJSX.GbDatePickerListItem & JSXBase.HTMLAttributes<HTMLGbDatePickerListItemElement>;
             "gb-detail-cell": LocalJSX.GbDetailCell & JSXBase.HTMLAttributes<HTMLGbDetailCellElement>;
             "gb-dropdown-items-with-shortcut": LocalJSX.GbDropdownItemsWithShortcut & JSXBase.HTMLAttributes<HTMLGbDropdownItemsWithShortcutElement>;
             "gb-empty-state": LocalJSX.GbEmptyState & JSXBase.HTMLAttributes<HTMLGbEmptyStateElement>;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.8.2",
+  "version": "2.8.3",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/globusc   omponents/globuscomponents.esm.js",
+  "unpkg": "dist/globuscomponents/globuscomponents.esm.js",
   "exports": {
     ".": {
       "import": "./dist/globuscomponents/globuscomponents.esm.js",

package/dist/cjs/gb-file-upload.cjs.entry.js

@@ -1,198 +0,0 @@
-'use strict';
-
-var index = require('./index-Cqvjrqup.js');
-
-const gbFileUploadCss = ".file_upload_div{display:flex;flex-direction:column;gap:var(--spacing-2)}.file_upload_item_base_container{display:flex;border-radius:var(--rounded-sm);background-color:var(--color-background-card, #ffffff);border:1px solid var(--color-border-subtler, #e3e8ef);position:relative;cursor:pointer}.file_upload_item_base_container.default:hover{border-color:var(--color-border-selected, #075DB2)}.file_upload_item_base_container.disabled{background-color:var(--color-background-disabled, #F6F8FA);border-color:var(--color-border-disabled, #E3E8EF)}.file_upload_item_base_container.md{flex-direction:row;padding:var(--spacing-4)}.file_upload_item_base_container.lg{flex-direction:column;padding:var(--spacing-7) var(--spacing-6)}.file_upload_icon{background-color:#EEF2F6;border-radius:var(--rounded-full);display:flex;justify-content:center;align-items:center;padding:var(--spacing-3)}.file_upload_icon svg{width:var(--spacing-6);height:var(--spacing-6)}.default.md{display:flex;gap:var(--spacing-3);align-items:center}.default.lg{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;justify-content:center}.default_content{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2)}.upload_btn_md{position:absolute;top:45%;right:1.5rem}.disabled_text{color:var(--color-text-subtle, #697586)}.upload_text{color:var(--color-text, #4B5565)}.upload_text.lg,.disabled_text.lg{display:flex;gap:var(--spacing-1);align-items:center}.file_type_text{color:var(--color-text-subtle, #697586)}.text-sm-semi-bold{font-family:var(--font-family-body);font-size:var(--font-size-t-sm);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-t-sm);margin:var(--spacing-none);padding:var(--spacing-none);display:inline-block;position:relative}.text-sm-semi-bold::before,.text-sm-semi-bold::after{content:\"\";display:table}.text-sm-semi-bold::before{margin-bottom:-0.299em}.text-sm-semi-bold::after{margin-top:-0.349em}.text-sm-regular{font-family:var(--font-family-body);font-size:var(--font-size-t-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-t-sm);margin:var(--spacing-none);padding:var(--spacing-none);position:relative;display:inline-block}.text-sm-regular::before,.text-sm-regular::after{content:\"\";display:table}.text-sm-regular::before{margin-bottom:-0.299em}.text-sm-regular::after{margin-top:-0.299em}.text-xs-regular{font-family:var(--font-family-body);font-size:var(--font-size-t-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-t-xs);margin:var(--spacing-none);padding:var(--spacing-none);display:inline-block;position:relative}.text-xs-regular::before,.text-xs-regular::after{content:\"\";display:table}.text-xs-regular::before{margin-bottom:-0.291em}.text-xs-regular::after{margin-top:-0.396em}.multiple_upload_div{display:flex;flex-direction:column;gap:var(--spacing-2)}";
-
-const GbFileUpload = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.uploadStateChange = index.createEvent(this, "uploadStateChange");
-        this.destructive = false;
-        this.showLabel = false;
-        this.files = [];
-        this.fileStates = [];
-        this.isDragging = false;
-        this.dragCounter = 0;
-    }
-    // Function to dynamically create a hidden input for file selection
-    openFilePicker() {
-        var _a;
-        const fileInput = document.createElement('input');
-        fileInput.type = 'file';
-        fileInput.multiple = this.type === 'multiple';
-        fileInput.accept = ((_a = this.fileType) === null || _a === void 0 ? void 0 : _a.map(type => `.${type}`).join(',')) || '';
-        fileInput.addEventListener('change', (event) => {
-            const input = event.target;
-            if (input.files) {
-                const selectedFiles = Array.from(input.files);
-                // Reset files and states based on type (single/multiple)
-                if (this.type === 'single') {
-                    this.files = [selectedFiles[0]];
-                }
-                else {
-                    this.files = [...this.files, ...selectedFiles];
-                }
-                // console.log(this.fileStates);
-                // console.log(this.files);
-                // Initialize fileStates array with extracted names and extensions
-                if (this.type === 'single') {
-                    const file = this.files[0];
-                    const [name, extension] = this.extractFileNameAndExtension(file.name);
-                    this.fileStates = [
-                        {
-                            name,
-                            extension,
-                            state: 'default',
-                            size: file.size,
-                            progress: 0,
-                        },
-                    ];
-                }
-                else {
-                    this.fileStates = this.files.map(file => {
-                        const [name, extension] = this.extractFileNameAndExtension(file.name);
-                        return {
-                            name,
-                            fileType: file.type.slice(-3),
-                            extension,
-                            state: 'default',
-                            size: file.size,
-                            progress: 0,
-                        };
-                    });
-                }
-                // Emit state change for default state
-                this.uploadStateChange.emit(this.fileStates);
-                // Start the upload process
-                this.startUpload();
-            }
-            fileInput.remove(); // Clean up after file selection
-        });
-        fileInput.click(); // Trigger the file input dialog
-    }
-    // Function to extract the file name and extension
-    extractFileNameAndExtension(fileName) {
-        const lastDotIndex = fileName.lastIndexOf('.');
-        if (lastDotIndex === -1) {
-            return [fileName, 'unknown']; // No extension found
-        }
-        const name = fileName.slice(0, lastDotIndex);
-        const extension = fileName.slice(lastDotIndex + 1).toLowerCase();
-        return [name, extension];
-    }
-    // Function to simulate file uploads and track progress
-    startUpload() {
-        this.fileStates = this.fileStates.map(fileState => (Object.assign(Object.assign({}, fileState), { state: 'in_progress', progress: 0 })));
-        this.uploadStateChange.emit(this.fileStates);
-        // this.files.forEach((file, index) => {
-        //   let progress = 0;
-        //   const interval = setInterval(() => {
-        //     if (progress < 100) {
-        //       progress += Math.floor(Math.random() * 20) + 10; // Simulated progress increment
-        //       if (progress > 100) progress = 100;
-        //       this.fileStates = this.fileStates.map((state, i) => (i === index ? { ...state, progress } : state));
-        //       this.uploadStateChange.emit(this.fileStates); // Emit progress updates
-        //     } else {
-        //       clearInterval(interval);
-        //       this.fileStates = this.fileStates.map((state, i) => (i === index ? { ...state, state: 'complete', progress: 100 } : state));
-        //       this.uploadStateChange.emit(this.fileStates); // Emit final state
-        //     }
-        //   }, 500); // Update progress every 500ms
-        // });
-    }
-    handleDragOver(event) {
-        event.preventDefault();
-        this.isDragging = true;
-    }
-    handleDragLeave() {
-        this.dragCounter--;
-        if (this.dragCounter === 0) {
-            this.isDragging = false;
-        }
-    }
-    handleDrop(event) {
-        var _a;
-        event.preventDefault();
-        this.isDragging = false;
-        this.dragCounter = 0;
-        const files = Array.from(((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) || []);
-        if (files.length > 0) {
-            this.handleFiles(files);
-        }
-    }
-    handleFiles(selectedFiles) {
-        if (this.type === 'single') {
-            this.files = [selectedFiles[0]];
-        }
-        else {
-            this.files = [...this.files, ...selectedFiles];
-        }
-        const newFiles = selectedFiles.filter(file => !this.files.some(existingFile => existingFile.name === file.name && existingFile.size === file.size));
-        this.files = [...this.files, ...newFiles];
-        if (this.type === 'single') {
-            const file = this.files[0];
-            const [name, extension] = this.extractFileNameAndExtension(file.name);
-            this.fileStates = [
-                {
-                    size: this.files[0].size,
-                    name,
-                    extension,
-                    state: 'default',
-                    progress: 0,
-                },
-            ];
-        }
-        else {
-            this.fileStates = this.files.map(file => {
-                const [name, extension] = this.extractFileNameAndExtension(file.name);
-                return {
-                    name,
-                    fileType: file.type.slice(-3),
-                    extension,
-                    state: 'default',
-                    size: file.size,
-                    progress: 0,
-                };
-            });
-        }
-        this.uploadStateChange.emit(this.fileStates);
-        // this.startUpload();
-    }
-    handleCancelUpload(index) {
-        // Remove the file from files and fileStates arrays
-        this.files.splice(index, 1);
-        this.fileStates.splice(index, 1);
-        // Emit the updated file states
-        this.uploadStateChange.emit(this.fileStates);
-    }
-    handleDeleteFileUpload(index) {
-        // Remove the file from files and fileStates arrays
-        this.files = [...this.files.slice(0, index), ...this.files.slice(index + 1)];
-        this.fileStates = [...this.fileStates.slice(0, index), ...this.fileStates.slice(index + 1)];
-        // Emit the updated file states
-        this.uploadStateChange.emit(this.fileStates);
-    }
-    render() {
-        return (index.h("div", { key: '6d8324b3bafc3a2c185183a86beb7a280cbeddb9', class: "file_upload_div" }, this.showLabel && index.h("p", { key: '07a906755504710bcb7b24af60ee17aa096613de', class: "upload_text text-sm-semi-bold" }, "File Upload"), this.type === 'single' && (index.h(index.Fragment, null, this.state === 'default' && !this.destructive && this.fileStates.length === 0 && (index.h("div", { key: '9eb1698a2d2fc2dc87fef8f71f738ab4ba33681a', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.heightSize === 'md' && [
-            index.h("div", { key: '86736725828c68d2af8cab312fa6b88adfd540e9', class: `default ${this.heightSize}` }, index.h("div", { key: '89f1653026278421316414507b595b8f888d3651', class: "file_upload_icon" }, index.h("svg", { key: 'b1a24214b063df7cdc98504a840380305e86608d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '7eba8edcf1e42f04cfe8bbc666115c74f4dbf1d3', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '04ece440fe6dcad9725c0a67062ee4d5a03ee556', class: "default_content" }, index.h("p", { key: '7cdf9d7cf507990e3a7cbd630cfa3781832a24bc', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: '0e2ec46b4272fc8ee0c2e01b07d8d40236b52a6b', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-            index.h("gb-button", { key: 'ed468ffc3f75f70b0ddeddbd79c7ca056727cab8', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: () => this.openFilePicker() }, index.h("p", { key: '9e1ea6f6f26fc64a80bb02d4189689a4d809dfe1' }, "Upload")),
-        ], this.heightSize === 'lg' && [
-            index.h("div", { key: 'b4f952e092ca5fb6e8092699fce163a3293ccd8f', class: `default ${this.heightSize}` }, index.h("div", { key: 'a2c92702180548d7aba4af8c15b25eb248776b85', class: "file_upload_icon" }, index.h("svg", { key: '39d1c3fd9b2fa7872d0b29aed14c3aa4a0832bef', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '8b4c449dd49ca7d1247bc1c9f729b40297613a8a', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '3062e4502dfd3ad65d8500d00ede06e19cc46755', class: "default_content" }, index.h("p", { key: '79d0c23cddc60ff4fc843e1afaca354d1adc8bc7', class: `upload_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '4e8136f51641399fb8463324b5b42f622e1d4b86', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.openFilePicker() }, index.h("p", { key: '5d8d4957a0c1fd3b0cc20e5d3c7d726e4524deb7' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '0a5bb502f1e1969c438a1ba777ff07b58299c6ba', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-        ])), this.state === 'in_progress' && (index.h("gb-file-upload-item-base", { key: '30fb56f333444b90c927b144b338c7efe891392d', progress: this.progress, "file-type": this.fileType, icon: this.icon, "height-size": this.heightSize, state: "in_progress" })), this.state === 'complete' && (index.h("gb-file-upload-item-base", { key: 'ff9150fb2c33a5bf24922188eb11ce0cf404883a', progress: this.progress, "file-type": this.fileType, icon: this.icon, "height-size": this.heightSize, state: "complete" })), this.state === 'disabled' && (index.h("div", { key: '40d65e797cfface67f6524ef93834712ba1fc274', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, index.h("div", { key: '3abc41b693c68ade42f182d64d1a0e13ff37d02d', class: `disabled ${this.state}` }, this.heightSize === 'md' && [
-            index.h("div", { key: '450f902e8a2aa9644b0546498ad6d3439e1eb69a', class: `default ${this.heightSize}` }, index.h("div", { key: 'b1776ed9c928957815f64c1037d034405ad6a003', class: "file_upload_icon" }, index.h("svg", { key: 'ac0173ccc6ecb5b01cdfb675c2e02ea380c5aa7f', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'baa99c6a0cb60733cb0a3580ff63c555636d1a41', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '571fe31c9a841627c122a070d74be105cd74aa72', class: "default_content" }, index.h("p", { key: '956af163d08013ff8f1f7b4f99c7c1555fa45d4d', class: "disabled_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: 'c361aca9a795ab4ac4732ef32790828f6a1435d7', class: "disabled_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-            index.h("gb-button", { key: 'a48c88547894a76e612beaa671d35ae8c81cf024', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", state: "disabled" }, index.h("p", { key: 'badcd66d919d7f45e9f341f59950e6ed9212d85e' }, "Upload")),
-        ], this.heightSize === 'lg' && [
-            index.h("div", { key: '7bdd4a6b1900557745289936259cc1ea83fdb364', class: `default ${this.heightSize}` }, index.h("div", { key: '34124015ff16b1b174c17716c9d223ae0aac73ce', class: "file_upload_icon" }, index.h("svg", { key: '5df418e21c005aa00ef3c4a97c54ddea2c7b3697', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'e3ddd02ded4d1ac7e7f6374cfad0b6597c67c5c7', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '81f589518a9cf20478f731eab08185262b7776c0', class: "default_content" }, index.h("p", { key: 'aaa589e88a3e8bde783b7a80991ed054937c4da7', class: `disabled_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '931102259dc84365cd832bb67a035a1b731e3309', size: "sm", hierarchy: "link_color", icon: "default", state: "disabled" }, index.h("p", { key: 'e4e8aa466e9867ea0728052aefef7f1fb411fb38' }, "Click to upload")), "or drag and drop"), index.h("p", { key: 'e57a8073693243469756775b123d336ae8fcda6b', class: "disabled_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-        ]))), this.destructive && (index.h("gb-file-upload-item-base", { key: '3d41cd1b7ecc90920b6ad321b1c2b79f54338b42', progress: this.progress, "file-type": this.fileType, icon: this.icon, state: "error", "height-size": this.heightSize })), this.fileStates.map(file => (index.h("gb-file-upload-item-base", { progress: file.progress, "file-type": file.extension, icon: this.icon, "height-size": this.heightSize, state: file.state }))))), this.type === 'multiple' && (index.h("div", { key: '3986da282f2df482ef2c53aecbbb50e057401be7', class: "multiple_upload_div" }, index.h("div", { key: '2b1cafac0cf0394b73f6edb0eaa0b044d0478e0c', class: `file_upload_item_base_container ${this.state} ${this.heightSize} ${this.isDragging ? 'hover' : ''}`, onDragOver: event => this.handleDragOver(event), onDragLeave: () => this.handleDragLeave(), onDrop: event => this.handleDrop(event) }, this.heightSize === 'md' && [
-            index.h("div", { key: '52a0bb6addebdb8421865836c24c14e541e6966d', class: `default ${this.heightSize}` }, index.h("div", { key: 'c66ca8fffc5a4b7bb5d554205930dd5e7caea909', class: "file_upload_icon" }, index.h("svg", { key: '4ac7f6bdd3331c6a00d1fcefd5a107dccbae821f', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '640caa472826ea9cd8eea5735217c362836090a4', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: 'e951bc0a6769b63e0404e5f4d23cf61c70be9c52', class: "default_content" }, index.h("p", { key: '34587169bf67c115ea39d536d0accb8fc4d7fd32', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: 'b439069ddd35a537e2319173bf70d5ed1c055197', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-            index.h("gb-button", { key: '233fd537b4a6efa574c942a505434f225fac409a', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: () => this.openFilePicker() }, index.h("p", { key: '3fcd8607a4f96e76e826d5d54cd90eb783f0914d' }, "Upload")),
-        ], this.heightSize === 'lg' && [
-            index.h("div", { key: '5742041e644206163076e4f1df8e8683654ace26', class: `default ${this.heightSize}` }, index.h("div", { key: 'fdf11b60cce985e1df294bbcb58bbf46e5a82f2b', class: "file_upload_icon" }, index.h("svg", { key: 'f30724b7d06734ce80c382c59b84cf98506e411c', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '81369b92ffa8d7cdfedc2e80e617ab060b59c3ee', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '5d4c4153ded72cf6dc0a304c6ce2ac1c9c951f14', class: "default_content" }, index.h("p", { key: '1a71ecde05b30266910bbd117053bc6a248e82fd', class: `upload_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '83c3643742cb035d13c52c21fa7e685ba88c90d4', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.openFilePicker() }, index.h("p", { key: '25067bb8722bc863a9bced2d7b53b26616cd7939' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '598ee5ac48d54e84d58f14d0b5e51bdc9bc49c8e', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
-        ]), this.fileStates.map((file, index$1) => (index.h("gb-file-upload-item-base", { progress: file.progress, "file-type": file.extension, icon: this.icon, "height-size": "md", state: file.state, "file-name": file.name, "file-size": (file.size / 1024).toFixed(2), onCancelUpload: () => this.handleCancelUpload(index$1), onDeleteFileUpload: () => this.handleDeleteFileUpload(index$1) })))))));
-    }
-};
-GbFileUpload.style = gbFileUploadCss;
-
-exports.gb_file_upload = GbFileUpload;
-//# sourceMappingURL=gb-file-upload.entry.cjs.js.map