@kolektor/nucleus-material 0.0.9-pre.5894 → 0.0.11-pre.6262
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/dialog/dialog.component.mjs +5 -5
- package/esm2020/lib/dialog/dialog.module.mjs +7 -12
- package/esm2020/lib/dialog/dialog.service.mjs +3 -3
- package/esm2020/lib/loaded-content/loaded-content-component.mjs +6 -6
- package/esm2020/lib/loaded-content/loaded-content-directive.mjs +3 -3
- package/esm2020/lib/loaded-content/loaded-content-module.mjs +8 -13
- package/esm2020/lib/loaded-content/loading-state.mjs +24 -10
- package/esm2020/lib/native-styling/native-styling.service.mjs +3 -3
- package/esm2020/lib/snackbar/snackbar.module.mjs +6 -8
- package/esm2020/lib/snackbar/snackbar.service.mjs +3 -3
- package/esm2020/lib/swipe-tabs/swipe-tabs-directive.mjs +8 -8
- package/esm2020/lib/swipe-tabs/swipe-tabs-module.mjs +5 -7
- package/esm2020/lib/user-avatar/user-avatar-component.mjs +3 -3
- package/esm2020/lib/user-avatar/user-avatar-module.mjs +5 -7
- package/fesm2015/kolektor-nucleus-material.mjs +83 -84
- package/fesm2015/kolektor-nucleus-material.mjs.map +1 -1
- package/fesm2020/kolektor-nucleus-material.mjs +83 -84
- package/fesm2020/kolektor-nucleus-material.mjs.map +1 -1
- package/{kolektor-nucleus-material.d.ts → index.d.ts} +0 -0
- package/lib/dialog/dialog.component.d.ts +1 -1
- package/lib/loaded-content/loaded-content-component.d.ts +1 -1
- package/lib/loaded-content/loaded-content-directive.d.ts +1 -1
- package/lib/loaded-content/loading-state.d.ts +1 -0
- package/lib/swipe-tabs/swipe-tabs-directive.d.ts +1 -1
- package/lib/user-avatar/user-avatar-component.d.ts +1 -1
- package/package.json +7 -7
|
@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
|
|
|
3
3
|
import { Component, Inject, Injectable, NgModule, Input, Directive } from '@angular/core';
|
|
4
4
|
import * as i1 from '@angular/material/dialog';
|
|
5
5
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
6
|
-
import * as
|
|
7
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
8
|
-
import * as i3 from '@angular/common';
|
|
6
|
+
import * as i1$1 from '@angular/common';
|
|
9
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import * as i3 from '@angular/material/button';
|
|
9
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
10
10
|
import { tap } from 'rxjs/operators';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i2 from '@angular/material/progress-spinner';
|
|
12
12
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
13
|
-
import * as
|
|
13
|
+
import * as i4 from '@angular/material/icon';
|
|
14
14
|
import { MatIconModule } from '@angular/material/icon';
|
|
15
15
|
import * as i1$2 from '@angular/router';
|
|
16
16
|
import { NavigationEnd } from '@angular/router';
|
|
@@ -25,9 +25,9 @@ class NucDialogComponent {
|
|
|
25
25
|
this.dialogData = dialogData;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
NucDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
29
|
-
NucDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
28
|
+
NucDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
NucDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: NucDialogComponent, selector: "nuc-dialog", ngImport: i0, template: "<ng-container *ngIf=\"dialogData\">\r\n <h2 mat-dialog-title *ngIf=\"dialogData.title\">\r\n {{dialogData.title}}\r\n </h2>\r\n <mat-dialog-content>{{dialogData.message}}</mat-dialog-content>\r\n <mat-dialog-actions>\r\n <ng-container *ngFor=\"let action of dialogData.actions\">\r\n <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value === undefined\" mat-button mat-dialog-close>{{action.text}}</button>\r\n <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value !== undefined\" mat-button [mat-dialog-close]=\"action.value\">{{action.text}}</button>\r\n </ng-container>\r\n </mat-dialog-actions>\r\n</ng-container>\r\n", styles: ["mat-dialog-actions{justify-content:flex-end}mat-dialog-content{white-space:pre-wrap}button{text-transform:uppercase;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'nuc-dialog', template: "<ng-container *ngIf=\"dialogData\">\r\n <h2 mat-dialog-title *ngIf=\"dialogData.title\">\r\n {{dialogData.title}}\r\n </h2>\r\n <mat-dialog-content>{{dialogData.message}}</mat-dialog-content>\r\n <mat-dialog-actions>\r\n <ng-container *ngFor=\"let action of dialogData.actions\">\r\n <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value === undefined\" mat-button mat-dialog-close>{{action.text}}</button>\r\n <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value !== undefined\" mat-button [mat-dialog-close]=\"action.value\">{{action.text}}</button>\r\n </ng-container>\r\n </mat-dialog-actions>\r\n</ng-container>\r\n", styles: ["mat-dialog-actions{justify-content:flex-end}mat-dialog-content{white-space:pre-wrap}button{text-transform:uppercase;font-weight:700}\n"] }]
|
|
33
33
|
}], ctorParameters: function () {
|
|
@@ -65,9 +65,9 @@ class NucDialogService {
|
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
NucDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
69
|
-
NucDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
68
|
+
NucDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
69
|
+
NucDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogService, providedIn: 'root' });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogService, decorators: [{
|
|
71
71
|
type: Injectable,
|
|
72
72
|
args: [{
|
|
73
73
|
providedIn: 'root'
|
|
@@ -76,16 +76,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
76
76
|
|
|
77
77
|
class NucDialogModule {
|
|
78
78
|
}
|
|
79
|
-
NucDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
80
|
-
NucDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
79
|
+
NucDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
80
|
+
NucDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: NucDialogModule, declarations: [NucDialogComponent], imports: [CommonModule,
|
|
81
|
+
MatDialogModule,
|
|
82
|
+
MatButtonModule] });
|
|
83
|
+
NucDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogModule, imports: [CommonModule,
|
|
81
84
|
MatDialogModule,
|
|
82
85
|
MatButtonModule] });
|
|
83
|
-
|
|
84
|
-
CommonModule,
|
|
85
|
-
MatDialogModule,
|
|
86
|
-
MatButtonModule
|
|
87
|
-
]] });
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucDialogModule, decorators: [{
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucDialogModule, decorators: [{
|
|
89
87
|
type: NgModule,
|
|
90
88
|
args: [{
|
|
91
89
|
declarations: [
|
|
@@ -95,9 +93,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
95
93
|
CommonModule,
|
|
96
94
|
MatDialogModule,
|
|
97
95
|
MatButtonModule
|
|
98
|
-
],
|
|
99
|
-
entryComponents: [
|
|
100
|
-
NucDialogComponent
|
|
101
96
|
]
|
|
102
97
|
}]
|
|
103
98
|
}] });
|
|
@@ -122,6 +117,7 @@ var LoadingStatus;
|
|
|
122
117
|
class LoadingState {
|
|
123
118
|
constructor() {
|
|
124
119
|
this._status = LoadingStatus.undefined;
|
|
120
|
+
this._initialMessage = null;
|
|
125
121
|
this._message = null;
|
|
126
122
|
this._errorDetails = null;
|
|
127
123
|
this._lastSubscription = null;
|
|
@@ -139,20 +135,26 @@ class LoadingState {
|
|
|
139
135
|
return this._load(true, null, observable, resultFunction, errorFunction, completeFunction);
|
|
140
136
|
}
|
|
141
137
|
loadWithMessage(observable, message, resultFunction, errorFunction, completeFunction) {
|
|
138
|
+
this._initialMessage = message;
|
|
142
139
|
return this._load(true, message, observable, resultFunction, errorFunction, completeFunction);
|
|
143
140
|
}
|
|
144
141
|
invoke(observable, resultFunction, errorFunction, completeFunction) {
|
|
145
142
|
return this._load(false, null, observable, resultFunction, errorFunction, completeFunction);
|
|
146
143
|
}
|
|
147
144
|
invokeWithMessage(observable, message, resultFunction, errorFunction, completeFunction) {
|
|
145
|
+
this._initialMessage = message;
|
|
148
146
|
return this._load(false, message, observable, resultFunction, errorFunction, completeFunction);
|
|
149
147
|
}
|
|
150
148
|
retry() {
|
|
151
149
|
if (this._lastSubscription) {
|
|
152
150
|
this._lastSubscription.unsubscribe();
|
|
153
151
|
}
|
|
154
|
-
this.setInProgress();
|
|
155
|
-
this._lastSubscription = this._loadObservable.subscribe(
|
|
152
|
+
this.setInProgress(this._initialMessage);
|
|
153
|
+
this._lastSubscription = this._loadObservable.subscribe({
|
|
154
|
+
next: this._resultFunction,
|
|
155
|
+
error: this._errorFunction,
|
|
156
|
+
complete: this._completeFunction
|
|
157
|
+
});
|
|
156
158
|
return this._lastSubscription;
|
|
157
159
|
}
|
|
158
160
|
setInProgress(message = null) {
|
|
@@ -172,13 +174,16 @@ class LoadingState {
|
|
|
172
174
|
this._lastSubscription.unsubscribe();
|
|
173
175
|
}
|
|
174
176
|
this.setInProgress(progressMessage);
|
|
175
|
-
const obs = observable.pipe(tap(
|
|
176
|
-
|
|
177
|
-
this.
|
|
177
|
+
const obs = observable.pipe(tap({
|
|
178
|
+
next: () => {
|
|
179
|
+
if (!saveAsLoadObservable && this.message) { // if message was used one time we clear it
|
|
180
|
+
this._message = null;
|
|
181
|
+
}
|
|
182
|
+
this.setCompleted();
|
|
183
|
+
},
|
|
184
|
+
error: (err) => {
|
|
185
|
+
this.setFailed(null, LoadingState.getErrorDetails(err));
|
|
178
186
|
}
|
|
179
|
-
this.setCompleted();
|
|
180
|
-
}, (err) => {
|
|
181
|
-
this.setFailed(null, LoadingState.getErrorDetails(err));
|
|
182
187
|
}));
|
|
183
188
|
if (saveAsLoadObservable) {
|
|
184
189
|
this._loadObservable = obs;
|
|
@@ -186,7 +191,11 @@ class LoadingState {
|
|
|
186
191
|
this._errorFunction = errorFunction;
|
|
187
192
|
this._completeFunction = completeFunction;
|
|
188
193
|
}
|
|
189
|
-
this._lastSubscription = obs.subscribe(
|
|
194
|
+
this._lastSubscription = obs.subscribe({
|
|
195
|
+
next: resultFunction,
|
|
196
|
+
error: errorFunction,
|
|
197
|
+
complete: completeFunction
|
|
198
|
+
});
|
|
190
199
|
return this._lastSubscription;
|
|
191
200
|
}
|
|
192
201
|
static getErrorDetails(error) {
|
|
@@ -247,9 +256,9 @@ class NucLoadedContentComponent {
|
|
|
247
256
|
this._errorDetailsVisible = true;
|
|
248
257
|
}
|
|
249
258
|
}
|
|
250
|
-
NucLoadedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
251
|
-
NucLoadedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
259
|
+
NucLoadedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
260
|
+
NucLoadedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: NucLoadedContentComponent, selector: "nuc-loaded-content-component", inputs: { completedTemplate: "completedTemplate", errorTemplate: "errorTemplate", inProgressTemplate: "inProgressTemplate", state: "state", inProgressMessage: "inProgressMessage", errorMessage: "errorMessage", showRetry: "showRetry" }, ngImport: i0, template: "<ng-container *ngIf=\"completed\">\r\n <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\r\n <ng-container *ngIf=\"inProgress\">\r\n <ng-container *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"></ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"failed\">\r\n <ng-container *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"></ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-template #defaultInProgressTemplate>\r\n <div class=\"spinner\">\r\n <mat-spinner [diameter]=\"45\"></mat-spinner>\r\n </div>\r\n <p>\r\n {{message}}\r\n </p>\r\n</ng-template>\r\n\r\n<ng-template #defaultErrorTemplate>\r\n <div>\r\n <p class=\"message\">\r\n <span>{{message}}</span>\r\n <mat-icon *ngIf=\"state.errorDetails && !errorDetailsVisible\" class=\"info-button\" color=\"warn\" (click)=\"showErrorDetails()\">info</mat-icon>\r\n </p>\r\n\r\n <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\r\n {{state.errorDetails}}\r\n </p>\r\n\r\n <p *ngIf=\"showRetryButton\">\r\n <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </p>\r\n </div>\r\n</ng-template>\r\n", styles: [".indicators-container{text-align:center;margin:0 auto;padding-top:4rem}.error-details{margin-top:1rem}.spinner{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.message{display:flex;justify-content:center;align-items:center}.info-button{cursor:pointer;margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentComponent, decorators: [{
|
|
253
262
|
type: Component,
|
|
254
263
|
args: [{ selector: 'nuc-loaded-content-component', template: "<ng-container *ngIf=\"completed\">\r\n <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\r\n <ng-container *ngIf=\"inProgress\">\r\n <ng-container *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"></ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"failed\">\r\n <ng-container *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"></ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-template #defaultInProgressTemplate>\r\n <div class=\"spinner\">\r\n <mat-spinner [diameter]=\"45\"></mat-spinner>\r\n </div>\r\n <p>\r\n {{message}}\r\n </p>\r\n</ng-template>\r\n\r\n<ng-template #defaultErrorTemplate>\r\n <div>\r\n <p class=\"message\">\r\n <span>{{message}}</span>\r\n <mat-icon *ngIf=\"state.errorDetails && !errorDetailsVisible\" class=\"info-button\" color=\"warn\" (click)=\"showErrorDetails()\">info</mat-icon>\r\n </p>\r\n\r\n <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\r\n {{state.errorDetails}}\r\n </p>\r\n\r\n <p *ngIf=\"showRetryButton\">\r\n <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </p>\r\n </div>\r\n</ng-template>\r\n", styles: [".indicators-container{text-align:center;margin:0 auto;padding-top:4rem}.error-details{margin-top:1rem}.spinner{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.message{display:flex;justify-content:center;align-items:center}.info-button{cursor:pointer;margin-left:.5rem}\n"] }]
|
|
255
264
|
}], propDecorators: { completedTemplate: [{
|
|
@@ -319,9 +328,9 @@ class NucLoadedContentDirective {
|
|
|
319
328
|
}
|
|
320
329
|
}
|
|
321
330
|
}
|
|
322
|
-
NucLoadedContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
323
|
-
NucLoadedContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
331
|
+
NucLoadedContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
|
|
332
|
+
NucLoadedContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: NucLoadedContentDirective, selector: "[nucLoadedContent]", inputs: { nucLoadedContent: "nucLoadedContent", errorTemplate: ["nucLoadedContentError", "errorTemplate"], inProgressTemplate: ["nucLoadedContentInProgress", "inProgressTemplate"], inProgressMessage: ["nucLoadedContentInProgressMessage", "inProgressMessage"], errorMessage: ["nucLoadedContentErrorMessage", "errorMessage"], showRetry: ["nucLoadedContentShowRetry", "showRetry"] }, ngImport: i0 });
|
|
333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentDirective, decorators: [{
|
|
325
334
|
type: Directive,
|
|
326
335
|
args: [{ selector: '[nucLoadedContent]' }]
|
|
327
336
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { nucLoadedContent: [{
|
|
@@ -345,19 +354,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
345
354
|
|
|
346
355
|
class NucLoadedContentModule {
|
|
347
356
|
}
|
|
348
|
-
NucLoadedContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
349
|
-
NucLoadedContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
357
|
+
NucLoadedContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
358
|
+
NucLoadedContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentModule, declarations: [NucLoadedContentDirective,
|
|
350
359
|
NucLoadedContentComponent], imports: [CommonModule,
|
|
351
360
|
MatProgressSpinnerModule,
|
|
352
361
|
MatButtonModule,
|
|
353
362
|
MatIconModule], exports: [NucLoadedContentDirective] });
|
|
354
|
-
NucLoadedContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
]] });
|
|
360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucLoadedContentModule, decorators: [{
|
|
363
|
+
NucLoadedContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentModule, imports: [CommonModule,
|
|
364
|
+
MatProgressSpinnerModule,
|
|
365
|
+
MatButtonModule,
|
|
366
|
+
MatIconModule] });
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucLoadedContentModule, decorators: [{
|
|
361
368
|
type: NgModule,
|
|
362
369
|
args: [{
|
|
363
370
|
declarations: [
|
|
@@ -372,9 +379,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
372
379
|
],
|
|
373
380
|
exports: [
|
|
374
381
|
NucLoadedContentDirective
|
|
375
|
-
],
|
|
376
|
-
entryComponents: [
|
|
377
|
-
NucLoadedContentComponent
|
|
378
382
|
]
|
|
379
383
|
}]
|
|
380
384
|
}] });
|
|
@@ -431,9 +435,9 @@ class NativeStylingService {
|
|
|
431
435
|
return Windows.UI.ColorHelper.fromArgb(color.a, color.r * factor, color.g * factor, color.b * factor);
|
|
432
436
|
}
|
|
433
437
|
}
|
|
434
|
-
NativeStylingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
435
|
-
NativeStylingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
438
|
+
NativeStylingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NativeStylingService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
439
|
+
NativeStylingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NativeStylingService, providedIn: 'root' });
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NativeStylingService, decorators: [{
|
|
437
441
|
type: Injectable,
|
|
438
442
|
args: [{
|
|
439
443
|
providedIn: 'root'
|
|
@@ -473,20 +477,20 @@ class NucSwipeTabsDirective {
|
|
|
473
477
|
// Go to next tab
|
|
474
478
|
if (anyTabDisabled) {
|
|
475
479
|
const tabsToRight = tabs.slice(this.tabGroup.selectedIndex + 1);
|
|
476
|
-
this.tabGroup.selectedIndex
|
|
480
|
+
this.tabGroup.selectedIndex = this.tabGroup.selectedIndex + this.getOffset(tabsToRight);
|
|
477
481
|
}
|
|
478
482
|
else {
|
|
479
|
-
this.tabGroup.selectedIndex
|
|
483
|
+
this.tabGroup.selectedIndex = this.tabGroup.selectedIndex + 1;
|
|
480
484
|
}
|
|
481
485
|
}
|
|
482
486
|
else if (event.type === 'panright' && event.direction === 4 && this.tabGroup.selectedIndex > 0) {
|
|
483
487
|
// Go to previous tab
|
|
484
488
|
if (anyTabDisabled) {
|
|
485
489
|
const tabsToLeft = tabs.slice().reverse().slice(-this.tabGroup.selectedIndex);
|
|
486
|
-
this.tabGroup.selectedIndex
|
|
490
|
+
this.tabGroup.selectedIndex = this.tabGroup.selectedIndex - this.getOffset(tabsToLeft);
|
|
487
491
|
}
|
|
488
492
|
else {
|
|
489
|
-
this.tabGroup.selectedIndex
|
|
493
|
+
this.tabGroup.selectedIndex = this.tabGroup.selectedIndex - 1;
|
|
490
494
|
}
|
|
491
495
|
}
|
|
492
496
|
}
|
|
@@ -498,21 +502,19 @@ class NucSwipeTabsDirective {
|
|
|
498
502
|
return offset;
|
|
499
503
|
}
|
|
500
504
|
}
|
|
501
|
-
NucSwipeTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
502
|
-
NucSwipeTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
505
|
+
NucSwipeTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MatTabGroup }], target: i0.ɵɵFactoryTarget.Directive });
|
|
506
|
+
NucSwipeTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: NucSwipeTabsDirective, selector: "[nucSwipe]", ngImport: i0 });
|
|
507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsDirective, decorators: [{
|
|
504
508
|
type: Directive,
|
|
505
509
|
args: [{ selector: '[nucSwipe]' }]
|
|
506
510
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.MatTabGroup }]; } });
|
|
507
511
|
|
|
508
512
|
class NucSwipeTabsModule {
|
|
509
513
|
}
|
|
510
|
-
NucSwipeTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
511
|
-
NucSwipeTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
512
|
-
NucSwipeTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
513
|
-
|
|
514
|
-
]] });
|
|
515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSwipeTabsModule, decorators: [{
|
|
514
|
+
NucSwipeTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
515
|
+
NucSwipeTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsModule, declarations: [NucSwipeTabsDirective], imports: [CommonModule], exports: [NucSwipeTabsDirective] });
|
|
516
|
+
NucSwipeTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsModule, imports: [CommonModule] });
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSwipeTabsModule, decorators: [{
|
|
516
518
|
type: NgModule,
|
|
517
519
|
args: [{
|
|
518
520
|
declarations: [
|
|
@@ -550,9 +552,9 @@ class NucSnackbarService {
|
|
|
550
552
|
return snackbarRef;
|
|
551
553
|
}
|
|
552
554
|
}
|
|
553
|
-
NucSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
554
|
-
NucSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
555
|
+
NucSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarService, deps: [{ token: i1$4.MatSnackBar }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
556
|
+
NucSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarService, providedIn: 'root' });
|
|
557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarService, decorators: [{
|
|
556
558
|
type: Injectable,
|
|
557
559
|
args: [{
|
|
558
560
|
providedIn: 'root'
|
|
@@ -561,14 +563,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
561
563
|
|
|
562
564
|
class NucSnackbarModule {
|
|
563
565
|
}
|
|
564
|
-
NucSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
565
|
-
NucSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
566
|
+
NucSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
567
|
+
NucSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarModule, imports: [CommonModule,
|
|
568
|
+
MatSnackBarModule] });
|
|
569
|
+
NucSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarModule, imports: [CommonModule,
|
|
566
570
|
MatSnackBarModule] });
|
|
567
|
-
|
|
568
|
-
CommonModule,
|
|
569
|
-
MatSnackBarModule
|
|
570
|
-
]] });
|
|
571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSnackbarModule, decorators: [{
|
|
571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucSnackbarModule, decorators: [{
|
|
572
572
|
type: NgModule,
|
|
573
573
|
args: [{
|
|
574
574
|
declarations: [],
|
|
@@ -620,9 +620,9 @@ class NucUserAvatarComponent {
|
|
|
620
620
|
return `hsl(${hue},${saturation}%,${lightness}%)`;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
|
-
NucUserAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
624
|
-
NucUserAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
623
|
+
NucUserAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
624
|
+
NucUserAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: NucUserAvatarComponent, selector: "nuc-user-avatar", inputs: { name: "name", image: "image", size: "size", background: "background" }, ngImport: i0, template: "<ng-container *ngIf=\"image\">\r\n <div class=\"user-avatar size-{{size}}\">\r\n <img src=\"{{image}}\" />\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!image\">\r\n <div class=\"user-avatar size-{{size}} unselectable\" [style.background-color]=\"getHslString()\" [ngClass]=\"{'white-text': background, 'black-text border': !background}\">\r\n {{getUserInitials()}}\r\n </div>\r\n</ng-container>\r\n", styles: [".user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;text-align:center;font-weight:400}.user-avatar img{object-fit:contain;width:inherit;height:inherit;border-radius:50%}.white-text{color:#fff}.black-text{color:#333}.unselectable{-webkit-user-select:none;user-select:none}.border{border:2px solid #333333}.user-avatar.size-small{height:24px;width:24px;font-size:.8em;line-height:24px}.user-avatar.size-medium{height:40px;width:40px;font-size:1.2em;line-height:40px}.user-avatar.size-large{height:64px;width:64px;font-size:2em;line-height:64px}.user-avatar.size-xlarge{height:90px;width:90px;font-size:3em;line-height:90px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarComponent, decorators: [{
|
|
626
626
|
type: Component,
|
|
627
627
|
args: [{ selector: 'nuc-user-avatar', template: "<ng-container *ngIf=\"image\">\r\n <div class=\"user-avatar size-{{size}}\">\r\n <img src=\"{{image}}\" />\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!image\">\r\n <div class=\"user-avatar size-{{size}} unselectable\" [style.background-color]=\"getHslString()\" [ngClass]=\"{'white-text': background, 'black-text border': !background}\">\r\n {{getUserInitials()}}\r\n </div>\r\n</ng-container>\r\n", styles: [".user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;text-align:center;font-weight:400}.user-avatar img{object-fit:contain;width:inherit;height:inherit;border-radius:50%}.white-text{color:#fff}.black-text{color:#333}.unselectable{-webkit-user-select:none;user-select:none}.border{border:2px solid #333333}.user-avatar.size-small{height:24px;width:24px;font-size:.8em;line-height:24px}.user-avatar.size-medium{height:40px;width:40px;font-size:1.2em;line-height:40px}.user-avatar.size-large{height:64px;width:64px;font-size:2em;line-height:64px}.user-avatar.size-xlarge{height:90px;width:90px;font-size:3em;line-height:90px}\n"] }]
|
|
628
628
|
}], ctorParameters: function () { return []; }, propDecorators: { name: [{
|
|
@@ -637,12 +637,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
637
637
|
|
|
638
638
|
class NucUserAvatarModule {
|
|
639
639
|
}
|
|
640
|
-
NucUserAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
641
|
-
NucUserAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
642
|
-
NucUserAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
643
|
-
|
|
644
|
-
]] });
|
|
645
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucUserAvatarModule, decorators: [{
|
|
640
|
+
NucUserAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
641
|
+
NucUserAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarModule, declarations: [NucUserAvatarComponent], imports: [CommonModule], exports: [NucUserAvatarComponent] });
|
|
642
|
+
NucUserAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarModule, imports: [CommonModule] });
|
|
643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: NucUserAvatarModule, decorators: [{
|
|
646
644
|
type: NgModule,
|
|
647
645
|
args: [{
|
|
648
646
|
declarations: [
|
|
@@ -666,3 +664,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
|
|
|
666
664
|
*/
|
|
667
665
|
|
|
668
666
|
export { LoadingState, LoadingStatus, NativeStylingService, NucColor, NucDialogModule, NucDialogService, NucLoadedContentComponent, NucLoadedContentDirective, NucLoadedContentModule, NucSnackbarModule, NucSnackbarService, NucSnackbarType, NucSwipeTabsDirective, NucSwipeTabsModule, NucUserAvatarComponent, NucUserAvatarModule, WindowsTitleBarSyle };
|
|
667
|
+
//# sourceMappingURL=kolektor-nucleus-material.mjs.map
|