@solfacil/girassol 0.66.1 → 0.69.0

package/dist/types/index.d.ts

@@ -32,8 +32,7 @@ import { SolDivider } from './components/divider';
 import { SolLink } from './components/link/';
 import { SolHeader } from './components/headers/header';
 import { SolSidebar } from './components/sidebars/sidebar';
-import { SolBackofficeTemplate } from './components/templates/backoffice';
-import { SolPageBackoffice } from './components/templates/backoffice/page';
+import { SolTemplateHeader, SolTemplateHeaderTabMenu } from './templates';
 import { SolUserInfoBackoffice } from './components/headers/header-backoffice/user-info';
 import { SolHeaderBackoffice } from './components/headers/header-backoffice';
 import { SolSidebarBackoffice } from './components/sidebars/sidebar-backoffice';
@@ -6678,26 +6677,111 @@ export declare const components: {
         isOpenMobileSidebar: boolean;
         onlyMobile: boolean;
     }>;
-    SolPageBackoffice: {
+    SolTemplateHeader: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                title: string;
+                center: boolean;
+                searchPlaceholder: string;
+                viewAo: boolean;
+                umPersonification: boolean;
+                inPersonification: boolean;
+                notificationError: boolean;
+                menuProducts: boolean;
+                showNotification: boolean;
+                showTabMenu: boolean;
+                tabMenuItems: import("./templates").HeaderTabMenuItem[];
+                searchLoading: boolean;
+                showSearch: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                title: {
+                center: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                searchPlaceholder: {
                     type: import("vue").PropType<string>;
-                    required: true;
                 } & {
                     default: string;
                 };
-                subtitle: {
-                    type: import("vue").PropType<string>;
+                product: {
+                    type: import("vue").PropType<import("./templates/header/types").Product>;
+                    required: true;
                 };
-                actions: {
-                    type: import("vue").PropType<import("./components/templates/backoffice/page/types").PageBackofficeAction[]>;
+                viewAo: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title">;
+                user: {
+                    type: import("vue").PropType<import("./templates/header/types").User>;
+                    required: true;
+                };
+                partner: {
+                    type: import("vue").PropType<import("./templates/header/types").Partner>;
+                    required: true;
+                };
+                umPersonification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                inPersonification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                notifications: {
+                    type: import("vue").PropType<import("./templates/header/types").NotificationsList>;
+                };
+                notificationError: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                menuProducts: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showNotification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showTabMenu: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                tabMenuItems: {
+                    type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+                } & {
+                    default: () => never[];
+                };
+                searchLoading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showSearch: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+            }>> & {
+                onSearch?: ((value: string) => any) | undefined;
+                onClickUser?: ((event: string) => any) | undefined;
+                onClickSolfacilPlus?: (() => any) | undefined;
+                onClickLogout?: (() => any) | undefined;
+                onClickMenu?: (() => any) | undefined;
+                onClickNotification?: ((payload: {
+                    event: string;
+                    notification: string | boolean | import("./templates/header/types").Notification;
+                }) => any) | undefined;
+                onSearchChange?: ((value: string) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "center" | "searchPlaceholder" | "viewAo" | "umPersonification" | "inPersonification" | "notificationError" | "menuProducts" | "showNotification" | "showTabMenu" | "tabMenuItems" | "searchLoading" | "showSearch">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6709,23 +6793,128 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: ((event: "search", value: string) => void) & ((event: "clickUser", event: string) => void) & ((event: "clickSolfacilPlus") => void) & ((event: "clickLogout") => void) & ((event: "clickMenu") => void) & ((event: "clickNotification", payload: {
+                event: string;
+                notification: string | boolean | import("./templates/header/types").Notification;
+            }) => void) & ((event: "searchChange", value: string) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                title: {
+                center: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                searchPlaceholder: {
                     type: import("vue").PropType<string>;
-                    required: true;
                 } & {
                     default: string;
                 };
-                subtitle: {
-                    type: import("vue").PropType<string>;
+                product: {
+                    type: import("vue").PropType<import("./templates/header/types").Product>;
+                    required: true;
                 };
-                actions: {
-                    type: import("vue").PropType<import("./components/templates/backoffice/page/types").PageBackofficeAction[]>;
+                viewAo: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                title: string;
+                user: {
+                    type: import("vue").PropType<import("./templates/header/types").User>;
+                    required: true;
+                };
+                partner: {
+                    type: import("vue").PropType<import("./templates/header/types").Partner>;
+                    required: true;
+                };
+                umPersonification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                inPersonification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                notifications: {
+                    type: import("vue").PropType<import("./templates/header/types").NotificationsList>;
+                };
+                notificationError: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                menuProducts: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showNotification: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showTabMenu: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                tabMenuItems: {
+                    type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+                } & {
+                    default: () => never[];
+                };
+                searchLoading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                showSearch: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+            }>> & {
+                onSearch?: ((value: string) => any) | undefined;
+                onClickUser?: ((event: string) => any) | undefined;
+                onClickSolfacilPlus?: (() => any) | undefined;
+                onClickLogout?: (() => any) | undefined;
+                onClickMenu?: (() => any) | undefined;
+                onClickNotification?: ((payload: {
+                    event: string;
+                    notification: string | boolean | import("./templates/header/types").Notification;
+                }) => any) | undefined;
+                onSearchChange?: ((value: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                clickMenu: () => void;
+            } & {
+                clickLogout: () => void;
+            } & {
+                clickUser: (event: string) => void;
+            } & {
+                clickSolfacilPlus: () => void;
+            } & {
+                clickNotification: (payload: {
+                    event: string;
+                    notification: string | boolean | import("./templates/header/types").Notification;
+                }) => void;
+            } & {
+                search: (value: string) => void;
+            } & {
+                searchChange: (value: string) => void;
+            }, string, {
+                center: boolean;
+                searchPlaceholder: string;
+                viewAo: boolean;
+                umPersonification: boolean;
+                inPersonification: boolean;
+                notificationError: boolean;
+                menuProducts: boolean;
+                showNotification: boolean;
+                showTabMenu: boolean;
+                tabMenuItems: import("./templates").HeaderTabMenuItem[];
+                searchLoading: boolean;
+                showSearch: boolean;
             }, {}, string> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -6747,48 +6936,249 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            title: {
+            center: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
-                required: true;
             } & {
                 default: string;
             };
-            subtitle: {
-                type: import("vue").PropType<string>;
+            product: {
+                type: import("vue").PropType<import("./templates/header/types").Product>;
+                required: true;
             };
-            actions: {
-                type: import("vue").PropType<import("./components/templates/backoffice/page/types").PageBackofficeAction[]>;
+            viewAo: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            user: {
+                type: import("vue").PropType<import("./templates/header/types").User>;
+                required: true;
+            };
+            partner: {
+                type: import("vue").PropType<import("./templates/header/types").Partner>;
+                required: true;
+            };
+            umPersonification: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            inPersonification: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            notifications: {
+                type: import("vue").PropType<import("./templates/header/types").NotificationsList>;
+            };
+            notificationError: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            menuProducts: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            showNotification: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            showTabMenu: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            tabMenuItems: {
+                type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+            } & {
+                default: () => never[];
+            };
+            searchLoading: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            showSearch: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onSearch?: ((value: string) => any) | undefined;
+            onClickUser?: ((event: string) => any) | undefined;
+            onClickSolfacilPlus?: (() => any) | undefined;
+            onClickLogout?: (() => any) | undefined;
+            onClickMenu?: (() => any) | undefined;
+            onClickNotification?: ((payload: {
+                event: string;
+                notification: string | boolean | import("./templates/header/types").Notification;
+            }) => any) | undefined;
+            onSearchChange?: ((value: string) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        title: {
+        center: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        searchPlaceholder: {
             type: import("vue").PropType<string>;
-            required: true;
         } & {
             default: string;
         };
-        subtitle: {
-            type: import("vue").PropType<string>;
+        product: {
+            type: import("vue").PropType<import("./templates/header/types").Product>;
+            required: true;
         };
-        actions: {
-            type: import("vue").PropType<import("./components/templates/backoffice/page/types").PageBackofficeAction[]>;
+        viewAo: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        title: string;
+        user: {
+            type: import("vue").PropType<import("./templates/header/types").User>;
+            required: true;
+        };
+        partner: {
+            type: import("vue").PropType<import("./templates/header/types").Partner>;
+            required: true;
+        };
+        umPersonification: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        inPersonification: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        notifications: {
+            type: import("vue").PropType<import("./templates/header/types").NotificationsList>;
+        };
+        notificationError: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        menuProducts: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        showNotification: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        showTabMenu: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        tabMenuItems: {
+            type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+        } & {
+            default: () => never[];
+        };
+        searchLoading: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        showSearch: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onSearch?: ((value: string) => any) | undefined;
+        onClickUser?: ((event: string) => any) | undefined;
+        onClickSolfacilPlus?: (() => any) | undefined;
+        onClickLogout?: (() => any) | undefined;
+        onClickMenu?: (() => any) | undefined;
+        onClickNotification?: ((payload: {
+            event: string;
+            notification: string | boolean | import("./templates/header/types").Notification;
+        }) => any) | undefined;
+        onSearchChange?: ((value: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clickMenu: () => void;
+    } & {
+        clickLogout: () => void;
+    } & {
+        clickUser: (event: string) => void;
+    } & {
+        clickSolfacilPlus: () => void;
+    } & {
+        clickNotification: (payload: {
+            event: string;
+            notification: string | boolean | import("./templates/header/types").Notification;
+        }) => void;
+    } & {
+        search: (value: string) => void;
+    } & {
+        searchChange: (value: string) => void;
+    }, string, {
+        center: boolean;
+        searchPlaceholder: string;
+        viewAo: boolean;
+        umPersonification: boolean;
+        inPersonification: boolean;
+        notificationError: boolean;
+        menuProducts: boolean;
+        showNotification: boolean;
+        showTabMenu: boolean;
+        tabMenuItems: import("./templates").HeaderTabMenuItem[];
+        searchLoading: boolean;
+        showSearch: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: Record<NonNullable<string | number>, (_: {}) => any> & {
+        $slots: {
+            'search-results': (_: {
+                searchValue: string;
+                loading: boolean;
+            }) => any;
+            'user-info': (_: {
+                user: import("./templates/header/types").User;
+            }) => any;
+            'user-info-mobile': (_: {
+                user: import("./templates/header/types").User;
+                openMenu: () => void;
+            }) => any;
+            'header-mobile': (_: {
+                user: import("./templates/header/types").User;
+                closeMenu: () => void;
+            }) => any;
             actions: (_: {}) => any;
-            default: (_: {}) => any;
         };
     });
-    SolBackofficeTemplate: {
+    SolTemplateHeaderTabMenu: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
-            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            $props: Partial<{
+                items: import("./templates").HeaderTabMenuItem[];
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                items: {
+                    type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+                    required: true;
+                } & {
+                    default: () => never[];
+                };
+            }>> & {
+                onClickSupport?: (() => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6800,9 +7190,22 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "clickSupport") => void;
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                items: {
+                    type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+                    required: true;
+                } & {
+                    default: () => never[];
+                };
+            }>> & {
+                onClickSupport?: (() => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                clickSupport: () => void;
+            }, string, {
+                items: import("./templates").HeaderTabMenuItem[];
+            }, {}, string> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -6822,15 +7225,35 @@ export declare const components: {
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & Readonly<import("vue").ExtractPropTypes<{
+            items: {
+                type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+                required: true;
+            } & {
+                default: () => never[];
+            };
+        }>> & {
+            onClickSupport?: (() => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: import("vue").PropType<import("./templates").HeaderTabMenuItem[]>;
+            required: true;
+        } & {
+            default: () => never[];
+        };
+    }>> & {
+        onClickSupport?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clickSupport: () => void;
+    }, string, {
+        items: import("./templates").HeaderTabMenuItem[];
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            sidebar: (_: {}) => any;
-            header: (_: {}) => any;
-            page: (_: {}) => any;
+            'support-menu': (_: {}) => any;
         };
     });
     SolHeaderBackoffice: {
@@ -7547,4 +7970,4 @@ export declare const components: {
     });
 };
 export declare function install(App: App): void;
-export { SolButton, SolButtonDestructive, SolInputTextarea, SolInputCurrency, SolInputText, SolInputTextPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolSelect, SolRemovableChip, SolSelectableChip, SolTag, SolAlert, SolAccordion, SolList, SolTabs, SolMenu, SolMenuItem, SolMenuItemLink, SolMenuNavigationLinks, SolModal, SolOnboarding, SolPagination, SolEmptyState, SolSearch, SolDatePicker, SolCollapsible, SolSteps, SolTextValue, SolFileUpload, SolMenuItemSeparator, SolBreadcrumb, SolDivider, SolLink, SolHeader, SolSidebar, SolPageBackoffice, SolBackofficeTemplate, SolHeaderBackoffice, SolSidebarBackoffice, SolUserInfoBackoffice, SolApplicationsBackoffice, SolSideover, SolTooltip, };
+export { SolButton, SolButtonDestructive, SolInputTextarea, SolInputCurrency, SolInputText, SolInputTextPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolSelect, SolRemovableChip, SolSelectableChip, SolTag, SolAlert, SolAccordion, SolList, SolTabs, SolMenu, SolMenuItem, SolMenuItemLink, SolMenuNavigationLinks, SolModal, SolOnboarding, SolPagination, SolEmptyState, SolSearch, SolDatePicker, SolCollapsible, SolSteps, SolTextValue, SolFileUpload, SolMenuItemSeparator, SolBreadcrumb, SolDivider, SolLink, SolHeader, SolSidebar, SolTemplateHeader, SolTemplateHeaderTabMenu, SolHeaderBackoffice, SolSidebarBackoffice, SolUserInfoBackoffice, SolApplicationsBackoffice, SolSideover, SolTooltip, };