cloud-ide-layout 0.0.1 → 1.0.1

package/README.md

@@ -1,24 +1,477 @@
-# CloudIdeLayout
+# Cloud IDE Layout Library
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.0.0.
+The Cloud IDE Layout library provides reusable layout components and services for CIDE-LMS applications. It includes responsive layouts, navigation components, and layout management utilities.
 
-## Code scaffolding
+## Features
 
-Run `ng generate component component-name --project cloud-ide-layout` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project cloud-ide-layout`.
-> Note: Don't forget to add `--project cloud-ide-layout` or else it will be added to the default project in your `angular.json` file. 
+- **Layout Components**
+  - Main Application Shell
+  - Responsive Sidebar
+  - Header with Navigation
+  - Footer
+  - Content Area
+  - Home Page Layout
+  - Side Drawer
+  - Console
+- **Navigation Components**
+  - Menu System
+  - Breadcrumbs
+  - Tabs
+- **Layout Services**
+  - Shared Layout Service
+  - Home Service
+  - Sidebar State Management
+  - Responsive Breakpoints
+  - Theme Management
+- **Dynamic Content**
+  - Page-specific layouts based on configuration
+  - Content loading from API
+  - Title management
 
-## Build
+## Installation
 
-Run `ng build cloud-ide-layout` to build the project. The build artifacts will be stored in the `dist/` directory.
+```bash
+npm install @cide-lms/cloud-ide-layout
+```
 
-## Publishing
+### Dependencies
 
-After building your library with `ng build cloud-ide-layout`, go to the dist folder `cd dist/cloud-ide-layout` and run `npm publish`.
+This library depends on:
+- Angular 17+
+- cloud-ide-element (for UI components)
+- cloud-ide-lms-model (for data models)
 
-## Running unit tests
+## Usage
 
-Run `ng test cloud-ide-layout` to execute the unit tests via [Karma](https://karma-runner.github.io).
+### Basic Layout
 
-## Further help
+```typescript
+import { CloudIdeLayoutComponent } from 'cloud-ide-layout';
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+@Component({
+  standalone: true,
+  imports: [CloudIdeLayoutComponent],
+  template: `
+    <cide-lyt-wrapper></cide-lyt-wrapper>
+  `
+})
+export class AppComponent { }
+```
+
+### Home Page Layout
+
+```typescript
+import { CideLytHomeWrapperComponent } from 'cloud-ide-layout';
+
+@Component({
+  standalone: true,
+  imports: [CideLytHomeWrapperComponent],
+  template: `
+    <cide-lyt-home-wrapper></cide-lyt-home-wrapper>
+  `
+})
+export class HomePageComponent { }
+```
+
+## Component Documentation
+
+### Main Components
+
+- [Cloud IDE Layout Component](./src/lib/README.md) - Main wrapper and entry point
+- [Layout Wrapper Component](./src/lib/layout/layout/layout-wrapper/README.md) - Core layout structure
+- [Home Wrapper Component](./src/lib/layout/home/home-wrapper/README.md) - Home page layout
+
+### Base Components
+
+- [Shared Wrapper Component](./src/lib/layout/shared/shared-wrapper/README.md) - Base component for page layouts
+
+### Services
+
+- [Shared Layout Service](./src/lib/layout/shared/README.md) - Core service for layout management
+- [Home Layout Service](./src/lib/layout/home/README.md) - Home page specific service
+
+## Advanced Usage
+
+### Creating a Custom Page Layout
+
+You can extend the shared wrapper component to create custom page layouts:
+
+```typescript
+import { Component } from '@angular/core';
+import { CideLytSharedWrapperComponent, CideLytSharedWrapperSetupParam } from 'cloud-ide-layout';
+import { CideLytSharedService } from 'cloud-ide-layout';
+
+@Component({
+  selector: 'app-custom-page',
+  standalone: true,
+  imports: [],
+  templateUrl: './custom-page.component.html',
+  styleUrl: './custom-page.component.css'
+})
+export class CustomPageComponent extends CideLytSharedWrapperComponent {
+  public override shared_wrapper_setup_param: Partial<CideLytSharedWrapperSetupParam> = {
+    sypg_page_code: "custom_page_code"
+  }
+
+  constructor(sharedService: CideLytSharedService) {
+    super(sharedService);
+  }
+  
+  // Add custom functionality here
+}
+```
+
+### Working with Page Data
+
+The shared wrapper component automatically loads page data based on the configured page code:
+
+```typescript
+// In your component that extends CideLytSharedWrapperComponent
+ngAfterViewInit() {
+  // Access page data loaded by parent class
+  console.log('Page data:', this.page_data);
+  
+  // Access specific page elements
+  const pageTitle = this.page_data?.page?.sypg_title;
+  const pageConfig = this.page_data?.config;
+}
+```
+
+## Architecture
+
+### Component Hierarchy
+
+```
+CloudIdeLayoutComponent
+└── CideLytLayoutWrapperComponent
+    ├── HeaderWrapperComponent
+    ├── SidebarWrapperComponent
+    ├── SidedrawerWrapperComponent
+    ├── Router Outlet (Content Area)
+    │   └── CideLytHomeWrapperComponent (and other page components)
+    ├── FooterWrapperComponent
+    └── ConsoleWrapperComponent
+```
+
+### Service Relationships
+
+```
+CloudIdeLayoutService
+├── CideLytSharedService
+│   ├── CideLytHomeService
+│   ├── CideLytSidebarService
+│   ├── CideLytHeaderService
+│   ├── CideLytFooterService
+│   └── CideLytConsoleService
+└── CideElementsService (from cloud-ide-element)
+```
+
+### Inheritance Tree
+
+The wrapper components follow this inheritance pattern:
+
+```
+CideLytSharedWrapperComponent (Base)
+└── CideLytHomeWrapperComponent
+    (Other specialized wrapper components)
+```
+
+## API Reference
+
+### Components
+
+#### CloudIdeLayoutComponent
+- **Selector**: `cide-lyt-wrapper`
+- **Purpose**: Main entry point component
+
+#### CideLytLayoutWrapperComponent
+- **Selector**: `cide-lyt-layout-wrapper`
+- **Purpose**: Layout structure component
+
+#### CideLytHomeWrapperComponent
+- **Selector**: `cide-lyt-home-wrapper`
+- **Purpose**: Home page specific layout
+- **Configuration**: `shared_wrapper_setup_param.sypg_page_code = "cide_lyt_home"`
+
+#### CideLytSharedWrapperComponent
+- **Selector**: `cide-lyt-shared-wrapper`
+- **Purpose**: Base component for page layouts
+- **Methods**:
+  - `loadPageData()`
+  - `setTitle(title: string)`
+
+### Services
+
+#### CloudIdeLayoutService
+- **Purpose**: Main library service
+
+#### CideLytSharedService
+- **Purpose**: Shared functionality service
+- **Methods**:
+  - `loadPageData(body: MDesignConfig): Observable<designConfigControllerResponse>`
+  - `setPageData(response: designConfigControllerResponse, payload: Partial<CideLytSharedWrapperSetupParam>): void`
+  - `getPageData(key: string): designConfigControllerResponse | undefined`
+
+#### CideLytHomeService
+- **Purpose**: Home page specific service
+
+## Contributing
+
+Guidelines for contributing to this library:
+
+1. Follow Angular best practices and coding standards
+2. Ensure components are standalone and properly encapsulated
+3. Write unit tests for all components and services
+4. Update documentation when adding new features
+5. Follow the existing architecture patterns
+
+## License
+
+MIT
+
+```typescript
+import { Component } from '@angular/core';
+import { CloudIdeLayoutModule } from '@cide-lms/cloud-ide-layout';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <cloud-ide-layout>
+      <cloud-ide-header>
+        <h1>CIDE-LMS</h1>
+        <div class="user-menu">...</div>
+      </cloud-ide-header>
+      
+      <cloud-ide-sidebar [items]="navigationItems">
+        <!-- Optional custom sidebar content -->
+      </cloud-ide-sidebar>
+      
+      <cloud-ide-content>
+        <router-outlet></router-outlet>
+      </cloud-ide-content>
+      
+      <cloud-ide-footer>
+        &copy; 2025 CIDE-LMS
+      </cloud-ide-footer>
+    </cloud-ide-layout>
+  `
+})
+export class AppComponent {
+  navigationItems = [
+    { label: 'Dashboard', icon: 'dashboard', route: '/dashboard' },
+    { label: 'Courses', icon: 'school', route: '/courses' },
+    { label: 'Calendar', icon: 'calendar', route: '/calendar' },
+    { label: 'Messages', icon: 'message', route: '/messages', badge: '5' },
+    {
+      label: 'Settings',
+      icon: 'settings',
+      children: [
+        { label: 'Profile', route: '/settings/profile' },
+        { label: 'Account', route: '/settings/account' }
+      ]
+    }
+  ];
+}
+```
+
+### Sidebar Service
+
+```typescript
+import { Component } from '@angular/core';
+import { CloudIdeLayoutService } from '@cide-lms/cloud-ide-layout';
+
+@Component({
+  selector: 'app-header',
+  template: `
+    <button (click)="toggleSidebar()">
+      <cloud-ide-icon name="menu"></cloud-ide-icon>
+    </button>
+  `
+})
+export class HeaderComponent {
+  constructor(private layoutService: CloudIdeLayoutService) {}
+  
+  toggleSidebar() {
+    this.layoutService.toggleSidebar();
+  }
+}
+```
+
+### Responsive Breakpoints
+
+```typescript
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { CloudIdeLayoutService, BreakpointState } from '@cide-lms/cloud-ide-layout';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'app-responsive-component',
+  template: `
+    <div [class.compact]="isMobile">
+      <!-- Content that adjusts based on screen size -->
+    </div>
+  `
+})
+export class ResponsiveComponent implements OnInit, OnDestroy {
+  isMobile = false;
+  private breakpointSubscription: Subscription;
+  
+  constructor(private layoutService: CloudIdeLayoutService) {}
+  
+  ngOnInit() {
+    this.breakpointSubscription = this.layoutService.breakpointState$.subscribe(
+      (state: BreakpointState) => {
+        this.isMobile = state.isMobile;
+      }
+    );
+  }
+  
+  ngOnDestroy() {
+    this.breakpointSubscription?.unsubscribe();
+  }
+}
+```
+
+### Theme Management
+
+```typescript
+import { Component } from '@angular/core';
+import { CloudIdeLayoutService, ThemeMode } from '@cide-lms/cloud-ide-layout';
+
+@Component({
+  selector: 'app-theme-toggle',
+  template: `
+    <button (click)="toggleTheme()">
+      <cloud-ide-icon [name]="isDarkMode ? 'light_mode' : 'dark_mode'"></cloud-ide-icon>
+      {{ isDarkMode ? 'Light Mode' : 'Dark Mode' }}
+    </button>
+  `
+})
+export class ThemeToggleComponent {
+  isDarkMode = false;
+  
+  constructor(private layoutService: CloudIdeLayoutService) {
+    this.layoutService.currentTheme$.subscribe(theme => {
+      this.isDarkMode = theme === ThemeMode.DARK;
+    });
+  }
+  
+  toggleTheme() {
+    this.layoutService.toggleTheme();
+  }
+}
+```
+
+## API Reference
+
+### Components
+
+| Component           | Description                                               |
+|---------------------|-----------------------------------------------------------|
+| CloudIdeLayout      | Main layout container                                     |
+| CloudIdeHeader      | Application header with customizable content              |
+| CloudIdeSidebar     | Navigation sidebar with collapsible menu                  |
+| CloudIdeContent     | Main content area                                         |
+| CloudIdeFooter      | Application footer                                        |
+| CloudIdeBreadcrumbs | Breadcrumb navigation component                           |
+| CloudIdeTabs        | Tabbed interface component                                |
+
+### CloudIdeLayoutService
+
+| Method/Property      | Type                   | Description                                      |
+|----------------------|------------------------|--------------------------------------------------|
+| toggleSidebar()      | method                 | Toggles sidebar visibility                       |
+| setSidebarVisible()  | method(boolean)        | Sets sidebar visibility                          |
+| toggleTheme()        | method                 | Toggles between light and dark mode              |
+| setTheme()           | method(ThemeMode)      | Sets specific theme mode                         |
+| sidebarVisible$      | Observable\<boolean\>   | Current sidebar visibility state                 |
+| currentTheme$        | Observable\<ThemeMode\> | Current theme mode                               |
+| breakpointState$     | Observable\<BreakpointState\> | Current responsive breakpoint information     |
+
+## Customization
+
+### Theme Variables
+
+The layout components use CSS variables for styling. You can override these in your application:
+
+```scss
+:root {
+  // Layout colors
+  --cide-layout-bg: #f8fafc;
+  --cide-layout-text: #1e293b;
+  --cide-layout-sidebar-bg: #ffffff;
+  --cide-layout-sidebar-text: #475569;
+  --cide-layout-sidebar-active: #3b82f6;
+  --cide-layout-header-bg: #ffffff;
+  --cide-layout-header-text: #1e293b;
+  
+  // Spacing
+  --cide-layout-header-height: 64px;
+  --cide-layout-sidebar-width: 280px;
+  --cide-layout-sidebar-collapsed-width: 72px;
+  --cide-layout-footer-height: 48px;
+  
+  // Other
+  --cide-layout-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+  --cide-layout-border-color: #e2e8f0;
+}
+```
+
+### Dark Mode Variables
+
+```scss
+.dark-theme {
+  --cide-layout-bg: #0f172a;
+  --cide-layout-text: #f1f5f9;
+  --cide-layout-sidebar-bg: #1e293b;
+  --cide-layout-sidebar-text: #cbd5e1;
+  --cide-layout-sidebar-active: #60a5fa;
+  --cide-layout-header-bg: #1e293b;
+  --cide-layout-header-text: #f1f5f9;
+  --cide-layout-border-color: #334155;
+}
+```
+
+## Layouts
+
+The library includes several predefined layout templates:
+
+1. **Standard Layout** - Header, sidebar, and content
+2. **Dashboard Layout** - Header, sidebar, content with dashboard cards
+3. **Learning Layout** - Optimized for learning content with adjustable sidebar
+
+To use a specific layout:
+
+```typescript
+import { CloudIdeLayoutModule, LayoutType } from '@cide-lms/cloud-ide-layout';
+
+@Component({
+  template: `
+    <cloud-ide-layout [type]="LayoutType.DASHBOARD">
+      <!-- Layout content -->
+    </cloud-ide-layout>
+  `
+})
+export class DashboardComponent {
+  LayoutType = LayoutType; // Make enum available in template
+}
+```
+
+## Installation
+To install the library in your project, follow these steps:
+
+1. **Install the Library**  
+    Run the following command to install the library:  
+    ```bash
+    npm install cloud-ide-layout
+    ```
+
+2. **Add Global Styles**  
+    Update the `styles` array in the `angular.json` file to include your global CSS file. For example:  
+    ```json
+    "styles": [
+      "src/styles.css",
+      "node_modules/cloud-ide-layout/src/lib/assets/css/cide-lyt-style.scss"
+    ]
+    ```
+    ```

package/esm2022/lib/cloud-ide-layout.routes.mjs

@@ -1,14 +1,28 @@
 export const layoutRoutes = {
     path: "control-panel",
     loadComponent: () => import('./cloud-ide-layout.component').then(c => c.CloudIdeLayoutComponent),
-    children: [{
-            path: "",
-            pathMatch: "full",
-            redirectTo: "home"
-        },
-        {
-            path: "home",
-            loadComponent: () => import('./layout/home/home-wrapper/home-wrapper.component').then(c => c.CideLytHomeWrapperComponent),
-        }]
+    // canActivate: [authGuard]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvdWQtaWRlLWxheW91dC5yb3V0ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtbGF5b3V0L3NyYy9saWIvY2xvdWQtaWRlLWxheW91dC5yb3V0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFVO0lBQy9CLElBQUksRUFBRSxlQUFlO0lBQ3JCLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsOEJBQThCLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUM7SUFDaEcsUUFBUSxFQUFFLENBQUM7WUFDUCxJQUFJLEVBQUUsRUFBRTtZQUNSLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFVBQVUsRUFBRSxNQUFNO1NBQ3JCO1FBQ0Q7WUFDSSxJQUFJLEVBQUUsTUFBTTtZQUNaLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsbURBQW1ELENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUM7U0FDNUgsQ0FBQztDQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5leHBvcnQgY29uc3QgbGF5b3V0Um91dGVzOiBSb3V0ZSA9IHtcclxuICAgIHBhdGg6IFwiY29udHJvbC1wYW5lbFwiLFxyXG4gICAgbG9hZENvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Nsb3VkLWlkZS1sYXlvdXQuY29tcG9uZW50JykudGhlbihjID0+IGMuQ2xvdWRJZGVMYXlvdXRDb21wb25lbnQpLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgICAgcGF0aDogXCJcIixcclxuICAgICAgICBwYXRoTWF0Y2g6IFwiZnVsbFwiLFxyXG4gICAgICAgIHJlZGlyZWN0VG86IFwiaG9tZVwiXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICAgIHBhdGg6IFwiaG9tZVwiLFxyXG4gICAgICAgIGxvYWRDb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9sYXlvdXQvaG9tZS9ob21lLXdyYXBwZXIvaG9tZS13cmFwcGVyLmNvbXBvbmVudCcpLnRoZW4oYyA9PiBjLkNpZGVMeXRIb21lV3JhcHBlckNvbXBvbmVudCksXHJcbiAgICB9XVxyXG59OyJdfQ==
+export const layoutControlPannelChildRoutes = [{
+        path: "",
+        pathMatch: "full",
+        redirectTo: "home"
+    },
+    {
+        path: "home",
+        loadComponent: () => import('./layout/home/home-wrapper/home-wrapper.component').then(c => c.CideLytHomeWrapperComponent),
+        data: {
+            reuseTab: true, // For CustomRouteReuseStrategy
+            sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
+        }
+    }];
+// {
+//     path: "admin-home",
+//     loadComponent: () => import('../../../cloud-ide-admin/src/lib/admin-module/home/home-wrapper/cide-adm-home-wrapper.component').then(c => c.CideAdmHomeWrapperComponent),
+//     data: {
+//         reuseTab: true, // For CustomRouteReuseStrategy
+//         sypg_page_code: "cide_adm_home" // Example: Ensure this page code is configured in your backend
+//     }
+// }];
+// ]  
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvdWQtaWRlLWxheW91dC5yb3V0ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtbGF5b3V0L3NyYy9saWIvY2xvdWQtaWRlLWxheW91dC5yb3V0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFVO0lBQy9CLElBQUksRUFBRSxlQUFlO0lBQ3JCLGFBQWEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsOEJBQThCLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUM7SUFDaEcsMkJBQTJCO0NBQzlCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSw4QkFBOEIsR0FBWSxDQUFDO1FBQ3BELElBQUksRUFBRSxFQUFFO1FBQ1IsU0FBUyxFQUFFLE1BQU07UUFDakIsVUFBVSxFQUFFLE1BQU07S0FDckI7SUFDRDtRQUNJLElBQUksRUFBRSxNQUFNO1FBQ1osYUFBYSxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtREFBbUQsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztRQUN6SCxJQUFJLEVBQUU7WUFDRixRQUFRLEVBQUUsSUFBSSxFQUFFLCtCQUErQjtZQUMvQyxjQUFjLEVBQUUsZUFBZSxDQUFDLGlEQUFpRDtTQUNwRjtLQUNKLENBQUMsQ0FBQztBQUNILElBQUk7QUFDSiwwQkFBMEI7QUFDMUIsK0tBQStLO0FBQy9LLGNBQWM7QUFDZCwwREFBMEQ7QUFDMUQsMEdBQTBHO0FBQzFHLFFBQVE7QUFDUixNQUFNO0FBQ04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbmV4cG9ydCBjb25zdCBsYXlvdXRSb3V0ZXM6IFJvdXRlID0ge1xyXG4gICAgcGF0aDogXCJjb250cm9sLXBhbmVsXCIsXHJcbiAgICBsb2FkQ29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vY2xvdWQtaWRlLWxheW91dC5jb21wb25lbnQnKS50aGVuKGMgPT4gYy5DbG91ZElkZUxheW91dENvbXBvbmVudCksXHJcbiAgICAvLyBjYW5BY3RpdmF0ZTogW2F1dGhHdWFyZF1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBsYXlvdXRDb250cm9sUGFubmVsQ2hpbGRSb3V0ZXM6IFJvdXRlW10gPSBbe1xyXG4gICAgcGF0aDogXCJcIixcclxuICAgIHBhdGhNYXRjaDogXCJmdWxsXCIsXHJcbiAgICByZWRpcmVjdFRvOiBcImhvbWVcIlxyXG59LFxyXG57XHJcbiAgICBwYXRoOiBcImhvbWVcIixcclxuICAgIGxvYWRDb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9sYXlvdXQvaG9tZS9ob21lLXdyYXBwZXIvaG9tZS13cmFwcGVyLmNvbXBvbmVudCcpLnRoZW4oYyA9PiBjLkNpZGVMeXRIb21lV3JhcHBlckNvbXBvbmVudCksXHJcbiAgICBkYXRhOiB7XHJcbiAgICAgICAgcmV1c2VUYWI6IHRydWUsIC8vIEZvciBDdXN0b21Sb3V0ZVJldXNlU3RyYXRlZ3lcclxuICAgICAgICBzeXBnX3BhZ2VfY29kZTogXCJjaWRlX2x5dF9ob21lXCIgLy8gVXNlZCBieSBSZXF1ZXN0U2VydmljZSB0byBmZXRjaCB0YWIgcHJvcGVydGllc1xyXG4gICAgfVxyXG59XTtcclxuLy8ge1xyXG4vLyAgICAgcGF0aDogXCJhZG1pbi1ob21lXCIsXHJcbi8vICAgICBsb2FkQ29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4uLy4uLy4uL2Nsb3VkLWlkZS1hZG1pbi9zcmMvbGliL2FkbWluLW1vZHVsZS9ob21lL2hvbWUtd3JhcHBlci9jaWRlLWFkbS1ob21lLXdyYXBwZXIuY29tcG9uZW50JykudGhlbihjID0+IGMuQ2lkZUFkbUhvbWVXcmFwcGVyQ29tcG9uZW50KSxcclxuLy8gICAgIGRhdGE6IHtcclxuLy8gICAgICAgICByZXVzZVRhYjogdHJ1ZSwgLy8gRm9yIEN1c3RvbVJvdXRlUmV1c2VTdHJhdGVneVxyXG4vLyAgICAgICAgIHN5cGdfcGFnZV9jb2RlOiBcImNpZGVfYWRtX2hvbWVcIiAvLyBFeGFtcGxlOiBFbnN1cmUgdGhpcyBwYWdlIGNvZGUgaXMgY29uZmlndXJlZCBpbiB5b3VyIGJhY2tlbmRcclxuLy8gICAgIH1cclxuLy8gfV07XHJcbi8vIF0gICJdfQ==

package/esm2022/lib/layout/console/console-wrapper/console-wrapper.component.mjs

@@ -1,11 +1,11 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
-export class ConsoleWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ConsoleWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ConsoleWrapperComponent, isStandalone: true, selector: "cide-lyt-console-wrapper", ngImport: i0, template: "<div\r\n    class=\"cide-console tw-w-full tw-absolute tw-items-center tw-bg-gray-50 tw-h-0 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-3\">\r\n\r\n</div>\r\n<!-- h-6 -->", styles: [""] }); }
+export class CideLytConsoleWrapperComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytConsoleWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideLytConsoleWrapperComponent, isStandalone: true, selector: "cide-lyt-console-wrapper", ngImport: i0, template: "<div id=\"cide-lyt-console-wrapper\" class=\"cide-lyt-console tw-w-full tw-absolute tw-items-center tw-bg-gray-50 tw-h-0 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-3\">\r\n\r\n</div>\r\n<!-- h-6 -->", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ConsoleWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytConsoleWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cide-lyt-console-wrapper', standalone: true, imports: [], template: "<div\r\n    class=\"cide-console tw-w-full tw-absolute tw-items-center tw-bg-gray-50 tw-h-0 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-3\">\r\n\r\n</div>\r\n<!-- h-6 -->" }]
+            args: [{ selector: 'cide-lyt-console-wrapper', standalone: true, imports: [], template: "<div id=\"cide-lyt-console-wrapper\" class=\"cide-lyt-console tw-w-full tw-absolute tw-items-center tw-bg-gray-50 tw-h-0 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-3\">\r\n\r\n</div>\r\n<!-- h-6 -->" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL2xpYi9sYXlvdXQvY29uc29sZS9jb25zb2xlLXdyYXBwZXIvY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL2xpYi9sYXlvdXQvY29uc29sZS9jb25zb2xlLXdyYXBwZXIvY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTyx1QkFBdUI7OEdBQXZCLHVCQUF1QjtrR0FBdkIsdUJBQXVCLG9GQ1RwQyw2TkFJWTs7MkZES0MsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjaWRlLWx5dC1jb25zb2xlLXdyYXBwZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnNvbGUtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NvbnNvbGUtd3JhcHBlci5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uc29sZVdyYXBwZXJDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImNpZGUtY29uc29sZSB0dy13LWZ1bGwgdHctYWJzb2x1dGUgdHctaXRlbXMtY2VudGVyIHR3LWJnLWdyYXktNTAgdHctaC0wIHR3LWJvcmRlci1iLWdyYXktMjAwIHR3LWJvcmRlci1zb2xpZCB0dy1ib3JkZXItdCB0dy1zZWxlY3Qtbm9uZSB0dy16LVsxMDBdIHR3LWJvdHRvbS0wIHR3LXB4LTNcIj5cclxuXHJcbjwvZGl2PlxyXG48IS0tIGgtNiAtLT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL2xpYi9sYXlvdXQvY29uc29sZS9jb25zb2xlLXdyYXBwZXIvY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL2xpYi9sYXlvdXQvY29uc29sZS9jb25zb2xlLXdyYXBwZXIvY29uc29sZS13cmFwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTyw4QkFBOEI7OEdBQTlCLDhCQUE4QjtrR0FBOUIsOEJBQThCLG9GQ1QzQywwUEFHWTs7MkZETUMsOEJBQThCO2tCQVAxQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjaWRlLWx5dC1jb25zb2xlLXdyYXBwZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnNvbGUtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jb25zb2xlLXdyYXBwZXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgQ2lkZUx5dENvbnNvbGVXcmFwcGVyQ29tcG9uZW50IHtcblxufVxuIiwiPGRpdiBpZD1cImNpZGUtbHl0LWNvbnNvbGUtd3JhcHBlclwiIGNsYXNzPVwiY2lkZS1seXQtY29uc29sZSB0dy13LWZ1bGwgdHctYWJzb2x1dGUgdHctaXRlbXMtY2VudGVyIHR3LWJnLWdyYXktNTAgdHctaC0wIHR3LWJvcmRlci1iLWdyYXktMjAwIHR3LWJvcmRlci1zb2xpZCB0dy1ib3JkZXItdCB0dy1zZWxlY3Qtbm9uZSB0dy16LVsxMDBdIHR3LWJvdHRvbS0wIHR3LXB4LTNcIj5cclxuXHJcbjwvZGl2PlxyXG48IS0tIGgtNiAtLT4iXX0=

package/esm2022/lib/layout/console/console.service.mjs

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CideLytConsoleService {
+    constructor() {
+        this.headerVisible = false;
+    }
+    // Hide Console
+    hideConsole() {
+        this.headerVisible = false;
+        document.querySelector(`#cide-lyt-console-wrapper`)?.classList.add('cide-lyt-console-wrapper-hide');
+        document.querySelector(`body`)?.classList.remove('cide-lyt-console-exist');
+    }
+    // Show Console
+    showConsole() {
+        this.headerVisible = true;
+        document.querySelector(`#cide-lyt-console-wrapper`)?.classList.remove('cide-lyt-console-wrapper-hide');
+        document.querySelector(`body`)?.classList.remove('cide-lyt-console-exist');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytConsoleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytConsoleService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytConsoleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc29sZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xvdWQtaWRlLWxheW91dC9zcmMvbGliL2xheW91dC9jb25zb2xlL2NvbnNvbGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8scUJBQXFCO0lBR2hDO1FBRk8sa0JBQWEsR0FBWSxLQUFLLENBQUM7SUFFdEIsQ0FBQztJQUVqQixlQUFlO0lBQ2YsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLFFBQVEsQ0FBQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsRUFBRSxTQUFTLENBQUMsR0FBRyxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFDcEcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRSxTQUFTLENBQUMsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFDN0UsQ0FBQztJQUVELGVBQWU7SUFDZixXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsUUFBUSxDQUFDLGFBQWEsQ0FBQywyQkFBMkIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQztRQUN2RyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUM3RSxDQUFDOzhHQWpCVSxxQkFBcUI7a0hBQXJCLHFCQUFxQixjQUZwQixNQUFNOzsyRkFFUCxxQkFBcUI7a0JBSGpDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2lkZUx5dENvbnNvbGVTZXJ2aWNlIHtcclxuICBwdWJsaWMgaGVhZGVyVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvLyBIaWRlIENvbnNvbGVcclxuICBoaWRlQ29uc29sZSgpIHtcclxuICAgIHRoaXMuaGVhZGVyVmlzaWJsZSA9IGZhbHNlO1xyXG4gICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgI2NpZGUtbHl0LWNvbnNvbGUtd3JhcHBlcmApPy5jbGFzc0xpc3QuYWRkKCdjaWRlLWx5dC1jb25zb2xlLXdyYXBwZXItaGlkZScpO1xyXG4gICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvcihgYm9keWApPy5jbGFzc0xpc3QucmVtb3ZlKCdjaWRlLWx5dC1jb25zb2xlLWV4aXN0Jyk7XHJcbiAgfVxyXG5cclxuICAvLyBTaG93IENvbnNvbGVcclxuICBzaG93Q29uc29sZSgpIHtcclxuICAgIHRoaXMuaGVhZGVyVmlzaWJsZSA9IHRydWU7XHJcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGAjY2lkZS1seXQtY29uc29sZS13cmFwcGVyYCk/LmNsYXNzTGlzdC5yZW1vdmUoJ2NpZGUtbHl0LWNvbnNvbGUtd3JhcHBlci1oaWRlJyk7XHJcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGBib2R5YCk/LmNsYXNzTGlzdC5yZW1vdmUoJ2NpZGUtbHl0LWNvbnNvbGUtZXhpc3QnKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/layout/footer/footer-wrapper/footer-wrapper.component.mjs

@@ -1,12 +1,20 @@
 import { Component } from '@angular/core';
-import { CideIconComponent } from 'cloud-ide-element';
+import { CideEleResizerDirective, CideIconComponent } from 'cloud-ide-element';
 import * as i0 from "@angular/core";
-export class FooterWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FooterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FooterWrapperComponent, isStandalone: true, selector: "cide-lyt-footer-wrapper", ngImport: i0, template: "<div\r\n    class=\"cide-footer tw-w-full tw-justify-between tw-flex tw-absolute tw-bg-gray-50 tw-h-5 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-1\">\r\n    <div></div>\r\n    <div>\r\n        <cide-ele-icon size=\"3xs\" class=\"tw-mt-0.5\" type=\"none\">contact_support</cide-ele-icon>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }] }); }
+export class CideLytFooterWrapperComponent {
+    constructor() {
+        this.footerSetupData = {
+            cide_lyt_footer_height: 0
+        };
+        // collecte the width of the sidebar by using the style property
+        const cide_lyt_sidedrawer_wrapper_width = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('--cide-lyt-sidedrawer-wrapper-width'));
+        this.footerSetupData.cide_lyt_footer_height = (cide_lyt_sidedrawer_wrapper_width);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytFooterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CideLytFooterWrapperComponent, isStandalone: true, selector: "cide-lyt-footer-wrapper", ngImport: i0, template: "<div\r\n    class=\"cide-footer tw-w-full tw-justify-between tw-flex tw-h-5 tw-select-none tw-px-1\">\r\n    <!-- Resizer -->\r\n    <div parentElementSelector=\"#cide-lyt-layout-wrapper\" prevElementSelector=\"#cide-lyt-sidebar-page-wrapper\"\r\n        nextElementSelector=\"#cide-lyt-footer-console-wrapper\" [minNextSize]=\"footerSetupData.cide_lyt_footer_height\" cideEleResizer direction=\"vertical\">\r\n        <div class=\"cide-lyt-devider-track tw-w-full tw-h-full\"></div>\r\n    </div>\r\n    <div></div>\r\n    <div>\r\n        <cide-ele-icon size=\"3xs\" class=\"tw-mt-0.5\" type=\"none\">contact_support</cide-ele-icon>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "directive", type: CideEleResizerDirective, selector: "[cideEleResizer]", inputs: ["direction", "to", "prevElementSelector", "nextElementSelector", "parentElementSelector", "minPrevSize", "minNextSize", "usePercentage"], outputs: ["resizeStart", "resizing", "resizeEnd"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FooterWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytFooterWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cide-lyt-footer-wrapper', standalone: true, imports: [CideIconComponent], template: "<div\r\n    class=\"cide-footer tw-w-full tw-justify-between tw-flex tw-absolute tw-bg-gray-50 tw-h-5 tw-border-b-gray-200 tw-border-solid tw-border-t tw-select-none tw-z-[100] tw-bottom-0 tw-px-1\">\r\n    <div></div>\r\n    <div>\r\n        <cide-ele-icon size=\"3xs\" class=\"tw-mt-0.5\" type=\"none\">contact_support</cide-ele-icon>\r\n    </div>\r\n</div>" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xvdWQtaWRlLWxheW91dC9zcmMvbGliL2xheW91dC9mb290ZXIvZm9vdGVyLXdyYXBwZXIvZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xvdWQtaWRlLWxheW91dC9zcmMvbGliL2xheW91dC9mb290ZXIvZm9vdGVyLXdyYXBwZXIvZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFTdEQsTUFBTSxPQUFPLHNCQUFzQjs4R0FBdEIsc0JBQXNCO2tHQUF0QixzQkFBc0IsbUZDVm5DLDBXQU1NLDBEREFNLGlCQUFpQjs7MkZBSWhCLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLENBQUMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2lkZUljb25Db21wb25lbnQgfSBmcm9tICdjbG91ZC1pZGUtZWxlbWVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NpZGUtbHl0LWZvb3Rlci13cmFwcGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDaWRlSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvb3RlcldyYXBwZXJDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImNpZGUtZm9vdGVyIHR3LXctZnVsbCB0dy1qdXN0aWZ5LWJldHdlZW4gdHctZmxleCB0dy1hYnNvbHV0ZSB0dy1iZy1ncmF5LTUwIHR3LWgtNSB0dy1ib3JkZXItYi1ncmF5LTIwMCB0dy1ib3JkZXItc29saWQgdHctYm9yZGVyLXQgdHctc2VsZWN0LW5vbmUgdHctei1bMTAwXSB0dy1ib3R0b20tMCB0dy1weC0xXCI+XHJcbiAgICA8ZGl2PjwvZGl2PlxyXG4gICAgPGRpdj5cclxuICAgICAgICA8Y2lkZS1lbGUtaWNvbiBzaXplPVwiM3hzXCIgY2xhc3M9XCJ0dy1tdC0wLjVcIiB0eXBlPVwibm9uZVwiPmNvbnRhY3Rfc3VwcG9ydDwvY2lkZS1lbGUtaWNvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+            args: [{ selector: 'cide-lyt-footer-wrapper', standalone: true, imports: [CideIconComponent, CideEleResizerDirective], template: "<div\r\n    class=\"cide-footer tw-w-full tw-justify-between tw-flex tw-h-5 tw-select-none tw-px-1\">\r\n    <!-- Resizer -->\r\n    <div parentElementSelector=\"#cide-lyt-layout-wrapper\" prevElementSelector=\"#cide-lyt-sidebar-page-wrapper\"\r\n        nextElementSelector=\"#cide-lyt-footer-console-wrapper\" [minNextSize]=\"footerSetupData.cide_lyt_footer_height\" cideEleResizer direction=\"vertical\">\r\n        <div class=\"cide-lyt-devider-track tw-w-full tw-h-full\"></div>\r\n    </div>\r\n    <div></div>\r\n    <div>\r\n        <cide-ele-icon size=\"3xs\" class=\"tw-mt-0.5\" type=\"none\">contact_support</cide-ele-icon>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xvdWQtaWRlLWxheW91dC9zcmMvbGliL2xheW91dC9mb290ZXIvZm9vdGVyLXdyYXBwZXIvZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xvdWQtaWRlLWxheW91dC9zcmMvbGliL2xheW91dC9mb290ZXIvZm9vdGVyLXdyYXBwZXIvZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFTL0UsTUFBTSxPQUFPLDZCQUE2QjtJQUt4QztRQUpPLG9CQUFlLEdBQUc7WUFDdkIsc0JBQXNCLEVBQUUsQ0FBQztTQUMxQixDQUFBO1FBR0MsZ0VBQWdFO1FBQ2hFLE1BQU0saUNBQWlDLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsZ0JBQWdCLENBQUMscUNBQXFDLENBQUMsQ0FBQyxDQUFDO1FBRTlKLElBQUksQ0FBQyxlQUFlLENBQUMsc0JBQXNCLEdBQUcsQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7OEdBVlUsNkJBQTZCO2tHQUE3Qiw2QkFBNkIsbUZDVjFDLG9wQkFXTSwwRERMTSxpQkFBaUIsK0ZBQUUsdUJBQXVCOzsyRkFJekMsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsRUFBRSx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2lkZUVsZVJlc2l6ZXJEaXJlY3RpdmUsIENpZGVJY29uQ29tcG9uZW50IH0gZnJvbSAnY2xvdWQtaWRlLWVsZW1lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjaWRlLWx5dC1mb290ZXItd3JhcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDaWRlSWNvbkNvbXBvbmVudCwgQ2lkZUVsZVJlc2l6ZXJEaXJlY3RpdmVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZm9vdGVyLXdyYXBwZXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgQ2lkZUx5dEZvb3RlcldyYXBwZXJDb21wb25lbnQge1xuICBwdWJsaWMgZm9vdGVyU2V0dXBEYXRhID0ge1xuICAgIGNpZGVfbHl0X2Zvb3Rlcl9oZWlnaHQ6IDBcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIGNvbGxlY3RlIHRoZSB3aWR0aCBvZiB0aGUgc2lkZWJhciBieSB1c2luZyB0aGUgc3R5bGUgcHJvcGVydHlcbiAgICBjb25zdCBjaWRlX2x5dF9zaWRlZHJhd2VyX3dyYXBwZXJfd2lkdGggPSBwYXJzZUludCh3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoJy0tY2lkZS1seXQtc2lkZWRyYXdlci13cmFwcGVyLXdpZHRoJykpO1xuXG4gICAgdGhpcy5mb290ZXJTZXR1cERhdGEuY2lkZV9seXRfZm9vdGVyX2hlaWdodCA9IChjaWRlX2x5dF9zaWRlZHJhd2VyX3dyYXBwZXJfd2lkdGgpO1xuICB9XG59XG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImNpZGUtZm9vdGVyIHR3LXctZnVsbCB0dy1qdXN0aWZ5LWJldHdlZW4gdHctZmxleCB0dy1oLTUgdHctc2VsZWN0LW5vbmUgdHctcHgtMVwiPlxyXG4gICAgPCEtLSBSZXNpemVyIC0tPlxyXG4gICAgPGRpdiBwYXJlbnRFbGVtZW50U2VsZWN0b3I9XCIjY2lkZS1seXQtbGF5b3V0LXdyYXBwZXJcIiBwcmV2RWxlbWVudFNlbGVjdG9yPVwiI2NpZGUtbHl0LXNpZGViYXItcGFnZS13cmFwcGVyXCJcclxuICAgICAgICBuZXh0RWxlbWVudFNlbGVjdG9yPVwiI2NpZGUtbHl0LWZvb3Rlci1jb25zb2xlLXdyYXBwZXJcIiBbbWluTmV4dFNpemVdPVwiZm9vdGVyU2V0dXBEYXRhLmNpZGVfbHl0X2Zvb3Rlcl9oZWlnaHRcIiBjaWRlRWxlUmVzaXplciBkaXJlY3Rpb249XCJ2ZXJ0aWNhbFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjaWRlLWx5dC1kZXZpZGVyLXRyYWNrIHR3LXctZnVsbCB0dy1oLWZ1bGxcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdj48L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgICAgPGNpZGUtZWxlLWljb24gc2l6ZT1cIjN4c1wiIGNsYXNzPVwidHctbXQtMC41XCIgdHlwZT1cIm5vbmVcIj5jb250YWN0X3N1cHBvcnQ8L2NpZGUtZWxlLWljb24+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19