ontimize-web-ngx 15.0.0-beta.0 → 15.0.0-beta.1

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 (39) hide show
  1. package/esm2020/lib/components/table/o-table.component.mjs +2 -2
  2. package/esm2020/lib/services/appearance.service.mjs +14 -2
  3. package/fesm2015/ontimize-web-ngx.mjs +14 -3
  4. package/fesm2015/ontimize-web-ngx.mjs.map +1 -1
  5. package/fesm2020/ontimize-web-ngx.mjs +14 -3
  6. package/fesm2020/ontimize-web-ngx.mjs.map +1 -1
  7. package/lib/services/appearance.service.d.ts +3 -0
  8. package/package.json +1 -1
  9. package/theme.scss +61 -155
  10. package/theming/{ontimize-theme.scss → ontimize-style-v8.scss} +32 -96
  11. package/theming/{implatform-fashion-theme.scss → ontimize-style.scss} +127 -32
  12. package/theming/styles/{lite/layout-lite.scss → layout.scss} +1 -1
  13. package/theming/styles/{fashion/typography-fashion.scss → ontimize/typography-ontimize.scss} +14 -4
  14. package/theming/styles/{lite/typography-lite.scss → ontimize-v8/containers.scss} +1 -97
  15. package/theming/styles/ontimize-v8/o-form-field-style.scss +52 -0
  16. package/theming/styles/ontimize-v8/o-table-style.scss +224 -0
  17. package/theming/styles/ontimize-v8/variables.scss +10 -0
  18. package/theming/styles/paginator.scss +4 -0
  19. package/theming/themes/fashion.scss +46 -0
  20. package/theming/themes/ontimize-black-yellow.scss +3 -5
  21. package/theming/themes/{ontimize-lite.scss → ontimize-blue.scss} +3 -14
  22. package/theming/themes/ontimize.scss +8 -16
  23. package/theming/{styles/lite/typography/ontimize-lite.scss → typography/ontimize.scss} +3 -3
  24. package/theming/ontimize-theme-flat.scss +0 -330
  25. package/theming/ontimize-theme-lite.scss +0 -40
  26. package/theming/styles/default/typography/ontimize.scss +0 -9
  27. package/theming/styles/flat/variables.scss +0 -8
  28. package/theming/styles/lite/form-field/o-form-field-theme.scss +0 -57
  29. package/theming/styles/lite/layout.scss +0 -70
  30. package/theming/styles/lite/paginator.scss +0 -6
  31. package/theming/themes/implatform-fashion-default-theme.scss +0 -148
  32. package/theming/themes/mat-deeppurple-amber.scss +0 -12
  33. package/theming/themes/mat-indigo-pink.scss +0 -11
  34. package/theming/themes/mat-pink-bluegrey.scss +0 -11
  35. package/theming/themes/mat-purple-green.scss +0 -11
  36. /package/theming/{styles/default/addons → addons}/charts-on-demand.scss +0 -0
  37. /package/theming/{styles/default/addons → addons}/report-on-demand.scss +0 -0
  38. /package/theming/styles/{fashion → ontimize}/variables.scss +0 -0
  39. /package/theming/{styles/default/typography → typography}/o-table-typography.scss +0 -0
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, EventEmitter, Directive, Host, Self, Optional, Input, HostListener, Output, Injectable, Injector, Component, forwardRef, ContentChildren, ChangeDetectorRef, Pipe, NgModule, ViewChild, ElementRef, ViewEncapsulation, ViewContainerRef, Inject, NgZone, HostBinding, ViewChildren, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, TemplateRef, SkipSelf, isDevMode, ContentChild, Renderer2, APP_INITIALIZER } from '@angular/core';
2
+ import { InjectionToken, EventEmitter, Directive, Host, Self, Optional, Input, HostListener, Output, Injectable, Injector, Component, forwardRef, ContentChildren, ChangeDetectorRef, Pipe, NgModule, ViewChild, ElementRef, ViewEncapsulation, ViewContainerRef, Inject, NgZone, HostBinding, ViewChildren, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, TemplateRef, SkipSelf, isDevMode, ContentChild, Renderer2, inject, APP_INITIALIZER } from '@angular/core';
3
3
  import moment from 'moment';
4
4
  import { isObservable, from, of, Subscription, Subject, Observable, timer, combineLatest, BehaviorSubject, ReplaySubject, merge, fromEvent } from 'rxjs';
5
5
  export { Observable, Subject } from 'rxjs';
@@ -12,7 +12,7 @@ import { TranslateService, TranslateDefaultParser, TranslateModule, TranslateLoa
12
12
  import * as i10 from 'ngx-material-timepicker';
13
13
  import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
14
14
  import * as i1$2 from '@angular/common';
15
- import { Location, CommonModule, LOCATION_INITIALIZED } from '@angular/common';
15
+ import { Location, CommonModule, DOCUMENT, LOCATION_INITIALIZED } from '@angular/common';
16
16
  import * as i1 from '@angular/router';
17
17
  import { Router, NavigationStart, NavigationEnd, RouterModule, ActivatedRoute } from '@angular/router';
18
18
  import * as i2$2 from '@angular/flex-layout';
@@ -32712,7 +32712,7 @@ class OTableComponent extends AbstractOServiceComponent {
32712
32712
  }
32713
32713
  getColumnsNotIncluded() {
32714
32714
  let colsNotIncluded = [];
32715
- colsNotIncluded = this.oTableOptions.columns.filter(c => void 0 !== c.renderer && c.type === 'image').map(c => c.attr);
32715
+ colsNotIncluded = this.oTableOptions.columns.filter(c => void 0 !== c.renderer && (c.type === 'image' || c.type === 'action')).map(c => c.attr);
32716
32716
  colsNotIncluded.push(Codes.NAME_COLUMN_SELECT);
32717
32717
  colsNotIncluded.push(Codes.NAME_COLUMN_EXPANDABLE);
32718
32718
  return colsNotIncluded;
@@ -36401,10 +36401,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
36401
36401
  class AppearanceService {
36402
36402
  constructor(injector) {
36403
36403
  this.injector = injector;
36404
+ this.darkThemeClass = 'o-dark';
36404
36405
  this.isDarkModeSubject = new BehaviorSubject(false);
36405
36406
  this.isDarkMode$ = this.isDarkModeSubject.asObservable();
36406
36407
  this.localStorageService = this.injector.get(LocalStorageService);
36408
+ this._document = inject(DOCUMENT);
36407
36409
  const config = this.localStorageService.getStoredData();
36410
+ this.isDarkMode$.subscribe(x => this.updateThemeClass(x));
36408
36411
  if (config && config["theme"] && typeof config["theme"].isDark === 'boolean') {
36409
36412
  const isDark = config["theme"].isDark;
36410
36413
  this.isDarkModeSubject.next(isDark);
@@ -36422,6 +36425,14 @@ class AppearanceService {
36422
36425
  isDarkMode() {
36423
36426
  return this.isDarkModeSubject.value;
36424
36427
  }
36428
+ updateThemeClass(isDark) {
36429
+ if (isDark) {
36430
+ this._document.body.classList.add(this.darkThemeClass);
36431
+ }
36432
+ else {
36433
+ this._document.body.classList.remove(this.darkThemeClass);
36434
+ }
36435
+ }
36425
36436
  }
36426
36437
  AppearanceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppearanceService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
36427
36438
  AppearanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppearanceService, providedIn: 'root' });