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.
- package/esm2020/lib/components/table/o-table.component.mjs +2 -2
- package/esm2020/lib/services/appearance.service.mjs +14 -2
- package/fesm2015/ontimize-web-ngx.mjs +14 -3
- package/fesm2015/ontimize-web-ngx.mjs.map +1 -1
- package/fesm2020/ontimize-web-ngx.mjs +14 -3
- package/fesm2020/ontimize-web-ngx.mjs.map +1 -1
- package/lib/services/appearance.service.d.ts +3 -0
- package/package.json +1 -1
- package/theme.scss +61 -155
- package/theming/{ontimize-theme.scss → ontimize-style-v8.scss} +32 -96
- package/theming/{implatform-fashion-theme.scss → ontimize-style.scss} +127 -32
- package/theming/styles/{lite/layout-lite.scss → layout.scss} +1 -1
- package/theming/styles/{fashion/typography-fashion.scss → ontimize/typography-ontimize.scss} +14 -4
- package/theming/styles/{lite/typography-lite.scss → ontimize-v8/containers.scss} +1 -97
- package/theming/styles/ontimize-v8/o-form-field-style.scss +52 -0
- package/theming/styles/ontimize-v8/o-table-style.scss +224 -0
- package/theming/styles/ontimize-v8/variables.scss +10 -0
- package/theming/styles/paginator.scss +4 -0
- package/theming/themes/fashion.scss +46 -0
- package/theming/themes/ontimize-black-yellow.scss +3 -5
- package/theming/themes/{ontimize-lite.scss → ontimize-blue.scss} +3 -14
- package/theming/themes/ontimize.scss +8 -16
- package/theming/{styles/lite/typography/ontimize-lite.scss → typography/ontimize.scss} +3 -3
- package/theming/ontimize-theme-flat.scss +0 -330
- package/theming/ontimize-theme-lite.scss +0 -40
- package/theming/styles/default/typography/ontimize.scss +0 -9
- package/theming/styles/flat/variables.scss +0 -8
- package/theming/styles/lite/form-field/o-form-field-theme.scss +0 -57
- package/theming/styles/lite/layout.scss +0 -70
- package/theming/styles/lite/paginator.scss +0 -6
- package/theming/themes/implatform-fashion-default-theme.scss +0 -148
- package/theming/themes/mat-deeppurple-amber.scss +0 -12
- package/theming/themes/mat-indigo-pink.scss +0 -11
- package/theming/themes/mat-pink-bluegrey.scss +0 -11
- package/theming/themes/mat-purple-green.scss +0 -11
- /package/theming/{styles/default/addons → addons}/charts-on-demand.scss +0 -0
- /package/theming/{styles/default/addons → addons}/report-on-demand.scss +0 -0
- /package/theming/styles/{fashion → ontimize}/variables.scss +0 -0
- /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' });
|