cloud-ide-layout 1.0.206 → 1.0.208

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/fesm2022/{cloud-ide-layout-cloud-ide-layout-B0-zQGMo.mjs → cloud-ide-layout-cloud-ide-layout-CU0WBmHS.mjs} +36 -21
  2. package/fesm2022/cloud-ide-layout-cloud-ide-layout-CU0WBmHS.mjs.map +1 -0
  3. package/fesm2022/{cloud-ide-layout-dashboard-manager.component-BhdibeqP.mjs → cloud-ide-layout-dashboard-manager.component-BKfePD78.mjs} +2 -2
  4. package/fesm2022/{cloud-ide-layout-dashboard-manager.component-BhdibeqP.mjs.map → cloud-ide-layout-dashboard-manager.component-BKfePD78.mjs.map} +1 -1
  5. package/fesm2022/{cloud-ide-layout-drawer-theme.component-DMwnoVZe.mjs → cloud-ide-layout-drawer-theme.component-D0xJWft1.mjs} +2 -2
  6. package/fesm2022/{cloud-ide-layout-drawer-theme.component-DMwnoVZe.mjs.map → cloud-ide-layout-drawer-theme.component-D0xJWft1.mjs.map} +1 -1
  7. package/fesm2022/{cloud-ide-layout-home-wrapper.component-BDrz_P5S.mjs → cloud-ide-layout-home-wrapper.component-BjJEbmZe.mjs} +2 -2
  8. package/fesm2022/{cloud-ide-layout-home-wrapper.component-BDrz_P5S.mjs.map → cloud-ide-layout-home-wrapper.component-BjJEbmZe.mjs.map} +1 -1
  9. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-v3FvA4dr.mjs → cloud-ide-layout-sidedrawer-notes.component-nkGvIVbP.mjs} +2 -2
  10. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-v3FvA4dr.mjs.map → cloud-ide-layout-sidedrawer-notes.component-nkGvIVbP.mjs.map} +1 -1
  11. package/fesm2022/cloud-ide-layout.mjs +1 -1
  12. package/index.d.ts +1 -1
  13. package/package.json +1 -1
  14. package/fesm2022/cloud-ide-layout-cloud-ide-layout-B0-zQGMo.mjs.map +0 -1
@@ -1892,20 +1892,12 @@ class NotificationSettingsComponent {
1892
1892
  });
1893
1893
  }
1894
1894
  updateSliderBackground(value) {
1895
- setTimeout(() => {
1896
- const slider = document.querySelector('.volume-slider');
1897
- if (slider) {
1898
- const percentage = value;
1899
- const isDark = document.documentElement.classList.contains('dark-mode') ||
1900
- document.documentElement.getAttribute('data-theme') === 'dark';
1901
- if (isDark) {
1902
- slider.style.background = `linear-gradient(to right, #3b82f6 0%, #3b82f6 ${percentage}%, #374151 ${percentage}%, #374151 100%)`;
1903
- }
1904
- else {
1905
- slider.style.background = `linear-gradient(to right, #2563eb 0%, #2563eb ${percentage}%, #e5e7eb ${percentage}%, #e5e7eb 100%)`;
1906
- }
1907
- }
1908
- }, 0);
1895
+ const slider = document.querySelector('.volume-slider');
1896
+ if (slider) {
1897
+ const percentage = value;
1898
+ // Use CSS variables for colors to avoid manual theme checks in TS
1899
+ slider.style.background = `linear-gradient(to right, var(--slider-fill) 0%, var(--slider-fill) ${percentage}%, var(--slider-track) ${percentage}%, var(--slider-track) 100%)`;
1900
+ }
1909
1901
  }
1910
1902
  onVolumeChange(event) {
1911
1903
  const value = parseInt(event.target.value, 10);
@@ -2187,7 +2179,7 @@ class NotificationSettingsComponent {
2187
2179
  </form>
2188
2180
  </div>
2189
2181
 
2190
- `, isInline: true, styles: [":host{display:block}.volume-slider-container{position:relative;width:100%}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;cursor:pointer;transition:background .3s ease}:host-context(.dark-mode) .volume-slider{background:#374151}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}:host-context(.dark-mode) .volume-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#1e293b}.volume-slider{background-size:var(--slider-value, 0%) 100%;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }] });
2182
+ `, isInline: true, styles: [".volume-slider-container{position:relative;width:100%;--slider-fill: #2563eb;--slider-track: #e5e7eb}:host-context(.dark-mode) .volume-slider-container{--slider-fill: #3b82f6;--slider-track: #374151}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}:host-context(.dark-mode) .volume-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#1e293b}.volume-slider{background-size:var(--slider-value, 0%) 100%;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }] });
2191
2183
  }
2192
2184
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NotificationSettingsComponent, decorators: [{
2193
2185
  type: Component,
@@ -2458,7 +2450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
2458
2450
  </form>
2459
2451
  </div>
2460
2452
 
2461
- `, styles: [":host{display:block}.volume-slider-container{position:relative;width:100%}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;cursor:pointer;transition:background .3s ease}:host-context(.dark-mode) .volume-slider{background:#374151}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}:host-context(.dark-mode) .volume-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#1e293b}.volume-slider{background-size:var(--slider-value, 0%) 100%;background-repeat:no-repeat}\n"] }]
2453
+ `, styles: [".volume-slider-container{position:relative;width:100%;--slider-fill: #2563eb;--slider-track: #e5e7eb}:host-context(.dark-mode) .volume-slider-container{--slider-fill: #3b82f6;--slider-track: #374151}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}:host-context(.dark-mode) .volume-slider::-webkit-slider-thumb{background:#3b82f6;border-color:#1e293b}.volume-slider{background-size:var(--slider-value, 0%) 100%;background-repeat:no-repeat}\n"] }]
2462
2454
  }] });
2463
2455
 
2464
2456
  class CideLytHeaderWrapperComponent {
@@ -2616,6 +2608,7 @@ class CideLytHeaderWrapperComponent {
2616
2608
  authService = inject(AUTH_SERVICE_TOKEN);
2617
2609
  wsNotificationService = inject(WebSocketNotificationService);
2618
2610
  notificationApiService = inject(NotificationApiService);
2611
+ toastService = inject(NotificationService);
2619
2612
  floatingContainerService = inject(CideEleFloatingContainerService);
2620
2613
  notificationSettingsService = inject(NotificationSettingsService);
2621
2614
  sidebarService = inject(CideLytSidebarService);
@@ -2763,6 +2756,28 @@ class CideLytHeaderWrapperComponent {
2763
2756
  this.loadNotifications();
2764
2757
  // Play notification sound based on user settings
2765
2758
  this.playNotificationSound();
2759
+ // Push toast notification for real-time visibility
2760
+ const toastOptions = {
2761
+ title: notification.title,
2762
+ icon: this.getNotificationIcon(notification.type),
2763
+ duration: 5000
2764
+ };
2765
+ switch (notification.type) {
2766
+ case 'success':
2767
+ this.toastService.success(notification.message, toastOptions);
2768
+ break;
2769
+ case 'error':
2770
+ this.toastService.error(notification.message, toastOptions);
2771
+ break;
2772
+ case 'warning':
2773
+ this.toastService.warning(notification.message, toastOptions);
2774
+ break;
2775
+ case 'info':
2776
+ case 'system':
2777
+ default:
2778
+ this.toastService.info(notification.message, toastOptions);
2779
+ break;
2780
+ }
2766
2781
  },
2767
2782
  error: (error) => {
2768
2783
  console.error('[Notifications] Error in notification stream:', error);
@@ -5612,8 +5627,8 @@ class CideLytSidedrawerWrapperComponent {
5612
5627
  }
5613
5628
  ngOnInit() {
5614
5629
  // Initialize the component map (You'd likely populate this from a config or service)
5615
- this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-v3FvA4dr.mjs').then(m => m.CideLytSidedrawerNotesComponent);
5616
- this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-DMwnoVZe.mjs').then(m => m.CideLytDrawerThemeComponent);
5630
+ this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-nkGvIVbP.mjs').then(m => m.CideLytSidedrawerNotesComponent);
5631
+ this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-D0xJWft1.mjs').then(m => m.CideLytDrawerThemeComponent);
5617
5632
  }
5618
5633
  async loadComponent(configFor) {
5619
5634
  console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -7312,7 +7327,7 @@ const layoutControlPannelChildRoutes = [{
7312
7327
  },
7313
7328
  {
7314
7329
  path: "home",
7315
- loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-BDrz_P5S.mjs').then(c => c.CideLytHomeWrapperComponent),
7330
+ loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-BjJEbmZe.mjs').then(c => c.CideLytHomeWrapperComponent),
7316
7331
  canActivate: [authGuard],
7317
7332
  data: {
7318
7333
  sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -7320,7 +7335,7 @@ const layoutControlPannelChildRoutes = [{
7320
7335
  },
7321
7336
  {
7322
7337
  path: "dashboard-manager",
7323
- loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-BhdibeqP.mjs').then(c => c.DashboardManagerComponent),
7338
+ loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-BKfePD78.mjs').then(c => c.DashboardManagerComponent),
7324
7339
  canActivate: [authGuard],
7325
7340
  data: {
7326
7341
  sypg_page_code: "cide_lyt_dashboard_manager"
@@ -9144,4 +9159,4 @@ var floatingEntitySelection_component = /*#__PURE__*/Object.freeze({
9144
9159
  */
9145
9160
 
9146
9161
  export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytSidedrawerService as b, CideLytThemeService as c, CloudIdeLayoutService as d, CloudIdeLayoutComponent as e, CideLytSharedService as f, ComponentContextService as g, layoutControlPannelChildRoutes as h, CustomRouteReuseStrategy as i, AppStateService as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, CideLytFloatingEntitySelectionComponent as r, setCSSVariable as s, themeFactory as t, CideLytFloatingEntitySelectionService as u };
9147
- //# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-B0-zQGMo.mjs.map
9162
+ //# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CU0WBmHS.mjs.map