@design-factory/design-factory 21.0.0-next.0 → 21.0.0
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/README.md +11 -2
- package/fesm2022/design-factory.mjs +237 -237
- package/fesm2022/design-factory.mjs.map +1 -1
- package/package.json +5 -7
- package/schematics/migrations/18_0_0/stepper-classes-18.0.0/index.js +1 -1
- package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.d.ts +6 -0
- package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.js +33 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/files/removed-vars.json +51 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/files/vars-with-value.json +4282 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/index.d.ts +7 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/index.js +91 -0
- package/schematics/migrations/21_0_0/style-import-package/index.js +56 -35
- package/schematics/migrations/21_0_0/toast-classes-21.0/index.d.ts +2 -0
- package/schematics/migrations/21_0_0/toast-classes-21.0/index.js +36 -0
- package/schematics/migrations/migration.json +15 -0
- package/schematics/migrations/utils/add-dependencies.d.ts +3 -0
- package/schematics/migrations/utils/add-dependencies.js +41 -0
- package/schematics/migrations/utils/component-resource-collector.d.ts +3 -1
- package/schematics/migrations/utils/component-resource-collector.js +9 -4
- package/schematics/migrations/utils/style-updater.js +2 -2
- package/schematics/migrations/utils/template-updater.js +2 -2
- package/schematics/ng-add/index.js +2 -26
- package/types/design-factory.d.ts +1 -0
|
@@ -21,10 +21,10 @@ import { NgbConfig } from '@ng-bootstrap/ng-bootstrap/config';
|
|
|
21
21
|
import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions } from 'ag-grid-community';
|
|
22
22
|
|
|
23
23
|
class SkipLinksContainerComponent {
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SkipLinksContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: SkipLinksContainerComponent, isStandalone: true, selector: "df-skip-links-container", ngImport: i0, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links position-fixed\">\n <div class=\"df-skip-links-wrap list-group list-group-flush visually-hidden-focusable shadow rounded\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n", styles: [".df-skip-links{top:1.25rem;inset-inline-start:.625rem;z-index:10000}.df-skip-links .df-skip-links-wrap{min-width:12.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SkipLinksContainerComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'df-skip-links-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links position-fixed\">\n <div class=\"df-skip-links-wrap list-group list-group-flush visually-hidden-focusable shadow rounded\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n", styles: [".df-skip-links{top:1.25rem;inset-inline-start:.625rem;z-index:10000}.df-skip-links .df-skip-links-wrap{min-width:12.5rem}\n"] }]
|
|
30
30
|
}] });
|
|
@@ -48,10 +48,10 @@ class SkipLinkDirective {
|
|
|
48
48
|
this.document.getElementById(id)?.focus();
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
52
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SkipLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
52
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: SkipLinkDirective, isStandalone: true, selector: "[dfSkipLink]", host: { listeners: { "click": "focusOnTarget()" }, classAttribute: "list-group-item list-group-item-action" }, ngImport: i0 }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SkipLinkDirective, decorators: [{
|
|
55
55
|
type: Directive,
|
|
56
56
|
args: [{
|
|
57
57
|
selector: '[dfSkipLink]',
|
|
@@ -63,11 +63,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
class DfAccessibilityModule {
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
67
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
68
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAccessibilityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
67
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfAccessibilityModule, imports: [SkipLinkDirective, SkipLinksContainerComponent], exports: [SkipLinkDirective, SkipLinksContainerComponent] }); }
|
|
68
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAccessibilityModule }); }
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAccessibilityModule, decorators: [{
|
|
71
71
|
type: NgModule,
|
|
72
72
|
args: [{
|
|
73
73
|
imports: [SkipLinkDirective, SkipLinksContainerComponent],
|
|
@@ -114,10 +114,10 @@ class DfInsertIconDirective {
|
|
|
114
114
|
}
|
|
115
115
|
return 'fa-info-circle';
|
|
116
116
|
}
|
|
117
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
118
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
117
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
118
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfInsertIconDirective, isStandalone: true, selector: "ngb-alert[dfInsertAlertIcon],ngb-toast[dfInsertToastIcon]", host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0 }); }
|
|
119
119
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconDirective, decorators: [{
|
|
121
121
|
type: Directive,
|
|
122
122
|
args: [{
|
|
123
123
|
selector: 'ngb-alert[dfInsertAlertIcon],ngb-toast[dfInsertToastIcon]',
|
|
@@ -128,11 +128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
128
128
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
129
129
|
|
|
130
130
|
class DfInsertIconModule {
|
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
132
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
133
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
132
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconModule, imports: [DfInsertIconDirective], exports: [DfInsertIconDirective] }); }
|
|
133
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconModule }); }
|
|
134
134
|
}
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfInsertIconModule, decorators: [{
|
|
136
136
|
type: NgModule,
|
|
137
137
|
args: [{
|
|
138
138
|
imports: [DfInsertIconDirective],
|
|
@@ -141,11 +141,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
141
141
|
}] });
|
|
142
142
|
|
|
143
143
|
class DfToastModule {
|
|
144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
145
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
146
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
145
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfToastModule, imports: [DfInsertIconModule], exports: [NgbToastModule, DfInsertIconModule] }); }
|
|
146
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfToastModule, imports: [DfInsertIconModule, NgbToastModule, DfInsertIconModule] }); }
|
|
147
147
|
}
|
|
148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfToastModule, decorators: [{
|
|
149
149
|
type: NgModule,
|
|
150
150
|
args: [{
|
|
151
151
|
imports: [DfInsertIconModule],
|
|
@@ -154,11 +154,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
154
154
|
}] });
|
|
155
155
|
|
|
156
156
|
class DfAlertModule {
|
|
157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
158
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
159
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
158
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfAlertModule, imports: [DfInsertIconModule], exports: [NgbAlertModule, DfInsertIconModule] }); }
|
|
159
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAlertModule, imports: [DfInsertIconModule, NgbAlertModule, DfInsertIconModule] }); }
|
|
160
160
|
}
|
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAlertModule, decorators: [{
|
|
162
162
|
type: NgModule,
|
|
163
163
|
args: [{
|
|
164
164
|
imports: [DfInsertIconModule],
|
|
@@ -175,10 +175,10 @@ class DfTriggerClickDirective {
|
|
|
175
175
|
event.preventDefault();
|
|
176
176
|
this.elementRef.nativeElement.click();
|
|
177
177
|
}
|
|
178
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
179
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
178
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTriggerClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
179
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfTriggerClickDirective, isStandalone: true, selector: "[dfTriggerClick]", host: { listeners: { "keydown.enter": "triggerClick($event)", "keydown.space": "triggerClick($event)" } }, ngImport: i0 }); }
|
|
180
180
|
}
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTriggerClickDirective, decorators: [{
|
|
182
182
|
type: Directive,
|
|
183
183
|
args: [{
|
|
184
184
|
selector: '[dfTriggerClick]'
|
|
@@ -192,11 +192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
192
192
|
}] } });
|
|
193
193
|
|
|
194
194
|
class DfAdvancedInputModule {
|
|
195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
196
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
197
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
196
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedInputModule, imports: [DfTriggerClickDirective], exports: [DfTriggerClickDirective] }); }
|
|
197
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedInputModule }); }
|
|
198
198
|
}
|
|
199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedInputModule, decorators: [{
|
|
200
200
|
type: NgModule,
|
|
201
201
|
args: [{
|
|
202
202
|
imports: [DfTriggerClickDirective],
|
|
@@ -233,10 +233,10 @@ class DfDatepickerKeyboardService extends NgbDatepickerKeyboardService {
|
|
|
233
233
|
event.preventDefault();
|
|
234
234
|
event.stopPropagation();
|
|
235
235
|
}
|
|
236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
237
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerKeyboardService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
237
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerKeyboardService }); }
|
|
238
238
|
}
|
|
239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerKeyboardService, decorators: [{
|
|
240
240
|
type: Injectable
|
|
241
241
|
}] });
|
|
242
242
|
|
|
@@ -260,10 +260,10 @@ class DfDirectionDetectionService {
|
|
|
260
260
|
}
|
|
261
261
|
return RightToLeftDirectionEnum.LeftToRight;
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
264
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDirectionDetectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
264
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDirectionDetectionService, providedIn: 'root' }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDirectionDetectionService, decorators: [{
|
|
267
267
|
type: Injectable,
|
|
268
268
|
args: [{
|
|
269
269
|
providedIn: 'root'
|
|
@@ -361,10 +361,10 @@ class DfDatepickerRangeDirective {
|
|
|
361
361
|
ngOnDestroy() {
|
|
362
362
|
this.removeListener.forEach((item) => item());
|
|
363
363
|
}
|
|
364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
365
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
365
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfDatepickerRangeDirective, isStandalone: true, selector: "[dfDatepickerRange]", exportAs: ["dfDatepickerRange"], ngImport: i0 }); }
|
|
366
366
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerRangeDirective, decorators: [{
|
|
368
368
|
type: Directive,
|
|
369
369
|
args: [{
|
|
370
370
|
exportAs: 'dfDatepickerRange',
|
|
@@ -373,11 +373,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
373
373
|
}] });
|
|
374
374
|
|
|
375
375
|
class DfDatePickerModule {
|
|
376
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
377
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
378
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
376
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
377
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfDatePickerModule, imports: [NgbDropdownModule, DfDatepickerRangeDirective], exports: [NgbDatepickerModule, DfAdvancedInputModule, DfDatepickerRangeDirective, NgbDropdownModule] }); }
|
|
378
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatePickerModule, providers: [{ provide: NgbDatepickerKeyboardService, useClass: DfDatepickerKeyboardService }], imports: [NgbDropdownModule, NgbDatepickerModule, DfAdvancedInputModule, NgbDropdownModule] }); }
|
|
379
379
|
}
|
|
380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatePickerModule, decorators: [{
|
|
381
381
|
type: NgModule,
|
|
382
382
|
args: [{
|
|
383
383
|
imports: [NgbDropdownModule, DfDatepickerRangeDirective],
|
|
@@ -472,10 +472,10 @@ class DfDatepickerRangeService {
|
|
|
472
472
|
this.toDate = this.parseInput(this.toDate, typed);
|
|
473
473
|
this.toDateAsStr = this.formatter.format(this.toDate);
|
|
474
474
|
}
|
|
475
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
476
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
475
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerRangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
476
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerRangeService, providedIn: 'root' }); }
|
|
477
477
|
}
|
|
478
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
478
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDatepickerRangeService, decorators: [{
|
|
479
479
|
type: Injectable,
|
|
480
480
|
args: [{
|
|
481
481
|
providedIn: 'root'
|
|
@@ -566,10 +566,10 @@ class DfBreakpoints {
|
|
|
566
566
|
}
|
|
567
567
|
return dict;
|
|
568
568
|
}
|
|
569
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
570
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
569
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfBreakpoints, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
570
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfBreakpoints, providedIn: 'root' }); }
|
|
571
571
|
}
|
|
572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfBreakpoints, decorators: [{
|
|
573
573
|
type: Injectable,
|
|
574
574
|
args: [{ providedIn: 'root' }]
|
|
575
575
|
}], ctorParameters: () => [] });
|
|
@@ -588,10 +588,10 @@ class DfMediaQuery {
|
|
|
588
588
|
return this.notSupported(query);
|
|
589
589
|
}
|
|
590
590
|
}
|
|
591
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
592
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
591
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaQuery, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
592
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaQuery, providedIn: 'root' }); }
|
|
593
593
|
}
|
|
594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
594
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaQuery, decorators: [{
|
|
595
595
|
type: Injectable,
|
|
596
596
|
args: [{ providedIn: 'root' }]
|
|
597
597
|
}] });
|
|
@@ -645,10 +645,10 @@ class DfMediaObserver {
|
|
|
645
645
|
this._queries.set(query, meta);
|
|
646
646
|
return meta;
|
|
647
647
|
}
|
|
648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
649
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
648
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
649
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaObserver, providedIn: 'root' }); }
|
|
650
650
|
}
|
|
651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaObserver, decorators: [{
|
|
652
652
|
type: Injectable,
|
|
653
653
|
args: [{ providedIn: 'root' }]
|
|
654
654
|
}] });
|
|
@@ -687,10 +687,10 @@ class DfMedia {
|
|
|
687
687
|
return this.mediaObserver.observe(query);
|
|
688
688
|
}), map((value) => value.matches), distinctUntilChanged());
|
|
689
689
|
}
|
|
690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
691
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMedia, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
691
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMedia, providedIn: 'root' }); }
|
|
692
692
|
}
|
|
693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMedia, decorators: [{
|
|
694
694
|
type: Injectable,
|
|
695
695
|
args: [{ providedIn: 'root' }]
|
|
696
696
|
}] });
|
|
@@ -735,20 +735,20 @@ class DfIfMediaDirective {
|
|
|
735
735
|
this._viewInstance = null;
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
739
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfIfMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
739
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfIfMediaDirective, isStandalone: true, selector: "[dfIfMedia]", inputs: { dfIfMedia: { classPropertyName: "dfIfMedia", publicName: "dfIfMedia", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
740
740
|
}
|
|
741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfIfMediaDirective, decorators: [{
|
|
742
742
|
type: Directive,
|
|
743
743
|
args: [{ selector: '[dfIfMedia]' }]
|
|
744
744
|
}], ctorParameters: () => [], propDecorators: { dfIfMedia: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfIfMedia", required: true }] }] } });
|
|
745
745
|
|
|
746
746
|
class DfMediaModule {
|
|
747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
748
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
749
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
747
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
748
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfMediaModule, imports: [DfIfMediaDirective], exports: [DfIfMediaDirective] }); }
|
|
749
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaModule }); }
|
|
750
750
|
}
|
|
751
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfMediaModule, decorators: [{
|
|
752
752
|
type: NgModule,
|
|
753
753
|
args: [{
|
|
754
754
|
imports: [DfIfMediaDirective],
|
|
@@ -757,11 +757,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
757
757
|
}] });
|
|
758
758
|
|
|
759
759
|
class DfFooterModule {
|
|
760
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
761
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
762
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
760
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
761
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfFooterModule, imports: [DfMediaModule, NgbAccordionModule], exports: [DfMediaModule, NgbAccordionModule] }); }
|
|
762
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfFooterModule, imports: [DfMediaModule, NgbAccordionModule, DfMediaModule, NgbAccordionModule] }); }
|
|
763
763
|
}
|
|
764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfFooterModule, decorators: [{
|
|
765
765
|
type: NgModule,
|
|
766
766
|
args: [{
|
|
767
767
|
imports: [DfMediaModule, NgbAccordionModule],
|
|
@@ -774,19 +774,19 @@ class DfPopoverConfig extends NgbPopoverConfig {
|
|
|
774
774
|
super(...arguments);
|
|
775
775
|
this.autoClose = 'outside';
|
|
776
776
|
}
|
|
777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
778
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
778
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverConfig }); }
|
|
779
779
|
}
|
|
780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverConfig, decorators: [{
|
|
781
781
|
type: Injectable
|
|
782
782
|
}] });
|
|
783
783
|
|
|
784
784
|
class DfPopoverModule {
|
|
785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
786
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
787
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
785
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
786
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverModule, exports: [NgbPopoverModule] }); }
|
|
787
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverModule, providers: [{ provide: NgbPopoverConfig, useClass: DfPopoverConfig }], imports: [NgbPopoverModule] }); }
|
|
788
788
|
}
|
|
789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfPopoverModule, decorators: [{
|
|
790
790
|
type: NgModule,
|
|
791
791
|
args: [{
|
|
792
792
|
exports: [NgbPopoverModule],
|
|
@@ -915,10 +915,10 @@ class DfProgressbarComponent {
|
|
|
915
915
|
resetProgressBarValues() {
|
|
916
916
|
this.innerValue.set(0);
|
|
917
917
|
}
|
|
918
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
919
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
918
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
919
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DfProgressbarComponent, isStandalone: true, selector: "df-progressbar", inputs: { infiniteAnimation: { classPropertyName: "infiniteAnimation", publicName: "infiniteAnimation", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, start$: { classPropertyName: "start$", publicName: "start$", isSignal: true, isRequired: false, transformFunction: null }, end$: { classPropertyName: "end$", publicName: "end$", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { percentageValueChange: "percentageValueChange" }, host: { classAttribute: "d-block" }, ngImport: i0, template: "@if (displayProgressBar()) {\n @if (computedText(); as computedText) {\n <div class=\"progressbar-text mb-3\">{{ computedText }}</div>\n }\n @if (infiniteAnimation()) {\n <div\n class=\"progress\"\n role=\"progressbar\"\n aria-valuetext=\"indeterminate\"\n [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n [attr.aria-label]=\"!ariaLabelledBy() && ariaLabel() ? ariaLabel() : null\"\n >\n <div class=\"progress-bar infinite-animation\"></div>\n </div>\n } @else {\n <div\n class=\"progress\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"innerValue()\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"maxValue()\"\n [attr.aria-valuetext]=\"computedText() || null\"\n [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n [attr.aria-label]=\"!ariaLabelledBy() && ariaLabel() ? ariaLabel() : null\"\n >\n <div [style.width.%]=\"percentageValue()\" class=\"progress-bar\"></div>\n </div>\n }\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
920
920
|
}
|
|
921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarComponent, decorators: [{
|
|
922
922
|
type: Component,
|
|
923
923
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-progressbar', host: {
|
|
924
924
|
class: 'd-block'
|
|
@@ -926,11 +926,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
926
926
|
}], ctorParameters: () => [], propDecorators: { infiniteAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "infiniteAnimation", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], percentageValueChange: [{ type: i0.Output, args: ["percentageValueChange"] }], start$: [{ type: i0.Input, args: [{ isSignal: true, alias: "start$", required: false }] }], end$: [{ type: i0.Input, args: [{ isSignal: true, alias: "end$", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
|
|
927
927
|
|
|
928
928
|
class DfProgressbarModule {
|
|
929
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
930
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
931
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
929
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
930
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarModule, imports: [DfProgressbarComponent], exports: [DfProgressbarComponent, NgbProgressbarModule] }); }
|
|
931
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarModule, imports: [NgbProgressbarModule] }); }
|
|
932
932
|
}
|
|
933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressbarModule, decorators: [{
|
|
934
934
|
type: NgModule,
|
|
935
935
|
args: [{
|
|
936
936
|
imports: [DfProgressbarComponent],
|
|
@@ -981,10 +981,10 @@ class DfProgressIndicatorContainerComponent {
|
|
|
981
981
|
}, ...(ngDevMode ? [{ debugName: "positionClass" }] : []));
|
|
982
982
|
this.classes = computed(() => `df-progressindicator-container d-flex position-absolute start-0 end-0 top-0 bottom-0 ${this.containerClass() || ''} ${this.positionClass()}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
983
983
|
}
|
|
984
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
985
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
984
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
985
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: DfProgressIndicatorContainerComponent, isStandalone: true, selector: "df-progressindicator-container", inputs: { containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
986
986
|
}
|
|
987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorContainerComponent, decorators: [{
|
|
988
988
|
type: Component,
|
|
989
989
|
args: [{
|
|
990
990
|
selector: 'df-progressindicator-container',
|
|
@@ -1003,10 +1003,10 @@ class DfDefaultSpinnerComponent {
|
|
|
1003
1003
|
this.contentClass = input('spinner-border text-primary', ...(ngDevMode ? [{ debugName: "contentClass" }] : []));
|
|
1004
1004
|
this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
|
|
1005
1005
|
}
|
|
1006
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1007
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1006
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDefaultSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1007
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DfDefaultSpinnerComponent, isStandalone: true, selector: "df-default-spinner", inputs: { isGlobalSpinner: { classPropertyName: "isGlobalSpinner", publicName: "isGlobalSpinner", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"contentClass()\" [attr.role]=\"isGlobalSpinner() ? 'alert' : 'status'\">\n <span class=\"visually-hidden\">\n @if (ariaLabel(); as ariaLabel) {\n {{ ariaLabel }}\n } @else {\n <ng-container i18n=\"@@df.progressindicator.default.spinner.ariaLabel\">Loading...</ng-container>\n }\n </span>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1008
1008
|
}
|
|
1009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfDefaultSpinnerComponent, decorators: [{
|
|
1010
1010
|
type: Component,
|
|
1011
1011
|
args: [{ selector: 'df-default-spinner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"contentClass()\" [attr.role]=\"isGlobalSpinner() ? 'alert' : 'status'\">\n <span class=\"visually-hidden\">\n @if (ariaLabel(); as ariaLabel) {\n {{ ariaLabel }}\n } @else {\n <ng-container i18n=\"@@df.progressindicator.default.spinner.ariaLabel\">Loading...</ng-container>\n }\n </span>\n</div>\n" }]
|
|
1012
1012
|
}], propDecorators: { isGlobalSpinner: [{ type: i0.Input, args: [{ isSignal: true, alias: "isGlobalSpinner", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
@@ -1017,10 +1017,10 @@ class DfProgressIndicatorBackdropComponent {
|
|
|
1017
1017
|
this.isGlobalBackdrop = input(true, ...(ngDevMode ? [{ debugName: "isGlobalBackdrop" }] : []));
|
|
1018
1018
|
this.classes = computed(() => `df-progressindicator-backdrop position-absolute start-0 end-0 top-0 bottom-0 opacity-50 ${this.backdropClass() || ''} df-progressindicator-backdrop${this.isGlobalBackdrop() ? '-global' : '-contextual'}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
1019
1019
|
}
|
|
1020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1021
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
1020
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1021
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: DfProgressIndicatorBackdropComponent, isStandalone: true, selector: "df-progressindicator-backdrop", inputs: { backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, isGlobalBackdrop: { classPropertyName: "isGlobalBackdrop", publicName: "isGlobalBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1022
1022
|
}
|
|
1023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorBackdropComponent, decorators: [{
|
|
1024
1024
|
type: Component,
|
|
1025
1025
|
args: [{
|
|
1026
1026
|
selector: 'df-progressindicator-backdrop',
|
|
@@ -1105,10 +1105,10 @@ class ScrollBar {
|
|
|
1105
1105
|
body.removeChild(measurer);
|
|
1106
1106
|
return width;
|
|
1107
1107
|
}
|
|
1108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1109
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
1108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollBar, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1109
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollBar, providedIn: 'root' }); }
|
|
1110
1110
|
}
|
|
1111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollBar, decorators: [{
|
|
1112
1112
|
type: Injectable,
|
|
1113
1113
|
args: [{ providedIn: 'root' }]
|
|
1114
1114
|
}] });
|
|
@@ -1274,10 +1274,10 @@ class DfProgressIndicatorService {
|
|
|
1274
1274
|
});
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1278
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
1277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1278
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorService, providedIn: 'root' }); }
|
|
1279
1279
|
}
|
|
1280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorService, decorators: [{
|
|
1281
1281
|
type: Injectable,
|
|
1282
1282
|
args: [{
|
|
1283
1283
|
providedIn: 'root'
|
|
@@ -1305,10 +1305,10 @@ class DfProgressIndicatorDirective {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
});
|
|
1307
1307
|
}
|
|
1308
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1309
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
1308
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1309
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfProgressIndicatorDirective, isStandalone: true, selector: "[dfProgressIndicator]", inputs: { dfProgressIndicator: { classPropertyName: "dfProgressIndicator", publicName: "dfProgressIndicator", isSignal: true, isRequired: true, transformFunction: null }, dfProgressIndicatorConfig: { classPropertyName: "dfProgressIndicatorConfig", publicName: "dfProgressIndicatorConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
1310
1310
|
}
|
|
1311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorDirective, decorators: [{
|
|
1312
1312
|
type: Directive,
|
|
1313
1313
|
args: [{
|
|
1314
1314
|
selector: '[dfProgressIndicator]'
|
|
@@ -1316,8 +1316,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1316
1316
|
}], ctorParameters: () => [], propDecorators: { dfProgressIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfProgressIndicator", required: true }] }], dfProgressIndicatorConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfProgressIndicatorConfig", required: false }] }] } });
|
|
1317
1317
|
|
|
1318
1318
|
class DfProgressIndicatorModule {
|
|
1319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1320
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1320
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorModule, imports: [DfDefaultSpinnerComponent,
|
|
1321
1321
|
DfProgressbarModule,
|
|
1322
1322
|
DfProgressIndicatorBackdropComponent,
|
|
1323
1323
|
DfProgressIndicatorContainerComponent,
|
|
@@ -1326,9 +1326,9 @@ class DfProgressIndicatorModule {
|
|
|
1326
1326
|
DfProgressIndicatorDirective,
|
|
1327
1327
|
DfProgressIndicatorBackdropComponent,
|
|
1328
1328
|
DfDefaultSpinnerComponent] }); }
|
|
1329
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1329
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorModule, imports: [DfProgressbarModule, DfProgressbarModule] }); }
|
|
1330
1330
|
}
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfProgressIndicatorModule, decorators: [{
|
|
1332
1332
|
type: NgModule,
|
|
1333
1333
|
args: [{
|
|
1334
1334
|
imports: [
|
|
@@ -1366,10 +1366,10 @@ class DfSliderDirectionDirective {
|
|
|
1366
1366
|
}
|
|
1367
1367
|
}
|
|
1368
1368
|
}
|
|
1369
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1370
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
1369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSliderDirectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1370
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfSliderDirectionDirective, isStandalone: true, selector: "[dfSliderDirection]", inputs: { dfSliderDirection: { classPropertyName: "dfSliderDirection", publicName: "dfSliderDirection", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
1371
1371
|
}
|
|
1372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSliderDirectionDirective, decorators: [{
|
|
1373
1373
|
type: Directive,
|
|
1374
1374
|
args: [{
|
|
1375
1375
|
selector: '[dfSliderDirection]'
|
|
@@ -1839,10 +1839,10 @@ class SliderElementDirective {
|
|
|
1839
1839
|
isRefDestroyed() {
|
|
1840
1840
|
return (ValueHelper.isNullOrUndefined(this.changeDetectionRef) || this.changeDetectionRef['destroyed']);
|
|
1841
1841
|
}
|
|
1842
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1843
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
1842
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderElementDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1843
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: SliderElementDirective, isStandalone: true, selector: "[ngxSliderElement]", host: { properties: { "style.opacity": "this.opacity", "style.visibility": "this.visibility", "style.left": "this.left", "style.bottom": "this.bottom", "style.height": "this.height", "style.width": "this.width", "style.transform": "this.transform" } }, ngImport: i0 }); }
|
|
1844
1844
|
}
|
|
1845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderElementDirective, decorators: [{
|
|
1846
1846
|
type: Directive,
|
|
1847
1847
|
args: [{
|
|
1848
1848
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1892,10 +1892,10 @@ class SliderHandleDirective extends SliderElementDirective {
|
|
|
1892
1892
|
focus() {
|
|
1893
1893
|
this.elemRef.nativeElement.focus();
|
|
1894
1894
|
}
|
|
1895
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1896
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
1895
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1896
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: SliderHandleDirective, isStandalone: true, selector: "[ngxSliderHandle]", host: { properties: { "class.ngx-slider-active": "this.active", "attr.role": "this.role", "attr.tabindex": "this.tabindex", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-label": "this.ariaLabel", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-valuenow": "this.ariaValueNow", "attr.aria-valuetext": "this.ariaValueText", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax" } }, usesInheritance: true, ngImport: i0 }); }
|
|
1897
1897
|
}
|
|
1898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1898
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderHandleDirective, decorators: [{
|
|
1899
1899
|
type: Directive,
|
|
1900
1900
|
args: [{
|
|
1901
1901
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1959,10 +1959,10 @@ class SliderLabelDirective extends SliderElementDirective {
|
|
|
1959
1959
|
this.calculateDimension();
|
|
1960
1960
|
}
|
|
1961
1961
|
}
|
|
1962
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1963
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
1962
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderLabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1963
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: SliderLabelDirective, isStandalone: true, selector: "[ngxSliderLabel]", usesInheritance: true, ngImport: i0 }); }
|
|
1964
1964
|
}
|
|
1965
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderLabelDirective, decorators: [{
|
|
1966
1966
|
type: Directive,
|
|
1967
1967
|
args: [{
|
|
1968
1968
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1975,10 +1975,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1975
1975
|
* @deprecated TooltipWrapperComponent is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
|
|
1976
1976
|
*/
|
|
1977
1977
|
class TooltipWrapperComponent {
|
|
1978
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1979
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1978
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TooltipWrapperComponent, isStandalone: true, selector: "ngx-slider-tooltip-wrapper", inputs: { template: "template", tooltip: "tooltip", placement: "placement", content: "content" }, ngImport: i0, template: "@if (template) {\n <ng-template\n *ngTemplateOutlet=\"template; context: { tooltip: tooltip, placement: placement, content: content }\"\n ></ng-template>\n} @else {\n <div class=\"ngx-slider-inner-tooltip\" [attr.title]=\"tooltip\" [attr.data-tooltip-placement]=\"placement\">\n {{ content }}\n </div>\n}\n", styles: [".ngx-slider-inner-tooltip{height:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1980
1980
|
}
|
|
1981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
1982
1982
|
type: Component,
|
|
1983
1983
|
args: [{ selector: 'ngx-slider-tooltip-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (template) {\n <ng-template\n *ngTemplateOutlet=\"template; context: { tooltip: tooltip, placement: placement, content: content }\"\n ></ng-template>\n} @else {\n <div class=\"ngx-slider-inner-tooltip\" [attr.title]=\"tooltip\" [attr.data-tooltip-placement]=\"placement\">\n {{ content }}\n </div>\n}\n", styles: [".ngx-slider-inner-tooltip{height:100%}\n"] }]
|
|
1984
1984
|
}], propDecorators: { template: [{
|
|
@@ -3886,10 +3886,10 @@ class SliderComponent {
|
|
|
3886
3886
|
}
|
|
3887
3887
|
return changeContext;
|
|
3888
3888
|
}
|
|
3889
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3890
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
3889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3890
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: SliderComponent, isStandalone: true, selector: "ngx-slider", inputs: { value: "value", highValue: "highValue", options: "options", manualRefresh: "manualRefresh", triggerFocus: "triggerFocus" }, outputs: { valueChange: "valueChange", highValueChange: "highValueChange", userChangeStart: "userChangeStart", userChange: "userChange", userChangeEnd: "userChangeEnd" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class": "this.class", "class.vertical": "this.sliderElementVerticalClass", "class.animate": "this.sliderElementAnimateClass", "class.with-legend": "this.sliderElementWithLegendClass", "attr.disabled": "this.sliderElementDisabledAttr", "attr.aria-label": "this.sliderElementAriaLabel" } }, providers: [NGX_SLIDER_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "tooltipTemplate", first: true, predicate: ["tooltipTemplate"], descendants: true }], viewQueries: [{ propertyName: "leftOuterSelectionBarElement", first: true, predicate: ["leftOuterSelectionBar"], descendants: true, read: SliderElementDirective }, { propertyName: "rightOuterSelectionBarElement", first: true, predicate: ["rightOuterSelectionBar"], descendants: true, read: SliderElementDirective }, { propertyName: "fullBarElement", first: true, predicate: ["fullBar"], descendants: true, read: SliderElementDirective }, { propertyName: "selectionBarElement", first: true, predicate: ["selectionBar"], descendants: true, read: SliderElementDirective }, { propertyName: "minHandleElement", first: true, predicate: ["minHandle"], descendants: true, read: SliderHandleDirective }, { propertyName: "maxHandleElement", first: true, predicate: ["maxHandle"], descendants: true, read: SliderHandleDirective }, { propertyName: "floorLabelElement", first: true, predicate: ["floorLabel"], descendants: true, read: SliderLabelDirective }, { propertyName: "ceilLabelElement", first: true, predicate: ["ceilLabel"], descendants: true, read: SliderLabelDirective }, { propertyName: "minHandleLabelElement", first: true, predicate: ["minHandleLabel"], descendants: true, read: SliderLabelDirective }, { propertyName: "maxHandleLabelElement", first: true, predicate: ["maxHandleLabel"], descendants: true, read: SliderLabelDirective }, { propertyName: "combinedLabelElement", first: true, predicate: ["combinedLabel"], descendants: true, read: SliderLabelDirective }, { propertyName: "ticksElement", first: true, predicate: ["ticksElement"], descendants: true, read: SliderElementDirective }], usesOnChanges: true, ngImport: i0, template: "<!-- // 0 Left selection bar outside two handles -->\n<span\n ngxSliderElement\n #leftOuterSelectionBar\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-left-out-selection\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 1 Right selection bar outside two handles -->\n<span\n ngxSliderElement\n #rightOuterSelectionBar\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-right-out-selection\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 2 The whole slider bar -->\n<span\n ngxSliderElement\n #fullBar\n [class.ngx-slider-transparent]=\"fullBarTransparentClass\"\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-full-bar\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 3 Selection bar between two handles -->\n<span\n ngxSliderElement\n #selectionBar\n [class.ngx-slider-draggable]=\"selectionBarDraggableClass\"\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-selection-bar\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar ngx-slider-selection\" [ngStyle]=\"barStyle\"></span>\n</span>\n<!-- // 4 Low slider handle -->\n<span\n ngxSliderHandle\n #minHandle\n class=\"ngx-slider-span ngx-slider-pointer ngx-slider-pointer-min\"\n [ngStyle]=\"minPointerStyle\"\n></span>\n<!-- // 5 High slider handle -->\n<span\n ngxSliderHandle\n #maxHandle\n [style.display]=\"range ? 'inherit' : 'none'\"\n class=\"ngx-slider-span ngx-slider-pointer ngx-slider-pointer-max\"\n [ngStyle]=\"maxPointerStyle\"\n></span>\n<!-- // 6 Floor label -->\n<span ngxSliderLabel #floorLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-limit ngx-slider-floor\"></span>\n<!-- // 7 Ceiling label -->\n<span ngxSliderLabel #ceilLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-limit ngx-slider-ceil\"></span>\n<!-- // 8 Label above the low slider handle -->\n<span ngxSliderLabel #minHandleLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-model-value\"></span>\n<!-- // 9 Label above the high slider handle -->\n<span ngxSliderLabel #maxHandleLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-model-high\"></span>\n<!-- // 10 Combined range label when the slider handles are close ex. 15 - 17 -->\n<span ngxSliderLabel #combinedLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-combined\"></span>\n<!-- // 11 The ticks -->\n<span\n ngxSliderElement\n #ticksElement\n [hidden]=\"!showTicks\"\n [class.ngx-slider-ticks-values-under]=\"ticksUnderValuesClass\"\n class=\"ngx-slider-ticks\"\n>\n @for (t of ticks; track t) {\n <span class=\"ngx-slider-tick\" [ngClass]=\"{ 'ngx-slider-selected': t.selected }\" [ngStyle]=\"t.style\">\n <ngx-slider-tooltip-wrapper\n [template]=\"tooltipTemplate\"\n [tooltip]=\"t.tooltip\"\n [placement]=\"t.tooltipPlacement\"\n ></ngx-slider-tooltip-wrapper>\n @if (t.value !== null) {\n <ngx-slider-tooltip-wrapper\n class=\"ngx-slider-span ngx-slider-tick-value\"\n [template]=\"tooltipTemplate\"\n [tooltip]=\"t.valueTooltip\"\n [placement]=\"t.valueTooltipPlacement\"\n [content]=\"t.value\"\n ></ngx-slider-tooltip-wrapper>\n }\n @if (t.legend !== null) {\n <span class=\"ngx-slider-span ngx-slider-tick-legend\" [innerHTML]=\"t.legend\"></span>\n }\n </span>\n }\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TooltipWrapperComponent, selector: "ngx-slider-tooltip-wrapper", inputs: ["template", "tooltip", "placement", "content"] }, { kind: "directive", type: SliderLabelDirective, selector: "[ngxSliderLabel]" }, { kind: "directive", type: SliderHandleDirective, selector: "[ngxSliderHandle]" }, { kind: "directive", type: SliderElementDirective, selector: "[ngxSliderElement]" }] }); }
|
|
3891
3891
|
}
|
|
3892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: SliderComponent, decorators: [{
|
|
3893
3893
|
type: Component,
|
|
3894
3894
|
args: [{ selector: 'ngx-slider', providers: [NGX_SLIDER_CONTROL_VALUE_ACCESSOR], imports: [CommonModule, TooltipWrapperComponent, SliderLabelDirective, SliderHandleDirective, SliderElementDirective], template: "<!-- // 0 Left selection bar outside two handles -->\n<span\n ngxSliderElement\n #leftOuterSelectionBar\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-left-out-selection\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 1 Right selection bar outside two handles -->\n<span\n ngxSliderElement\n #rightOuterSelectionBar\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-right-out-selection\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 2 The whole slider bar -->\n<span\n ngxSliderElement\n #fullBar\n [class.ngx-slider-transparent]=\"fullBarTransparentClass\"\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-full-bar\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar\"></span>\n</span>\n<!-- // 3 Selection bar between two handles -->\n<span\n ngxSliderElement\n #selectionBar\n [class.ngx-slider-draggable]=\"selectionBarDraggableClass\"\n class=\"ngx-slider-span ngx-slider-bar-wrapper ngx-slider-selection-bar\"\n>\n <span class=\"ngx-slider-span ngx-slider-bar ngx-slider-selection\" [ngStyle]=\"barStyle\"></span>\n</span>\n<!-- // 4 Low slider handle -->\n<span\n ngxSliderHandle\n #minHandle\n class=\"ngx-slider-span ngx-slider-pointer ngx-slider-pointer-min\"\n [ngStyle]=\"minPointerStyle\"\n></span>\n<!-- // 5 High slider handle -->\n<span\n ngxSliderHandle\n #maxHandle\n [style.display]=\"range ? 'inherit' : 'none'\"\n class=\"ngx-slider-span ngx-slider-pointer ngx-slider-pointer-max\"\n [ngStyle]=\"maxPointerStyle\"\n></span>\n<!-- // 6 Floor label -->\n<span ngxSliderLabel #floorLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-limit ngx-slider-floor\"></span>\n<!-- // 7 Ceiling label -->\n<span ngxSliderLabel #ceilLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-limit ngx-slider-ceil\"></span>\n<!-- // 8 Label above the low slider handle -->\n<span ngxSliderLabel #minHandleLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-model-value\"></span>\n<!-- // 9 Label above the high slider handle -->\n<span ngxSliderLabel #maxHandleLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-model-high\"></span>\n<!-- // 10 Combined range label when the slider handles are close ex. 15 - 17 -->\n<span ngxSliderLabel #combinedLabel class=\"ngx-slider-span ngx-slider-bubble ngx-slider-combined\"></span>\n<!-- // 11 The ticks -->\n<span\n ngxSliderElement\n #ticksElement\n [hidden]=\"!showTicks\"\n [class.ngx-slider-ticks-values-under]=\"ticksUnderValuesClass\"\n class=\"ngx-slider-ticks\"\n>\n @for (t of ticks; track t) {\n <span class=\"ngx-slider-tick\" [ngClass]=\"{ 'ngx-slider-selected': t.selected }\" [ngStyle]=\"t.style\">\n <ngx-slider-tooltip-wrapper\n [template]=\"tooltipTemplate\"\n [tooltip]=\"t.tooltip\"\n [placement]=\"t.tooltipPlacement\"\n ></ngx-slider-tooltip-wrapper>\n @if (t.value !== null) {\n <ngx-slider-tooltip-wrapper\n class=\"ngx-slider-span ngx-slider-tick-value\"\n [template]=\"tooltipTemplate\"\n [tooltip]=\"t.valueTooltip\"\n [placement]=\"t.valueTooltipPlacement\"\n [content]=\"t.value\"\n ></ngx-slider-tooltip-wrapper>\n }\n @if (t.legend !== null) {\n <span class=\"ngx-slider-span ngx-slider-tick-legend\" [innerHTML]=\"t.legend\"></span>\n }\n </span>\n }\n</span>\n" }]
|
|
3895
3895
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { class: [{
|
|
@@ -3979,16 +3979,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
3979
3979
|
* Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
|
|
3980
3980
|
*/
|
|
3981
3981
|
class DfSliderModule {
|
|
3982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3983
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
3982
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3983
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfSliderModule, imports: [SliderComponent,
|
|
3984
3984
|
SliderElementDirective,
|
|
3985
3985
|
SliderHandleDirective,
|
|
3986
3986
|
SliderLabelDirective,
|
|
3987
3987
|
TooltipWrapperComponent,
|
|
3988
3988
|
DfSliderDirectionDirective], exports: [DfSliderDirectionDirective, SliderComponent] }); }
|
|
3989
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
3989
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSliderModule, imports: [SliderComponent] }); }
|
|
3990
3990
|
}
|
|
3991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSliderModule, decorators: [{
|
|
3992
3992
|
type: NgModule,
|
|
3993
3993
|
args: [{
|
|
3994
3994
|
imports: [
|
|
@@ -4018,10 +4018,10 @@ class DfSideNavConfig {
|
|
|
4018
4018
|
this.isAppOverlay = false;
|
|
4019
4019
|
this.isAppOverlayMode = true;
|
|
4020
4020
|
}
|
|
4021
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4022
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
4021
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4022
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavConfig, providedIn: 'root' }); }
|
|
4023
4023
|
}
|
|
4024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavConfig, decorators: [{
|
|
4025
4025
|
type: Injectable,
|
|
4026
4026
|
args: [{ providedIn: 'root' }]
|
|
4027
4027
|
}] });
|
|
@@ -4328,10 +4328,10 @@ class DfSideNavService {
|
|
|
4328
4328
|
updateOverLay() {
|
|
4329
4329
|
this._isAppOverlay$.next(this.isAppOverlayMode && this._isCollapsed$.value === false);
|
|
4330
4330
|
}
|
|
4331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4332
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
4331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4332
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavService, providedIn: 'root' }); }
|
|
4333
4333
|
}
|
|
4334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavService, decorators: [{
|
|
4335
4335
|
type: Injectable,
|
|
4336
4336
|
args: [{
|
|
4337
4337
|
providedIn: 'root'
|
|
@@ -4351,10 +4351,10 @@ class DfManageSideNavDirective {
|
|
|
4351
4351
|
this.renderer.removeClass(this.element.nativeElement, 'df-sidenav-list-withactivated');
|
|
4352
4352
|
}
|
|
4353
4353
|
}
|
|
4354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4355
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageSideNavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4355
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfManageSideNavDirective, isStandalone: true, selector: "[dfManageSideNav]", ngImport: i0 }); }
|
|
4356
4356
|
}
|
|
4357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageSideNavDirective, decorators: [{
|
|
4358
4358
|
type: Directive,
|
|
4359
4359
|
args: [{
|
|
4360
4360
|
selector: '[dfManageSideNav]'
|
|
@@ -4387,10 +4387,10 @@ class DfSideNavListComponent {
|
|
|
4387
4387
|
uniqueId++;
|
|
4388
4388
|
return `df-sidenav-id-${uniqueId};`;
|
|
4389
4389
|
}
|
|
4390
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
4390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DfSideNavListComponent, isStandalone: true, selector: "df-sidenavlist", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, tplIcon: { classPropertyName: "tplIcon", publicName: "tplIcon", isSignal: true, isRequired: false, transformFunction: null }, tplItem: { classPropertyName: "tplItem", publicName: "tplItem", isSignal: true, isRequired: false, transformFunction: null }, currentItem: { classPropertyName: "currentItem", publicName: "currentItem", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"df-sidenav-list\" [ngbCollapse]=\"currentItem()?.isCollapsed ?? false\" [attr.id]=\"id()\">\n @for (item of items(); track item; let i = $index) {\n <li [class]=\"item.class\" dfManageSideNav>\n <ng-template #dfSideNavItemContent>\n @let tIcon = tplIcon();\n @if (tIcon && item.icon) {\n <ng-template\n [ngTemplateOutlet]=\"tIcon.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n } @else if (item.icon) {\n <span aria-hidden=\"true\" class=\"{{ item.icon }} df-sidenav-icon me-3\"></span>\n }\n <span class=\"flex-grow-1 text-nowrap text-truncate\">{{ item.title }}</span>\n </ng-template>\n @switch (item.type) {\n @case (sideNavService.type.subMenus) {\n <ng-template #subMenus>\n <button\n class=\"df-sidenav-item d-flex align-items-center\"\n (click)=\"sideNavService.toggle(item)\"\n type=\"button\"\n [attr.aria-expanded]=\"!item.isCollapsed\"\n [attr.aria-controls]=\"'sidenavControl' + controlledUniqueId.toString() + '-' + i\"\n [class.df-sidenav-item-withicon]=\"item.icon\"\n >\n @let tIcon = tplIcon();\n @if (tIcon && item.icon) {\n <ng-template\n [ngTemplateOutlet]=\"tIcon.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n } @else if (item.icon) {\n <span aria-hidden=\"true\" class=\"{{ item.icon }} df-sidenav-icon me-3\"></span>\n }\n <span class=\"flex-grow-1 text-nowrap text-truncate\">{{ item.title }}</span>\n <span\n class=\"ms-3 df-sidenav-collapse-icon fa-light\"\n [class.fa-chevron-down]=\"item.isCollapsed\"\n [class.fa-chevron-up]=\"!item.isCollapsed\"\n ></span>\n <!-- put the chevron as icon directly in the menu -->\n <!-- todo the icon and the minimized -->\n </button>\n <!-- we don't pass the icons as they are not suppose to have ones ??-->\n <df-sidenavlist\n [items]=\"item.subMenus ?? []\"\n [tplItem]=\"tplItem()\"\n [currentItem]=\"item\"\n [id]=\"'sidenavControl' + controlledUniqueId.toString() + '-' + i\"\n ></df-sidenavlist>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"subMenus\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"subMenus\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.actionButton) {\n <ng-template #dfSideNavItemButton>\n <button\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n (click)=\"sideNavService.activeItem(item)\"\n [class.active]=\"item.isActive\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </button>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfSideNavItemButton\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfSideNavItemButton\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.routerLink) {\n <ng-template #dfRouterTemplate>\n <a\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n routerLinkActive=\"active\"\n routerLink=\"{{ item.value }}\"\n ariaCurrentWhenActive=\"page\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </a>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfRouterTemplate\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfRouterTemplate\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.separator) {\n <ng-template #dfSeparatorTmp>\n <hr class=\"spacing-01\" />\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfSeparatorTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfSeparatorTmp\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.template) {\n @let tItem = tplItem();\n @if (tItem) {\n <ng-template\n [ngTemplateOutlet]=\"tItem.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n }\n @case (sideNavService.type.title) {\n <ng-template #dfTitleTmp>\n <div class=\"df-sidenav-item df-sidenav-title d-flex align-items-center flex-grow-1\">\n <span class=\"text-nowrap text-uppercase text-muted text-truncate\">{{ item.title }}</span>\n </div>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfTitleTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfTitleTmp\"></ng-container>\n </ng-container>\n }\n }\n @default {\n <ng-template #dfLinkDefaultTmp>\n <a\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n href=\"{{ item.value }}\"\n [class.active]=\"item.isActive && item.type === sideNavService.type.link\"\n [attr.target]=\"item.type === sideNavService.type.externalLink ? '_blank' : ''\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </a>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfLinkDefaultTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfLinkDefaultTmp\"></ng-container>\n </ng-container>\n }\n }\n }\n </li>\n }\n</ul>\n", dependencies: [{ kind: "component", type: DfSideNavListComponent, selector: "df-sidenavlist", inputs: ["items", "tplIcon", "tplItem", "currentItem", "id"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbCollapse, selector: "[ngbCollapse]", inputs: ["animation", "ngbCollapse", "horizontal"], outputs: ["ngbCollapseChange", "shown", "hidden"], exportAs: ["ngbCollapse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: DfIfMediaDirective, selector: "[dfIfMedia]", inputs: ["dfIfMedia"] }, { kind: "directive", type: DfManageSideNavDirective, selector: "[dfManageSideNav]" }] }); }
|
|
4392
4392
|
}
|
|
4393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavListComponent, decorators: [{
|
|
4394
4394
|
type: Component,
|
|
4395
4395
|
args: [{ selector: 'df-sidenavlist', imports: [NgTemplateOutlet, NgbCollapse, RouterLink, RouterLinkActive, DfIfMediaDirective, DfManageSideNavDirective], template: "<ul class=\"df-sidenav-list\" [ngbCollapse]=\"currentItem()?.isCollapsed ?? false\" [attr.id]=\"id()\">\n @for (item of items(); track item; let i = $index) {\n <li [class]=\"item.class\" dfManageSideNav>\n <ng-template #dfSideNavItemContent>\n @let tIcon = tplIcon();\n @if (tIcon && item.icon) {\n <ng-template\n [ngTemplateOutlet]=\"tIcon.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n } @else if (item.icon) {\n <span aria-hidden=\"true\" class=\"{{ item.icon }} df-sidenav-icon me-3\"></span>\n }\n <span class=\"flex-grow-1 text-nowrap text-truncate\">{{ item.title }}</span>\n </ng-template>\n @switch (item.type) {\n @case (sideNavService.type.subMenus) {\n <ng-template #subMenus>\n <button\n class=\"df-sidenav-item d-flex align-items-center\"\n (click)=\"sideNavService.toggle(item)\"\n type=\"button\"\n [attr.aria-expanded]=\"!item.isCollapsed\"\n [attr.aria-controls]=\"'sidenavControl' + controlledUniqueId.toString() + '-' + i\"\n [class.df-sidenav-item-withicon]=\"item.icon\"\n >\n @let tIcon = tplIcon();\n @if (tIcon && item.icon) {\n <ng-template\n [ngTemplateOutlet]=\"tIcon.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n } @else if (item.icon) {\n <span aria-hidden=\"true\" class=\"{{ item.icon }} df-sidenav-icon me-3\"></span>\n }\n <span class=\"flex-grow-1 text-nowrap text-truncate\">{{ item.title }}</span>\n <span\n class=\"ms-3 df-sidenav-collapse-icon fa-light\"\n [class.fa-chevron-down]=\"item.isCollapsed\"\n [class.fa-chevron-up]=\"!item.isCollapsed\"\n ></span>\n <!-- put the chevron as icon directly in the menu -->\n <!-- todo the icon and the minimized -->\n </button>\n <!-- we don't pass the icons as they are not suppose to have ones ??-->\n <df-sidenavlist\n [items]=\"item.subMenus ?? []\"\n [tplItem]=\"tplItem()\"\n [currentItem]=\"item\"\n [id]=\"'sidenavControl' + controlledUniqueId.toString() + '-' + i\"\n ></df-sidenavlist>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"subMenus\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"subMenus\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.actionButton) {\n <ng-template #dfSideNavItemButton>\n <button\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n (click)=\"sideNavService.activeItem(item)\"\n [class.active]=\"item.isActive\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </button>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfSideNavItemButton\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfSideNavItemButton\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.routerLink) {\n <ng-template #dfRouterTemplate>\n <a\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n routerLinkActive=\"active\"\n routerLink=\"{{ item.value }}\"\n ariaCurrentWhenActive=\"page\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </a>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfRouterTemplate\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfRouterTemplate\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.separator) {\n <ng-template #dfSeparatorTmp>\n <hr class=\"spacing-01\" />\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfSeparatorTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfSeparatorTmp\"></ng-container>\n </ng-container>\n }\n }\n @case (sideNavService.type.template) {\n @let tItem = tplItem();\n @if (tItem) {\n <ng-template\n [ngTemplateOutlet]=\"tItem.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n }\n }\n @case (sideNavService.type.title) {\n <ng-template #dfTitleTmp>\n <div class=\"df-sidenav-item df-sidenav-title d-flex align-items-center flex-grow-1\">\n <span class=\"text-nowrap text-uppercase text-muted text-truncate\">{{ item.title }}</span>\n </div>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfTitleTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfTitleTmp\"></ng-container>\n </ng-container>\n }\n }\n @default {\n <ng-template #dfLinkDefaultTmp>\n <a\n class=\"df-sidenav-item d-flex align-items-center flex-nowrap\"\n href=\"{{ item.value }}\"\n [class.active]=\"item.isActive && item.type === sideNavService.type.link\"\n [attr.target]=\"item.type === sideNavService.type.externalLink ? '_blank' : ''\"\n >\n <ng-container *ngTemplateOutlet=\"dfSideNavItemContent\"></ng-container>\n </a>\n </ng-template>\n @if (!item.breakpoints) {\n <ng-container *ngTemplateOutlet=\"dfLinkDefaultTmp\"></ng-container>\n } @else {\n <ng-container *dfIfMedia=\"item.breakpoints!\">\n <ng-container *ngTemplateOutlet=\"dfLinkDefaultTmp\"></ng-container>\n </ng-container>\n }\n }\n }\n </li>\n }\n</ul>\n" }]
|
|
4396
4396
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], tplIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "tplIcon", required: false }] }], tplItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "tplItem", required: false }] }], currentItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentItem", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
@@ -4399,10 +4399,10 @@ class DfSideNavHeaderDirective {
|
|
|
4399
4399
|
constructor() {
|
|
4400
4400
|
this.templateRef = inject(TemplateRef);
|
|
4401
4401
|
}
|
|
4402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4403
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4403
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfSideNavHeaderDirective, isStandalone: true, selector: "ng-template[dfSideNavHeader]", ngImport: i0 }); }
|
|
4404
4404
|
}
|
|
4405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavHeaderDirective, decorators: [{
|
|
4406
4406
|
type: Directive,
|
|
4407
4407
|
args: [{ selector: 'ng-template[dfSideNavHeader]' }]
|
|
4408
4408
|
}] });
|
|
@@ -4410,10 +4410,10 @@ class DfSideNavIconDirective {
|
|
|
4410
4410
|
constructor() {
|
|
4411
4411
|
this.templateRef = inject(TemplateRef);
|
|
4412
4412
|
}
|
|
4413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4414
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4414
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfSideNavIconDirective, isStandalone: true, selector: "ng-template[dfSideNavIcon]", ngImport: i0 }); }
|
|
4415
4415
|
}
|
|
4416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavIconDirective, decorators: [{
|
|
4417
4417
|
type: Directive,
|
|
4418
4418
|
args: [{ selector: 'ng-template[dfSideNavIcon]' }]
|
|
4419
4419
|
}] });
|
|
@@ -4421,10 +4421,10 @@ class DfSideNavItemDirective {
|
|
|
4421
4421
|
constructor() {
|
|
4422
4422
|
this.templateRef = inject(TemplateRef);
|
|
4423
4423
|
}
|
|
4424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4425
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4425
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfSideNavItemDirective, isStandalone: true, selector: "ng-template[dfSideNavItem]", ngImport: i0 }); }
|
|
4426
4426
|
}
|
|
4427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavItemDirective, decorators: [{
|
|
4428
4428
|
type: Directive,
|
|
4429
4429
|
args: [{ selector: 'ng-template[dfSideNavItem]' }]
|
|
4430
4430
|
}] });
|
|
@@ -4457,10 +4457,10 @@ class DfSideNavComponent {
|
|
|
4457
4457
|
ngOnDestroy() {
|
|
4458
4458
|
this.sideNavService.removeSideBar();
|
|
4459
4459
|
}
|
|
4460
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4461
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
4460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DfSideNavComponent, isStandalone: true, selector: "df-sidenav", host: { properties: { "class": "classes()" } }, queries: [{ propertyName: "tplHeader", first: true, predicate: DfSideNavHeaderDirective, descendants: true, isSignal: true }, { propertyName: "tplIcon", first: true, predicate: DfSideNavIconDirective, descendants: true, isSignal: true }, { propertyName: "tplItem", first: true, predicate: DfSideNavItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"df-scroll-content\">\n @if (tplHeader(); as tplHeader) {\n <ng-template [ngTemplateOutlet]=\"tplHeader.templateRef\"></ng-template>\n }\n <df-sidenavlist [items]=\"navItems()\" [tplIcon]=\"tplIcon()\" [tplItem]=\"tplItem()\" />\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DfSideNavListComponent, selector: "df-sidenavlist", inputs: ["items", "tplIcon", "tplItem", "currentItem", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4462
4462
|
}
|
|
4463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavComponent, decorators: [{
|
|
4464
4464
|
type: Component,
|
|
4465
4465
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-sidenav', imports: [NgTemplateOutlet, DfSideNavListComponent], host: {
|
|
4466
4466
|
'[class]': 'classes()'
|
|
@@ -4549,10 +4549,10 @@ class DfManageNavSelectDirective {
|
|
|
4549
4549
|
(listBadge[currentPos - 1] || document.activeElement).focus();
|
|
4550
4550
|
}
|
|
4551
4551
|
}
|
|
4552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4553
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4552
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageNavSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4553
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfManageNavSelectDirective, isStandalone: true, selector: "[dfManageNavSelect]", host: { listeners: { "keydown.arrowLeft": "handleKeyDown($event)", "keydown.Backspace": "handleKeyDownBackspace()", "keydown.arrowRight": "handleKeyDownRight($event)" } }, ngImport: i0 }); }
|
|
4554
4554
|
}
|
|
4555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageNavSelectDirective, decorators: [{
|
|
4556
4556
|
type: Directive,
|
|
4557
4557
|
args: [{
|
|
4558
4558
|
selector: '[dfManageNavSelect]'
|
|
@@ -4596,10 +4596,10 @@ class DfOptionHighlightDirective {
|
|
|
4596
4596
|
setInnerHtml(html) {
|
|
4597
4597
|
this.renderer.setProperty(this.elementRef.nativeElement, 'innerHTML', html);
|
|
4598
4598
|
}
|
|
4599
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4600
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
4599
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfOptionHighlightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4600
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfOptionHighlightDirective, isStandalone: true, selector: "[dfOptionHighlight]", inputs: { dfOptionHighlight: { classPropertyName: "dfOptionHighlight", publicName: "dfOptionHighlight", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
4601
4601
|
}
|
|
4602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfOptionHighlightDirective, decorators: [{
|
|
4603
4603
|
type: Directive,
|
|
4604
4604
|
args: [{
|
|
4605
4605
|
selector: '[dfOptionHighlight]'
|
|
@@ -4640,10 +4640,10 @@ class DfManageBadgeEventsDirective {
|
|
|
4640
4640
|
this.dfManageBadgeEventsSelect()[0](this.dfManageBadgeEventsSelect()[1]);
|
|
4641
4641
|
event.stopPropagation();
|
|
4642
4642
|
}
|
|
4643
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4644
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
4643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageBadgeEventsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4644
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfManageBadgeEventsDirective, isStandalone: true, selector: "[dfManageBadgeEventsSelect]", inputs: { dfManageBadgeEventsSelect: { classPropertyName: "dfManageBadgeEventsSelect", publicName: "dfManageBadgeEventsSelect", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown.Backspace": "handleKeyDownBackspace($event)", "click": "handleClick($event)", "keydown.Enter": "handleKeyDownEnter($event)", "keydown.Delete": "handleKeyDownDelete($event)" } }, ngImport: i0 }); }
|
|
4645
4645
|
}
|
|
4646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageBadgeEventsDirective, decorators: [{
|
|
4647
4647
|
type: Directive,
|
|
4648
4648
|
args: [{
|
|
4649
4649
|
selector: '[dfManageBadgeEventsSelect]',
|
|
@@ -4658,11 +4658,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
4658
4658
|
}], ctorParameters: () => [], propDecorators: { dfManageBadgeEventsSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfManageBadgeEventsSelect", required: true }] }] } });
|
|
4659
4659
|
|
|
4660
4660
|
class DfSelectModule {
|
|
4661
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4662
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
4663
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
4661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4662
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfSelectModule, imports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective], exports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective, NgSelectModule] }); }
|
|
4663
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSelectModule, imports: [NgSelectModule] }); }
|
|
4664
4664
|
}
|
|
4665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSelectModule, decorators: [{
|
|
4666
4666
|
type: NgModule,
|
|
4667
4667
|
args: [{
|
|
4668
4668
|
imports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective],
|
|
@@ -4881,10 +4881,10 @@ class DfStepperService {
|
|
|
4881
4881
|
this._state = this.normalizeState(this._state);
|
|
4882
4882
|
this.dispatchStepperState();
|
|
4883
4883
|
}
|
|
4884
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4885
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
4884
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4885
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperService }); }
|
|
4886
4886
|
}
|
|
4887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperService, decorators: [{
|
|
4888
4888
|
type: Injectable
|
|
4889
4889
|
}] });
|
|
4890
4890
|
|
|
@@ -4916,10 +4916,10 @@ class DfStepperStepDirective {
|
|
|
4916
4916
|
ngOnDestroy() {
|
|
4917
4917
|
this.unlistener.forEach((ul) => ul());
|
|
4918
4918
|
}
|
|
4919
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4920
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
4919
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4920
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfStepperStepDirective, isStandalone: true, selector: "[dfStepperStep]", exportAs: ["dfStepperStep"], ngImport: i0 }); }
|
|
4921
4921
|
}
|
|
4922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4922
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperStepDirective, decorators: [{
|
|
4923
4923
|
type: Directive,
|
|
4924
4924
|
args: [{
|
|
4925
4925
|
selector: '[dfStepperStep]',
|
|
@@ -5027,10 +5027,10 @@ class DfStepperDirective {
|
|
|
5027
5027
|
this.stepperService.resetFocus();
|
|
5028
5028
|
}
|
|
5029
5029
|
}
|
|
5030
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5031
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
5030
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5031
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfStepperDirective, isStandalone: true, selector: "[dfStepperLogic]", host: { listeners: { "keydown.Enter": "handleEnterDown()", "keydown.Space": "handleSpaceDown()", "keydown.arrowRight": "handleKeyDownRight($event)", "keydown.arrowLeft": "handleKeyDown($event)", "keydown.arrowDown": "handleKeyDownUp($event)", "keydown.arrowUp": "handleKeyDownDown($event)" } }, exportAs: ["dfStepperLogic"], ngImport: i0 }); }
|
|
5032
5032
|
}
|
|
5033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperDirective, decorators: [{
|
|
5034
5034
|
type: Directive,
|
|
5035
5035
|
args: [{
|
|
5036
5036
|
selector: '[dfStepperLogic]',
|
|
@@ -5065,10 +5065,10 @@ class DfStepperStepContentDirective {
|
|
|
5065
5065
|
*/
|
|
5066
5066
|
this.dfStepperStepContent = input(-1, { ...(ngDevMode ? { debugName: "dfStepperStepContent" } : {}), transform: (value) => numberAttribute(value, -1) });
|
|
5067
5067
|
}
|
|
5068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5069
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
5068
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperStepContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5069
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfStepperStepContentDirective, isStandalone: true, selector: "ng-template[dfStepperStepContent]", inputs: { dfStepperStepContent: { classPropertyName: "dfStepperStepContent", publicName: "dfStepperStepContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
5070
5070
|
}
|
|
5071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperStepContentDirective, decorators: [{
|
|
5072
5072
|
type: Directive,
|
|
5073
5073
|
args: [{ selector: 'ng-template[dfStepperStepContent]' }]
|
|
5074
5074
|
}], propDecorators: { dfStepperStepContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfStepperStepContent", required: false }] }] } });
|
|
@@ -5096,10 +5096,10 @@ class DfStepperComponent {
|
|
|
5096
5096
|
}
|
|
5097
5097
|
});
|
|
5098
5098
|
}
|
|
5099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5099
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DfStepperComponent, isStandalone: true, selector: "[dfStepper]", host: { attributes: { "role": "tablist" }, properties: { "class.align-items-start": "state()?.isVertical", "class.flex-column": "state()?.isVertical", "attr.aria-label": "stepperService.stepperAriaLabel", "attr.aria-orientation": "state()?.isVertical ? \"vertical\": null" }, classAttribute: "df-stepper mb-2 d-flex" }, queries: [{ propertyName: "tplStepsContent", predicate: DfStepperStepContentDirective, isSignal: true }], hostDirectives: [{ directive: DfStepperDirective }], ngImport: i0, template: "<ng-template #myStepperLine let-inline>\n <div class=\"df-stepper-line-wrapper d-flex flex-column flex-grow-1\">\n <div class=\"df-stepper-line d-flex flex-grow-1 align-items-center\">\n <div class=\"df-stepper-horizontal-line flex-grow-1 border-top mt-1\"></div>\n </div>\n @if (!inline) {\n <div class=\"df-stepper-line d-none d-sm-flex flex-grow-1\">\n <div class=\"flex-grow-1\"></div>\n </div>\n }\n </div>\n</ng-template>\n@if (state(); as state) {\n @for (step of state.steps; track step.id; let i = $index) {\n <button\n #stepbasic\n class=\"btn df-stepper-step d-flex align-items-center h-auto\"\n dfStepperStep\n [class]=\"{\n active: i === state.active,\n 'flex-column': !state.isInline && !state.isVertical,\n 'df-stepper-step-warning': step.type === 'warning',\n 'df-stepper-step-completed': step.type === 'completed',\n 'df-stepper-step-visited': step.type === 'visited',\n 'df-stepper-step-future': step.type === 'future'\n }\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [disabled]=\"\n state.isLinear &&\n (step.type === 'future' || step.type === 'completed' || (step.type === 'visited' && i !== state.active))\n \"\n role=\"tab\"\n [attr.aria-selected]=\"i === state.active ? 'true' : 'false'\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"state.steps.length\"\n [attr.aria-controls]=\"step.ariaControl\"\n (click)=\"stepperService.selectWithFocus(i)\"\n >\n <div\n [class]=\"{\n 'df-stepper-step-circle': true,\n 'df-stepper-icon': step.type === 'completed',\n 'fa-check': step.type === 'completed',\n 'df-stepper-outline-number-future': step.type === 'future',\n 'df-stepper-outline-number-visited': step.type === 'visited',\n 'df-stepper-outline-number': step.type === 'future' || step.type === 'visited',\n 'fw-medium': step.type === 'visited',\n 'df-stepper-outline-icon': step.type === 'warning',\n 'fa-exclamation-triangle': step.type === 'warning',\n 'd-flex': step.type !== 'warning' && step.type !== 'completed',\n 'justify-content-center': step.type !== 'warning' && step.type !== 'completed',\n 'align-items-center': step.type !== 'warning' && step.type !== 'completed'\n }\"\n >\n @if (step.type !== 'warning' && step.type !== 'completed') {\n <span aria-hidden=\"true\">{{ stepperService.getStepNumberLabel(i) }}</span>\n }\n </div>\n <div\n class=\"flex-column\"\n [class.mt-1]=\"!state.isInline\"\n [class.d-none]=\"!state.isVertical\"\n [class.d-sm-flex]=\"!state.isVertical\"\n [class.d-flex]=\"state.isVertical\"\n >\n @if (step.type === 'warning') {\n <span class=\"visually-hidden\">{{ stepperService.warningLabel }}</span>\n }\n <span\n class=\"df-stepper-label\"\n [class]=\"stepperLabelClasses\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.label }}</span\n >\n @if (step.optionalLabel) {\n <span\n class=\"df-stepper-optional-label text-body fw-normal text-start fs-xs\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.optionalLabel }}</span\n >\n }\n @if (step.completed) {\n <span class=\"visually-hidden\">{{ stepperService.completedLabel }}</span>\n }\n </div>\n </button>\n @if (!state.isVertical && i < state.steps.length - 1) {\n <ng-container\n [ngTemplateOutlet]=\"myStepperLine\"\n [ngTemplateOutletContext]=\"{ $implicit: state.isInline }\"\n ></ng-container>\n }\n @if (state.isVertical && i < state.steps.length) {\n <div\n [class.d-none]=\"state.steps.length - 1 === i\"\n role=\"tabpanel\"\n [id]=\"step.ariaControl\"\n class=\"df-vertical-stepper-panel df-vertical-stepper-line my-5 ps-5 position-relative\"\n >\n @if (mapStepToContent.has(i) && state.active === i) {\n <ng-template\n [ngTemplateOutlet]=\"mapStepToContent.get(i) || null\"\n [ngTemplateOutletContext]=\"{ state, index: i, service: stepperService }\"\n ></ng-template>\n }\n </div>\n }\n }\n}\n@if (stepperService.stepperState$ | async; as state) {\n <div\n class=\"text-primary mb-2\"\n [class.d-block]=\"!state.isVertical\"\n [class.d-sm-none]=\"!state.isVertical\"\n [class.d-none]=\"state.isVertical\"\n >\n <span class=\"df-stepper-label\" [class]=\"stepperLabelClasses\">{{ state.steps[state.active].label }}</span>\n </div>\n}\n", dependencies: [{ kind: "directive", type: DfStepperStepDirective, selector: "[dfStepperStep]", exportAs: ["dfStepperStep"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5101
5101
|
}
|
|
5102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperComponent, decorators: [{
|
|
5103
5103
|
type: Component,
|
|
5104
5104
|
args: [{ selector: '[dfStepper]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DfStepperStepDirective, NgTemplateOutlet, AsyncPipe], hostDirectives: [DfStepperDirective], host: {
|
|
5105
5105
|
role: 'tablist',
|
|
@@ -5108,15 +5108,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
5108
5108
|
'[class.flex-column]': 'state()?.isVertical',
|
|
5109
5109
|
'[attr.aria-label]': 'stepperService.stepperAriaLabel',
|
|
5110
5110
|
'[attr.aria-orientation]': 'state()?.isVertical ? "vertical": null'
|
|
5111
|
-
}, template: "<ng-template #myStepperLine let-inline>\n <div class=\"df-stepper-line-wrapper d-flex flex-column flex-grow-1\">\n <div class=\"df-stepper-line d-flex flex-grow-1 align-items-center\">\n <div class=\"df-stepper-horizontal-line flex-grow-1 border-top mt-1\"></div>\n </div>\n @if (!inline) {\n <div class=\"df-stepper-line d-none d-sm-flex flex-grow-1\">\n <div class=\"flex-grow-1\"></div>\n </div>\n }\n </div>\n</ng-template>\n@if (state(); as state) {\n @for (step of state.steps; track step; let i = $index) {\n <button\n #stepbasic\n class=\"btn df-stepper-step d-flex align-items-center h-auto\"\n dfStepperStep\n [class]=\"{\n active: i === state.active,\n 'flex-column': !state.isInline && !state.isVertical,\n 'df-stepper-step-warning': step.type === 'warning',\n 'df-stepper-step-completed': step.type === 'completed',\n 'df-stepper-step-visited': step.type === 'visited',\n 'df-stepper-step-future': step.type === 'future'\n }\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [disabled]=\"\n state.isLinear &&\n (step.type === 'future' || step.type === 'completed' || (step.type === 'visited' && i !== state.active))\n \"\n role=\"tab\"\n [attr.aria-selected]=\"i === state.active ? 'true' : 'false'\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"state.steps.length\"\n [attr.aria-controls]=\"step.ariaControl\"\n (click)=\"stepperService.selectWithFocus(i)\"\n >\n <div\n [class]=\"{\n 'df-stepper-step-circle': true,\n 'df-stepper-icon': step.type === 'completed',\n 'fa-check': step.type === 'completed',\n 'df-stepper-outline-number-future': step.type === 'future',\n 'df-stepper-outline-number-visited': step.type === 'visited',\n 'df-stepper-outline-number': step.type === 'future' || step.type === 'visited',\n 'fw-medium': step.type === 'visited',\n 'df-stepper-outline-icon': step.type === 'warning',\n 'fa-exclamation-triangle': step.type === 'warning',\n 'd-flex': step.type !== 'warning' && step.type !== 'completed',\n 'justify-content-center': step.type !== 'warning' && step.type !== 'completed',\n 'align-items-center': step.type !== 'warning' && step.type !== 'completed'\n }\"\n >\n @if (step.type !== 'warning' && step.type !== 'completed') {\n <span aria-hidden=\"true\">{{ stepperService.getStepNumberLabel(i) }}</span>\n }\n </div>\n <div\n class=\"flex-column\"\n [class.mt-1]=\"!state.isInline\"\n [class.d-none]=\"!state.isVertical\"\n [class.d-sm-flex]=\"!state.isVertical\"\n [class.d-flex]=\"state.isVertical\"\n >\n @if (step.type === 'warning') {\n <span class=\"visually-hidden\">{{ stepperService.warningLabel }}</span>\n }\n <span\n class=\"df-stepper-label\"\n [class]=\"stepperLabelClasses\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.label }}</span\n >\n @if (step.optionalLabel) {\n <span\n class=\"df-stepper-optional-label text-body fw-normal text-start fs-xs\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.optionalLabel }}</span\n >\n }\n @if (step.completed) {\n <span class=\"visually-hidden\">{{ stepperService.completedLabel }}</span>\n }\n </div>\n </button>\n @if (!state.isVertical && i < state.steps.length - 1) {\n <ng-container\n [ngTemplateOutlet]=\"myStepperLine\"\n [ngTemplateOutletContext]=\"{ $implicit: state.isInline }\"\n ></ng-container>\n }\n @if (state.isVertical && i < state.steps.length) {\n <div\n [class.d-none]=\"state.steps.length - 1 === i\"\n role=\"tabpanel\"\n [id]=\"step.ariaControl\"\n class=\"df-vertical-stepper-panel df-vertical-stepper-line my-5 ps-5 position-relative\"\n >\n @if (mapStepToContent.has(i) && state.active === i) {\n <ng-template\n [ngTemplateOutlet]=\"mapStepToContent.get(i) || null\"\n [ngTemplateOutletContext]=\"{ state, index: i, service: stepperService }\"\n ></ng-template>\n }\n </div>\n }\n }\n}\n@if (stepperService.stepperState$ | async; as state) {\n <div\n class=\"text-primary mb-2\"\n [class.d-block]=\"!state.isVertical\"\n [class.d-sm-none]=\"!state.isVertical\"\n [class.d-none]=\"state.isVertical\"\n >\n <span class=\"df-stepper-label\" [class]=\"stepperLabelClasses\">{{ state.steps[state.active].label }}</span>\n </div>\n}\n" }]
|
|
5111
|
+
}, template: "<ng-template #myStepperLine let-inline>\n <div class=\"df-stepper-line-wrapper d-flex flex-column flex-grow-1\">\n <div class=\"df-stepper-line d-flex flex-grow-1 align-items-center\">\n <div class=\"df-stepper-horizontal-line flex-grow-1 border-top mt-1\"></div>\n </div>\n @if (!inline) {\n <div class=\"df-stepper-line d-none d-sm-flex flex-grow-1\">\n <div class=\"flex-grow-1\"></div>\n </div>\n }\n </div>\n</ng-template>\n@if (state(); as state) {\n @for (step of state.steps; track step.id; let i = $index) {\n <button\n #stepbasic\n class=\"btn df-stepper-step d-flex align-items-center h-auto\"\n dfStepperStep\n [class]=\"{\n active: i === state.active,\n 'flex-column': !state.isInline && !state.isVertical,\n 'df-stepper-step-warning': step.type === 'warning',\n 'df-stepper-step-completed': step.type === 'completed',\n 'df-stepper-step-visited': step.type === 'visited',\n 'df-stepper-step-future': step.type === 'future'\n }\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [disabled]=\"\n state.isLinear &&\n (step.type === 'future' || step.type === 'completed' || (step.type === 'visited' && i !== state.active))\n \"\n role=\"tab\"\n [attr.aria-selected]=\"i === state.active ? 'true' : 'false'\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"state.steps.length\"\n [attr.aria-controls]=\"step.ariaControl\"\n (click)=\"stepperService.selectWithFocus(i)\"\n >\n <div\n [class]=\"{\n 'df-stepper-step-circle': true,\n 'df-stepper-icon': step.type === 'completed',\n 'fa-check': step.type === 'completed',\n 'df-stepper-outline-number-future': step.type === 'future',\n 'df-stepper-outline-number-visited': step.type === 'visited',\n 'df-stepper-outline-number': step.type === 'future' || step.type === 'visited',\n 'fw-medium': step.type === 'visited',\n 'df-stepper-outline-icon': step.type === 'warning',\n 'fa-exclamation-triangle': step.type === 'warning',\n 'd-flex': step.type !== 'warning' && step.type !== 'completed',\n 'justify-content-center': step.type !== 'warning' && step.type !== 'completed',\n 'align-items-center': step.type !== 'warning' && step.type !== 'completed'\n }\"\n >\n @if (step.type !== 'warning' && step.type !== 'completed') {\n <span aria-hidden=\"true\">{{ stepperService.getStepNumberLabel(i) }}</span>\n }\n </div>\n <div\n class=\"flex-column\"\n [class.mt-1]=\"!state.isInline\"\n [class.d-none]=\"!state.isVertical\"\n [class.d-sm-flex]=\"!state.isVertical\"\n [class.d-flex]=\"state.isVertical\"\n >\n @if (step.type === 'warning') {\n <span class=\"visually-hidden\">{{ stepperService.warningLabel }}</span>\n }\n <span\n class=\"df-stepper-label\"\n [class]=\"stepperLabelClasses\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.label }}</span\n >\n @if (step.optionalLabel) {\n <span\n class=\"df-stepper-optional-label text-body fw-normal text-start fs-xs\"\n [class.ms-4]=\"state.isInline || state.isVertical\"\n >{{ step.optionalLabel }}</span\n >\n }\n @if (step.completed) {\n <span class=\"visually-hidden\">{{ stepperService.completedLabel }}</span>\n }\n </div>\n </button>\n @if (!state.isVertical && i < state.steps.length - 1) {\n <ng-container\n [ngTemplateOutlet]=\"myStepperLine\"\n [ngTemplateOutletContext]=\"{ $implicit: state.isInline }\"\n ></ng-container>\n }\n @if (state.isVertical && i < state.steps.length) {\n <div\n [class.d-none]=\"state.steps.length - 1 === i\"\n role=\"tabpanel\"\n [id]=\"step.ariaControl\"\n class=\"df-vertical-stepper-panel df-vertical-stepper-line my-5 ps-5 position-relative\"\n >\n @if (mapStepToContent.has(i) && state.active === i) {\n <ng-template\n [ngTemplateOutlet]=\"mapStepToContent.get(i) || null\"\n [ngTemplateOutletContext]=\"{ state, index: i, service: stepperService }\"\n ></ng-template>\n }\n </div>\n }\n }\n}\n@if (stepperService.stepperState$ | async; as state) {\n <div\n class=\"text-primary mb-2\"\n [class.d-block]=\"!state.isVertical\"\n [class.d-sm-none]=\"!state.isVertical\"\n [class.d-none]=\"state.isVertical\"\n >\n <span class=\"df-stepper-label\" [class]=\"stepperLabelClasses\">{{ state.steps[state.active].label }}</span>\n </div>\n}\n" }]
|
|
5112
5112
|
}], ctorParameters: () => [], propDecorators: { tplStepsContent: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DfStepperStepContentDirective), { isSignal: true }] }] } });
|
|
5113
5113
|
|
|
5114
5114
|
class DfStepperModule {
|
|
5115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5116
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5117
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5116
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfStepperModule, imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective], exports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective] }); }
|
|
5117
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperModule }); }
|
|
5118
5118
|
}
|
|
5119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfStepperModule, decorators: [{
|
|
5120
5120
|
type: NgModule,
|
|
5121
5121
|
args: [{
|
|
5122
5122
|
imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective],
|
|
@@ -5179,10 +5179,10 @@ class DfTooltipTruncateDirective {
|
|
|
5179
5179
|
this.tooltip.disableTooltip = disableToolTip;
|
|
5180
5180
|
this.renderer.setAttribute(this.elementRef.nativeElement, 'tabIndex', disableToolTip ? '-1' : '0');
|
|
5181
5181
|
}
|
|
5182
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5183
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
5182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipTruncateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5183
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfTooltipTruncateDirective, isStandalone: true, selector: "[dfTooltipTruncate]", inputs: { dfTooltipTruncate: { classPropertyName: "dfTooltipTruncate", publicName: "dfTooltipTruncate", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dfTooltipTruncate"], ngImport: i0 }); }
|
|
5184
5184
|
}
|
|
5185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipTruncateDirective, decorators: [{
|
|
5186
5186
|
type: Directive,
|
|
5187
5187
|
args: [{
|
|
5188
5188
|
exportAs: 'dfTooltipTruncate',
|
|
@@ -5191,11 +5191,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
5191
5191
|
}], propDecorators: { dfTooltipTruncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfTooltipTruncate", required: false }] }] } });
|
|
5192
5192
|
|
|
5193
5193
|
class DfTooltipModule {
|
|
5194
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5195
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5196
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5194
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5195
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipModule, imports: [DfTooltipTruncateDirective], exports: [DfTooltipTruncateDirective, NgbTooltipModule] }); }
|
|
5196
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipModule, imports: [NgbTooltipModule] }); }
|
|
5197
5197
|
}
|
|
5198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTooltipModule, decorators: [{
|
|
5199
5199
|
type: NgModule,
|
|
5200
5200
|
args: [{
|
|
5201
5201
|
imports: [DfTooltipTruncateDirective],
|
|
@@ -5320,10 +5320,10 @@ class DfSideNavCollapseConfig {
|
|
|
5320
5320
|
set animation(animation) {
|
|
5321
5321
|
this._animation = animation;
|
|
5322
5322
|
}
|
|
5323
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5324
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
5323
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5324
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseConfig, providedIn: 'root' }); }
|
|
5325
5325
|
}
|
|
5326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseConfig, decorators: [{
|
|
5327
5327
|
type: Injectable,
|
|
5328
5328
|
args: [{ providedIn: 'root' }]
|
|
5329
5329
|
}] });
|
|
@@ -5350,10 +5350,10 @@ class DfSideNavCollapseService {
|
|
|
5350
5350
|
setAnimation(on) {
|
|
5351
5351
|
this._sideNavAnimation$.next(on);
|
|
5352
5352
|
}
|
|
5353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5354
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
5353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5354
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseService, providedIn: 'root' }); }
|
|
5355
5355
|
}
|
|
5356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseService, decorators: [{
|
|
5357
5357
|
type: Injectable,
|
|
5358
5358
|
args: [{
|
|
5359
5359
|
providedIn: 'root'
|
|
@@ -5513,20 +5513,20 @@ class DfSideNavCollapseDirective {
|
|
|
5513
5513
|
}
|
|
5514
5514
|
});
|
|
5515
5515
|
}
|
|
5516
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5517
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
5516
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5517
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfSideNavCollapseDirective, isStandalone: true, selector: "[dfSideNavCollapse]", inputs: { dfSideNavCollapse: { classPropertyName: "dfSideNavCollapse", publicName: "dfSideNavCollapse", isSignal: true, isRequired: true, transformFunction: null }, minimized: { classPropertyName: "minimized", publicName: "minimized", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dfSideNavCollapseChange: "dfSideNavCollapseChange", shown: "shown", hidden: "hidden" }, exportAs: ["dfSideNavCollapse"], ngImport: i0 }); }
|
|
5518
5518
|
}
|
|
5519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseDirective, decorators: [{
|
|
5520
5520
|
type: Directive,
|
|
5521
5521
|
args: [{ selector: '[dfSideNavCollapse]', exportAs: 'dfSideNavCollapse' }]
|
|
5522
5522
|
}], ctorParameters: () => [], propDecorators: { dfSideNavCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfSideNavCollapse", required: true }] }], minimized: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimized", required: false }] }], dfSideNavCollapseChange: [{ type: i0.Output, args: ["dfSideNavCollapseChange"] }], shown: [{ type: i0.Output, args: ["shown"] }], hidden: [{ type: i0.Output, args: ["hidden"] }] } });
|
|
5523
5523
|
|
|
5524
5524
|
class DfSideNavCollapseModule {
|
|
5525
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5526
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5527
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5525
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5526
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseModule, imports: [DfSideNavCollapseDirective], exports: [DfSideNavCollapseDirective] }); }
|
|
5527
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseModule }); }
|
|
5528
5528
|
}
|
|
5529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavCollapseModule, decorators: [{
|
|
5530
5530
|
type: NgModule,
|
|
5531
5531
|
args: [{
|
|
5532
5532
|
imports: [DfSideNavCollapseDirective],
|
|
@@ -5535,8 +5535,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
5535
5535
|
}] });
|
|
5536
5536
|
|
|
5537
5537
|
class DfSideNavModule {
|
|
5538
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5539
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5538
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5539
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavModule, imports: [DfManageSideNavDirective,
|
|
5540
5540
|
DfSideNavComponent,
|
|
5541
5541
|
DfSideNavHeaderDirective,
|
|
5542
5542
|
DfSideNavIconDirective,
|
|
@@ -5547,10 +5547,10 @@ class DfSideNavModule {
|
|
|
5547
5547
|
DfSideNavItemDirective,
|
|
5548
5548
|
DfSideNavCollapseModule,
|
|
5549
5549
|
DfMediaModule] }); }
|
|
5550
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5550
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavModule, imports: [DfSideNavCollapseModule,
|
|
5551
5551
|
DfMediaModule] }); }
|
|
5552
5552
|
}
|
|
5553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfSideNavModule, decorators: [{
|
|
5554
5554
|
type: NgModule,
|
|
5555
5555
|
args: [{
|
|
5556
5556
|
imports: [
|
|
@@ -5613,10 +5613,10 @@ class DfManageCardSelectionDirective {
|
|
|
5613
5613
|
return;
|
|
5614
5614
|
}
|
|
5615
5615
|
}
|
|
5616
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5617
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
5616
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageCardSelectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5617
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfManageCardSelectionDirective, isStandalone: true, selector: "[dfManageCardSelected]", inputs: { dfManageCardSelected: { classPropertyName: "dfManageCardSelected", publicName: "dfManageCardSelected", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "click($event)", "keydown": "keydown($event)" }, properties: { "attr.tabindex": "0" } }, ngImport: i0 }); }
|
|
5618
5618
|
}
|
|
5619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfManageCardSelectionDirective, decorators: [{
|
|
5620
5620
|
type: Directive,
|
|
5621
5621
|
args: [{
|
|
5622
5622
|
selector: '[dfManageCardSelected]',
|
|
@@ -5629,11 +5629,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
5629
5629
|
}], ctorParameters: () => [], propDecorators: { dfManageCardSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfManageCardSelected", required: true }] }] } });
|
|
5630
5630
|
|
|
5631
5631
|
class DfAdvancedCardModule {
|
|
5632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5633
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5634
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5633
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedCardModule, imports: [DfManageCardSelectionDirective], exports: [DfManageCardSelectionDirective] }); }
|
|
5634
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedCardModule }); }
|
|
5635
5635
|
}
|
|
5636
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAdvancedCardModule, decorators: [{
|
|
5637
5637
|
type: NgModule,
|
|
5638
5638
|
args: [{
|
|
5639
5639
|
imports: [DfManageCardSelectionDirective],
|
|
@@ -5663,8 +5663,8 @@ const DF_MODULES = [
|
|
|
5663
5663
|
* @deprecated Import only the needed modules or use standalone components instead of DfModule
|
|
5664
5664
|
*/
|
|
5665
5665
|
class DfModule {
|
|
5666
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5667
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5667
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfModule, imports: [DfAlertModule,
|
|
5668
5668
|
DfDatePickerModule,
|
|
5669
5669
|
DfSelectModule,
|
|
5670
5670
|
DfProgressbarModule,
|
|
@@ -5695,7 +5695,7 @@ class DfModule {
|
|
|
5695
5695
|
DfFooterModule,
|
|
5696
5696
|
DfToastModule,
|
|
5697
5697
|
DfStepperModule] }); }
|
|
5698
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5698
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfModule, imports: [DF_MODULES, DfAlertModule,
|
|
5699
5699
|
DfDatePickerModule,
|
|
5700
5700
|
DfSelectModule,
|
|
5701
5701
|
DfProgressbarModule,
|
|
@@ -5712,7 +5712,7 @@ class DfModule {
|
|
|
5712
5712
|
DfToastModule,
|
|
5713
5713
|
DfStepperModule] }); }
|
|
5714
5714
|
}
|
|
5715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfModule, decorators: [{
|
|
5716
5716
|
type: NgModule,
|
|
5717
5717
|
args: [{
|
|
5718
5718
|
imports: DF_MODULES,
|
|
@@ -5742,10 +5742,10 @@ class DfOverflowService {
|
|
|
5742
5742
|
hasOverflowY(element) {
|
|
5743
5743
|
return element.offsetHeight < element.scrollHeight;
|
|
5744
5744
|
}
|
|
5745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5746
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
5745
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfOverflowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5746
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfOverflowService, providedIn: 'root' }); }
|
|
5747
5747
|
}
|
|
5748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5748
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfOverflowService, decorators: [{
|
|
5749
5749
|
type: Injectable,
|
|
5750
5750
|
args: [{
|
|
5751
5751
|
providedIn: 'root'
|
|
@@ -5778,10 +5778,10 @@ class DfTitleTruncateDirective {
|
|
|
5778
5778
|
nativeElement.removeAttribute(titleAttributeName);
|
|
5779
5779
|
}
|
|
5780
5780
|
}
|
|
5781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5782
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
5781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTitleTruncateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5782
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: DfTitleTruncateDirective, isStandalone: true, selector: "[dfTitleTruncate]", exportAs: ["dfTitleTruncate"], ngImport: i0 }); }
|
|
5783
5783
|
}
|
|
5784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfTitleTruncateDirective, decorators: [{
|
|
5785
5785
|
type: Directive,
|
|
5786
5786
|
args: [{
|
|
5787
5787
|
exportAs: 'dfTitleTruncate',
|
|
@@ -5950,10 +5950,10 @@ class DfWavesOfProgressDirective {
|
|
|
5950
5950
|
return arrowRight;
|
|
5951
5951
|
}
|
|
5952
5952
|
}
|
|
5953
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5954
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
5953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5954
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: DfWavesOfProgressDirective, isStandalone: true, selector: "[dfWavesOfProgress]", inputs: { dfWavesOfProgress: { classPropertyName: "dfWavesOfProgress", publicName: "dfWavesOfProgress", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--df-waves-bg-color": "bgColor()", "style.--df-waves-line-color": "lineColor()", "style.--df-waves-mask-img": "maskImage()" }, classAttribute: "df-waves-of-progress" }, exportAs: ["dfWavesOfProgress"], ngImport: i0 }); }
|
|
5955
5955
|
}
|
|
5956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressDirective, decorators: [{
|
|
5957
5957
|
type: Directive,
|
|
5958
5958
|
args: [{
|
|
5959
5959
|
selector: '[dfWavesOfProgress]',
|
|
@@ -5968,11 +5968,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
5968
5968
|
}], propDecorators: { dfWavesOfProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "dfWavesOfProgress", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
5969
5969
|
|
|
5970
5970
|
class DfWavesOfProgressModule {
|
|
5971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5972
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
5973
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
5971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5972
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressModule, imports: [DfWavesOfProgressDirective], exports: [DfWavesOfProgressDirective] }); }
|
|
5973
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressModule }); }
|
|
5974
5974
|
}
|
|
5975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfWavesOfProgressModule, decorators: [{
|
|
5976
5976
|
type: NgModule,
|
|
5977
5977
|
args: [{
|
|
5978
5978
|
imports: [DfWavesOfProgressDirective],
|
|
@@ -5987,8 +5987,8 @@ class DfAmadeusLogoComponent {
|
|
|
5987
5987
|
*/
|
|
5988
5988
|
this.svgClass = input('', ...(ngDevMode ? [{ debugName: "svgClass" }] : []));
|
|
5989
5989
|
}
|
|
5990
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5990
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAmadeusLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5991
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: DfAmadeusLogoComponent, isStandalone: true, selector: "df-amadeus-logo", inputs: { svgClass: { classPropertyName: "svgClass", publicName: "svgClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
5992
5992
|
<svg [class]="svgClass()" viewBox="0 0 113 16" xmlns="http://www.w3.org/2000/svg">
|
|
5993
5993
|
<path
|
|
5994
5994
|
d="M107.272 6.62415C105.258 5.92656 104.367 5.46175 104.367 4.4161C104.367 3.75718 104.793 2.75021 106.807 2.75021C108.705 2.75021 110.72 3.60249 110.72 3.60249V0.696849C109.868 0.348052 108.357 0 106.652 0C103.746 0 100.958 1.54913 100.958 4.61021C100.958 7.67128 103.747 8.52282 105.646 9.14307C107.428 9.7239 108.629 10.3055 108.629 11.4671C108.629 12.4749 107.931 13.249 105.646 13.249C103.708 13.249 101.384 12.4749 101.384 12.4749V15.3798C101.384 15.3798 103.63 16 105.801 16C108.667 16 112.038 14.9923 112.038 11.2344C112.038 8.67751 109.946 7.55378 107.273 6.62415H107.272Z"
|
|
@@ -6022,7 +6022,7 @@ class DfAmadeusLogoComponent {
|
|
|
6022
6022
|
<span class="visually-hidden">Amadeus</span>
|
|
6023
6023
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6024
6024
|
}
|
|
6025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6025
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DfAmadeusLogoComponent, decorators: [{
|
|
6026
6026
|
type: Component,
|
|
6027
6027
|
args: [{
|
|
6028
6028
|
selector: 'df-amadeus-logo',
|