@design-factory/design-factory 20.0.0-next.1 → 20.0.0-next.2
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/design-factory-initial-branding.css +1 -1
- package/design-factory-initial-branding.scss +1 -1
- package/design-factory.css +2 -2
- package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs +358 -0
- package/fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs.map +1 -0
- package/fesm2022/design-factory.mjs +327 -417
- package/fesm2022/design-factory.mjs.map +1 -1
- package/index.d.ts +10 -50
- package/package.json +14 -2
- package/schematics/migrations/15_0_0/remove-ngx-slider/index.js +11 -5
- package/schematics/migrations/16_0_0/revert-to-old-brand/index.js +2 -2
- package/schematics/migrations/20_0_0/colors-new-branding/index.d.ts +14 -0
- package/schematics/migrations/20_0_0/colors-new-branding/index.js +108 -0
- package/schematics/migrations/20_0_0/navbar-toggler-logo-svg/index.js +6 -5
- package/schematics/migrations/20_0_0/spinner-new-branding/index.d.ts +7 -0
- package/schematics/migrations/20_0_0/spinner-new-branding/index.js +41 -0
- package/schematics/migrations/helpers.js +1 -1
- package/schematics/migrations/migration.json +12 -0
- package/schematics/migrations/utils/component-resource-collector.js +2 -2
- package/schematics/migrations/utils/project_tsconfig_paths.js +4 -0
- package/schematics/migrations/utils/style-updater.js +3 -1
- package/schematics/migrations/utils/template-updater.js +3 -1
- package/schematics/migrations/utils/typescript/compiler_host.js +6 -4
- package/schematics/ng-add/index.js +3 -6
- package/styles/scss/_common.root.scss +20 -3
- package/styles/scss/_common.scss +1 -1
- package/styles/scss/bootstrap/_utilities-override.scss +14 -8
- package/styles/scss/bootstrap/_variables.scss +2 -2
- package/styles/scss/components/alert/_alert.scss +23 -11
- package/styles/scss/components/badge/_badge.mixins.scss +2 -4
- package/styles/scss/components/badge/_badge.scss +87 -23
- package/styles/scss/components/button/_button.scss +382 -75
- package/styles/scss/components/button/_button.utils.scss +20 -1
- package/styles/scss/components/button/_button_container.scss +22 -5
- package/styles/scss/components/card/_card.scss +28 -10
- package/styles/scss/components/checkbox/_checkbox.scss +2 -1
- package/styles/scss/components/dropdown/_dropdown.scss +17 -0
- package/styles/scss/components/fonts/_font-faces.mixins.scss +108 -54
- package/styles/scss/components/inputs/_inputs.root.scss +1 -1
- package/styles/scss/components/inputs/_inputs.scss +7 -1
- package/styles/scss/components/link/_link.mixins.scss +7 -3
- package/styles/scss/components/link/_link.scss +6 -0
- package/styles/scss/components/media/_media.scss +4 -0
- package/styles/scss/components/media/_media.variables.scss +1 -0
- package/styles/scss/components/modal/_modal.scss +38 -11
- package/styles/scss/components/navbar/_navbar.scss +12 -0
- package/styles/scss/components/pagination/_pagination_container.scss +1 -1
- package/styles/scss/components/progressbar/_progressbar.variables.scss +13 -4
- package/styles/scss/components/rating/_rating.scss +3 -3
- package/styles/scss/components/rating/_rating.variables.scss +1 -1
- package/styles/scss/components/select/_select.scss +14 -19
- package/styles/scss/components/separator/_separator.variables.scss +1 -1
- package/styles/scss/components/sidenav/_sidenav.scss +1 -1
- package/styles/scss/components/sidenav/_sidenav.variables.scss +6 -4
- package/styles/scss/components/spinner/_spinner.scss +14 -0
- package/styles/scss/components/spinner/_spinner.variables.scss +7 -4
- package/styles/scss/components/tabs/_tabs.scss +3 -0
- package/styles/scss/components/toast/_toast.scss +21 -30
- package/styles/scss/components/tooltip/_tooltip_container.scss +17 -13
- package/styles/scss/themes/brand2023/_variables.scss +50 -26
- package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss +156 -186
- package/styles/scss/themes/brand2023/tokens/_root.gen.scss +1708 -0
- package/styles/scss/themes/brand2023/tokens/_sass-vars.gen.scss +1467 -0
- package/styles/scss/utilities/_common.utilities.scss +3 -10
- package/styles/scss/utilities/_rgb.scss +10 -0
- package/tokens/style-dictionary/index.d.ts +60 -0
- package/styles/scss/themes/brand2023/tokens/_figma.gen.scss +0 -3028
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal, inject, ElementRef, DOCUMENT, Directive, contentChildren, computed, ChangeDetectionStrategy, Component, NgModule, HostListener, input, Renderer2, Injectable, PLATFORM_ID, InjectionToken, ViewContainerRef, TemplateRef, effect,
|
|
2
|
+
import { signal, inject, ElementRef, DOCUMENT, Directive, contentChildren, computed, ChangeDetectionStrategy, Component, NgModule, HostListener, input, Renderer2, Injectable, PLATFORM_ID, InjectionToken, ViewContainerRef, TemplateRef, effect, booleanAttribute, numberAttribute, output, ViewEncapsulation, RendererFactory2, ApplicationRef, EnvironmentInjector, ComponentRef, createComponent, untracked, HostBinding, Input, forwardRef, EventEmitter, ContentChild, ViewChild, Output, NgZone, Injector, contentChild } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
|
|
4
|
-
import { NgbToastModule, NgbAlertModule, NgbDatepickerKeyboardService, NgbCalendar, NgbDateParserFormatter, NgbDate, NgbDatepickerModule, NgbDropdownModule, NgbAccordionModule,
|
|
4
|
+
import { NgbToastModule, NgbAlertModule, NgbDatepickerKeyboardService, NgbCalendar, NgbDateParserFormatter, NgbDate, NgbDatepickerModule, NgbDropdownModule, NgbAccordionModule, NgbPopoverConfig, NgbPopoverModule, NgbProgressbarModule, NgbConfig, NgbCollapseModule, NgbTooltip, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
6
|
import { isPlatformBrowser, isPlatformServer, NgTemplateOutlet, CommonModule, AsyncPipe } from '@angular/common';
|
|
7
7
|
import { take, map, switchMap, distinctUntilChanged, throttleTime, tap, filter, endWith, takeUntil } from 'rxjs/operators';
|
|
@@ -15,7 +15,7 @@ import { HttpClient } from '@angular/common/http';
|
|
|
15
15
|
|
|
16
16
|
class SkipLinkDirective {
|
|
17
17
|
constructor() {
|
|
18
|
-
this.inFocus = signal(false);
|
|
18
|
+
this.inFocus = signal(false, ...(ngDevMode ? [{ debugName: "inFocus" }] : []));
|
|
19
19
|
this.element = inject(ElementRef);
|
|
20
20
|
this.document = inject(DOCUMENT);
|
|
21
21
|
}
|
|
@@ -37,10 +37,10 @@ class SkipLinkDirective {
|
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
41
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SkipLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: SkipLinkDirective, isStandalone: true, selector: "[dfSkipLink]", host: { listeners: { "focus": "inFocus.set(true)", "click": "focusOnTarget()", "blur": "inFocus.set(false)" }, classAttribute: "list-group-item list-group-item-action" }, ngImport: i0 }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SkipLinkDirective, decorators: [{
|
|
44
44
|
type: Directive,
|
|
45
45
|
args: [{
|
|
46
46
|
selector: '[dfSkipLink]',
|
|
@@ -55,23 +55,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
55
55
|
|
|
56
56
|
class SkipLinksContainerComponent {
|
|
57
57
|
constructor() {
|
|
58
|
-
this.links = contentChildren(SkipLinkDirective);
|
|
59
|
-
this.inFocus = computed(() => this.links().some((link) => link.inFocus()));
|
|
58
|
+
this.links = contentChildren(SkipLinkDirective, ...(ngDevMode ? [{ debugName: "links" }] : []));
|
|
59
|
+
this.inFocus = computed(() => this.links().some((link) => link.inFocus()), ...(ngDevMode ? [{ debugName: "inFocus" }] : []));
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SkipLinksContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: SkipLinksContainerComponent, isStandalone: true, selector: "df-skip-links-container", queries: [{ propertyName: "links", predicate: SkipLinkDirective, isSignal: true }], ngImport: i0, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div class=\"df-skip-links-wrap list-group\" [class.focus]=\"inFocus()\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SkipLinksContainerComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
66
|
args: [{ selector: 'df-skip-links-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"df-skip-links__section\">\n <div class=\"df-skip-links\">\n <div class=\"df-skip-links-wrap list-group\" [class.focus]=\"inFocus()\">\n <ng-content></ng-content>\n </div>\n </div>\n</section>\n" }]
|
|
67
67
|
}] });
|
|
68
68
|
|
|
69
69
|
class DfAccessibilityModule {
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
71
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
72
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAccessibilityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
71
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfAccessibilityModule, imports: [SkipLinkDirective, SkipLinksContainerComponent], exports: [SkipLinkDirective, SkipLinksContainerComponent] }); }
|
|
72
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAccessibilityModule }); }
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAccessibilityModule, decorators: [{
|
|
75
75
|
type: NgModule,
|
|
76
76
|
args: [{
|
|
77
77
|
imports: [SkipLinkDirective, SkipLinksContainerComponent],
|
|
@@ -117,10 +117,10 @@ class DfInsertIconDirective {
|
|
|
117
117
|
}
|
|
118
118
|
return 'fa-info-circle';
|
|
119
119
|
}
|
|
120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
121
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
121
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfInsertIconDirective, isStandalone: true, selector: "ngb-alert[dfInsertAlertIcon],ngb-toast[dfInsertToastIcon]", host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0 }); }
|
|
122
122
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconDirective, decorators: [{
|
|
124
124
|
type: Directive,
|
|
125
125
|
args: [{
|
|
126
126
|
selector: 'ngb-alert[dfInsertAlertIcon],ngb-toast[dfInsertToastIcon]',
|
|
@@ -131,11 +131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
131
131
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
132
132
|
|
|
133
133
|
class DfInsertIconModule {
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
135
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
136
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
135
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconModule, imports: [DfInsertIconDirective], exports: [DfInsertIconDirective] }); }
|
|
136
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconModule }); }
|
|
137
137
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInsertIconModule, decorators: [{
|
|
139
139
|
type: NgModule,
|
|
140
140
|
args: [{
|
|
141
141
|
imports: [DfInsertIconDirective],
|
|
@@ -144,11 +144,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
144
144
|
}] });
|
|
145
145
|
|
|
146
146
|
class DfToastModule {
|
|
147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
148
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
149
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
148
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfToastModule, imports: [DfInsertIconModule], exports: [NgbToastModule, DfInsertIconModule] }); }
|
|
149
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfToastModule, imports: [DfInsertIconModule, NgbToastModule, DfInsertIconModule] }); }
|
|
150
150
|
}
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfToastModule, decorators: [{
|
|
152
152
|
type: NgModule,
|
|
153
153
|
args: [{
|
|
154
154
|
imports: [DfInsertIconModule],
|
|
@@ -157,11 +157,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
157
157
|
}] });
|
|
158
158
|
|
|
159
159
|
class DfAlertModule {
|
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
161
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
162
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
161
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfAlertModule, imports: [DfInsertIconModule], exports: [NgbAlertModule, DfInsertIconModule] }); }
|
|
162
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAlertModule, imports: [DfInsertIconModule, NgbAlertModule, DfInsertIconModule] }); }
|
|
163
163
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAlertModule, decorators: [{
|
|
165
165
|
type: NgModule,
|
|
166
166
|
args: [{
|
|
167
167
|
imports: [DfInsertIconModule],
|
|
@@ -178,10 +178,10 @@ class DfTriggerClickDirective {
|
|
|
178
178
|
event.preventDefault();
|
|
179
179
|
this.elementRef.nativeElement.click();
|
|
180
180
|
}
|
|
181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
182
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
181
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTriggerClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
182
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfTriggerClickDirective, isStandalone: true, selector: "[dfTriggerClick]", host: { listeners: { "keydown.enter": "triggerClick($event)", "keydown.space": "triggerClick($event)" } }, ngImport: i0 }); }
|
|
183
183
|
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTriggerClickDirective, decorators: [{
|
|
185
185
|
type: Directive,
|
|
186
186
|
args: [{
|
|
187
187
|
selector: '[dfTriggerClick]'
|
|
@@ -201,7 +201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
201
201
|
*/
|
|
202
202
|
class DfInputIconDirective {
|
|
203
203
|
constructor() {
|
|
204
|
-
this.dfInputIcon = input.required();
|
|
204
|
+
this.dfInputIcon = input.required(...(ngDevMode ? [{ debugName: "dfInputIcon" }] : []));
|
|
205
205
|
this.isDisabled = false;
|
|
206
206
|
this.siblingsNode = [];
|
|
207
207
|
this.renderer = inject(Renderer2);
|
|
@@ -266,10 +266,10 @@ class DfInputIconDirective {
|
|
|
266
266
|
});
|
|
267
267
|
});
|
|
268
268
|
}
|
|
269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
270
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInputIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
270
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfInputIconDirective, isStandalone: true, selector: "[dfInputIcon]", inputs: { dfInputIcon: { classPropertyName: "dfInputIcon", publicName: "dfInputIcon", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "blur": "onBlur()", "focus": "onFocus()", "keydown.Tab": "onTab($event)" } }, exportAs: ["dfInputIcon"], ngImport: i0 }); }
|
|
271
271
|
}
|
|
272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfInputIconDirective, decorators: [{
|
|
273
273
|
type: Directive,
|
|
274
274
|
args: [{
|
|
275
275
|
exportAs: 'dfInputIcon',
|
|
@@ -283,11 +283,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
283
283
|
}] });
|
|
284
284
|
|
|
285
285
|
class DfAdvancedInputModule {
|
|
286
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
287
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
288
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
286
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
287
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedInputModule, imports: [DfTriggerClickDirective, DfInputIconDirective], exports: [DfTriggerClickDirective, DfInputIconDirective] }); }
|
|
288
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedInputModule }); }
|
|
289
289
|
}
|
|
290
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedInputModule, decorators: [{
|
|
291
291
|
type: NgModule,
|
|
292
292
|
args: [{
|
|
293
293
|
imports: [DfTriggerClickDirective, DfInputIconDirective],
|
|
@@ -324,10 +324,10 @@ class DfDatepickerKeyboardService extends NgbDatepickerKeyboardService {
|
|
|
324
324
|
event.preventDefault();
|
|
325
325
|
event.stopPropagation();
|
|
326
326
|
}
|
|
327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
328
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
327
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerKeyboardService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
328
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerKeyboardService }); }
|
|
329
329
|
}
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerKeyboardService, decorators: [{
|
|
331
331
|
type: Injectable
|
|
332
332
|
}] });
|
|
333
333
|
|
|
@@ -351,10 +351,10 @@ class DfDirectionDetectionService {
|
|
|
351
351
|
}
|
|
352
352
|
return RightToLeftDirectionEnum.LeftToRight;
|
|
353
353
|
}
|
|
354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
355
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDirectionDetectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
355
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDirectionDetectionService, providedIn: 'root' }); }
|
|
356
356
|
}
|
|
357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDirectionDetectionService, decorators: [{
|
|
358
358
|
type: Injectable,
|
|
359
359
|
args: [{
|
|
360
360
|
providedIn: 'root'
|
|
@@ -452,10 +452,10 @@ class DfDatepickerRangeDirective {
|
|
|
452
452
|
ngOnDestroy() {
|
|
453
453
|
this.removeListener.forEach((item) => item());
|
|
454
454
|
}
|
|
455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
456
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
456
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfDatepickerRangeDirective, isStandalone: true, selector: "[dfDatepickerRange]", exportAs: ["dfDatepickerRange"], ngImport: i0 }); }
|
|
457
457
|
}
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerRangeDirective, decorators: [{
|
|
459
459
|
type: Directive,
|
|
460
460
|
args: [{
|
|
461
461
|
exportAs: 'dfDatepickerRange',
|
|
@@ -549,22 +549,22 @@ class DfDatepickerRangeService {
|
|
|
549
549
|
this.toDate = this.parseInput(this.toDate, typed);
|
|
550
550
|
this.toDateAsStr = this.formatter.format(this.toDate);
|
|
551
551
|
}
|
|
552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
553
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
552
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerRangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
553
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerRangeService }); }
|
|
554
554
|
}
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatepickerRangeService, decorators: [{
|
|
556
556
|
type: Injectable
|
|
557
557
|
}] });
|
|
558
558
|
|
|
559
559
|
class DfDatePickerModule {
|
|
560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
561
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
562
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
561
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfDatePickerModule, imports: [NgbDropdownModule, DfDatepickerRangeDirective], exports: [NgbDatepickerModule, DfAdvancedInputModule, DfDatepickerRangeDirective, NgbDropdownModule] }); }
|
|
562
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatePickerModule, providers: [
|
|
563
563
|
{ provide: NgbDatepickerKeyboardService, useClass: DfDatepickerKeyboardService },
|
|
564
564
|
DfDatepickerRangeService
|
|
565
565
|
], imports: [NgbDropdownModule, NgbDatepickerModule, DfAdvancedInputModule, NgbDropdownModule] }); }
|
|
566
566
|
}
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDatePickerModule, decorators: [{
|
|
568
568
|
type: NgModule,
|
|
569
569
|
args: [{
|
|
570
570
|
imports: [NgbDropdownModule, DfDatepickerRangeDirective],
|
|
@@ -660,10 +660,10 @@ class DfBreakpoints {
|
|
|
660
660
|
}
|
|
661
661
|
return dict;
|
|
662
662
|
}
|
|
663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
664
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfBreakpoints, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
664
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfBreakpoints, providedIn: 'root' }); }
|
|
665
665
|
}
|
|
666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfBreakpoints, decorators: [{
|
|
667
667
|
type: Injectable,
|
|
668
668
|
args: [{ providedIn: 'root' }]
|
|
669
669
|
}], ctorParameters: () => [] });
|
|
@@ -682,10 +682,10 @@ class DfMediaQuery {
|
|
|
682
682
|
return this.notSupported(query);
|
|
683
683
|
}
|
|
684
684
|
}
|
|
685
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
686
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaQuery, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
686
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaQuery, providedIn: 'root' }); }
|
|
687
687
|
}
|
|
688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaQuery, decorators: [{
|
|
689
689
|
type: Injectable,
|
|
690
690
|
args: [{ providedIn: 'root' }]
|
|
691
691
|
}] });
|
|
@@ -739,10 +739,10 @@ class DfMediaObserver {
|
|
|
739
739
|
this._queries.set(query, meta);
|
|
740
740
|
return meta;
|
|
741
741
|
}
|
|
742
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
743
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
743
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaObserver, providedIn: 'root' }); }
|
|
744
744
|
}
|
|
745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaObserver, decorators: [{
|
|
746
746
|
type: Injectable,
|
|
747
747
|
args: [{ providedIn: 'root' }]
|
|
748
748
|
}] });
|
|
@@ -781,10 +781,10 @@ class DfMedia {
|
|
|
781
781
|
return this.mediaObserver.observe(query);
|
|
782
782
|
}), map((value) => value.matches), distinctUntilChanged());
|
|
783
783
|
}
|
|
784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
785
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
784
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMedia, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
785
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMedia, providedIn: 'root' }); }
|
|
786
786
|
}
|
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMedia, decorators: [{
|
|
788
788
|
type: Injectable,
|
|
789
789
|
args: [{ providedIn: 'root' }]
|
|
790
790
|
}] });
|
|
@@ -802,7 +802,7 @@ class DfIfMediaDirective {
|
|
|
802
802
|
* @param mediaOrBreakpoints either media query string/Array of string or in case of BS usage a
|
|
803
803
|
* string/Array of string of the breakpoints name (sm...).
|
|
804
804
|
*/
|
|
805
|
-
this.dfIfMedia = input.required();
|
|
805
|
+
this.dfIfMedia = input.required(...(ngDevMode ? [{ debugName: "dfIfMedia" }] : []));
|
|
806
806
|
this._viewContainerRef = inject(ViewContainerRef);
|
|
807
807
|
this._template = inject(TemplateRef);
|
|
808
808
|
this._mediaService = inject(DfMedia);
|
|
@@ -829,20 +829,20 @@ class DfIfMediaDirective {
|
|
|
829
829
|
this._viewInstance = null;
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
833
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfIfMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
833
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfIfMediaDirective, isStandalone: true, selector: "[dfIfMedia]", inputs: { dfIfMedia: { classPropertyName: "dfIfMedia", publicName: "dfIfMedia", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
834
834
|
}
|
|
835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfIfMediaDirective, decorators: [{
|
|
836
836
|
type: Directive,
|
|
837
837
|
args: [{ selector: '[dfIfMedia]' }]
|
|
838
838
|
}], ctorParameters: () => [] });
|
|
839
839
|
|
|
840
840
|
class DfMediaModule {
|
|
841
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
842
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
843
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
841
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
842
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfMediaModule, imports: [DfIfMediaDirective], exports: [DfIfMediaDirective] }); }
|
|
843
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaModule }); }
|
|
844
844
|
}
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfMediaModule, decorators: [{
|
|
846
846
|
type: NgModule,
|
|
847
847
|
args: [{
|
|
848
848
|
imports: [DfIfMediaDirective],
|
|
@@ -851,11 +851,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
851
851
|
}] });
|
|
852
852
|
|
|
853
853
|
class DfFooterModule {
|
|
854
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
855
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
856
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
854
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
855
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfFooterModule, imports: [DfMediaModule, NgbAccordionModule], exports: [DfMediaModule, NgbAccordionModule] }); }
|
|
856
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfFooterModule, imports: [DfMediaModule, NgbAccordionModule, DfMediaModule, NgbAccordionModule] }); }
|
|
857
857
|
}
|
|
858
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfFooterModule, decorators: [{
|
|
859
859
|
type: NgModule,
|
|
860
860
|
args: [{
|
|
861
861
|
imports: [DfMediaModule, NgbAccordionModule],
|
|
@@ -864,8 +864,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
864
864
|
}] });
|
|
865
865
|
|
|
866
866
|
class DfAmadeusIconComponent {
|
|
867
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
868
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
867
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAmadeusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
868
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: DfAmadeusIconComponent, isStandalone: true, selector: "df-amadeus-icon", ngImport: i0, template: `
|
|
869
869
|
<svg
|
|
870
870
|
version="1.1"
|
|
871
871
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -901,7 +901,7 @@ class DfAmadeusIconComponent {
|
|
|
901
901
|
</svg>
|
|
902
902
|
`, isInline: true, styles: [":root{--df-navbar-height: 3.5rem}:host{min-width:60px}:host svg{margin:10%}:host.icon-primary{fill:var(--df-primary-500)}:host.icon-white{fill:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
903
903
|
}
|
|
904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAmadeusIconComponent, decorators: [{
|
|
905
905
|
type: Component,
|
|
906
906
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-amadeus-icon', template: `
|
|
907
907
|
<svg
|
|
@@ -941,11 +941,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
941
941
|
}] });
|
|
942
942
|
|
|
943
943
|
class DfIconModule {
|
|
944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
945
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
946
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
944
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
945
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfIconModule, imports: [DfAmadeusIconComponent], exports: [DfAmadeusIconComponent] }); }
|
|
946
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfIconModule }); }
|
|
947
947
|
}
|
|
948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfIconModule, decorators: [{
|
|
949
949
|
type: NgModule,
|
|
950
950
|
args: [{
|
|
951
951
|
imports: [DfAmadeusIconComponent],
|
|
@@ -953,60 +953,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
953
953
|
}]
|
|
954
954
|
}] });
|
|
955
955
|
|
|
956
|
-
/**
|
|
957
|
-
* @deprecated `DfModalService` is deprecated, use `NgbModal` from ng-bootstrap instead.
|
|
958
|
-
* Please note that `NgbModal` adds 'modal-open' class to the body while DfModalService adds 'df-modal-open' class. Both classes include the same styles, but you may need to update your stylesheets if you were overriding 'df-modal-open' in your application.
|
|
959
|
-
*/
|
|
960
|
-
class DfModalService {
|
|
961
|
-
constructor() {
|
|
962
|
-
this.renderer = inject(RendererFactory2).createRenderer(null, null);
|
|
963
|
-
this.modalService = inject(NgbModal);
|
|
964
|
-
}
|
|
965
|
-
open(content, options) {
|
|
966
|
-
let modalRef;
|
|
967
|
-
if (options && options.container) {
|
|
968
|
-
modalRef = this.modalService.open(content, options);
|
|
969
|
-
}
|
|
970
|
-
else {
|
|
971
|
-
modalRef = this.modalService.open(content, Object.assign({}, { container: 'body' }, options));
|
|
972
|
-
}
|
|
973
|
-
// we add the 'df-modal-open' class to the body when the modal is open. We remove it when the modal is closed/dismissed
|
|
974
|
-
this.renderer.addClass(document.body, 'df-modal-open');
|
|
975
|
-
modalRef.result.then(() => {
|
|
976
|
-
this.renderer.removeClass(document.body, 'df-modal-open');
|
|
977
|
-
}, () => {
|
|
978
|
-
this.renderer.removeClass(document.body, 'df-modal-open');
|
|
979
|
-
});
|
|
980
|
-
return modalRef;
|
|
981
|
-
}
|
|
982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DfModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
983
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DfModalService, providedIn: 'root' }); }
|
|
984
|
-
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DfModalService, decorators: [{
|
|
986
|
-
type: Injectable,
|
|
987
|
-
args: [{
|
|
988
|
-
providedIn: 'root'
|
|
989
|
-
}]
|
|
990
|
-
}] });
|
|
991
|
-
|
|
992
956
|
class DfPopoverConfig extends NgbPopoverConfig {
|
|
993
957
|
constructor() {
|
|
994
958
|
super(...arguments);
|
|
995
959
|
this.autoClose = 'outside';
|
|
996
960
|
}
|
|
997
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
998
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
962
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverConfig }); }
|
|
999
963
|
}
|
|
1000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverConfig, decorators: [{
|
|
1001
965
|
type: Injectable
|
|
1002
966
|
}] });
|
|
1003
967
|
|
|
1004
968
|
class DfPopoverModule {
|
|
1005
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1006
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
1007
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
970
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverModule, exports: [NgbPopoverModule] }); }
|
|
971
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverModule, providers: [{ provide: NgbPopoverConfig, useClass: DfPopoverConfig }], imports: [NgbPopoverModule] }); }
|
|
1008
972
|
}
|
|
1009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfPopoverModule, decorators: [{
|
|
1010
974
|
type: NgModule,
|
|
1011
975
|
args: [{
|
|
1012
976
|
exports: [NgbPopoverModule],
|
|
@@ -1018,14 +982,14 @@ class DfProgressbarComponent {
|
|
|
1018
982
|
constructor() {
|
|
1019
983
|
this.PERCENTAGE_PLACEHOLDER = '%PERCENTAGE%';
|
|
1020
984
|
this.FADING_DELAY_MS = 1500; // if triggered by observables, number of milliseconds after progress bar disappears once stopped
|
|
1021
|
-
this.infiniteAnimation = input(false, { transform: booleanAttribute });
|
|
985
|
+
this.infiniteAnimation = input(false, ...(ngDevMode ? [{ debugName: "infiniteAnimation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1022
986
|
/**
|
|
1023
987
|
* Current value of the progressBar. If 'maxValue' is not defined, value represents a percentage. Otherwise, progress
|
|
1024
988
|
* bar percentage value will be computed based on the ratio of 'value/maxValue'
|
|
1025
989
|
*/
|
|
1026
|
-
this.value = input(0, { transform: numberAttribute });
|
|
1027
|
-
this.maxValue = input(100, { transform: numberAttribute });
|
|
1028
|
-
this.innerValue = signal(0);
|
|
990
|
+
this.value = input(0, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
991
|
+
this.maxValue = input(100, ...(ngDevMode ? [{ debugName: "maxValue", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
992
|
+
this.innerValue = signal(0, ...(ngDevMode ? [{ debugName: "innerValue" }] : []));
|
|
1029
993
|
this.percentageValue = computed(() => {
|
|
1030
994
|
const val = this.innerValue();
|
|
1031
995
|
const maxVal = this.maxValue();
|
|
@@ -1035,28 +999,28 @@ class DfProgressbarComponent {
|
|
|
1035
999
|
else {
|
|
1036
1000
|
return Math.floor((val / maxVal) * 100);
|
|
1037
1001
|
}
|
|
1038
|
-
});
|
|
1002
|
+
}, ...(ngDevMode ? [{ debugName: "percentageValue" }] : []));
|
|
1039
1003
|
this.percentageValueChange = output();
|
|
1040
1004
|
/**
|
|
1041
1005
|
* Observable used to trigger the start of the loading.
|
|
1042
1006
|
* When emitting, progressbar will start to randomly increment toward 100%.
|
|
1043
1007
|
*/
|
|
1044
|
-
this.start$ = input();
|
|
1008
|
+
this.start$ = input(...(ngDevMode ? [undefined, { debugName: "start$" }] : []));
|
|
1045
1009
|
/**
|
|
1046
1010
|
* Observable used to trigger the end of the loading.
|
|
1047
1011
|
* When emitting, it forces the progressbar to reach 100%.
|
|
1048
1012
|
*/
|
|
1049
|
-
this.end$ = input();
|
|
1013
|
+
this.end$ = input(...(ngDevMode ? [undefined, { debugName: "end$" }] : []));
|
|
1050
1014
|
/**
|
|
1051
1015
|
* Id of the label used to describe the progress bar.
|
|
1052
1016
|
* It is used in priority compared to the ariaLabel.
|
|
1053
1017
|
*/
|
|
1054
|
-
this.ariaLabelledBy = input();
|
|
1018
|
+
this.ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
|
|
1055
1019
|
/**
|
|
1056
1020
|
* Aria label used to describe the progress bar if no ariaLabelledBy is specified.
|
|
1057
1021
|
*/
|
|
1058
|
-
this.ariaLabel = input();
|
|
1059
|
-
this.text = input('');
|
|
1022
|
+
this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
|
|
1023
|
+
this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
1060
1024
|
this.computedText = computed(() => {
|
|
1061
1025
|
const text = this.text();
|
|
1062
1026
|
if (text.includes(this.PERCENTAGE_PLACEHOLDER)) {
|
|
@@ -1064,8 +1028,8 @@ class DfProgressbarComponent {
|
|
|
1064
1028
|
return text.replace(this.PERCENTAGE_PLACEHOLDER, advancementInPercents);
|
|
1065
1029
|
}
|
|
1066
1030
|
return text;
|
|
1067
|
-
});
|
|
1068
|
-
this.displayProgressBar = signal(false);
|
|
1031
|
+
}, ...(ngDevMode ? [{ debugName: "computedText" }] : []));
|
|
1032
|
+
this.displayProgressBar = signal(false, ...(ngDevMode ? [{ debugName: "displayProgressBar" }] : []));
|
|
1069
1033
|
this.animationOngoing = false;
|
|
1070
1034
|
effect(() => {
|
|
1071
1035
|
this.innerValue.set(this.value());
|
|
@@ -1079,14 +1043,14 @@ class DfProgressbarComponent {
|
|
|
1079
1043
|
const end$ = this.end$();
|
|
1080
1044
|
const isTriggeredByObservables = start$ && end$;
|
|
1081
1045
|
if (isTriggeredByObservables) {
|
|
1082
|
-
this.startSubscription = start$.subscribe((
|
|
1046
|
+
this.startSubscription = start$.subscribe(() => {
|
|
1083
1047
|
this.animationOngoing = true;
|
|
1084
1048
|
this.stopAutomaticIncrement();
|
|
1085
1049
|
this.resetProgressBarValues();
|
|
1086
1050
|
this.displayProgressBar.set(true);
|
|
1087
1051
|
this.startAutomaticIncrement();
|
|
1088
1052
|
});
|
|
1089
|
-
this.endSubscription = end$.subscribe((
|
|
1053
|
+
this.endSubscription = end$.subscribe(() => {
|
|
1090
1054
|
if (this.animationOngoing) {
|
|
1091
1055
|
this.animationOngoing = false;
|
|
1092
1056
|
this.stopAutomaticIncrement();
|
|
@@ -1135,20 +1099,20 @@ class DfProgressbarComponent {
|
|
|
1135
1099
|
resetProgressBarValues() {
|
|
1136
1100
|
this.innerValue.set(0);
|
|
1137
1101
|
}
|
|
1138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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" }, 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 }); }
|
|
1140
1104
|
}
|
|
1141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarComponent, decorators: [{
|
|
1142
1106
|
type: Component,
|
|
1143
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-progressbar', template: "@if (displayProgressBar()) {\n @if (computedText(); as computedText) {\n <div class=\"progressbar-text mb-
|
|
1107
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-progressbar', 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" }]
|
|
1144
1108
|
}], ctorParameters: () => [] });
|
|
1145
1109
|
|
|
1146
1110
|
class DfProgressbarModule {
|
|
1147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1148
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
1149
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
1111
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1112
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarModule, imports: [DfProgressbarComponent], exports: [DfProgressbarComponent, NgbProgressbarModule] }); }
|
|
1113
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarModule, imports: [NgbProgressbarModule] }); }
|
|
1150
1114
|
}
|
|
1151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressbarModule, decorators: [{
|
|
1152
1116
|
type: NgModule,
|
|
1153
1117
|
args: [{
|
|
1154
1118
|
imports: [DfProgressbarComponent],
|
|
@@ -1184,8 +1148,8 @@ var DfProgressIndicatorContentPosition;
|
|
|
1184
1148
|
class DfProgressIndicatorContainerComponent {
|
|
1185
1149
|
constructor() {
|
|
1186
1150
|
this.DEFAULT_CLASS_POSITION = 'df-progressindicator-centered';
|
|
1187
|
-
this.containerClass = input();
|
|
1188
|
-
this.position = input();
|
|
1151
|
+
this.containerClass = input(...(ngDevMode ? [undefined, { debugName: "containerClass" }] : []));
|
|
1152
|
+
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
1189
1153
|
this.positionClass = computed(() => {
|
|
1190
1154
|
const position = this.position();
|
|
1191
1155
|
switch (position) {
|
|
@@ -1196,13 +1160,13 @@ class DfProgressIndicatorContainerComponent {
|
|
|
1196
1160
|
default:
|
|
1197
1161
|
return this.DEFAULT_CLASS_POSITION;
|
|
1198
1162
|
}
|
|
1199
|
-
});
|
|
1200
|
-
this.classes = computed(() => `df-progressindicator-container ${this.containerClass() || ''} ${this.positionClass()}
|
|
1163
|
+
}, ...(ngDevMode ? [{ debugName: "positionClass" }] : []));
|
|
1164
|
+
this.classes = computed(() => `df-progressindicator-container ${this.containerClass() || ''} ${this.positionClass()}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
1201
1165
|
}
|
|
1202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1166
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1167
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
1204
1168
|
}
|
|
1205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorContainerComponent, decorators: [{
|
|
1206
1170
|
type: Component,
|
|
1207
1171
|
args: [{
|
|
1208
1172
|
selector: 'df-progressindicator-container',
|
|
@@ -1217,28 +1181,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1217
1181
|
|
|
1218
1182
|
class DfDefaultSpinnerComponent {
|
|
1219
1183
|
constructor() {
|
|
1220
|
-
this.isGlobalSpinner = input(false, { transform: booleanAttribute });
|
|
1221
|
-
this.contentClass = input('spinner-border text-primary');
|
|
1222
|
-
this.ariaLabel = input();
|
|
1184
|
+
this.isGlobalSpinner = input(false, ...(ngDevMode ? [{ debugName: "isGlobalSpinner", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1185
|
+
this.contentClass = input('spinner-border text-primary', ...(ngDevMode ? [{ debugName: "contentClass" }] : []));
|
|
1186
|
+
this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
|
|
1223
1187
|
}
|
|
1224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDefaultSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1189
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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 }); }
|
|
1226
1190
|
}
|
|
1227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfDefaultSpinnerComponent, decorators: [{
|
|
1228
1192
|
type: Component,
|
|
1229
1193
|
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" }]
|
|
1230
1194
|
}] });
|
|
1231
1195
|
|
|
1232
1196
|
class DfProgressIndicatorBackdropComponent {
|
|
1233
1197
|
constructor() {
|
|
1234
|
-
this.backdropClass = input();
|
|
1235
|
-
this.isGlobalBackdrop = input(true);
|
|
1236
|
-
this.classes = computed(() => `df-progressindicator-backdrop ${this.backdropClass() || ''} df-progressindicator-backdrop${this.isGlobalBackdrop() ? '-global' : '-contextual'}
|
|
1198
|
+
this.backdropClass = input(...(ngDevMode ? [undefined, { debugName: "backdropClass" }] : []));
|
|
1199
|
+
this.isGlobalBackdrop = input(true, ...(ngDevMode ? [{ debugName: "isGlobalBackdrop" }] : []));
|
|
1200
|
+
this.classes = computed(() => `df-progressindicator-backdrop ${this.backdropClass() || ''} df-progressindicator-backdrop${this.isGlobalBackdrop() ? '-global' : '-contextual'}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
1237
1201
|
}
|
|
1238
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1239
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
1240
1204
|
}
|
|
1241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorBackdropComponent, decorators: [{
|
|
1242
1206
|
type: Component,
|
|
1243
1207
|
args: [{
|
|
1244
1208
|
selector: 'df-progressindicator-backdrop',
|
|
@@ -1323,10 +1287,10 @@ class ScrollBar {
|
|
|
1323
1287
|
body.removeChild(measurer);
|
|
1324
1288
|
return width;
|
|
1325
1289
|
}
|
|
1326
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1327
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1290
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ScrollBar, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1291
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ScrollBar, providedIn: 'root' }); }
|
|
1328
1292
|
}
|
|
1329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ScrollBar, decorators: [{
|
|
1330
1294
|
type: Injectable,
|
|
1331
1295
|
args: [{ providedIn: 'root' }]
|
|
1332
1296
|
}] });
|
|
@@ -1349,7 +1313,9 @@ class DfProgressIndicatorService {
|
|
|
1349
1313
|
open(content, options) {
|
|
1350
1314
|
const containerElt = this.getContainer(this.document, options);
|
|
1351
1315
|
if (!containerElt) {
|
|
1352
|
-
throw new Error(`[Design Factory] The specified progress indicator container "${
|
|
1316
|
+
throw new Error(`[Design Factory] The specified progress indicator container "${
|
|
1317
|
+
// eslint-disable-next-line @typescript-eslint/no-base-to-string, @typescript-eslint/restrict-template-expressions
|
|
1318
|
+
options?.container || 'body'}" was not found in the DOM.`);
|
|
1353
1319
|
}
|
|
1354
1320
|
// Create needed components
|
|
1355
1321
|
const backdropRef = options?.backdrop !== false
|
|
@@ -1490,10 +1456,10 @@ class DfProgressIndicatorService {
|
|
|
1490
1456
|
});
|
|
1491
1457
|
}
|
|
1492
1458
|
}
|
|
1493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1494
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1459
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1460
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorService, providedIn: 'root' }); }
|
|
1495
1461
|
}
|
|
1496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorService, decorators: [{
|
|
1497
1463
|
type: Injectable,
|
|
1498
1464
|
args: [{
|
|
1499
1465
|
providedIn: 'root'
|
|
@@ -1502,8 +1468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1502
1468
|
|
|
1503
1469
|
class DfProgressIndicatorDirective {
|
|
1504
1470
|
constructor() {
|
|
1505
|
-
this.dfProgressIndicator = input.required();
|
|
1506
|
-
this.dfProgressIndicatorConfig = input();
|
|
1471
|
+
this.dfProgressIndicator = input.required(...(ngDevMode ? [{ debugName: "dfProgressIndicator" }] : []));
|
|
1472
|
+
this.dfProgressIndicatorConfig = input(...(ngDevMode ? [undefined, { debugName: "dfProgressIndicatorConfig" }] : []));
|
|
1507
1473
|
this.elementRef = inject(ElementRef);
|
|
1508
1474
|
this.progressService = inject(DfProgressIndicatorService);
|
|
1509
1475
|
effect(() => {
|
|
@@ -1521,10 +1487,10 @@ class DfProgressIndicatorDirective {
|
|
|
1521
1487
|
}
|
|
1522
1488
|
});
|
|
1523
1489
|
}
|
|
1524
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1525
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
1490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1491
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
1526
1492
|
}
|
|
1527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorDirective, decorators: [{
|
|
1528
1494
|
type: Directive,
|
|
1529
1495
|
args: [{
|
|
1530
1496
|
selector: '[dfProgressIndicator]'
|
|
@@ -1532,8 +1498,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1532
1498
|
}], ctorParameters: () => [] });
|
|
1533
1499
|
|
|
1534
1500
|
class DfProgressIndicatorModule {
|
|
1535
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1536
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
1501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1502
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorModule, imports: [DfDefaultSpinnerComponent,
|
|
1537
1503
|
DfProgressbarModule,
|
|
1538
1504
|
DfProgressIndicatorBackdropComponent,
|
|
1539
1505
|
DfProgressIndicatorContainerComponent,
|
|
@@ -1542,9 +1508,9 @@ class DfProgressIndicatorModule {
|
|
|
1542
1508
|
DfProgressIndicatorDirective,
|
|
1543
1509
|
DfProgressIndicatorBackdropComponent,
|
|
1544
1510
|
DfDefaultSpinnerComponent] }); }
|
|
1545
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
1511
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorModule, imports: [DfProgressbarModule, DfProgressbarModule] }); }
|
|
1546
1512
|
}
|
|
1547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfProgressIndicatorModule, decorators: [{
|
|
1548
1514
|
type: NgModule,
|
|
1549
1515
|
args: [{
|
|
1550
1516
|
imports: [
|
|
@@ -1570,7 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1570
1536
|
class DfSliderDirectionDirective {
|
|
1571
1537
|
constructor() {
|
|
1572
1538
|
// Workaround due to bad export on @angular-slider/ngx-slider and https://github.com/angular/angular/issues/8277
|
|
1573
|
-
this.dfSliderDirection = input.required();
|
|
1539
|
+
this.dfSliderDirection = input.required(...(ngDevMode ? [{ debugName: "dfSliderDirection" }] : []));
|
|
1574
1540
|
this.elementRef = inject(ElementRef);
|
|
1575
1541
|
this.rtlDirectionService = inject(DfDirectionDetectionService, { optional: true });
|
|
1576
1542
|
}
|
|
@@ -1582,10 +1548,10 @@ class DfSliderDirectionDirective {
|
|
|
1582
1548
|
}
|
|
1583
1549
|
}
|
|
1584
1550
|
}
|
|
1585
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1586
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
1551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSliderDirectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1552
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfSliderDirectionDirective, isStandalone: true, selector: "[dfSliderDirection]", inputs: { dfSliderDirection: { classPropertyName: "dfSliderDirection", publicName: "dfSliderDirection", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
1587
1553
|
}
|
|
1588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSliderDirectionDirective, decorators: [{
|
|
1589
1555
|
type: Directive,
|
|
1590
1556
|
args: [{
|
|
1591
1557
|
selector: '[dfSliderDirection]'
|
|
@@ -1769,7 +1735,8 @@ class ValueHelper {
|
|
|
1769
1735
|
const differences = stepsArray.map((step) => Math.abs(modelValue - step.value));
|
|
1770
1736
|
let minDifferenceIndex = 0;
|
|
1771
1737
|
for (let index = 0; index < stepsArray.length; index++) {
|
|
1772
|
-
if (differences[index] !== differences[minDifferenceIndex] &&
|
|
1738
|
+
if (differences[index] !== differences[minDifferenceIndex] &&
|
|
1739
|
+
differences[index] < differences[minDifferenceIndex]) {
|
|
1773
1740
|
minDifferenceIndex = index;
|
|
1774
1741
|
}
|
|
1775
1742
|
}
|
|
@@ -1799,7 +1766,7 @@ class CompatibilityHelper {
|
|
|
1799
1766
|
class MathHelper {
|
|
1800
1767
|
/* Round numbers to a given number of significant digits */
|
|
1801
1768
|
static roundToPrecisionLimit(value, precisionLimit) {
|
|
1802
|
-
return +
|
|
1769
|
+
return +value.toPrecision(precisionLimit);
|
|
1803
1770
|
}
|
|
1804
1771
|
static isModuloWithinPrecisionLimit(value, modulo, precisionLimit) {
|
|
1805
1772
|
const limit = Math.pow(10, -precisionLimit);
|
|
@@ -1813,6 +1780,7 @@ class MathHelper {
|
|
|
1813
1780
|
class EventListener {
|
|
1814
1781
|
}
|
|
1815
1782
|
|
|
1783
|
+
// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
|
|
1816
1784
|
const w = typeof window !== 'undefined' ? window : { screen: {}, navigator: {} };
|
|
1817
1785
|
let passiveOptionAccessed = false;
|
|
1818
1786
|
const options = {
|
|
@@ -1821,7 +1789,9 @@ const options = {
|
|
|
1821
1789
|
}
|
|
1822
1790
|
};
|
|
1823
1791
|
const noop = () => { };
|
|
1792
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
1824
1793
|
w.addEventListener && w.addEventListener('p', noop, options);
|
|
1794
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
1825
1795
|
w.removeEventListener && w.removeEventListener('p', noop, false);
|
|
1826
1796
|
const supportsPassiveEvents = passiveOptionAccessed;
|
|
1827
1797
|
/**
|
|
@@ -1848,7 +1818,7 @@ class EventListenerHelper {
|
|
|
1848
1818
|
nativeElement.removeEventListener(eventName, observerCallback, { passive: true, capture: false });
|
|
1849
1819
|
};
|
|
1850
1820
|
listener.eventsSubscription = listener.events
|
|
1851
|
-
.pipe(
|
|
1821
|
+
.pipe(!ValueHelper.isNullOrUndefined(throttleInterval)
|
|
1852
1822
|
? throttleTime(throttleInterval, undefined, { leading: true, trailing: true })
|
|
1853
1823
|
: tap(() => { }) // no-op
|
|
1854
1824
|
)
|
|
@@ -1877,11 +1847,13 @@ class EventListenerHelper {
|
|
|
1877
1847
|
};
|
|
1878
1848
|
listener.teardownCallback = this.renderer.listen(nativeElement, eventName, observerCallback);
|
|
1879
1849
|
listener.eventsSubscription = listener.events
|
|
1880
|
-
.pipe(
|
|
1850
|
+
.pipe(!ValueHelper.isNullOrUndefined(throttleInterval)
|
|
1881
1851
|
? throttleTime(throttleInterval, undefined, { leading: true, trailing: true })
|
|
1882
1852
|
: tap(() => { }) // no-op
|
|
1883
1853
|
)
|
|
1884
|
-
.subscribe((event) => {
|
|
1854
|
+
.subscribe((event) => {
|
|
1855
|
+
callback(event);
|
|
1856
|
+
});
|
|
1885
1857
|
return listener;
|
|
1886
1858
|
}
|
|
1887
1859
|
}
|
|
@@ -2049,10 +2021,10 @@ class SliderElementDirective {
|
|
|
2049
2021
|
isRefDestroyed() {
|
|
2050
2022
|
return (ValueHelper.isNullOrUndefined(this.changeDetectionRef) || this.changeDetectionRef['destroyed']);
|
|
2051
2023
|
}
|
|
2052
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2053
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
2024
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderElementDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2025
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", 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 }); }
|
|
2054
2026
|
}
|
|
2055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderElementDirective, decorators: [{
|
|
2056
2028
|
type: Directive,
|
|
2057
2029
|
args: [{
|
|
2058
2030
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -2102,10 +2074,10 @@ class SliderHandleDirective extends SliderElementDirective {
|
|
|
2102
2074
|
focus() {
|
|
2103
2075
|
this.elemRef.nativeElement.focus();
|
|
2104
2076
|
}
|
|
2105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2106
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
2077
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2078
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", 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 }); }
|
|
2107
2079
|
}
|
|
2108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderHandleDirective, decorators: [{
|
|
2109
2081
|
type: Directive,
|
|
2110
2082
|
args: [{
|
|
2111
2083
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -2169,10 +2141,10 @@ class SliderLabelDirective extends SliderElementDirective {
|
|
|
2169
2141
|
this.calculateDimension();
|
|
2170
2142
|
}
|
|
2171
2143
|
}
|
|
2172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2173
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
2144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderLabelDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2145
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: SliderLabelDirective, isStandalone: true, selector: "[ngxSliderLabel]", usesInheritance: true, ngImport: i0 }); }
|
|
2174
2146
|
}
|
|
2175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderLabelDirective, decorators: [{
|
|
2176
2148
|
type: Directive,
|
|
2177
2149
|
args: [{
|
|
2178
2150
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -2185,10 +2157,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2185
2157
|
* @deprecated TooltipWrapperComponent is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
|
|
2186
2158
|
*/
|
|
2187
2159
|
class TooltipWrapperComponent {
|
|
2188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2189
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
2160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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 }); }
|
|
2190
2162
|
}
|
|
2191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
2192
2164
|
type: Component,
|
|
2193
2165
|
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"] }]
|
|
2194
2166
|
}], propDecorators: { template: [{
|
|
@@ -2439,7 +2411,7 @@ class SliderComponent {
|
|
|
2439
2411
|
this.viewOptions.ariaLabel = ariaLabel;
|
|
2440
2412
|
this.updateAriaLabel();
|
|
2441
2413
|
}
|
|
2442
|
-
onResize(
|
|
2414
|
+
onResize() {
|
|
2443
2415
|
this.calculateViewDimensionsAndDetectChanges();
|
|
2444
2416
|
}
|
|
2445
2417
|
subscribeInputModelChangeSubject() {
|
|
@@ -4096,10 +4068,10 @@ class SliderComponent {
|
|
|
4096
4068
|
}
|
|
4097
4069
|
return changeContext;
|
|
4098
4070
|
}
|
|
4099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4071
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4072
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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($event)" }, 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]" }] }); }
|
|
4101
4073
|
}
|
|
4102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SliderComponent, decorators: [{
|
|
4103
4075
|
type: Component,
|
|
4104
4076
|
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" }]
|
|
4105
4077
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { class: [{
|
|
@@ -4189,16 +4161,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4189
4161
|
* Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
|
|
4190
4162
|
*/
|
|
4191
4163
|
class DfSliderModule {
|
|
4192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4193
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
4164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4165
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfSliderModule, imports: [SliderComponent,
|
|
4194
4166
|
SliderElementDirective,
|
|
4195
4167
|
SliderHandleDirective,
|
|
4196
4168
|
SliderLabelDirective,
|
|
4197
4169
|
TooltipWrapperComponent,
|
|
4198
4170
|
DfSliderDirectionDirective], exports: [DfSliderDirectionDirective, SliderComponent] }); }
|
|
4199
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
4171
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSliderModule, imports: [SliderComponent] }); }
|
|
4200
4172
|
}
|
|
4201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSliderModule, decorators: [{
|
|
4202
4174
|
type: NgModule,
|
|
4203
4175
|
args: [{
|
|
4204
4176
|
imports: [
|
|
@@ -4228,10 +4200,10 @@ class DfSideNavConfig {
|
|
|
4228
4200
|
this.isAppOverlay = false;
|
|
4229
4201
|
this.isAppOverlayMode = true;
|
|
4230
4202
|
}
|
|
4231
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4232
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
4203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4204
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavConfig, providedIn: 'root' }); }
|
|
4233
4205
|
}
|
|
4234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavConfig, decorators: [{
|
|
4235
4207
|
type: Injectable,
|
|
4236
4208
|
args: [{ providedIn: 'root' }]
|
|
4237
4209
|
}] });
|
|
@@ -4538,10 +4510,10 @@ class DfSideNavService {
|
|
|
4538
4510
|
updateOverLay() {
|
|
4539
4511
|
this._isAppOverlay$.next(this.isAppOverlayMode && this._isCollapsed$.value === false);
|
|
4540
4512
|
}
|
|
4541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4542
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
4513
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4514
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavService, providedIn: 'root' }); }
|
|
4543
4515
|
}
|
|
4544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavService, decorators: [{
|
|
4545
4517
|
type: Injectable,
|
|
4546
4518
|
args: [{
|
|
4547
4519
|
providedIn: 'root'
|
|
@@ -4559,8 +4531,8 @@ const environment = {
|
|
|
4559
4531
|
* @param zone Angular Zone element
|
|
4560
4532
|
*/
|
|
4561
4533
|
function runInZone(zone) {
|
|
4562
|
-
return source => {
|
|
4563
|
-
return new Observable(observer => {
|
|
4534
|
+
return (source) => {
|
|
4535
|
+
return new Observable((observer) => {
|
|
4564
4536
|
const onNext = (value) => zone.run(() => observer.next(value));
|
|
4565
4537
|
const onError = (e) => zone.run(() => observer.error(e));
|
|
4566
4538
|
const onComplete = () => zone.run(() => observer.complete());
|
|
@@ -4670,10 +4642,10 @@ class DfSideNavCollapseConfig {
|
|
|
4670
4642
|
set animation(animation) {
|
|
4671
4643
|
this._animation = animation;
|
|
4672
4644
|
}
|
|
4673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4674
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
4645
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4646
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseConfig, providedIn: 'root' }); }
|
|
4675
4647
|
}
|
|
4676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseConfig, decorators: [{
|
|
4677
4649
|
type: Injectable,
|
|
4678
4650
|
args: [{ providedIn: 'root' }]
|
|
4679
4651
|
}] });
|
|
@@ -4700,10 +4672,10 @@ class DfSideNavCollapseService {
|
|
|
4700
4672
|
setAnimation(on) {
|
|
4701
4673
|
this._sideNavAnimation$.next(on);
|
|
4702
4674
|
}
|
|
4703
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4704
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
4675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4676
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseService, providedIn: 'root' }); }
|
|
4705
4677
|
}
|
|
4706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseService, decorators: [{
|
|
4707
4679
|
type: Injectable,
|
|
4708
4680
|
args: [{
|
|
4709
4681
|
providedIn: 'root'
|
|
@@ -4790,9 +4762,9 @@ class DfSideNavCollapseDirective {
|
|
|
4790
4762
|
/**
|
|
4791
4763
|
* If `true`, will collapse the element or show it otherwise.
|
|
4792
4764
|
*/
|
|
4793
|
-
this.dfSideNavCollapse = input.required();
|
|
4794
|
-
this.collapsed = signal(false);
|
|
4795
|
-
this.minimized = input(false);
|
|
4765
|
+
this.dfSideNavCollapse = input.required(...(ngDevMode ? [{ debugName: "dfSideNavCollapse" }] : []));
|
|
4766
|
+
this.collapsed = signal(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
|
|
4767
|
+
this.minimized = input(false, ...(ngDevMode ? [{ debugName: "minimized" }] : []));
|
|
4796
4768
|
this.dfSideNavCollapseChange = output();
|
|
4797
4769
|
/**
|
|
4798
4770
|
* An event emitted when the collapse element is shown, after the transition. It has no payload.
|
|
@@ -4863,20 +4835,20 @@ class DfSideNavCollapseDirective {
|
|
|
4863
4835
|
}
|
|
4864
4836
|
});
|
|
4865
4837
|
}
|
|
4866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4867
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
4838
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4839
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
4868
4840
|
}
|
|
4869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseDirective, decorators: [{
|
|
4870
4842
|
type: Directive,
|
|
4871
4843
|
args: [{ selector: '[dfSideNavCollapse]', exportAs: 'dfSideNavCollapse' }]
|
|
4872
4844
|
}], ctorParameters: () => [] });
|
|
4873
4845
|
|
|
4874
4846
|
class DfSideNavCollapseModule {
|
|
4875
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4876
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
4877
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
4847
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4848
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseModule, imports: [DfSideNavCollapseDirective], exports: [DfSideNavCollapseDirective] }); }
|
|
4849
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseModule }); }
|
|
4878
4850
|
}
|
|
4879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavCollapseModule, decorators: [{
|
|
4880
4852
|
type: NgModule,
|
|
4881
4853
|
args: [{
|
|
4882
4854
|
imports: [DfSideNavCollapseDirective],
|
|
@@ -4897,10 +4869,10 @@ class DfManageSideNavDirective {
|
|
|
4897
4869
|
this.renderer.removeClass(this.element.nativeElement, 'df-sidenav-list-withactivated');
|
|
4898
4870
|
}
|
|
4899
4871
|
}
|
|
4900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4901
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
4872
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageSideNavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4873
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfManageSideNavDirective, isStandalone: true, selector: "[dfManageSideNav]", ngImport: i0 }); }
|
|
4902
4874
|
}
|
|
4903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageSideNavDirective, decorators: [{
|
|
4904
4876
|
type: Directive,
|
|
4905
4877
|
args: [{
|
|
4906
4878
|
selector: '[dfManageSideNav]'
|
|
@@ -4929,10 +4901,10 @@ class DfOverflowService {
|
|
|
4929
4901
|
hasOverflowY(element) {
|
|
4930
4902
|
return element.offsetHeight < element.scrollHeight;
|
|
4931
4903
|
}
|
|
4932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4933
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
4904
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfOverflowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4905
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfOverflowService, providedIn: 'root' }); }
|
|
4934
4906
|
}
|
|
4935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfOverflowService, decorators: [{
|
|
4936
4908
|
type: Injectable,
|
|
4937
4909
|
args: [{
|
|
4938
4910
|
providedIn: 'root'
|
|
@@ -4963,10 +4935,10 @@ class DfTitleTruncateDirective {
|
|
|
4963
4935
|
nativeElement.removeAttribute(titleAttributeName);
|
|
4964
4936
|
}
|
|
4965
4937
|
}
|
|
4966
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4967
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
4938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTitleTruncateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4939
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfTitleTruncateDirective, isStandalone: true, selector: "[dfTitleTruncate]", exportAs: ["dfTitleTruncate"], ngImport: i0 }); }
|
|
4968
4940
|
}
|
|
4969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTitleTruncateDirective, decorators: [{
|
|
4970
4942
|
type: Directive,
|
|
4971
4943
|
args: [{
|
|
4972
4944
|
exportAs: 'dfTitleTruncate',
|
|
@@ -4988,11 +4960,11 @@ let uniqueId = 0;
|
|
|
4988
4960
|
// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
|
|
4989
4961
|
class DfSideNavListComponent {
|
|
4990
4962
|
constructor() {
|
|
4991
|
-
this.items = input.required();
|
|
4992
|
-
this.tplIcon = input();
|
|
4993
|
-
this.tplItem = input();
|
|
4994
|
-
this.currentItem = input();
|
|
4995
|
-
this.id = input();
|
|
4963
|
+
this.items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
4964
|
+
this.tplIcon = input(...(ngDevMode ? [undefined, { debugName: "tplIcon" }] : []));
|
|
4965
|
+
this.tplItem = input(...(ngDevMode ? [undefined, { debugName: "tplItem" }] : []));
|
|
4966
|
+
this.currentItem = input(...(ngDevMode ? [undefined, { debugName: "currentItem" }] : []));
|
|
4967
|
+
this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
|
|
4996
4968
|
this.controlledUniqueId = this.getControlledUniqueId();
|
|
4997
4969
|
this.sideNavService = inject(DfSideNavService);
|
|
4998
4970
|
}
|
|
@@ -5000,10 +4972,10 @@ class DfSideNavListComponent {
|
|
|
5000
4972
|
uniqueId++;
|
|
5001
4973
|
return `df-sidenav-id-${uniqueId};`;
|
|
5002
4974
|
}
|
|
5003
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5004
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4975
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4976
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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\" dfTitleTruncate>{{ 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\" dfTitleTruncate>{{ 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\" dfTitleTruncate>{{ 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: "ngmodule", type: NgbCollapseModule }, { kind: "directive", type: i1$1.NgbCollapse, selector: "[ngbCollapse]", inputs: ["animation", "ngbCollapse", "horizontal"], outputs: ["ngbCollapseChange", "shown", "hidden"], exportAs: ["ngbCollapse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: DfMediaModule }, { kind: "directive", type: DfIfMediaDirective, selector: "[dfIfMedia]", inputs: ["dfIfMedia"] }, { kind: "ngmodule", type: DfSideNavCollapseModule }, { kind: "directive", type: DfManageSideNavDirective, selector: "[dfManageSideNav]" }, { kind: "directive", type: DfTitleTruncateDirective, selector: "[dfTitleTruncate]", exportAs: ["dfTitleTruncate"] }] }); }
|
|
5005
4977
|
}
|
|
5006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavListComponent, decorators: [{
|
|
5007
4979
|
type: Component,
|
|
5008
4980
|
args: [{ selector: 'df-sidenavlist', imports: [
|
|
5009
4981
|
NgTemplateOutlet,
|
|
@@ -5020,10 +4992,10 @@ class DfSideNavHeaderDirective {
|
|
|
5020
4992
|
constructor() {
|
|
5021
4993
|
this.templateRef = inject(TemplateRef);
|
|
5022
4994
|
}
|
|
5023
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5024
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
4995
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4996
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfSideNavHeaderDirective, isStandalone: true, selector: "ng-template[dfSideNavHeader]", ngImport: i0 }); }
|
|
5025
4997
|
}
|
|
5026
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavHeaderDirective, decorators: [{
|
|
5027
4999
|
type: Directive,
|
|
5028
5000
|
args: [{ selector: 'ng-template[dfSideNavHeader]' }]
|
|
5029
5001
|
}] });
|
|
@@ -5031,10 +5003,10 @@ class DfSideNavIconDirective {
|
|
|
5031
5003
|
constructor() {
|
|
5032
5004
|
this.templateRef = inject(TemplateRef);
|
|
5033
5005
|
}
|
|
5034
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5035
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5006
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5007
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfSideNavIconDirective, isStandalone: true, selector: "ng-template[dfSideNavIcon]", ngImport: i0 }); }
|
|
5036
5008
|
}
|
|
5037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavIconDirective, decorators: [{
|
|
5038
5010
|
type: Directive,
|
|
5039
5011
|
args: [{ selector: 'ng-template[dfSideNavIcon]' }]
|
|
5040
5012
|
}] });
|
|
@@ -5042,10 +5014,10 @@ class DfSideNavItemDirective {
|
|
|
5042
5014
|
constructor() {
|
|
5043
5015
|
this.templateRef = inject(TemplateRef);
|
|
5044
5016
|
}
|
|
5045
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5046
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5017
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5018
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfSideNavItemDirective, isStandalone: true, selector: "ng-template[dfSideNavItem]", ngImport: i0 }); }
|
|
5047
5019
|
}
|
|
5048
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5020
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavItemDirective, decorators: [{
|
|
5049
5021
|
type: Directive,
|
|
5050
5022
|
args: [{ selector: 'ng-template[dfSideNavItem]' }]
|
|
5051
5023
|
}] });
|
|
@@ -5060,11 +5032,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5060
5032
|
*/
|
|
5061
5033
|
class DfSideNavComponent {
|
|
5062
5034
|
constructor() {
|
|
5063
|
-
this.tplHeader = contentChild(DfSideNavHeaderDirective);
|
|
5064
|
-
this.tplIcon = contentChild(DfSideNavIconDirective);
|
|
5065
|
-
this.tplItem = contentChild(DfSideNavItemDirective);
|
|
5066
|
-
this.overlayClass = signal(false);
|
|
5067
|
-
this.classes = computed(() => `df-sidenav-light d-flex flex-column flex-shrink-0${this.overlayClass() ? ' df-sidenav-menu-overlay' : ''}
|
|
5035
|
+
this.tplHeader = contentChild(DfSideNavHeaderDirective, ...(ngDevMode ? [{ debugName: "tplHeader" }] : []));
|
|
5036
|
+
this.tplIcon = contentChild(DfSideNavIconDirective, ...(ngDevMode ? [{ debugName: "tplIcon" }] : []));
|
|
5037
|
+
this.tplItem = contentChild(DfSideNavItemDirective, ...(ngDevMode ? [{ debugName: "tplItem" }] : []));
|
|
5038
|
+
this.overlayClass = signal(false, ...(ngDevMode ? [{ debugName: "overlayClass" }] : []));
|
|
5039
|
+
this.classes = computed(() => `df-sidenav-light d-flex flex-column flex-shrink-0${this.overlayClass() ? ' df-sidenav-menu-overlay' : ''}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
5068
5040
|
this.sideNavService = inject(DfSideNavService);
|
|
5069
5041
|
this.navItems = toSignal(this.sideNavService.sideNavItems$, {
|
|
5070
5042
|
initialValue: [],
|
|
@@ -5078,74 +5050,16 @@ class DfSideNavComponent {
|
|
|
5078
5050
|
ngOnDestroy() {
|
|
5079
5051
|
this.sideNavService.removeSideBar();
|
|
5080
5052
|
}
|
|
5081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
5053
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5054
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DfSideNavListComponent, selector: "df-sidenavlist", inputs: ["items", "tplIcon", "tplItem", "currentItem", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5083
5055
|
}
|
|
5084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavComponent, decorators: [{
|
|
5085
5057
|
type: Component,
|
|
5086
5058
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'df-sidenav', imports: [CommonModule, DfSideNavListComponent], host: {
|
|
5087
5059
|
'[class]': 'classes()'
|
|
5088
5060
|
}, 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" }]
|
|
5089
5061
|
}], ctorParameters: () => [] });
|
|
5090
5062
|
|
|
5091
|
-
/**
|
|
5092
|
-
* The directive to catch focusin event and put the focus at a defined position in the page
|
|
5093
|
-
*
|
|
5094
|
-
* @deprecated 19.1.0 use {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inert inert} instead
|
|
5095
|
-
* @since 9.1.0
|
|
5096
|
-
*/
|
|
5097
|
-
class DfExcludeTrapDirective {
|
|
5098
|
-
constructor() {
|
|
5099
|
-
this.subscription = new Subscription();
|
|
5100
|
-
/**
|
|
5101
|
-
* The CSS selector used to get the element to put the focus when catched
|
|
5102
|
-
*
|
|
5103
|
-
*/
|
|
5104
|
-
this.dfExcludeTrapSelector = input('');
|
|
5105
|
-
/**
|
|
5106
|
-
* The Observable to enable or disable the ExcludeTrap
|
|
5107
|
-
* If `True` the excludeTrap will work
|
|
5108
|
-
*/
|
|
5109
|
-
this.dfExcludeTrap = input.required();
|
|
5110
|
-
this.zone = inject(NgZone);
|
|
5111
|
-
this.element = inject(ElementRef);
|
|
5112
|
-
}
|
|
5113
|
-
init() {
|
|
5114
|
-
this.subscription = fromEvent(this.element.nativeElement, 'focusin').subscribe(() => {
|
|
5115
|
-
const el = document.querySelector(this.dfExcludeTrapSelector());
|
|
5116
|
-
if (el) {
|
|
5117
|
-
el.focus();
|
|
5118
|
-
}
|
|
5119
|
-
});
|
|
5120
|
-
}
|
|
5121
|
-
ngOnInit() {
|
|
5122
|
-
this.zone.runOutsideAngular(() => {
|
|
5123
|
-
this.subscriptionInput = this.dfExcludeTrap().subscribe((isPresent) => {
|
|
5124
|
-
if (isPresent) {
|
|
5125
|
-
this.init();
|
|
5126
|
-
}
|
|
5127
|
-
else {
|
|
5128
|
-
this.subscription.unsubscribe();
|
|
5129
|
-
}
|
|
5130
|
-
});
|
|
5131
|
-
});
|
|
5132
|
-
}
|
|
5133
|
-
ngOnDestroy() {
|
|
5134
|
-
this.subscription.unsubscribe();
|
|
5135
|
-
if (this.subscriptionInput) {
|
|
5136
|
-
this.subscriptionInput.unsubscribe();
|
|
5137
|
-
}
|
|
5138
|
-
}
|
|
5139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DfExcludeTrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5140
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.4", type: DfExcludeTrapDirective, isStandalone: true, selector: "[dfExcludeTrap]", inputs: { dfExcludeTrapSelector: { classPropertyName: "dfExcludeTrapSelector", publicName: "dfExcludeTrapSelector", isSignal: true, isRequired: false, transformFunction: null }, dfExcludeTrap: { classPropertyName: "dfExcludeTrap", publicName: "dfExcludeTrap", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
5141
|
-
}
|
|
5142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DfExcludeTrapDirective, decorators: [{
|
|
5143
|
-
type: Directive,
|
|
5144
|
-
args: [{
|
|
5145
|
-
selector: '[dfExcludeTrap]'
|
|
5146
|
-
}]
|
|
5147
|
-
}] });
|
|
5148
|
-
|
|
5149
5063
|
const DF_SELECT_CLASS = 'df-ym';
|
|
5150
5064
|
|
|
5151
5065
|
class DfManageNavSelectDirective {
|
|
@@ -5166,7 +5080,7 @@ class DfManageNavSelectDirective {
|
|
|
5166
5080
|
this.arrowRightInnerHandler(event);
|
|
5167
5081
|
}
|
|
5168
5082
|
}
|
|
5169
|
-
handleKeyDownBackspace(
|
|
5083
|
+
handleKeyDownBackspace() {
|
|
5170
5084
|
// Clear on backspace is already handled by ng select when clearable is true
|
|
5171
5085
|
if (!this.select.clearable && !this.select.searchTerm) {
|
|
5172
5086
|
const listBadge = this.element.nativeElement.querySelectorAll(`.${DF_SELECT_CLASS}`);
|
|
@@ -5228,10 +5142,10 @@ class DfManageNavSelectDirective {
|
|
|
5228
5142
|
(listBadge[currentPos - 1] || document.activeElement).focus();
|
|
5229
5143
|
}
|
|
5230
5144
|
}
|
|
5231
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5232
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageNavSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfManageNavSelectDirective, isStandalone: true, selector: "[dfManageNavSelect]", host: { listeners: { "keydown.arrowLeft": "handleKeyDown($event)", "keydown.Backspace": "handleKeyDownBackspace($event)", "keydown.arrowRight": "handleKeyDownRight($event)" } }, ngImport: i0 }); }
|
|
5233
5147
|
}
|
|
5234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageNavSelectDirective, decorators: [{
|
|
5235
5149
|
type: Directive,
|
|
5236
5150
|
args: [{
|
|
5237
5151
|
selector: '[dfManageNavSelect]'
|
|
@@ -5250,18 +5164,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5250
5164
|
// Copy of https://github.com/ng-select/ng-select/blob/master/src/ng-option-highlight/lib/ng-option-highlight.directive.ts
|
|
5251
5165
|
class DfOptionHighlightDirective {
|
|
5252
5166
|
constructor() {
|
|
5253
|
-
this.dfOptionHighlight = input.required();
|
|
5254
|
-
this.label = signal('');
|
|
5167
|
+
this.dfOptionHighlight = input.required(...(ngDevMode ? [{ debugName: "dfOptionHighlight" }] : []));
|
|
5168
|
+
this.label = signal('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
5255
5169
|
this.elementRef = inject(ElementRef);
|
|
5256
5170
|
this.renderer = inject(Renderer2);
|
|
5257
|
-
this.canHighlight = computed(() => !!this.dfOptionHighlight() && !!this.label());
|
|
5171
|
+
this.canHighlight = computed(() => !!this.dfOptionHighlight() && !!this.label(), ...(ngDevMode ? [{ debugName: "canHighlight" }] : []));
|
|
5258
5172
|
effect(() => {
|
|
5259
5173
|
if (this.canHighlight()) {
|
|
5260
5174
|
const alternationString = this.dfOptionHighlight()
|
|
5261
5175
|
.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
|
|
5262
5176
|
.replace(' ', '|');
|
|
5263
5177
|
const termRegex = new RegExp(alternationString, 'gi');
|
|
5264
|
-
this.setInnerHtml(this.label().replace(termRegex, `<span class
|
|
5178
|
+
this.setInnerHtml(this.label().replace(termRegex, `<span class="highlighted">$&</span>`));
|
|
5265
5179
|
}
|
|
5266
5180
|
else if (this.label()) {
|
|
5267
5181
|
// unhighlight if there was some
|
|
@@ -5275,10 +5189,10 @@ class DfOptionHighlightDirective {
|
|
|
5275
5189
|
setInnerHtml(html) {
|
|
5276
5190
|
this.renderer.setProperty(this.elementRef.nativeElement, 'innerHTML', html);
|
|
5277
5191
|
}
|
|
5278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5279
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfOptionHighlightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5193
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfOptionHighlightDirective, isStandalone: true, selector: "[dfOptionHighlight]", inputs: { dfOptionHighlight: { classPropertyName: "dfOptionHighlight", publicName: "dfOptionHighlight", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
5280
5194
|
}
|
|
5281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfOptionHighlightDirective, decorators: [{
|
|
5282
5196
|
type: Directive,
|
|
5283
5197
|
args: [{
|
|
5284
5198
|
selector: '[dfOptionHighlight]'
|
|
@@ -5290,7 +5204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5290
5204
|
const NG_SELECT_CLASS_IDENTIFIER = 'ng-value-icon';
|
|
5291
5205
|
class DfManageBadgeEventsDirective {
|
|
5292
5206
|
constructor() {
|
|
5293
|
-
this.dfManageBadgeEventsSelect = input.required();
|
|
5207
|
+
this.dfManageBadgeEventsSelect = input.required(...(ngDevMode ? [{ debugName: "dfManageBadgeEventsSelect" }] : []));
|
|
5294
5208
|
this.renderer = inject(Renderer2);
|
|
5295
5209
|
this.element = inject(ElementRef);
|
|
5296
5210
|
this.renderer.addClass(this.element.nativeElement, DF_SELECT_CLASS);
|
|
@@ -5319,10 +5233,10 @@ class DfManageBadgeEventsDirective {
|
|
|
5319
5233
|
this.dfManageBadgeEventsSelect()[0](this.dfManageBadgeEventsSelect()[1]);
|
|
5320
5234
|
event.stopPropagation();
|
|
5321
5235
|
}
|
|
5322
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5323
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageBadgeEventsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5237
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
5324
5238
|
}
|
|
5325
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageBadgeEventsDirective, decorators: [{
|
|
5326
5240
|
type: Directive,
|
|
5327
5241
|
args: [{
|
|
5328
5242
|
selector: '[dfManageBadgeEventsSelect]',
|
|
@@ -5337,11 +5251,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5337
5251
|
}], ctorParameters: () => [] });
|
|
5338
5252
|
|
|
5339
5253
|
class DfSelectModule {
|
|
5340
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5341
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5342
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5255
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfSelectModule, imports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective], exports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective, NgSelectModule] }); }
|
|
5256
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSelectModule, imports: [NgSelectModule] }); }
|
|
5343
5257
|
}
|
|
5344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSelectModule, decorators: [{
|
|
5345
5259
|
type: NgModule,
|
|
5346
5260
|
args: [{
|
|
5347
5261
|
imports: [DfManageNavSelectDirective, DfManageBadgeEventsDirective, DfOptionHighlightDirective],
|
|
@@ -5560,10 +5474,10 @@ class DfStepperService {
|
|
|
5560
5474
|
this._state = this.normalizeState(this._state);
|
|
5561
5475
|
this.dispatchStepperState();
|
|
5562
5476
|
}
|
|
5563
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5564
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
5477
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5478
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperService }); }
|
|
5565
5479
|
}
|
|
5566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperService, decorators: [{
|
|
5567
5481
|
type: Injectable
|
|
5568
5482
|
}] });
|
|
5569
5483
|
|
|
@@ -5595,10 +5509,10 @@ class DfStepperStepDirective {
|
|
|
5595
5509
|
ngOnDestroy() {
|
|
5596
5510
|
this.unlistener.forEach((ul) => ul());
|
|
5597
5511
|
}
|
|
5598
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5599
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5512
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5513
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: DfStepperStepDirective, isStandalone: true, selector: "[dfStepperStep]", exportAs: ["dfStepperStep"], ngImport: i0 }); }
|
|
5600
5514
|
}
|
|
5601
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperStepDirective, decorators: [{
|
|
5602
5516
|
type: Directive,
|
|
5603
5517
|
args: [{
|
|
5604
5518
|
selector: '[dfStepperStep]',
|
|
@@ -5706,10 +5620,10 @@ class DfStepperDirective {
|
|
|
5706
5620
|
this.stepperService.resetFocus();
|
|
5707
5621
|
}
|
|
5708
5622
|
}
|
|
5709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5710
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5623
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5624
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", 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 }); }
|
|
5711
5625
|
}
|
|
5712
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperDirective, decorators: [{
|
|
5713
5627
|
type: Directive,
|
|
5714
5628
|
args: [{
|
|
5715
5629
|
selector: '[dfStepperLogic]',
|
|
@@ -5742,12 +5656,12 @@ class DfStepperStepContentDirective {
|
|
|
5742
5656
|
* The step index
|
|
5743
5657
|
* -1 means that the input index is not set
|
|
5744
5658
|
*/
|
|
5745
|
-
this.dfStepperStepContent = input(-1, { transform: (value) => numberAttribute(value, -1) });
|
|
5659
|
+
this.dfStepperStepContent = input(-1, ...(ngDevMode ? [{ debugName: "dfStepperStepContent", transform: (value) => numberAttribute(value, -1) }] : [{ transform: (value) => numberAttribute(value, -1) }]));
|
|
5746
5660
|
}
|
|
5747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5748
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperStepContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5662
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfStepperStepContentDirective, isStandalone: true, selector: "ng-template[dfStepperStepContent]", inputs: { dfStepperStepContent: { classPropertyName: "dfStepperStepContent", publicName: "dfStepperStepContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
5749
5663
|
}
|
|
5750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperStepContentDirective, decorators: [{
|
|
5751
5665
|
type: Directive,
|
|
5752
5666
|
args: [{ selector: 'ng-template[dfStepperStepContent]' }]
|
|
5753
5667
|
}] });
|
|
@@ -5761,8 +5675,8 @@ class DfStepperComponent {
|
|
|
5761
5675
|
constructor() {
|
|
5762
5676
|
this.stepperService = inject(DfStepperService);
|
|
5763
5677
|
this.mapStepToContent = new Map();
|
|
5764
|
-
this.tplStepsContent = contentChildren(DfStepperStepContentDirective);
|
|
5765
|
-
this.state = signal(undefined);
|
|
5678
|
+
this.tplStepsContent = contentChildren(DfStepperStepContentDirective, ...(ngDevMode ? [{ debugName: "tplStepsContent" }] : []));
|
|
5679
|
+
this.state = signal(undefined, ...(ngDevMode ? [{ debugName: "state" }] : []));
|
|
5766
5680
|
this.stepperService.stepperState$.pipe(takeUntilDestroyed()).subscribe((state) => {
|
|
5767
5681
|
this.state.set(state);
|
|
5768
5682
|
});
|
|
@@ -5774,10 +5688,10 @@ class DfStepperComponent {
|
|
|
5774
5688
|
}
|
|
5775
5689
|
});
|
|
5776
5690
|
}
|
|
5777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5778
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
5691
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5692
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: DfStepperComponent, isStandalone: true, selector: "[dfStepper]", host: { attributes: { "role": "tablist" }, properties: { "class.df-vertical-stepper": "state()?.isVertical", "attr.aria-label": "stepperService.stepperAriaLabel", "attr.aria-orientation": "state()?.isVertical ? \"vertical\": null" }, classAttribute: "df-stepper mb-2" }, queries: [{ propertyName: "tplStepsContent", predicate: DfStepperStepContentDirective, isSignal: true }], hostDirectives: [{ directive: DfStepperDirective }], ngImport: i0, template: "<ng-template #myStepperLine>\n <div class=\"df-stepper-line-wrapper\">\n <div class=\"df-stepper-line\">\n <div class=\"df-stepper-horizontal-line\"></div>\n </div>\n <div class=\"df-stepper-line d-none d-sm-flex\">\n <div class=\"flex-grow-1\"></div>\n </div>\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 btn-link df-stepper-step\"\n dfStepperStep\n [class.active]=\"i === state.active\"\n [class.flex-row]=\"state.isInline || state.isVertical\"\n [attr.tabIndex]=\"i === state.active ? 0 : -1\"\n [class.df-stepper-step-warning]=\"step.type === 'warning'\"\n [class.df-stepper-step-completed]=\"step.type === 'completed'\"\n [class.df-stepper-step-visited]=\"step.type === 'visited'\"\n [class.df-stepper-step-future]=\"step.type === 'future'\"\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.df-stepper-outline-number-visited]=\"step.type === 'visited'\"\n [class.df-stepper-outline-icon]=\"step.type === 'warning'\"\n [class.fa-exclamation-triangle]=\"step.type === 'warning'\"\n [class.df-stepper-icon]=\"step.type === 'completed'\"\n [class.fa-check]=\"step.type === 'completed'\"\n [class.df-stepper-outline-number-future]=\"step.type === 'future'\"\n >\n <span aria-hidden=\"true\">{{ stepperService.getStepNumberLabel(i) }}</span>\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 class=\"df-stepper-label\">{{ step.label }}</span>\n @if (step.optionalLabel) {\n <span class=\"df-stepper-optional-label\">{{ step.optionalLabel }}</span>\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 [ngTemplateOutlet]=\"myStepperLine\"></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\"\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\">{{ 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 }); }
|
|
5779
5693
|
}
|
|
5780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperComponent, decorators: [{
|
|
5781
5695
|
type: Component,
|
|
5782
5696
|
args: [{ selector: '[dfStepper]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DfStepperStepDirective, NgTemplateOutlet, AsyncPipe], hostDirectives: [DfStepperDirective], host: {
|
|
5783
5697
|
role: 'tablist',
|
|
@@ -5789,11 +5703,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5789
5703
|
}], ctorParameters: () => [] });
|
|
5790
5704
|
|
|
5791
5705
|
class DfStepperModule {
|
|
5792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5793
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5794
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5707
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfStepperModule, imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective], exports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective] }); }
|
|
5708
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperModule }); }
|
|
5795
5709
|
}
|
|
5796
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfStepperModule, decorators: [{
|
|
5797
5711
|
type: NgModule,
|
|
5798
5712
|
args: [{
|
|
5799
5713
|
imports: [DfStepperDirective, DfStepperStepDirective, DfStepperComponent, DfStepperStepContentDirective],
|
|
@@ -5835,7 +5749,7 @@ class DfTooltipTruncateDirective {
|
|
|
5835
5749
|
* The direction considered when detecting overflow, can be 'x', 'y' or ''.
|
|
5836
5750
|
* @defaultValue ''
|
|
5837
5751
|
*/
|
|
5838
|
-
this.dfTooltipTruncate = input('');
|
|
5752
|
+
this.dfTooltipTruncate = input('', ...(ngDevMode ? [{ debugName: "dfTooltipTruncate" }] : []));
|
|
5839
5753
|
}
|
|
5840
5754
|
ngOnInit() {
|
|
5841
5755
|
this.renderer.addClass(this.elementRef.nativeElement, 'text-truncate');
|
|
@@ -5856,10 +5770,10 @@ class DfTooltipTruncateDirective {
|
|
|
5856
5770
|
this.tooltip.disableTooltip = disableToolTip;
|
|
5857
5771
|
this.renderer.setAttribute(this.elementRef.nativeElement, 'tabIndex', disableToolTip ? '-1' : '0');
|
|
5858
5772
|
}
|
|
5859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5860
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5773
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipTruncateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5774
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfTooltipTruncateDirective, isStandalone: true, selector: "[dfTooltipTruncate]", inputs: { dfTooltipTruncate: { classPropertyName: "dfTooltipTruncate", publicName: "dfTooltipTruncate", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dfTooltipTruncate"], ngImport: i0 }); }
|
|
5861
5775
|
}
|
|
5862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipTruncateDirective, decorators: [{
|
|
5863
5777
|
type: Directive,
|
|
5864
5778
|
args: [{
|
|
5865
5779
|
exportAs: 'dfTooltipTruncate',
|
|
@@ -5868,11 +5782,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5868
5782
|
}] });
|
|
5869
5783
|
|
|
5870
5784
|
class DfTooltipModule {
|
|
5871
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5872
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5873
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5785
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5786
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipModule, imports: [DfTooltipTruncateDirective], exports: [DfTooltipTruncateDirective, NgbTooltipModule] }); }
|
|
5787
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipModule, imports: [NgbTooltipModule] }); }
|
|
5874
5788
|
}
|
|
5875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfTooltipModule, decorators: [{
|
|
5876
5790
|
type: NgModule,
|
|
5877
5791
|
args: [{
|
|
5878
5792
|
imports: [DfTooltipTruncateDirective],
|
|
@@ -5881,31 +5795,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5881
5795
|
}] });
|
|
5882
5796
|
|
|
5883
5797
|
class DfSideNavModule {
|
|
5884
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5885
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5799
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavModule, imports: [DfManageSideNavDirective,
|
|
5886
5800
|
DfSideNavComponent,
|
|
5887
5801
|
DfSideNavHeaderDirective,
|
|
5888
|
-
DfExcludeTrapDirective,
|
|
5889
5802
|
DfSideNavIconDirective,
|
|
5890
5803
|
DfSideNavItemDirective], exports: [DfManageSideNavDirective,
|
|
5891
5804
|
DfSideNavComponent,
|
|
5892
5805
|
DfSideNavHeaderDirective,
|
|
5893
|
-
DfExcludeTrapDirective,
|
|
5894
5806
|
DfSideNavIconDirective,
|
|
5895
5807
|
DfSideNavItemDirective,
|
|
5896
5808
|
DfSideNavCollapseModule,
|
|
5897
5809
|
DfMediaModule] }); }
|
|
5898
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5810
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavModule, imports: [DfSideNavComponent, DfSideNavCollapseModule,
|
|
5899
5811
|
DfMediaModule] }); }
|
|
5900
5812
|
}
|
|
5901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfSideNavModule, decorators: [{
|
|
5902
5814
|
type: NgModule,
|
|
5903
5815
|
args: [{
|
|
5904
5816
|
imports: [
|
|
5905
5817
|
DfManageSideNavDirective,
|
|
5906
5818
|
DfSideNavComponent,
|
|
5907
5819
|
DfSideNavHeaderDirective,
|
|
5908
|
-
DfExcludeTrapDirective,
|
|
5909
5820
|
DfSideNavIconDirective,
|
|
5910
5821
|
DfSideNavItemDirective
|
|
5911
5822
|
],
|
|
@@ -5913,7 +5824,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5913
5824
|
DfManageSideNavDirective,
|
|
5914
5825
|
DfSideNavComponent,
|
|
5915
5826
|
DfSideNavHeaderDirective,
|
|
5916
|
-
DfExcludeTrapDirective,
|
|
5917
5827
|
DfSideNavIconDirective,
|
|
5918
5828
|
DfSideNavItemDirective,
|
|
5919
5829
|
DfSideNavCollapseModule,
|
|
@@ -5924,7 +5834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5924
5834
|
|
|
5925
5835
|
class DfManageCardSelectionDirective {
|
|
5926
5836
|
constructor() {
|
|
5927
|
-
this.dfManageCardSelected = input.required();
|
|
5837
|
+
this.dfManageCardSelected = input.required(...(ngDevMode ? [{ debugName: "dfManageCardSelected" }] : []));
|
|
5928
5838
|
this.element = inject(ElementRef);
|
|
5929
5839
|
this.renderer = inject(Renderer2);
|
|
5930
5840
|
effect(() => {
|
|
@@ -5963,10 +5873,10 @@ class DfManageCardSelectionDirective {
|
|
|
5963
5873
|
return;
|
|
5964
5874
|
}
|
|
5965
5875
|
}
|
|
5966
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5967
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5876
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageCardSelectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5877
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", 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 }); }
|
|
5968
5878
|
}
|
|
5969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5879
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfManageCardSelectionDirective, decorators: [{
|
|
5970
5880
|
type: Directive,
|
|
5971
5881
|
args: [{
|
|
5972
5882
|
selector: '[dfManageCardSelected]',
|
|
@@ -5979,11 +5889,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5979
5889
|
}], ctorParameters: () => [] });
|
|
5980
5890
|
|
|
5981
5891
|
class DfAdvancedCardModule {
|
|
5982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5983
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5984
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5892
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5893
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedCardModule, imports: [DfManageCardSelectionDirective], exports: [DfManageCardSelectionDirective] }); }
|
|
5894
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedCardModule }); }
|
|
5985
5895
|
}
|
|
5986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5896
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAdvancedCardModule, decorators: [{
|
|
5987
5897
|
type: NgModule,
|
|
5988
5898
|
args: [{
|
|
5989
5899
|
imports: [DfManageCardSelectionDirective],
|
|
@@ -6014,8 +5924,8 @@ const DF_MODULES = [
|
|
|
6014
5924
|
* @deprecated Import only the needed modules or use standalone components instead of DfModule
|
|
6015
5925
|
*/
|
|
6016
5926
|
class DfModule {
|
|
6017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6018
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
5927
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5928
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfModule, imports: [DfAlertModule,
|
|
6019
5929
|
DfDatePickerModule,
|
|
6020
5930
|
DfSelectModule,
|
|
6021
5931
|
DfProgressbarModule,
|
|
@@ -6048,7 +5958,7 @@ class DfModule {
|
|
|
6048
5958
|
DfFooterModule,
|
|
6049
5959
|
DfToastModule,
|
|
6050
5960
|
DfStepperModule] }); }
|
|
6051
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
5961
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfModule, imports: [DF_MODULES, DfAlertModule,
|
|
6052
5962
|
DfDatePickerModule,
|
|
6053
5963
|
DfSelectModule,
|
|
6054
5964
|
DfProgressbarModule,
|
|
@@ -6066,7 +5976,7 @@ class DfModule {
|
|
|
6066
5976
|
DfToastModule,
|
|
6067
5977
|
DfStepperModule] }); }
|
|
6068
5978
|
}
|
|
6069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfModule, decorators: [{
|
|
6070
5980
|
type: NgModule,
|
|
6071
5981
|
args: [{
|
|
6072
5982
|
imports: DF_MODULES,
|
|
@@ -6082,8 +5992,8 @@ class DfWavesOfProgressDirective {
|
|
|
6082
5992
|
* @returns The prepared SVG string.
|
|
6083
5993
|
*/
|
|
6084
5994
|
prepareSvg(bgColor, lineColor) {
|
|
6085
|
-
let baseSvg = this.baseSvg.replace(/var\(
|
|
6086
|
-
baseSvg = baseSvg.replace(/var\(
|
|
5995
|
+
let baseSvg = this.baseSvg.replace(/var\(--df-waves-of-progress-bg-color\)/g, bgColor);
|
|
5996
|
+
baseSvg = baseSvg.replace(/var\(--df-waves-of-progress-line-color\)/g, lineColor);
|
|
6087
5997
|
baseSvg = baseSvg.replace(/#/g, '%23');
|
|
6088
5998
|
return `'data:image/svg+xml;utf8,${baseSvg}'`;
|
|
6089
5999
|
}
|
|
@@ -6116,7 +6026,7 @@ class DfWavesOfProgressDirective {
|
|
|
6116
6026
|
* },
|
|
6117
6027
|
* ...]
|
|
6118
6028
|
*/
|
|
6119
|
-
this.dfWavesOfProgress = input.required();
|
|
6029
|
+
this.dfWavesOfProgress = input.required(...(ngDevMode ? [{ debugName: "dfWavesOfProgress" }] : []));
|
|
6120
6030
|
this.http = inject(HttpClient, { optional: true });
|
|
6121
6031
|
this.elementRef = inject(ElementRef);
|
|
6122
6032
|
this.platformId = inject(PLATFORM_ID);
|
|
@@ -6144,10 +6054,10 @@ class DfWavesOfProgressDirective {
|
|
|
6144
6054
|
}
|
|
6145
6055
|
});
|
|
6146
6056
|
}
|
|
6147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6148
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
6057
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6058
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: DfWavesOfProgressDirective, isStandalone: true, selector: "[dfWavesOfProgress]", inputs: { dfWavesOfProgress: { classPropertyName: "dfWavesOfProgress", publicName: "dfWavesOfProgress", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "df-waves-of-progress-bg" }, exportAs: ["dfWavesOfProgress"], ngImport: i0 }); }
|
|
6149
6059
|
}
|
|
6150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
6060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressDirective, decorators: [{
|
|
6151
6061
|
type: Directive,
|
|
6152
6062
|
args: [{
|
|
6153
6063
|
selector: '[dfWavesOfProgress]',
|
|
@@ -6159,11 +6069,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
6159
6069
|
}], ctorParameters: () => [] });
|
|
6160
6070
|
|
|
6161
6071
|
class DfWavesOfProgressModule {
|
|
6162
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6163
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
6164
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
6072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6073
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressModule, imports: [DfWavesOfProgressDirective], exports: [DfWavesOfProgressDirective] }); }
|
|
6074
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressModule }); }
|
|
6165
6075
|
}
|
|
6166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
6076
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfWavesOfProgressModule, decorators: [{
|
|
6167
6077
|
type: NgModule,
|
|
6168
6078
|
args: [{
|
|
6169
6079
|
imports: [DfWavesOfProgressDirective],
|
|
@@ -6176,10 +6086,10 @@ class DfAmadeusLogoComponent {
|
|
|
6176
6086
|
/**
|
|
6177
6087
|
* Class to apply to the SVG element. For example, you can use `df-logo-dim` to set proper dimensions inside footer and navbar.
|
|
6178
6088
|
*/
|
|
6179
|
-
this.svgClass = input('');
|
|
6089
|
+
this.svgClass = input('', ...(ngDevMode ? [{ debugName: "svgClass" }] : []));
|
|
6180
6090
|
}
|
|
6181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
6091
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAmadeusLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6092
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: DfAmadeusLogoComponent, isStandalone: true, selector: "df-amadeus-logo", inputs: { svgClass: { classPropertyName: "svgClass", publicName: "svgClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
6183
6093
|
<svg [class]="svgClass()" viewBox="0 0 113 16" xmlns="http://www.w3.org/2000/svg">
|
|
6184
6094
|
<path
|
|
6185
6095
|
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"
|
|
@@ -6213,7 +6123,7 @@ class DfAmadeusLogoComponent {
|
|
|
6213
6123
|
<span class="visually-hidden">Amadeus</span>
|
|
6214
6124
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6215
6125
|
}
|
|
6216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
6126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DfAmadeusLogoComponent, decorators: [{
|
|
6217
6127
|
type: Component,
|
|
6218
6128
|
args: [{
|
|
6219
6129
|
selector: 'df-amadeus-logo',
|
|
@@ -6264,5 +6174,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
6264
6174
|
* Generated bundle index. Do not edit.
|
|
6265
6175
|
*/
|
|
6266
6176
|
|
|
6267
|
-
export { BREAKPOINTS_VARS, ChangeContext, DF_BREAKPOINTS_VAR_DEFAULT, DfAccessibilityModule, DfAdvancedCardModule, DfAdvancedInputModule, DfAlertModule, DfAmadeusIconComponent, DfAmadeusLogoComponent, DfBreakpoints, DfDatePickerModule, DfDatepickerRangeDirective, DfDatepickerRangeService, DfDefaultSpinnerComponent, DfDirectionDetectionService,
|
|
6177
|
+
export { BREAKPOINTS_VARS, ChangeContext, DF_BREAKPOINTS_VAR_DEFAULT, DfAccessibilityModule, DfAdvancedCardModule, DfAdvancedInputModule, DfAlertModule, DfAmadeusIconComponent, DfAmadeusLogoComponent, DfBreakpoints, DfDatePickerModule, DfDatepickerRangeDirective, DfDatepickerRangeService, DfDefaultSpinnerComponent, DfDirectionDetectionService, DfFooterModule, DfIconModule, DfIfMediaDirective, DfInputIconDirective, DfInsertIconDirective, DfInsertIconModule, DfManageBadgeEventsDirective, DfManageCardSelectionDirective, DfManageNavSelectDirective, DfManageSideNavDirective, DfMedia, DfMediaModule, DfMediaObserver, DfMediaQuery, DfModule, DfNavItemType, DfOptionHighlightDirective, DfPopoverConfig, DfPopoverModule, DfProgressIndicatorBackdropComponent, DfProgressIndicatorContainerComponent, DfProgressIndicatorContentPosition, DfProgressIndicatorContentProgressBar, DfProgressIndicatorContentSpinner, DfProgressIndicatorContentType, DfProgressIndicatorDirective, DfProgressIndicatorModule, DfProgressIndicatorRef, DfProgressIndicatorService, DfProgressbarComponent, DfProgressbarModule, DfSelectModule, DfSideNavCollapseDirective, DfSideNavCollapseModule, DfSideNavCollapseService, DfSideNavComponent, DfSideNavConfig, DfSideNavHeaderDirective, DfSideNavIconDirective, DfSideNavItemDirective, DfSideNavModule, DfSideNavService, DfSliderDirectionDirective, DfSliderModule, DfStepperComponent, DfStepperDirective, DfStepperModule, DfStepperService, DfStepperStepContentDirective, DfStepperStepDirective, DfTitleTruncateDirective, DfToastModule, DfTooltipModule, DfTooltipTruncateDirective, DfTriggerClickDirective, DfWavesOfProgressDirective, DfWavesOfProgressModule, LabelType, Options, PointerType, RightToLeftDirectionEnum, SkipLinkDirective, SkipLinksContainerComponent, SliderComponent };
|
|
6268
6178
|
//# sourceMappingURL=design-factory.mjs.map
|