@impartner/design-components 2.2.1 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/esm2022/lib/alert/alert.component.mjs +4 -4
- package/esm2022/lib/alert/alert.module.mjs +4 -4
- package/esm2022/lib/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/avatar/avatar.module.mjs +4 -4
- package/esm2022/lib/avatar-group/avatar-group.component.mjs +3 -3
- package/esm2022/lib/avatar-group/avatar-group.module.mjs +4 -4
- package/esm2022/lib/backdrop/backdrop.component.mjs +3 -3
- package/esm2022/lib/backdrop/backdrop.module.mjs +4 -4
- package/esm2022/lib/badge/badge.component.mjs +4 -4
- package/esm2022/lib/badge/badge.module.mjs +4 -4
- package/esm2022/lib/branding/branded.directive.mjs +3 -3
- package/esm2022/lib/branding/branding.module.mjs +4 -4
- package/esm2022/lib/breadcrumb/breadcrumb-item.component.mjs +3 -3
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/lib/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/button/button.module.mjs +4 -4
- package/esm2022/lib/button-group/button-group.component.mjs +3 -3
- package/esm2022/lib/button-group/button-group.module.mjs +4 -4
- package/esm2022/lib/card-heading/card-heading.component.mjs +3 -3
- package/esm2022/lib/card-heading/card-heading.module.mjs +4 -4
- package/esm2022/lib/data-card/data-card.component.mjs +3 -3
- package/esm2022/lib/data-card/data-card.module.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.mjs +8 -5
- package/esm2022/lib/datetime-picker/components/datetime-picker/datetime-picker.component.mjs +7 -8
- package/esm2022/lib/datetime-picker/components/datetime-picker-input/datetime-picker-input.component.mjs +4 -4
- package/esm2022/lib/datetime-picker/components/datetime-picker-input-footer/datetime-picker-input-footer.component.mjs +3 -3
- package/esm2022/lib/datetime-picker/datetime-picker.module.mjs +4 -4
- package/esm2022/lib/datetime-picker/services/datetime-formatter/datetime-formatter.service.mjs +7 -7
- package/esm2022/lib/design-components.module.mjs +4 -4
- package/esm2022/lib/dropdown/components/dropdown-item/dropdown-item.component.mjs +3 -3
- package/esm2022/lib/dropdown/dropdown.component.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/file-upload/directives/file-drop.directive.mjs +4 -4
- package/esm2022/lib/file-upload/file-upload.component.mjs +4 -4
- package/esm2022/lib/file-upload/file-upload.module.mjs +4 -4
- package/esm2022/lib/file-upload/pipes/human-readable-byte-size.pipe.mjs +4 -4
- package/esm2022/lib/form-field/component/directives/corner-hint.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/error.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/form-root.directive.mjs +6 -6
- package/esm2022/lib/form-field/component/directives/hint.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/label.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/prefix.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/directives/suffix.directive.mjs +3 -3
- package/esm2022/lib/form-field/component/form-field.component.mjs +4 -4
- package/esm2022/lib/form-field/component/form-field.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/checkbox/checkbox.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/input/input.directive.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio-button/radio-button.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio-group/radio-group.directive.mjs +4 -4
- package/esm2022/lib/form-field/controls/radio/radio.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/option/select-option.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/select/option-display/select-option-display.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/option-group/select-option-group.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/select/select-model.mjs +1 -1
- package/esm2022/lib/form-field/controls/select/select.component.mjs +7 -7
- package/esm2022/lib/form-field/controls/select/select.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/select/value-tags-display/select-value-tags-display.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.mjs +3 -3
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.component.mjs +4 -4
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.module.mjs +4 -4
- package/esm2022/lib/form-field/controls/tag-select/tag-select.component.mjs +4 -4
- package/esm2022/lib/form-field/impdc-forms.module.mjs +4 -4
- package/esm2022/lib/form-field/services/error-state-matcher.service.mjs +6 -6
- package/esm2022/lib/form-field/services/unique-selection-dispatcher.service.mjs +4 -4
- package/esm2022/lib/form-field/shared/error-state.mixin.mjs +1 -1
- package/esm2022/lib/form-field/shared/form-field-control.mjs +3 -3
- package/esm2022/lib/icon/icon.component.mjs +4 -4
- package/esm2022/lib/icon/icon.module.mjs +4 -4
- package/esm2022/lib/modal/modal.component.mjs +4 -4
- package/esm2022/lib/modal/modal.module.mjs +4 -4
- package/esm2022/lib/pagination/pagination.component.mjs +4 -4
- package/esm2022/lib/pagination/pagination.module.mjs +4 -4
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +3 -3
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2022/lib/scrollable/scrollable.component.mjs +4 -4
- package/esm2022/lib/scrollable/scrollable.module.mjs +4 -4
- package/esm2022/lib/select-icon/select-icon.component.mjs +4 -4
- package/esm2022/lib/select-icon/select-icon.module.mjs +4 -4
- package/esm2022/lib/size-detection/directive/size-detector.directive.mjs +4 -4
- package/esm2022/lib/size-detection/size-detection.module.mjs +4 -4
- package/esm2022/lib/spinner/spinner.component.mjs +3 -3
- package/esm2022/lib/spinner/spinner.module.mjs +4 -4
- package/esm2022/lib/table/components/bulk-actions/bulk-actions.component.mjs +3 -3
- package/esm2022/lib/table/components/column-heading/column-heading.component.mjs +3 -3
- package/esm2022/lib/table/components/row-actions/row-actions.component.mjs +4 -4
- package/esm2022/lib/table/containers/table.component.mjs +5 -5
- package/esm2022/lib/table/directives/collapse-monitor.directive.mjs +4 -4
- package/esm2022/lib/table/directives/table-inject-component.directive.mjs +4 -4
- package/esm2022/lib/table/directives/table.directive.mjs +3 -3
- package/esm2022/lib/table/helpers/table-theme.helper.mjs +1 -1
- package/esm2022/lib/table/table.module.mjs +4 -4
- package/esm2022/lib/tag/tag.component.mjs +4 -4
- package/esm2022/lib/text-highlight/text-highlight.component.mjs +4 -4
- package/esm2022/lib/text-highlight/text-highlight.module.mjs +4 -4
- package/esm2022/services/interaction.service.mjs +4 -4
- package/fesm2022/impartner-design-components.mjs +337 -335
- package/fesm2022/impartner-design-components.mjs.map +1 -1
- package/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.d.ts +1 -0
- package/lib/datetime-picker/components/datetime-picker/datetime-picker.component.d.ts +0 -2
- package/package.json +7 -7
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, Component, Input, NgModule, ViewEncapsulation, ViewChild, HostBinding, Directive, InjectionToken, Host, Optional, SkipSelf, Inject, ChangeDetectionStrategy, ContentChild, ContentChildren, inject, EventEmitter, Output, Self, booleanAttribute, numberAttribute, Attribute, ChangeDetectorRef, NgZone, ElementRef, ViewChildren, signal, TemplateRef, HostListener, Pipe, DestroyRef } from '@angular/core';
|
|
3
|
-
import { BehaviorSubject, map, distinctUntilChanged, shareReplay, Subject, takeUntil, merge,
|
|
3
|
+
import { BehaviorSubject, map, distinctUntilChanged, shareReplay, Subject, takeUntil, merge, switchMap, combineLatest, startWith, tap, defer, take, debounceTime, fromEvent, filter } from 'rxjs';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
|
-
import { CommonModule, NgClass, AsyncPipe, DatePipe, PercentPipe, DecimalPipe
|
|
5
|
+
import { CommonModule, NgClass, AsyncPipe, DatePipe, PercentPipe, DecimalPipe } from '@angular/common';
|
|
6
6
|
import * as i2 from '@angular/forms';
|
|
7
7
|
import { Validators, NgForm, FormGroupDirective, NgControl, FormControl, ReactiveFormsModule, FormsModule, FormBuilder } from '@angular/forms';
|
|
8
8
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -3134,10 +3134,10 @@ class InteractionService {
|
|
|
3134
3134
|
this._backdropQueueSubject.next(newQueue);
|
|
3135
3135
|
}
|
|
3136
3136
|
}
|
|
3137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3138
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3137
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3138
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InteractionService, providedIn: 'root' }); }
|
|
3139
3139
|
}
|
|
3140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InteractionService, decorators: [{
|
|
3141
3141
|
type: Injectable,
|
|
3142
3142
|
args: [{
|
|
3143
3143
|
providedIn: 'root'
|
|
@@ -3189,8 +3189,8 @@ class TextHighlightComponent {
|
|
|
3189
3189
|
_escapeTextForRegExp(text) {
|
|
3190
3190
|
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
|
|
3191
3191
|
}
|
|
3192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3193
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3193
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: TextHighlightComponent, isStandalone: true, selector: "impdc-text-highlight, [impdc-text-highlight]", inputs: { text: "text", search: "search", method: "method", exact: "exact", highlightClass: "highlightClass" }, usesOnChanges: true, ngImport: i0, template: `
|
|
3194
3194
|
@for (part of result; track part; let odd = $odd) { @if (odd) { @switch
|
|
3195
3195
|
(method) { @case ('mark') {
|
|
3196
3196
|
<mark>{{ part }}</mark>
|
|
@@ -3207,7 +3207,7 @@ class TextHighlightComponent {
|
|
|
3207
3207
|
} }
|
|
3208
3208
|
`, isInline: true }); }
|
|
3209
3209
|
}
|
|
3210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightComponent, decorators: [{
|
|
3211
3211
|
type: Component,
|
|
3212
3212
|
args: [{
|
|
3213
3213
|
selector: 'impdc-text-highlight, [impdc-text-highlight]',
|
|
@@ -3245,11 +3245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
3245
3245
|
|
|
3246
3246
|
class TextHighlightModule {
|
|
3247
3247
|
constructor() { }
|
|
3248
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3249
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3250
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3249
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightModule, imports: [TextHighlightComponent], exports: [TextHighlightComponent] }); }
|
|
3250
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightModule }); }
|
|
3251
3251
|
}
|
|
3252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TextHighlightModule, decorators: [{
|
|
3253
3253
|
type: NgModule,
|
|
3254
3254
|
args: [{
|
|
3255
3255
|
imports: [TextHighlightComponent],
|
|
@@ -3318,10 +3318,10 @@ class IconComponent {
|
|
|
3318
3318
|
}
|
|
3319
3319
|
}
|
|
3320
3320
|
}
|
|
3321
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3322
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3321
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IconComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3322
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: { name: "name", theme: "theme", size: "size" }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["icon"], descendants: true, static: true }], ngImport: i0, template: "<i\n #icon\n class=\"{{ typeClass }} fa-{{ name }}\"\n [style.font-size]=\"computedSize\"\n [style.line-height]=\"computedSize\"></i>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
3323
3323
|
}
|
|
3324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IconComponent, decorators: [{
|
|
3325
3325
|
type: Component,
|
|
3326
3326
|
args: [{ selector: 'impdc-icon, [impdc-icon]', encapsulation: ViewEncapsulation.None, template: "<i\n #icon\n class=\"{{ typeClass }} fa-{{ name }}\"\n [style.font-size]=\"computedSize\"\n [style.line-height]=\"computedSize\"></i>\n" }]
|
|
3327
3327
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { name: [{
|
|
@@ -3397,10 +3397,10 @@ class ButtonComponent {
|
|
|
3397
3397
|
get attrAriaLabel() {
|
|
3398
3398
|
return this.ariaLabel || this.titleText || this.text || undefined;
|
|
3399
3399
|
}
|
|
3400
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3400
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3401
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonComponent, selector: "button[impdcButton]", inputs: { type: "type", theme: "theme", text: "text", disabled: "disabled", titleText: "titleText", ariaLabel: "ariaLabel" }, host: { properties: { "attr.type": "this.attrType", "class.btn": "this.classBtn", "class.btn-primary": "this.classBtnPrimary", "class.btn-danger": "this.classBtnDanger", "class.btn-outline-primary": "this.classBtnSecondary", "class.btn-outline-danger": "this.classBtnSecondaryDanger", "class.btn-close-fa": "this.classBtnClose", "attr.disabled": "this.attrDisabled", "attr.title": "this.attrTitle", "attr.aria-label": "this.attrAriaLabel" } }, ngImport: i0, template: "<ng-container *ngIf=\"theme !== 'close'\">\n <ng-content></ng-content>{{ text }}\n <ng-content select=\"[right]\"></ng-content>\n</ng-container>\n<span impdc-icon *ngIf=\"theme === 'close'\" name=\"times\" theme=\"light\"></span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3402
3402
|
}
|
|
3403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
3404
3404
|
type: Component,
|
|
3405
3405
|
args: [{ selector: 'button[impdcButton]', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"theme !== 'close'\">\n <ng-content></ng-content>{{ text }}\n <ng-content select=\"[right]\"></ng-content>\n</ng-container>\n<span impdc-icon *ngIf=\"theme === 'close'\" name=\"times\" theme=\"light\"></span>\n" }]
|
|
3406
3406
|
}], propDecorators: { type: [{
|
|
@@ -3451,10 +3451,10 @@ class BrandedDirective {
|
|
|
3451
3451
|
constructor() {
|
|
3452
3452
|
this.brandedClass = true;
|
|
3453
3453
|
}
|
|
3454
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3455
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3454
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3455
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: BrandedDirective, selector: "[impdcBranded]", host: { properties: { "class.branded": "this.brandedClass" } }, ngImport: i0 }); }
|
|
3456
3456
|
}
|
|
3457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandedDirective, decorators: [{
|
|
3458
3458
|
type: Directive,
|
|
3459
3459
|
args: [{
|
|
3460
3460
|
selector: '[impdcBranded]'
|
|
@@ -3466,11 +3466,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
3466
3466
|
|
|
3467
3467
|
class BrandingModule {
|
|
3468
3468
|
constructor() { }
|
|
3469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3470
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3471
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3469
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3470
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, declarations: [BrandedDirective], imports: [CommonModule], exports: [BrandedDirective] }); }
|
|
3471
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, imports: [CommonModule] }); }
|
|
3472
3472
|
}
|
|
3473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BrandingModule, decorators: [{
|
|
3474
3474
|
type: NgModule,
|
|
3475
3475
|
args: [{
|
|
3476
3476
|
imports: [CommonModule],
|
|
@@ -3481,11 +3481,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
3481
3481
|
|
|
3482
3482
|
class IconModule {
|
|
3483
3483
|
constructor() { }
|
|
3484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3485
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3486
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3484
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3485
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] }); }
|
|
3486
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IconModule, imports: [CommonModule] }); }
|
|
3487
3487
|
}
|
|
3488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: IconModule, decorators: [{
|
|
3489
3489
|
type: NgModule,
|
|
3490
3490
|
args: [{
|
|
3491
3491
|
imports: [CommonModule],
|
|
@@ -3496,11 +3496,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
3496
3496
|
|
|
3497
3497
|
class ButtonModule {
|
|
3498
3498
|
constructor() { }
|
|
3499
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3500
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3501
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3499
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3500
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, BrandingModule, IconModule], exports: [ButtonComponent, BrandingModule, IconModule] }); }
|
|
3501
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, imports: [CommonModule, BrandingModule, IconModule, BrandingModule, IconModule] }); }
|
|
3502
3502
|
}
|
|
3503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonModule, decorators: [{
|
|
3504
3504
|
type: NgModule,
|
|
3505
3505
|
args: [{
|
|
3506
3506
|
imports: [CommonModule, BrandingModule, IconModule],
|
|
@@ -3634,10 +3634,10 @@ function lc(value) {
|
|
|
3634
3634
|
}
|
|
3635
3635
|
|
|
3636
3636
|
class CornerHintDirective {
|
|
3637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3638
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CornerHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3638
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CornerHintDirective, isStandalone: true, selector: "impdc-corner-hint", ngImport: i0 }); }
|
|
3639
3639
|
}
|
|
3640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CornerHintDirective, decorators: [{
|
|
3641
3641
|
type: Directive,
|
|
3642
3642
|
args: [{
|
|
3643
3643
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3651,10 +3651,10 @@ class ErrorDirective {
|
|
|
3651
3651
|
constructor() {
|
|
3652
3652
|
this.id = `impdc-form-error-${nanoid()}`;
|
|
3653
3653
|
}
|
|
3654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3655
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3655
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ErrorDirective, isStandalone: true, selector: "impdc-error, [impdc-error]", inputs: { id: "id" }, host: { properties: { "id": "id" } }, providers: [{ provide: IMPDC_ERROR, useExisting: ErrorDirective }], ngImport: i0 }); }
|
|
3656
3656
|
}
|
|
3657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ErrorDirective, decorators: [{
|
|
3658
3658
|
type: Directive,
|
|
3659
3659
|
args: [{
|
|
3660
3660
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3684,15 +3684,15 @@ class RootFormGroupDirective {
|
|
|
3684
3684
|
get form() {
|
|
3685
3685
|
return this._parentRoot ? this._parentRoot.form : this._formGroupDirective;
|
|
3686
3686
|
}
|
|
3687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3688
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3687
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RootFormGroupDirective, deps: [{ token: i2.FormGroupDirective, host: true }, { token: IMPDC_FORM_ROOT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3688
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RootFormGroupDirective, isStandalone: true, selector: "[formGroup]", providers: [
|
|
3689
3689
|
{
|
|
3690
3690
|
provide: IMPDC_FORM_ROOT,
|
|
3691
3691
|
useExisting: RootFormGroupDirective
|
|
3692
3692
|
}
|
|
3693
3693
|
], ngImport: i0 }); }
|
|
3694
3694
|
}
|
|
3695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RootFormGroupDirective, decorators: [{
|
|
3696
3696
|
type: Directive,
|
|
3697
3697
|
args: [{
|
|
3698
3698
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3728,15 +3728,15 @@ class RootNgFormDirective {
|
|
|
3728
3728
|
get form() {
|
|
3729
3729
|
return this._parentRoot ? this._parentRoot.form : this._ngForm;
|
|
3730
3730
|
}
|
|
3731
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3732
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3731
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RootNgFormDirective, deps: [{ token: i2.NgForm, host: true }, { token: IMPDC_FORM_ROOT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3732
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RootNgFormDirective, isStandalone: true, selector: "[ngForm]", providers: [
|
|
3733
3733
|
{
|
|
3734
3734
|
provide: IMPDC_FORM_ROOT,
|
|
3735
3735
|
useExisting: RootNgFormDirective
|
|
3736
3736
|
}
|
|
3737
3737
|
], ngImport: i0 }); }
|
|
3738
3738
|
}
|
|
3739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RootNgFormDirective, decorators: [{
|
|
3740
3740
|
type: Directive,
|
|
3741
3741
|
args: [{
|
|
3742
3742
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3764,10 +3764,10 @@ class HintDirective {
|
|
|
3764
3764
|
constructor() {
|
|
3765
3765
|
this.id = `impdc-form-hint-${nanoid()}`;
|
|
3766
3766
|
}
|
|
3767
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3768
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3767
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3768
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: HintDirective, isStandalone: true, selector: "impdc-hint", inputs: { id: "id" }, host: { properties: { "id": "id" } }, ngImport: i0 }); }
|
|
3769
3769
|
}
|
|
3770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HintDirective, decorators: [{
|
|
3771
3771
|
type: Directive,
|
|
3772
3772
|
args: [{
|
|
3773
3773
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3783,10 +3783,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
3783
3783
|
}] } });
|
|
3784
3784
|
|
|
3785
3785
|
class LabelDirective {
|
|
3786
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3787
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3787
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: LabelDirective, isStandalone: true, selector: "impdc-label", ngImport: i0 }); }
|
|
3788
3788
|
}
|
|
3789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LabelDirective, decorators: [{
|
|
3790
3790
|
type: Directive,
|
|
3791
3791
|
args: [{
|
|
3792
3792
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -3803,10 +3803,10 @@ class PrefixDirective {
|
|
|
3803
3803
|
set isTextSelector(value) {
|
|
3804
3804
|
this.isText = true;
|
|
3805
3805
|
}
|
|
3806
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3807
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3806
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3807
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: PrefixDirective, isStandalone: true, selector: "[impdcPrefix], [impdcTextPrefix]", inputs: { isTextSelector: ["impdcTextPrefix", "isTextSelector"] }, providers: [{ provide: IMPDC_PREFIX, useExisting: PrefixDirective }], ngImport: i0 }); }
|
|
3808
3808
|
}
|
|
3809
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PrefixDirective, decorators: [{
|
|
3810
3810
|
type: Directive,
|
|
3811
3811
|
args: [{
|
|
3812
3812
|
selector: '[impdcPrefix], [impdcTextPrefix]',
|
|
@@ -3826,10 +3826,10 @@ class SuffixDirective {
|
|
|
3826
3826
|
set isTextSelector(value) {
|
|
3827
3827
|
this.isText = true;
|
|
3828
3828
|
}
|
|
3829
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3830
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3829
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3830
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: SuffixDirective, isStandalone: true, selector: "[impdcSuffix], [impdcTextSuffix]", inputs: { isTextSelector: ["impdcTextSuffix", "isTextSelector"] }, providers: [{ provide: IMPDC_SUFFIX, useExisting: SuffixDirective }], ngImport: i0 }); }
|
|
3831
3831
|
}
|
|
3832
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SuffixDirective, decorators: [{
|
|
3833
3833
|
type: Directive,
|
|
3834
3834
|
args: [{
|
|
3835
3835
|
selector: '[impdcSuffix], [impdcTextSuffix]',
|
|
@@ -3858,10 +3858,10 @@ function getImpdcFormFieldMissingControlError() {
|
|
|
3858
3858
|
}
|
|
3859
3859
|
|
|
3860
3860
|
class ImpdcFormFieldControl {
|
|
3861
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3862
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3861
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3862
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ImpdcFormFieldControl, ngImport: i0 }); }
|
|
3863
3863
|
}
|
|
3864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormFieldControl, decorators: [{
|
|
3865
3865
|
type: Directive
|
|
3866
3866
|
}] });
|
|
3867
3867
|
|
|
@@ -3952,10 +3952,10 @@ class FormFieldComponent {
|
|
|
3952
3952
|
this._changeDetectorRef.markForCheck();
|
|
3953
3953
|
});
|
|
3954
3954
|
}
|
|
3955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3955
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FormFieldComponent, isStandalone: true, selector: "impdc-form-field", host: { properties: { "class.impdc-form-field-focused": "_control.focused", "class.impdc-form-field-invalid": "_control.errorState", "class.impdc-form-field-disabled": "_control.disabled", "class.ng-untouched": "_shouldForwardControlState(\"untouched\")", "class.ng-touched": "_shouldForwardControlState(\"touched\")", "class.ng-pristine": "_shouldForwardControlState(\"pristine\")", "class.ng-dirty": "_shouldForwardControlState(\"dirty\")", "class.ng-valid": "_shouldForwardControlState(\"valid\")", "class.ng-invalid": "_shouldForwardControlState(\"invalid\")", "class.ng-pending": "_shouldForwardControlState(\"pending\")" }, classAttribute: "impdc-form-field" }, providers: [{ provide: IMPDC_FORM_FIELD, useExisting: FormFieldComponent }], queries: [{ propertyName: "_formFieldControl", first: true, predicate: ImpdcFormFieldControl, descendants: true }, { propertyName: "_prefixChildren", predicate: IMPDC_PREFIX, descendants: true }, { propertyName: "_suffixChildren", predicate: IMPDC_SUFFIX, descendants: true }, { propertyName: "_errorChildren", predicate: IMPDC_ERROR, descendants: true }], viewQueries: [{ propertyName: "_inputArea", first: true, predicate: ["inputArea"], descendants: true }], exportAs: ["impdcFormField"], ngImport: i0, template: "<ng-template #labelTemplate>\n <label\n class=\"form-label\"\n [id]=\"_labelId\"\n [attr.for]=\"_formFieldControl.id\"\n [attr.aria-owns]=\"_formFieldControl.id\">\n <ng-content select=\"impdc-label\"></ng-content>\n </label>\n</ng-template>\n\n<ng-template #cornerHintTemplate>\n <div class=\"flex-shrink-1 text-gray-400 fw-medium text-end\">\n <ng-content select=\"impdc-corner-hint\"></ng-content>\n </div>\n</ng-template>\n\n<div class=\"d-flex justify-content-between gap-4\">\n <ng-template [ngTemplateOutlet]=\"labelTemplate\"></ng-template>\n <ng-template [ngTemplateOutlet]=\"cornerHintTemplate\"></ng-template>\n</div>\n\n<div\n #inputArea\n class=\"impdc-form-field-wrapper\"\n [class.input-group]=\"_control.supportsAffixes\"\n [class.impdc-form-field--text]=\"_control.supportsAffixes\"\n [class.impdc-form-field--focused]=\"_control.focused\"\n [class.impdc-form-field--disabled]=\"_control.disabled\"\n [class.impdc-form-field--invalid]=\"_control.errorState\"\n [class.impdc-form-field--text--has-text-prefix]=\"_hasTextPrefix\"\n [class.impdc-form-field--text--has-text-suffix]=\"_hasTextSuffix\">\n <ng-container *ngIf=\"_control.supportsAffixes\">\n <ng-content select=\"[impdcPrefix]\"></ng-content>\n <ng-content select=\"[impdcTextPrefix]\"></ng-content>\n </ng-container>\n\n <ng-content></ng-content>\n\n <ng-container *ngIf=\"_control.supportsAffixes\">\n <ng-content select=\"[impdcTextSuffix]\"></ng-content>\n <ng-content select=\"[impdcSuffix]\"></ng-content>\n </ng-container>\n</div>\n\n<div\n class=\"impdc-form-field-feedback\"\n [class.impdc-form-field-feedback--disabled]=\"false\">\n <div class=\"impdc-form-field-hint-wrapper\">\n <ng-content select=\"impdc-hint\"></ng-content>\n </div>\n <div *ngIf=\"_showErrors()\" class=\"impdc-form-field-error-wrapper\">\n <ng-content select=\"impdc-error, [impdc-error]\"></ng-content>\n </div>\n</div>\n", styles: [":host{font-size:var(--impd-font-size-sm, 1.4rem)}.impdc-form-field-wrapper{--impdc-form-field-focus-color: var(--impd-color-motion-blue-500)}.impdc-form-field-wrapper.impdc-form-field--disabled{--impartner-hex-input-opacity: .5;--impartner-hex-input-group-bg: var(--impd-color-gray-100)}.impdc-form-field-wrapper.impdc-form-field--text{background-color:var(--impartner-hex-input-group-bg, var(--impd-color-white));border:1px solid var(--impartner-hex-gray-400);border-radius:var(--impd-border-radius-md);overflow-x:hidden}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--focused{border-color:var(--impdc-form-field-focus-color)}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--invalid{--impdc-form-field-focus-color: var(--impd-color-red-600);border-color:var(--impd-color-red-600)}.impdc-form-field-wrapper.impdc-form-field--text ::ng-deep>input::-webkit-outer-spin-button,.impdc-form-field-wrapper.impdc-form-field--text ::ng-deep>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.impdc-form-field-wrapper.impdc-form-field--text ::ng-deep>input[type=number]{-moz-appearance:textfield}.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-control,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-select,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .btn,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .input-group-text,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .impdc-form-field-control{border-radius:0;border-top:none;border-bottom:none}.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-control:first-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-select:first-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .btn:first-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .input-group-text:first-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .impdc-form-field-control:first-child{border-left:none}.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-control:last-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-select:last-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .btn:last-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .input-group-text:last-child,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .impdc-form-field-control:last-child{border-right:none}.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-control:focus,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .form-select:focus,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .btn:focus,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .input-group-text:focus,.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .impdc-form-field-control:focus{box-shadow:none}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-suffix>::ng-deep [impdcTextSuffix],.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-prefix>::ng-deep [impdcTextPrefix]{opacity:var(--impartner-hex-input-opacity, 1);color:var(--impd-color-gray-500);display:flex;align-items:center;padding:.8rem .2rem;font-size:1.4rem;text-align:center;white-space:nowrap}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-prefix>::ng-deep [impdcTextPrefix]{padding-left:1.2rem}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-prefix>::ng-deep .impdc-form-field-control{border-left:none}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-suffix>::ng-deep [impdcTextSuffix]{padding-right:1.2rem}.impdc-form-field-wrapper.impdc-form-field--text.impdc-form-field--text--has-text-suffix>::ng-deep .impdc-form-field-control{border-right:none}.impdc-form-field-wrapper.impdc-form-field--text>::ng-deep .input-group-text.inset{background-color:unset;padding-left:8px;padding-right:8px;border:none}.impdc-form-field-feedback{font-size:1.4rem;margin-top:.4rem}.impdc-form-field--disabled+.impdc-form-field-feedback{opacity:.5}.impdc-form-field-feedback .impdc-form-field-error-wrapper{color:var(--impd-color-red-600)}.impdc-form-field-feedback .impdc-form-field-hint-wrapper{color:var(--impd-color-gray-500)}.impdc-form-field-feedback .impdc-form-field-error-wrapper ::ng-deep>*,.impdc-form-field-feedback .impdc-form-field-hint-wrapper ::ng-deep>*{display:block}.impdc-form-field-feedback .impdc-form-field-error-wrapper ::ng-deep>*+*,.impdc-form-field-feedback .impdc-form-field-hint-wrapper ::ng-deep>*+*{margin-top:.4rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3957
3957
|
}
|
|
3958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
3959
3959
|
type: Component,
|
|
3960
3960
|
args: [{ selector: 'impdc-form-field', exportAs: 'impdcFormField', standalone: true, imports: [CommonModule], host: {
|
|
3961
3961
|
class: 'impdc-form-field',
|
|
@@ -3992,15 +3992,15 @@ class SelectOptionGroupComponent {
|
|
|
3992
3992
|
constructor() {
|
|
3993
3993
|
this.label = '';
|
|
3994
3994
|
}
|
|
3995
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3996
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3995
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3996
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SelectOptionGroupComponent, isStandalone: true, selector: "impdc-select-option-group", inputs: { label: "label" }, providers: [
|
|
3997
3997
|
{
|
|
3998
3998
|
provide: IMPDC_SELECT_OPTION_GROUP_COMPONENT,
|
|
3999
3999
|
useExisting: SelectOptionGroupComponent
|
|
4000
4000
|
}
|
|
4001
4001
|
], ngImport: i0, template: `<ng-content select="impdc-select-option"></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4002
4002
|
}
|
|
4003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionGroupComponent, decorators: [{
|
|
4004
4004
|
type: Component,
|
|
4005
4005
|
args: [{
|
|
4006
4006
|
selector: 'impdc-select-option-group',
|
|
@@ -4041,10 +4041,10 @@ class SelectOptionComponent {
|
|
|
4041
4041
|
get groupLabel() {
|
|
4042
4042
|
return this._group?.label;
|
|
4043
4043
|
}
|
|
4044
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4044
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SelectOptionComponent, isStandalone: true, selector: "impdc-select-option", inputs: { value: "value", label: "label", disabled: "disabled" }, ngImport: i0, template: '', isInline: true }); }
|
|
4046
4046
|
}
|
|
4047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionComponent, decorators: [{
|
|
4048
4048
|
type: Component,
|
|
4049
4049
|
args: [{
|
|
4050
4050
|
selector: 'impdc-select-option',
|
|
@@ -4145,10 +4145,10 @@ class BadgeComponent {
|
|
|
4145
4145
|
this._dismissed = true;
|
|
4146
4146
|
this.dismiss.emit(event);
|
|
4147
4147
|
}
|
|
4148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4148
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BadgeComponent, selector: "impdc-badge, [impdc-badge]", inputs: { text: "text", icon: "icon", theme: "theme", size: "size", hideBg: "hideBg", rounded: "rounded", dismissable: "dismissable" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.classBadge", "class.rounded-pill": "this.classBadgeRounded", "class.px-0": "this.classNoPadding", "hidden": "this._dismissed" } }, ngImport: i0, template: "<span *ngIf=\"icon\" impdc-icon [name]=\"icon === 'dot' ? 'circle' : icon\"></span>\n{{ text }}\n<a *ngIf=\"dismissable\" (click)=\"handleDismiss($event)\">\n <span impdc-icon name=\"times\"></span>\n</a>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
4150
4150
|
}
|
|
4151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
4152
4152
|
type: Component,
|
|
4153
4153
|
args: [{ selector: 'impdc-badge, [impdc-badge]', template: "<span *ngIf=\"icon\" impdc-icon [name]=\"icon === 'dot' ? 'circle' : icon\"></span>\n{{ text }}\n<a *ngIf=\"dismissable\" (click)=\"handleDismiss($event)\">\n <span impdc-icon name=\"times\"></span>\n</a>\n" }]
|
|
4154
4154
|
}], propDecorators: { text: [{
|
|
@@ -4183,11 +4183,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
4183
4183
|
|
|
4184
4184
|
class BadgeModule {
|
|
4185
4185
|
constructor() { }
|
|
4186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4187
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4188
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4187
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [CommonModule, IconModule], exports: [IconModule, BadgeComponent] }); }
|
|
4188
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
4189
4189
|
}
|
|
4190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BadgeModule, decorators: [{
|
|
4191
4191
|
type: NgModule,
|
|
4192
4192
|
args: [{
|
|
4193
4193
|
imports: [CommonModule, IconModule],
|
|
@@ -4202,10 +4202,10 @@ class ShowOnDirtyErrorStateMatcher {
|
|
|
4202
4202
|
control.invalid &&
|
|
4203
4203
|
(control.dirty || (form && form.submitted)));
|
|
4204
4204
|
}
|
|
4205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4206
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4206
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher }); }
|
|
4207
4207
|
}
|
|
4208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, decorators: [{
|
|
4209
4209
|
type: Injectable
|
|
4210
4210
|
}] });
|
|
4211
4211
|
class ErrorStateMatcher {
|
|
@@ -4214,10 +4214,10 @@ class ErrorStateMatcher {
|
|
|
4214
4214
|
control.invalid &&
|
|
4215
4215
|
(control.touched || (form && form.submitted)));
|
|
4216
4216
|
}
|
|
4217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4218
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4218
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' }); }
|
|
4219
4219
|
}
|
|
4220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ErrorStateMatcher, decorators: [{
|
|
4221
4221
|
type: Injectable,
|
|
4222
4222
|
args: [{ providedIn: 'root' }]
|
|
4223
4223
|
}] });
|
|
@@ -4260,20 +4260,20 @@ class UniqueSelectionDispatcher {
|
|
|
4260
4260
|
ngOnDestroy() {
|
|
4261
4261
|
this._listeners = [];
|
|
4262
4262
|
}
|
|
4263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4264
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UniqueSelectionDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4264
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UniqueSelectionDispatcher, providedIn: 'root' }); }
|
|
4265
4265
|
}
|
|
4266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: UniqueSelectionDispatcher, decorators: [{
|
|
4267
4267
|
type: Injectable,
|
|
4268
4268
|
args: [{ providedIn: 'root' }]
|
|
4269
4269
|
}] });
|
|
4270
4270
|
|
|
4271
4271
|
class FormFieldModule {
|
|
4272
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4273
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4274
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4273
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent, CornerHintDirective, ErrorDirective, RootFormGroupDirective, RootNgFormDirective, HintDirective, LabelDirective, PrefixDirective, SuffixDirective], exports: [FormFieldComponent, CornerHintDirective, ErrorDirective, RootFormGroupDirective, RootNgFormDirective, HintDirective, LabelDirective, PrefixDirective, SuffixDirective] }); }
|
|
4274
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FormFieldModule, imports: [FormFieldComponent] }); }
|
|
4275
4275
|
}
|
|
4276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FormFieldModule, decorators: [{
|
|
4277
4277
|
type: NgModule,
|
|
4278
4278
|
args: [{
|
|
4279
4279
|
imports: [FormFieldComponent, ...FORM_FIELD_DIRECTIVES],
|
|
@@ -4498,10 +4498,10 @@ class InputDirective extends _InputDirectiveBase {
|
|
|
4498
4498
|
// Listening to the input event wouldn't be necessary when the input is using the
|
|
4499
4499
|
// FormsModule or ReactiveFormsModule, because Angular forms also listens to input events.
|
|
4500
4500
|
}
|
|
4501
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4502
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InputDirective, deps: [{ token: i0.ElementRef }, { token: i2.NgControl, optional: true, self: true }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4502
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: InputDirective, isStandalone: true, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: { disabled: "disabled", id: "id", type: "type", required: "required", readonly: "readonly", errorStateMatcher: "errorStateMatcher", value: "value" }, host: { listeners: { "focus": "_focusChanged(true)", "blur": "_focusChanged(false)", "input": "_onInput()" }, properties: { "id": "id", "disabled": "disabled", "required": "required", "attr.id": "id", "attr.readonly": "readonly && !_isSelect || null", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.form-control": "!_isSelect", "class.form-control-color": "type === \"color\"", "class.form-select": "_isSelect", "class.impdc-form-field-control": "true", "class.is-invalid": "errorState", "class.impdc-input--invalid": "errorState", "class.impdc-input--disabled": "disabled", "class.impdc-input--required": "required" }, classAttribute: "impdc-input" }, providers: [{ provide: ImpdcFormFieldControl, useExisting: InputDirective }], exportAs: ["impdcInput"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
|
|
4503
4503
|
}
|
|
4504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InputDirective, decorators: [{
|
|
4505
4505
|
type: Directive,
|
|
4506
4506
|
args: [{
|
|
4507
4507
|
selector: 'input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]',
|
|
@@ -4676,10 +4676,10 @@ class SelectOptionDisplayComponent extends NgbDropdownItem {
|
|
|
4676
4676
|
}
|
|
4677
4677
|
return true;
|
|
4678
4678
|
}
|
|
4679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4680
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionDisplayComponent, deps: [{ token: IMPDC_SELECT_OPTION_PARENT_COMPONENT, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4680
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SelectOptionDisplayComponent, isStandalone: true, selector: "impdc-select-option-display", inputs: { selected: "selected", value: "value", label: "label", groupLabel: "groupLabel", highlightText: "highlightText", id: "id", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "class.impdc-select-option--single": "!multiple", "class.impdc-select-option--multiple": "multiple", "class.impdc-select-option--selected": "selected", "class.active": "!multiple && selected", "class.impdc-select-option--grouped": "!!groupLabel" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #singleSelectTemplate>\n <span>\n @if (highlightText && !selected) {\n <impdc-text-highlight\n method=\"class\"\n highlightClass=\"impdc-select-option--highlight\"\n text=\"{{ label }}\"\n [search]=\"highlightText\"></impdc-text-highlight>\n } @else {\n {{ label || ' ' }}\n }\n </span>\n <span\n *ngIf=\"selected\"\n impdc-icon\n name=\"check\"\n [size]=\"16\"\n class=\"selected-check lh-1 ms-auto\"></span>\n</ng-template>\n\n<ng-template #multipleSelectTemplate>\n <div class=\"d-flex align-items-center gap-5\">\n <span>\n <input\n class=\"form-check-input opacity-100\"\n type=\"checkbox\"\n disabled\n readonly=\"readonly\"\n [attr.checked]=\"selected ? 'checked' : null\" />\n </span>\n <span>\n @if (highlightText && !selected) {\n <impdc-text-highlight\n method=\"class\"\n highlightClass=\"impdc-select-option--highlight\"\n text=\"{{ label }}\"\n [search]=\"highlightText\"></impdc-text-highlight>\n } @else {\n {{ label || ' ' }}\n }\n </span>\n </div>\n</ng-template>\n\n<ng-template\n [ngTemplateOutlet]=\"\n multiple ? multipleSelectTemplate : singleSelectTemplate\n \"></ng-template>\n", styles: [":host{background-color:var(--impd-color-white);color:var(--impd-color-gray-600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex!important;align-items:center;column-gap:var(--impd-size-2);cursor:pointer}:host:hover,:host:focus,:host.impdc-select-option--active{color:var(--impartner-hex-dropdown-link-hover-color);background-color:var(--impartner-hex-dropdown-link-hover-bg);border:0;outline:0}:host.impdc-select-option--hidden{display:none!important}:host.impdc-select-option--selected{font-weight:var(--impd-font-weight-semibold)}:host.impdc-select-option--single .selected-check{display:none}:host.impdc-select-option--single.impdc-select-option--selected .selected-check{display:inline-block}:host.impdc-select-option--grouped{padding-left:var(--impd-size-5)}:host ::ng-deep .impdc-select-option--highlight{font-weight:var(--impd-font-weight-semibold)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TextHighlightModule }, { kind: "component", type: TextHighlightComponent, selector: "impdc-text-highlight, [impdc-text-highlight]", inputs: ["text", "search", "method", "exact", "highlightClass"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4681
4681
|
}
|
|
4682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectOptionDisplayComponent, decorators: [{
|
|
4683
4683
|
type: Component,
|
|
4684
4684
|
args: [{ selector: 'impdc-select-option-display', standalone: true, imports: [CommonModule, TextHighlightModule, IconModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4685
4685
|
'[class.impdc-select-option--single]': '!multiple',
|
|
@@ -4927,10 +4927,10 @@ class TagComponent extends _TagComponentBase {
|
|
|
4927
4927
|
evt.stopPropagation();
|
|
4928
4928
|
this.buttonClick.emit(evt);
|
|
4929
4929
|
}
|
|
4930
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4931
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TagComponent, deps: [{ token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4931
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: TagComponent, isStandalone: true, selector: "impdc-tag", inputs: { disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", numberAttribute], theme: "theme", rounded: ["rounded", "rounded", booleanAttribute], withButton: ["withButton", "withButton", booleanAttribute], buttonIcon: "buttonIcon" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "attr.tabindex": "tabIndex", "class.impdc-tag--rounded": "this.rounded", "class": "this.themeClass" } }, exportAs: ["impdcTag"], usesInheritance: true, ngImport: i0, template: "<span class=\"impdc-tag--text\"><ng-content></ng-content></span>\n@if (withButton) {\n<button\n type=\"button\"\n class=\"impdc-tag--button\"\n [disabled]=\"disabled\"\n (click)=\"handleButtonClick($event)\">\n <impdc-icon size=\"12\" [name]=\"buttonIconName\" [theme]=\"buttonIconTheme\" />\n</button>\n}\n", styles: [":host{--impdc-tag--bg: var(--impd-color-gray-200);--impdc-tag--border-color: var(--impd-color-gray-200);--impdc-tag--color: var(--impd-color-gray-800);--impdc-tag--button-border-radius: .3rem;--impdc-tag--button-bg-hover: var(--impd-color-gray-300);--impdc-tag--button-bg-active: var(--impd-color-gray-400);--impdc-tag--button-color: var(--impd-color-gray-500);--impdc-tag--button-color-hover: var(--impd-color-gray-600);--impdc-tag--border-radius: var(--impd-border-radius-default);--impdc-tag--font-size: var(--impd-font-size-xs);background-color:var(--impdc-tag--bg);color:var(--impdc-tag--color);display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;font-size:var(--impdc-tag--font-size);font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-4);height:var(--impd-size-5);border:1px solid var(--impdc-tag--border-color);border-radius:var(--impdc-tag--border-radius)}:host:focus{border-color:var(--impdc-tag--bg);outline:1px solid var(--impd-color-motion-blue-500)}:host.impdc-tag--rounded{--impdc-tag--border-radius: var(--impd-border-radius-full);--impdc-tag--button-border-radius: var(--impd-border-radius-full)}:host.impdc-tag--theme-outline{--impdc-tag--bg: var(--impd-color-white);--impdc-tag--border-color: var(--impd-color-gray-300);--impdc-tag--color: var(--impd-color-gray-600);--impdc-tag--button-bg-hover: var(--impd-color-gray-200);--impdc-tag--button-bg-active: var(--impd-color-gray-300)}:host.impdc-tag--theme-inverse{--impdc-tag--bg: var(--impd-color-gray-800);--impdc-tag--border-color: var(--impd-color-gray-800);--impdc-tag--color: var(--impd-color-gray-100);--impdc-tag--button-bg-hover: var(--impd-color-gray-600);--impdc-tag--button-bg-active: var(--impd-color-gray-500);--impdc-tag--button-color: var(--impd-color-gray-400);--impdc-tag--button-color-hover: var(--impd-color-gray-300)}.impdc-tag--text{text-align:center;padding-left:var(--impd-size-2);white-space:nowrap}.impdc-tag--text:only-child{padding-right:var(--impd-size-2)}.impdc-tag--button{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--impdc-tag--button-border-radius);border:1px solid transparent;color:var(--impdc-tag--button-color);width:1.8rem;height:1.8rem;margin-left:var(--impd-size-0_5)}.impdc-tag--button:hover{background-color:var(--impdc-tag--button-bg-hover);color:var(--impdc-tag--button-color-hover)}.impdc-tag--button:active{background-color:var(--impdc-tag--button-bg-active);color:var(--impdc-tag--button-color-hover)}.impdc-tag--button:focus{outline:1px solid var(--impd-color-motion-blue-500)}.impdc-tag--button ::ng-deep impdc-icon>i{transform:translateY(4%)}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4932
4932
|
}
|
|
4933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TagComponent, decorators: [{
|
|
4934
4934
|
type: Component,
|
|
4935
4935
|
args: [{ standalone: true, imports: [IconModule], selector: 'impdc-tag', exportAs: 'impdcTag', inputs: [
|
|
4936
4936
|
{ name: 'disabled', transform: booleanAttribute },
|
|
@@ -5024,10 +5024,10 @@ class SelectValueTagsDisplayComponent {
|
|
|
5024
5024
|
selectedIsMultiple(selected) {
|
|
5025
5025
|
return Array.isArray(selected);
|
|
5026
5026
|
}
|
|
5027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectValueTagsDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SelectValueTagsDisplayComponent, isStandalone: true, selector: "impdc-select-value-tags-display", inputs: { rounded: ["rounded", "rounded", booleanAttribute], select: "select", readonly: "readonly", truncateThreshold: "truncateThreshold", showMoreLabel: "showMoreLabel", showLessLabel: "showLessLabel" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n@if (!!select && selectedIsMultiple(select.selected)) { @for (selectedOpt of\nselect.selected; track selectedOpt) { @if (!truncate || !truncateThreshold ||\n(truncateThreshold > 0 && $index < truncateThreshold)) {\n<impdc-tag\n [rounded]=\"rounded\"\n [withButton]=\"!readonly && !select.disabled\"\n (buttonClick)=\"select.deselectOption(selectedOpt)\">\n {{ selectedOpt.label }}\n</impdc-tag>\n} } @if (!!truncateThreshold && truncateThreshold > 0 && select.selected.length\n> truncateThreshold) {\n<a\n class=\"impdc-select-value-tags-display--truncate-toggle link-primary\"\n (click)=\"toggleTruncate()\">\n {{ truncate ? showMoreLabel : showLessLabel }}\n</a>\n} }\n", styles: [":host{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--impdc-select-value-badges--gap, var(--impd-size-1));width:100%}.impdc-select-value-tags-display--truncate-toggle{font-size:var(--impd-font-size-xs);font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-4)}\n"], dependencies: [{ kind: "component", type: TagComponent, selector: "impdc-tag", inputs: ["disabled", "tabIndex", "theme", "rounded", "withButton", "buttonIcon"], outputs: ["buttonClick"], exportAs: ["impdcTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5029
5029
|
}
|
|
5030
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectValueTagsDisplayComponent, decorators: [{
|
|
5031
5031
|
type: Component,
|
|
5032
5032
|
args: [{ selector: 'impdc-select-value-tags-display', standalone: true, imports: [TagComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n@if (!!select && selectedIsMultiple(select.selected)) { @for (selectedOpt of\nselect.selected; track selectedOpt) { @if (!truncate || !truncateThreshold ||\n(truncateThreshold > 0 && $index < truncateThreshold)) {\n<impdc-tag\n [rounded]=\"rounded\"\n [withButton]=\"!readonly && !select.disabled\"\n (buttonClick)=\"select.deselectOption(selectedOpt)\">\n {{ selectedOpt.label }}\n</impdc-tag>\n} } @if (!!truncateThreshold && truncateThreshold > 0 && select.selected.length\n> truncateThreshold) {\n<a\n class=\"impdc-select-value-tags-display--truncate-toggle link-primary\"\n (click)=\"toggleTruncate()\">\n {{ truncate ? showMoreLabel : showLessLabel }}\n</a>\n} }\n", styles: [":host{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--impdc-select-value-badges--gap, var(--impd-size-1));width:100%}.impdc-select-value-tags-display--truncate-toggle{font-size:var(--impd-font-size-xs);font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-4)}\n"] }]
|
|
5033
5033
|
}], propDecorators: { rounded: [{
|
|
@@ -5604,10 +5604,10 @@ class _SelectComponentBase extends __SelectComponentBase {
|
|
|
5604
5604
|
}
|
|
5605
5605
|
}, ON_OPEN_AUTO_SCROLL_TIMEOUT_MS);
|
|
5606
5606
|
}
|
|
5607
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5608
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: _SelectComponentBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5608
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: _SelectComponentBase, inputs: { value: "value", id: "id" }, outputs: { searchTextChanges: "searchTextChanges" }, queries: [{ propertyName: "staticOptions", predicate: SelectOptionComponent, descendants: true }], viewQueries: [{ propertyName: "ngbDropdown", first: true, predicate: NgbDropdown, descendants: true }, { propertyName: "toggleButtonRef", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef }, { propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true, read: (ElementRef) }, { propertyName: "options", predicate: SelectOptionDisplayComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
|
|
5609
5609
|
}
|
|
5610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: _SelectComponentBase, decorators: [{
|
|
5611
5611
|
type: Directive
|
|
5612
5612
|
}], ctorParameters: () => [{ type: undefined }, { type: undefined }], propDecorators: { staticOptions: [{
|
|
5613
5613
|
type: ContentChildren,
|
|
@@ -5662,8 +5662,8 @@ class SelectComponent extends _SelectComponentBase {
|
|
|
5662
5662
|
deselectOption(option) {
|
|
5663
5663
|
this._deselectOption(option);
|
|
5664
5664
|
}
|
|
5665
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5666
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5665
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectComponent, deps: [{ token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5666
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: SelectComponent, isStandalone: true, selector: "impdc-select", inputs: { disabled: "disabled", tabIndex: ["tabIndex", "tabIndex", numberAttribute], search: "search", placeholder: "placeholder", required: ["required", "required", booleanAttribute], compareWith: "compareWith", dropdownContainer: "dropdownContainer", errorStateMatcher: "errorStateMatcher", allowClear: ["allowClear", "allowClear", booleanAttribute], multiple: ["multiple", "multiple", booleanAttribute], multipleDisplay: "multipleDisplay" }, outputs: { selectionChange: "selectionChange", valueChange: "valueChange", searchTextChanges: "searchTextChanges" }, host: { listeners: { "focus": "onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.form-select": "true", "class.is-invalid": "errorState", "class.impdc-form-field-control": "true", "class.impdc-select--required": "required", "class.impdc-select--disabled": "disabled", "class.impdc-select--invalid": "errorState", "class.impdc-select--empty": "empty", "class.impdc-select--multiple": "multiple" } }, providers: [
|
|
5667
5667
|
{
|
|
5668
5668
|
provide: ImpdcFormFieldControl,
|
|
5669
5669
|
useExisting: SelectComponent
|
|
@@ -5678,7 +5678,7 @@ class SelectComponent extends _SelectComponentBase {
|
|
|
5678
5678
|
}
|
|
5679
5679
|
], exportAs: ["impdcSelect"], usesInheritance: true, ngImport: i0, template: "<div\n ngbDropdown\n #dropdown=\"ngbDropdown\"\n [autoClose]=\"multiple ? 'outside' : true\"\n [container]=\"dropdownContainer\"\n [dropdownClass]=\"dropdownContainer === 'body' ? 'impartner-hex' : ''\"\n (openChange)=\"handleOpenChange($event)\"\n class=\"h-100 w-100\">\n <button\n #toggleButton\n class=\"impdc-select--toggle btn border-0 h-100 text-start\"\n type=\"button\"\n role=\"combobox\"\n [disabled]=\"disabled\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n ngbDropdownToggle>\n @if (empty) {\n <span class=\"impdc-select--text impdc-select--placeholder\">{{\n placeholder\n }}</span>\n } @else { @if (selectedIsSingle(selected)) {\n <span class=\"impdc-select--text impdc-select--value-text\">\n {{ selected.label }}\n </span>\n } @else if (multipleDisplay === 'inside') {\n <impdc-select-value-tags-display />\n } @else {\n <span class=\"impdc-select--text impdc-select--placeholder\">{{\n placeholder\n }}</span>\n } @if (!disabled && allowClear) {\n <button\n type=\"button\"\n class=\"impdc-select--clear-btn btn btn-xs btn-link text-gray-400 ms-auto\"\n (click)=\"$event.stopPropagation(); dropdown.close(); clearSelection()\">\n <impdc-icon name=\"times\" [size]=\"16\"></impdc-icon>\n </button>\n } }\n </button>\n <div\n ngbDropdownMenu\n class=\"impdc-select--dropdown-menu bg-white text-gray-600\"\n role=\"listbox\"\n tabindex=\"-1\">\n <div *ngIf=\"search !== 'none'\" class=\"impdc-select--search\">\n <impdc-form-field>\n <span impdcTextPrefix (click)=\"searchInput.focus()\">\n <impdc-icon name=\"search\"></impdc-icon>\n </span>\n <input\n #searchInput\n impdcInput\n [formControl]=\"searchControl\"\n class=\"impdc-select--search-input\"\n type=\"search\"\n (keydown.enter)=\"handleSearchSubmit($event)\"\n (keydown.arrowdown)=\"handleSearchUpDown($event, 'up')\"\n (keydown.arrowup)=\"handleSearchUpDown($event, 'down')\" />\n <span impdcTextSuffix>\n <button\n *ngIf=\"searchControl.value\"\n type=\"button\"\n class=\"impdc-select--clear-btn btn btn-xs btn-link text-gray-400 ms-auto\"\n (click)=\"searchControl.reset(); searchInput.focus()\">\n <impdc-icon name=\"times\" [size]=\"16\"></impdc-icon>\n </button>\n </span>\n </impdc-form-field>\n </div>\n <div class=\"impdc-select--options\">\n @for (option of filteredOptions$ | async; track option.value; let idx =\n $index; let first = $first) { @if (option.groupLabel &&\n option.showGroupLabel) {\n <div class=\"impdc-select--option-group-label\">\n {{ option.groupLabel }}\n </div>\n }\n <impdc-select-option-display\n [class.impdc-select-option--active]=\"idx === activeIndex\"\n [class.impdc-select-option--grouped]=\"!!option.groupLabel\"\n [groupLabel]=\"option.groupLabel\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [disabled]=\"!!option.disabled\"\n [selected]=\"option.selected\"\n [highlightText]=\"searchControl.value\"\n (mouseenter)=\"markActive(idx)\"\n (focus)=\"markActive(idx)\" />\n }\n </div>\n </div>\n</div>\n", styles: [".impdc-select--clear-btn{align-items:center;color:var(--impd-color-gray-400);display:inline-flex;justify-content:center;padding:0;height:2rem;width:2rem;box-shadow:none!important}.impdc-select--clear-btn:focus-visible{box-shadow:var(--impartner-hex-btn-box-shadow),var(--impartner-hex-btn-focus-box-shadow)!important}.impdc-select--clear-btn impdc-icon{line-height:1}.impdc-select--dropdown-menu{overflow:hidden}.impdc-select--search{padding-left:var(--impd-size-2);padding-right:var(--impd-size-2)}.impdc-select--search [impdcTextSuffix]{min-width:3.4rem;width:3.4rem}.impdc-select--options{overflow-y:auto;overflow-x:hidden;max-height:var(--impd-size-72)}.impdc-select--option-group-label{color:var(--impd-color-gray-600);font-size:var(--impd-size-2_5);font-weight:var(--impd-font-weight-semibold);line-height:var(--impd-size-4);padding:var(--impd-size-1) var(--impd-size-4);text-transform:uppercase;white-space:nowrap}.impdc-select--option-group-label:not(:first-child){margin-top:var(--impd-size-2)}button[ngbDropdownToggle].dropdown-toggle:after{display:none}:host{padding:0!important;position:relative}:host.impdc-select--disabled{background-color:var(--impd-color-gray-100)}:host.no-caret{--impartner-hex-form-select-bg-img: none}:host:not(.no-caret) .impdc-select--toggle{padding-right:3.6rem}:host:not(.no-caret).is-invalid .impdc-select--toggle{padding-right:6.6rem}.impdc-select--toggle{font-weight:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;gap:var(--impd-size-1)}.impdc-select--toggle:disabled{cursor:default}.impdc-select--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.impdc-select--value-badges{display:flex;flex-wrap:wrap;gap:var(--impd-size-1);width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "component", type: SelectOptionDisplayComponent, selector: "impdc-select-option-display", inputs: ["selected", "value", "label", "groupLabel", "highlightText", "id", "disabled"], outputs: ["onSelectionChange"] }, { kind: "component", type: SelectValueTagsDisplayComponent, selector: "impdc-select-value-tags-display", inputs: ["rounded", "select", "readonly", "truncateThreshold", "showMoreLabel", "showLessLabel"] }, { kind: "ngmodule", type: FormFieldModule }, { kind: "component", type: FormFieldComponent, selector: "impdc-form-field", exportAs: ["impdcFormField"] }, { kind: "directive", type: PrefixDirective, selector: "[impdcPrefix], [impdcTextPrefix]", inputs: ["impdcTextPrefix"] }, { kind: "directive", type: SuffixDirective, selector: "[impdcSuffix], [impdcTextSuffix]", inputs: ["impdcTextSuffix"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "ngmodule", type: BadgeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5680
5680
|
}
|
|
5681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectComponent, decorators: [{
|
|
5682
5682
|
type: Component,
|
|
5683
5683
|
args: [{ selector: 'impdc-select', exportAs: 'impdcSelect', standalone: true, imports: [
|
|
5684
5684
|
CommonModule,
|
|
@@ -5771,10 +5771,10 @@ class SizeDetectorDirective {
|
|
|
5771
5771
|
this._resizeObserver &&
|
|
5772
5772
|
this._resizeObserver.unobserve(this._elementRef.nativeElement);
|
|
5773
5773
|
}
|
|
5774
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5775
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5774
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5775
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: SizeDetectorDirective, selector: "[impdcSizeDetector]", outputs: { resized: "resized" }, ngImport: i0 }); }
|
|
5776
5776
|
}
|
|
5777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectorDirective, decorators: [{
|
|
5778
5778
|
type: Directive,
|
|
5779
5779
|
args: [{
|
|
5780
5780
|
selector: '[impdcSizeDetector]'
|
|
@@ -5925,10 +5925,10 @@ class PaginationComponent {
|
|
|
5925
5925
|
}
|
|
5926
5926
|
return page;
|
|
5927
5927
|
}
|
|
5928
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5929
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5928
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5929
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: PaginationComponent, selector: "impdc-pagination, div[impdc-pagination]", inputs: { page: "page", perPage: "perPage", total: "total", summary: "summary", perPageLabel: "perPageLabel" }, outputs: { goToPage: "goToPage", perPageChange: "perPageChange" }, ngImport: i0, template: "<div\n class=\"pagination-container\"\n impdcSizeDetector\n (resized)=\"handleResize($event)\">\n <div class=\"mobile-pagination\" [ngClass]=\"{ 'd-none': !mobile }\">\n <button\n impdcButton\n theme=\"secondary\"\n [disabled]=\"page <= 1\"\n (click)=\"goToPreviousPage()\">\n <i impdc-icon name=\"chevron-left\"></i>\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n [disabled]=\"page === totalPages\"\n (click)=\"goToNextPage()\">\n <i impdc-icon name=\"chevron-right\"></i>\n </button>\n </div>\n\n <div class=\"desktop-pagination\" [ngClass]=\"{ 'd-none': mobile }\">\n <div class=\"rows-per-page\">\n <div>{{ perPageLabel }}</div>\n <div>\n <impdc-form-field>\n <impdc-select\n allowClear=\"false\"\n [(ngModel)]=\"perPage\"\n (selectionChange)=\"handlePerPageChange()\">\n <impdc-select-option [value]=\"10\" label=\"10\"></impdc-select-option>\n <impdc-select-option [value]=\"25\" label=\"25\"></impdc-select-option>\n <impdc-select-option [value]=\"50\" label=\"50\"></impdc-select-option>\n <impdc-select-option\n [value]=\"100\"\n label=\"100\"></impdc-select-option>\n <impdc-select-option\n [value]=\"200\"\n label=\"200\"></impdc-select-option>\n </impdc-select>\n </impdc-form-field>\n </div>\n </div>\n <div class=\"pagination-rhs\">\n <div>\n <span class=\"summary\" [innerHTML]=\"summary\"></span>\n </div>\n <div class=\"pagination-actions\">\n <button\n impdcButton\n theme=\"secondary\"\n aria-label=\"First Page\"\n class=\"pagination-first-last-btns\"\n (click)=\"goToExactPage(1)\"\n [disabled]=\"page <= 1\">\n <i impdc-icon name=\"chevron-left first\"></i>\n <i impdc-icon name=\"chevron-left\"></i>\n <!-- 1 -->\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n class=\"previous\"\n aria-label=\"Previous\"\n (click)=\"goToPreviousPage()\"\n [disabled]=\"page <= 1\">\n <i impdc-icon name=\"chevron-left\"></i>\n </button>\n <div class=\"page-change\">\n <input\n impdcInput\n [(ngModel)]=\"page\"\n maxlength=\"4\"\n (blur)=\"goToExactPageFromEvent($event)\"\n (keydown.enter)=\"preventDefaultAndBlur($event)\" />\n <span> / {{ totalPages }} </span>\n </div>\n <button\n impdcButton\n theme=\"secondary\"\n aria-label=\"Next\"\n (click)=\"goToNextPage()\"\n [disabled]=\"page >= totalPages\">\n <i impdc-icon name=\"chevron-right\"></i>\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n class=\"pagination-first-last-btns\"\n aria-label=\"Last Page\"\n (click)=\"goToExactPage(totalPages)\"\n [disabled]=\"page === totalPages\">\n <i impdc-icon name=\"chevron-right\"></i>\n <i impdc-icon name=\"chevron-right last\"></i>\n <!-- {{ totalPages }} -->\n </button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".pagination-container{background-color:var(--impd-color-white);padding:var(--impd-size-3) var(--impd-size-5);gap:1rem;color:var(--impd-color-gray-700, #374151)}.pagination-container .mobile-pagination{display:flex;gap:2rem;justify-content:space-between;align-items:center}.pagination-container .mobile-pagination button[impdcButton]{width:50%;justify-content:left}.pagination-container .desktop-pagination{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between;gap:2rem;flex-flow:wrap}.pagination-container .desktop-pagination .rows-per-page{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-grow:1;font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:400;color:var(--impd-color-gray-700)}.pagination-container .desktop-pagination .pagination-rhs{display:flex;flex-direction:row;gap:2.4rem;flex-wrap:wrap;align-items:center}.pagination-container .desktop-pagination .pagination-rhs .summary{font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:400;color:var(--impd-color-gray-700)}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions{display:flex;flex-direction:row;gap:.4rem;flex-flow:wrap}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions ::ng-deep .first{margin-right:-1.2rem}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions ::ng-deep .last{margin-left:-1.2rem}.pagination-container .desktop-pagination .pagination-rhs .page-change{display:flex;flex-direction:row;align-items:center;gap:.4rem;font-size:var(--impd-size-3_5, 1.4rem)}.pagination-container .desktop-pagination .pagination-rhs .page-change .form-control{min-width:4.275rem;max-width:6.3rem;text-align:center}.pagination-container .desktop-pagination .pagination-rhs .pagination-first-last-btns{padding-left:1.325rem;padding-right:1.325rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormFieldComponent, selector: "impdc-form-field", exportAs: ["impdcFormField"] }, { kind: "component", type: SelectOptionComponent, selector: "impdc-select-option", inputs: ["value", "label", "disabled"] }, { kind: "component", type: SelectComponent, selector: "impdc-select", inputs: ["disabled", "tabIndex", "search", "placeholder", "required", "compareWith", "dropdownContainer", "errorStateMatcher", "allowClear", "multiple", "multipleDisplay"], outputs: ["selectionChange", "valueChange", "searchTextChanges"], exportAs: ["impdcSelect"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "directive", type: SizeDetectorDirective, selector: "[impdcSizeDetector]", outputs: ["resized"] }] }); }
|
|
5930
5930
|
}
|
|
5931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
5932
5932
|
type: Component,
|
|
5933
5933
|
args: [{ selector: 'impdc-pagination, div[impdc-pagination]', template: "<div\n class=\"pagination-container\"\n impdcSizeDetector\n (resized)=\"handleResize($event)\">\n <div class=\"mobile-pagination\" [ngClass]=\"{ 'd-none': !mobile }\">\n <button\n impdcButton\n theme=\"secondary\"\n [disabled]=\"page <= 1\"\n (click)=\"goToPreviousPage()\">\n <i impdc-icon name=\"chevron-left\"></i>\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n [disabled]=\"page === totalPages\"\n (click)=\"goToNextPage()\">\n <i impdc-icon name=\"chevron-right\"></i>\n </button>\n </div>\n\n <div class=\"desktop-pagination\" [ngClass]=\"{ 'd-none': mobile }\">\n <div class=\"rows-per-page\">\n <div>{{ perPageLabel }}</div>\n <div>\n <impdc-form-field>\n <impdc-select\n allowClear=\"false\"\n [(ngModel)]=\"perPage\"\n (selectionChange)=\"handlePerPageChange()\">\n <impdc-select-option [value]=\"10\" label=\"10\"></impdc-select-option>\n <impdc-select-option [value]=\"25\" label=\"25\"></impdc-select-option>\n <impdc-select-option [value]=\"50\" label=\"50\"></impdc-select-option>\n <impdc-select-option\n [value]=\"100\"\n label=\"100\"></impdc-select-option>\n <impdc-select-option\n [value]=\"200\"\n label=\"200\"></impdc-select-option>\n </impdc-select>\n </impdc-form-field>\n </div>\n </div>\n <div class=\"pagination-rhs\">\n <div>\n <span class=\"summary\" [innerHTML]=\"summary\"></span>\n </div>\n <div class=\"pagination-actions\">\n <button\n impdcButton\n theme=\"secondary\"\n aria-label=\"First Page\"\n class=\"pagination-first-last-btns\"\n (click)=\"goToExactPage(1)\"\n [disabled]=\"page <= 1\">\n <i impdc-icon name=\"chevron-left first\"></i>\n <i impdc-icon name=\"chevron-left\"></i>\n <!-- 1 -->\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n class=\"previous\"\n aria-label=\"Previous\"\n (click)=\"goToPreviousPage()\"\n [disabled]=\"page <= 1\">\n <i impdc-icon name=\"chevron-left\"></i>\n </button>\n <div class=\"page-change\">\n <input\n impdcInput\n [(ngModel)]=\"page\"\n maxlength=\"4\"\n (blur)=\"goToExactPageFromEvent($event)\"\n (keydown.enter)=\"preventDefaultAndBlur($event)\" />\n <span> / {{ totalPages }} </span>\n </div>\n <button\n impdcButton\n theme=\"secondary\"\n aria-label=\"Next\"\n (click)=\"goToNextPage()\"\n [disabled]=\"page >= totalPages\">\n <i impdc-icon name=\"chevron-right\"></i>\n </button>\n <button\n impdcButton\n theme=\"secondary\"\n class=\"pagination-first-last-btns\"\n aria-label=\"Last Page\"\n (click)=\"goToExactPage(totalPages)\"\n [disabled]=\"page === totalPages\">\n <i impdc-icon name=\"chevron-right\"></i>\n <i impdc-icon name=\"chevron-right last\"></i>\n <!-- {{ totalPages }} -->\n </button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".pagination-container{background-color:var(--impd-color-white);padding:var(--impd-size-3) var(--impd-size-5);gap:1rem;color:var(--impd-color-gray-700, #374151)}.pagination-container .mobile-pagination{display:flex;gap:2rem;justify-content:space-between;align-items:center}.pagination-container .mobile-pagination button[impdcButton]{width:50%;justify-content:left}.pagination-container .desktop-pagination{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between;gap:2rem;flex-flow:wrap}.pagination-container .desktop-pagination .rows-per-page{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-grow:1;font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:400;color:var(--impd-color-gray-700)}.pagination-container .desktop-pagination .pagination-rhs{display:flex;flex-direction:row;gap:2.4rem;flex-wrap:wrap;align-items:center}.pagination-container .desktop-pagination .pagination-rhs .summary{font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:400;color:var(--impd-color-gray-700)}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions{display:flex;flex-direction:row;gap:.4rem;flex-flow:wrap}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions ::ng-deep .first{margin-right:-1.2rem}.pagination-container .desktop-pagination .pagination-rhs .pagination-actions ::ng-deep .last{margin-left:-1.2rem}.pagination-container .desktop-pagination .pagination-rhs .page-change{display:flex;flex-direction:row;align-items:center;gap:.4rem;font-size:var(--impd-size-3_5, 1.4rem)}.pagination-container .desktop-pagination .pagination-rhs .page-change .form-control{min-width:4.275rem;max-width:6.3rem;text-align:center}.pagination-container .desktop-pagination .pagination-rhs .pagination-first-last-btns{padding-left:1.325rem;padding-right:1.325rem}\n"] }]
|
|
5934
5934
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { page: [{
|
|
@@ -5951,10 +5951,10 @@ class ToggleInputComponent {
|
|
|
5951
5951
|
constructor() {
|
|
5952
5952
|
this.classFormCheck = true;
|
|
5953
5953
|
}
|
|
5954
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5955
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5954
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5955
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ToggleInputComponent, isStandalone: true, selector: "input[impdc-toggle-input]", host: { properties: { "class.form-check-input": "this.classFormCheck" } }, ngImport: i0, template: '', isInline: true, styles: [""] }); }
|
|
5956
5956
|
}
|
|
5957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleInputComponent, decorators: [{
|
|
5958
5958
|
type: Component,
|
|
5959
5959
|
args: [{ selector: 'input[impdc-toggle-input]', standalone: true, template: '' }]
|
|
5960
5960
|
}], propDecorators: { classFormCheck: [{
|
|
@@ -6021,10 +6021,10 @@ class ToggleComponent {
|
|
|
6021
6021
|
}
|
|
6022
6022
|
this.changeDetectorRef.detectChanges();
|
|
6023
6023
|
}
|
|
6024
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6025
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6024
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6025
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ToggleComponent, isStandalone: true, selector: "impdc-toggle", inputs: { isSwitch: "isSwitch", label: "label", description: "description", inline: "inline", switchIcons: "switchIcons", layout: "layout" }, host: { properties: { "class": "this.classDefaults", "class.impdc-toggle-has-description": "this.classHasDescription", "class.form-switch": "this.classFormSwitch", "class.form-check-inline": "this.classFormCheckInline", "class.form-switch-icons": "this.classFormSwitchIcons", "class.branded": "this.classBranded", "class.flex-row-reverse": "this.classFlexRowReverse", "class.justify-content-end": "this.classJustifyContentEnd" } }, queries: [{ propertyName: "inputRef", first: true, predicate: ToggleInputComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"impdc-toggle-input\">\n <ng-content select=\"[impdc-toggle-input]\"></ng-content>\n</div>\n<div *ngIf=\"label\" class=\"impdc-toggle-info\">\n <label\n *ngIf=\"label\"\n class=\"form-check-label impdc-toggle-label\"\n [attr.for]=\"id\"\n >{{ label }}</label\n >\n <label\n *ngIf=\"showDescription\"\n class=\"impdc-toggle-description\"\n [attr.for]=\"id\"\n >{{ description }}</label\n >\n</div>\n", styles: [":host(.impdc.form-check) .impdc-toggle-input{display:flex}:host(.impdc.form-check) .impdc-toggle-info{display:flex;flex-direction:column}:host(.impdc.form-check) .impdc-toggle-label,:host(.impdc.form-check) .impdc-toggle-description{font-size:var(--impd-font-size-sm, 1.4rem);line-height:var(--impd-size-5, 2rem)}:host(.impdc.form-check) .impdc-toggle-description{color:var(--impd-color-gray-500, #6b7280)}:host(.impdc.form-check).impdc-toggle-has-description .impdc-toggle-input{margin-top:.2rem;align-self:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
6026
6026
|
}
|
|
6027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleComponent, decorators: [{
|
|
6028
6028
|
type: Component,
|
|
6029
6029
|
args: [{ selector: 'impdc-toggle', standalone: true, imports: [CommonModule, ToggleInputComponent], template: "<div class=\"impdc-toggle-input\">\n <ng-content select=\"[impdc-toggle-input]\"></ng-content>\n</div>\n<div *ngIf=\"label\" class=\"impdc-toggle-info\">\n <label\n *ngIf=\"label\"\n class=\"form-check-label impdc-toggle-label\"\n [attr.for]=\"id\"\n >{{ label }}</label\n >\n <label\n *ngIf=\"showDescription\"\n class=\"impdc-toggle-description\"\n [attr.for]=\"id\"\n >{{ description }}</label\n >\n</div>\n", styles: [":host(.impdc.form-check) .impdc-toggle-input{display:flex}:host(.impdc.form-check) .impdc-toggle-info{display:flex;flex-direction:column}:host(.impdc.form-check) .impdc-toggle-label,:host(.impdc.form-check) .impdc-toggle-description{font-size:var(--impd-font-size-sm, 1.4rem);line-height:var(--impd-size-5, 2rem)}:host(.impdc.form-check) .impdc-toggle-description{color:var(--impd-color-gray-500, #6b7280)}:host(.impdc.form-check).impdc-toggle-has-description .impdc-toggle-input{margin-top:.2rem;align-self:flex-start}\n"] }]
|
|
6030
6030
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { isSwitch: [{
|
|
@@ -6070,11 +6070,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
6070
6070
|
|
|
6071
6071
|
class ToggleModule {
|
|
6072
6072
|
constructor() { }
|
|
6073
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6074
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6075
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6073
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6074
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ToggleModule, imports: [ToggleComponent, ToggleInputComponent], exports: [ToggleComponent, ToggleInputComponent] }); }
|
|
6075
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleModule, imports: [ToggleComponent] }); }
|
|
6076
6076
|
}
|
|
6077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToggleModule, decorators: [{
|
|
6078
6078
|
type: NgModule,
|
|
6079
6079
|
args: [{
|
|
6080
6080
|
imports: [ToggleComponent, ToggleInputComponent],
|
|
@@ -6340,15 +6340,15 @@ class CheckboxComponent extends _CheckboxComponentMixinBase {
|
|
|
6340
6340
|
event.stopPropagation();
|
|
6341
6341
|
}
|
|
6342
6342
|
}
|
|
6343
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6344
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }, { token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CheckboxComponent, isStandalone: true, selector: "impdc-checkbox", inputs: { tabIndex: "tabIndex", id: "id", label: "label", description: "description", isSwitch: "isSwitch", switchIcons: "switchIcons", inline: "inline", layout: "layout", checked: "checked", indeterminate: "indeterminate", disabled: "disabled", errorStateMatcher: "errorStateMatcher", required: "required" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "attr.id": "id", "attr.tabindex": "null", "class.impdc-checkbox--required": "required", "class.impdc-checkbox--disabled": "disabled", "class.impdc-checkbox--invalid": "errorState", "class.impdc-checkbox--inline": "inline" }, classAttribute: "impdc-checkbox" }, providers: [
|
|
6345
6345
|
{
|
|
6346
6346
|
provide: ImpdcFormFieldControl,
|
|
6347
6347
|
useExisting: CheckboxComponent
|
|
6348
6348
|
}
|
|
6349
6349
|
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }], exportAs: ["impdcCheckControl"], usesInheritance: true, ngImport: i0, template: "<impdc-toggle\n [label]=\"label\"\n [description]=\"description\"\n [isSwitch]=\"isSwitch\"\n [switchIcons]=\"switchIcons\"\n [inline]=\"inline\"\n [layout]=\"layout\"\n (click)=\"_preventBubblingFromLabel($event)\">\n <input\n #nativeInput\n impdc-toggle-input\n type=\"checkbox\"\n class=\"impdc-checkbox__native-control\"\n [class.is-invalid]=\"errorState\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-required]=\"required\"\n [attr.tabindex]=\"tabIndex\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [indeterminate]=\"indeterminate\"\n (change)=\"_onInteractionEvent($event)\"\n (click)=\"_handleCheckClick()\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\" />\n</impdc-toggle>\n", styles: [":host{display:block;opacity:var(--impartner-hex-input-opacity, 1)}:host.impdc-checkbox--inline{display:inline-block}:host.impdc-checkbox--inline:not(:last-of-type){margin-right:4rem}:host:not(.impdc-checkbox--inline):not(:last-of-type){margin-bottom:1.6rem}:host.impdc-checkbox--disabled{--impartner-hex-input-opacity: .5;pointer-events:none}:host.impdc-checkbox--invalid ::ng-deep .form-check-label{color:var(--impd-color-red-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: ToggleComponent, selector: "impdc-toggle", inputs: ["isSwitch", "label", "description", "inline", "switchIcons", "layout"] }, { kind: "component", type: ToggleInputComponent, selector: "input[impdc-toggle-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6350
6350
|
}
|
|
6351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
6352
6352
|
type: Component,
|
|
6353
6353
|
args: [{ selector: 'impdc-checkbox', standalone: true, imports: [CommonModule, ToggleModule], host: {
|
|
6354
6354
|
class: 'impdc-checkbox',
|
|
@@ -6414,11 +6414,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
6414
6414
|
}] } });
|
|
6415
6415
|
|
|
6416
6416
|
class CheckboxModule {
|
|
6417
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6418
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6419
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6418
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent], exports: [CheckboxComponent] }); }
|
|
6419
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent] }); }
|
|
6420
6420
|
}
|
|
6421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, decorators: [{
|
|
6422
6422
|
type: NgModule,
|
|
6423
6423
|
args: [{
|
|
6424
6424
|
imports: [CheckboxComponent],
|
|
@@ -6622,15 +6622,15 @@ class RadioButtonComponent extends _RadioButtonComponentMixinBase {
|
|
|
6622
6622
|
}
|
|
6623
6623
|
}
|
|
6624
6624
|
}
|
|
6625
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6626
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: UniqueSelectionDispatcher }, { token: 'tabindex', attribute: true }, { token: IMPDC_RADIO_GROUP, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6626
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: RadioButtonComponent, isStandalone: true, selector: "impdc-radio-button", inputs: { tabIndex: "tabIndex", id: "id", name: "name", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], checked: "checked", value: "value", inline: "inline", disabled: "disabled", required: "required", label: "label", description: "description" }, outputs: { change: "change" }, host: { properties: { "attr.id": "id", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "class.impdc-radio-button--required": "required", "class.impdc-radio-button--invalid": "_errorState", "class.impdc-radio-button--disabled": "disabled", "class.impdc-radio-button--inline": "inline" }, classAttribute: "impdc-radio-button" }, providers: [
|
|
6627
6627
|
{
|
|
6628
6628
|
provide: IMPDC_RADIO_BUTTON,
|
|
6629
6629
|
useExisting: RadioButtonComponent
|
|
6630
6630
|
}
|
|
6631
6631
|
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["nativeInput"], descendants: true, read: ElementRef }], exportAs: ["impdcRadioButton"], usesInheritance: true, ngImport: i0, template: "<impdc-toggle [label]=\"label\" [description]=\"description\" [inline]=\"inline\">\n <input\n #nativeInput\n impdc-toggle-input\n type=\"radio\"\n class=\"impdc-radio-button__native-control\"\n [class.is-invalid]=\"_errorState\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n (change)=\"_onInputChange($event)\"\n (blur)=\"_onBlur()\" />\n</impdc-toggle>\n", styles: [":host{display:block;opacity:var(--impartner-hex-input-opacity, 1)}:host.impdc-radio-button--inline{display:inline-block}:host.impdc-radio-button--inline:not(:last-of-type){margin-right:4rem}:host:not(.impdc-radio-button--inline):not(:last-of-type){margin-bottom:1.6rem}:host.impdc-radio-button--disabled{--impartner-hex-input-opacity: .5}:host.impdc-radio-button--invalid ::ng-deep .form-check-label{color:var(--impd-color-red-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: ToggleComponent, selector: "impdc-toggle", inputs: ["isSwitch", "label", "description", "inline", "switchIcons", "layout"] }, { kind: "component", type: ToggleInputComponent, selector: "input[impdc-toggle-input]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6632
6632
|
}
|
|
6633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
6634
6634
|
type: Component,
|
|
6635
6635
|
args: [{ selector: 'impdc-radio-button', standalone: true, imports: [CommonModule, ToggleModule], host: {
|
|
6636
6636
|
class: 'impdc-radio-button',
|
|
@@ -6895,8 +6895,8 @@ class RadioGroupDirective extends _RadioGroupDirectiveBase {
|
|
|
6895
6895
|
});
|
|
6896
6896
|
}
|
|
6897
6897
|
}
|
|
6898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6899
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
6898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioGroupDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6899
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RadioGroupDirective, isStandalone: true, selector: "impdc-radio-group", inputs: { name: "name", inline: "inline", selected: "selected", errorStateMatcher: "errorStateMatcher", value: "value", id: "id", disabled: "disabled", required: "required" }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, properties: { "class.impdc-radio-group--required": "required", "class.impdc-radio-group--disabled": "disabled", "class.impdc-radio-group--invalid": "errorState", "class.impdc-radio-group--inline": "inline" }, classAttribute: "impdc-radio-group" }, providers: [
|
|
6900
6900
|
{
|
|
6901
6901
|
provide: ImpdcFormFieldControl,
|
|
6902
6902
|
useExisting: RadioGroupDirective
|
|
@@ -6907,7 +6907,7 @@ class RadioGroupDirective extends _RadioGroupDirectiveBase {
|
|
|
6907
6907
|
}
|
|
6908
6908
|
], queries: [{ propertyName: "_radioOptions", predicate: IMPDC_RADIO_BUTTON, descendants: true }], exportAs: ["impdcRadioGroup"], usesInheritance: true, ngImport: i0 }); }
|
|
6909
6909
|
}
|
|
6910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioGroupDirective, decorators: [{
|
|
6911
6911
|
type: Directive,
|
|
6912
6912
|
args: [{
|
|
6913
6913
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -6971,11 +6971,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
6971
6971
|
}] } });
|
|
6972
6972
|
|
|
6973
6973
|
class RadioModule {
|
|
6974
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6975
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6976
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6974
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6975
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent, RadioGroupDirective], exports: [RadioButtonComponent, RadioGroupDirective] }); }
|
|
6976
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioModule, imports: [RadioButtonComponent] }); }
|
|
6977
6977
|
}
|
|
6978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioModule, decorators: [{
|
|
6979
6979
|
type: NgModule,
|
|
6980
6980
|
args: [{
|
|
6981
6981
|
imports: [RadioButtonComponent, RadioGroupDirective],
|
|
@@ -6984,19 +6984,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
6984
6984
|
}] });
|
|
6985
6985
|
|
|
6986
6986
|
class SelectModule {
|
|
6987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6988
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6987
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6988
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: SelectModule, imports: [SelectOptionGroupComponent,
|
|
6989
6989
|
SelectOptionComponent,
|
|
6990
6990
|
SelectValueTagsDisplayComponent,
|
|
6991
6991
|
SelectComponent], exports: [SelectOptionGroupComponent,
|
|
6992
6992
|
SelectOptionComponent,
|
|
6993
6993
|
SelectValueTagsDisplayComponent,
|
|
6994
6994
|
SelectComponent] }); }
|
|
6995
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6995
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectModule, imports: [SelectOptionGroupComponent,
|
|
6996
6996
|
SelectValueTagsDisplayComponent,
|
|
6997
6997
|
SelectComponent] }); }
|
|
6998
6998
|
}
|
|
6999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectModule, decorators: [{
|
|
7000
7000
|
type: NgModule,
|
|
7001
7001
|
args: [{
|
|
7002
7002
|
imports: [
|
|
@@ -7060,8 +7060,8 @@ class TagSelectComponent extends _SelectComponentBase {
|
|
|
7060
7060
|
evt.preventDefault();
|
|
7061
7061
|
this.ngbDropdown.toggle();
|
|
7062
7062
|
}
|
|
7063
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7064
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7063
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TagSelectComponent, deps: [{ token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7064
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: TagSelectComponent, isStandalone: true, selector: "impdc-tag-select", inputs: { disabled: "disabled", tabIndex: ["tabIndex", "tabIndex", numberAttribute], search: "search", placeholder: "placeholder", required: ["required", "required", booleanAttribute], compareWith: "compareWith", dropdownContainer: "dropdownContainer", errorStateMatcher: "errorStateMatcher", readonly: ["readonly", "readonly", booleanAttribute], truncateThreshold: ["truncateThreshold", "truncateThreshold", numberAttribute], showMoreLabel: "showMoreLabel", showLessLabel: "showLessLabel" }, outputs: { selectionChange: "selectionChange", valueChange: "valueChange", searchTextChanges: "searchTextChanges" }, host: { listeners: { "focus": "onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.is-invalid": "errorState", "class.impdc-form-field-control": "true", "class.impdc-tag-select--required": "required", "class.impdc-tag-select--disabled": "disabled", "class.impdc-tag-select--invalid": "errorState", "class.impdc-tag-select--empty": "empty" } }, providers: [
|
|
7065
7065
|
{
|
|
7066
7066
|
provide: ImpdcFormFieldControl,
|
|
7067
7067
|
useExisting: TagSelectComponent
|
|
@@ -7076,7 +7076,7 @@ class TagSelectComponent extends _SelectComponentBase {
|
|
|
7076
7076
|
}
|
|
7077
7077
|
], exportAs: ["impdcTagSelect"], usesInheritance: true, ngImport: i0, template: "<impdc-select-value-tags-display\n rounded=\"true\"\n [readonly]=\"readonly\"\n [truncateThreshold]=\"truncateThreshold\"\n [showMoreLabel]=\"showMoreLabel\"\n [showLessLabel]=\"showLessLabel\">\n <div\n ngbDropdown\n #dropdown=\"ngbDropdown\"\n [class.d-none]=\"readonly || disabled\"\n autoClose=\"outside\"\n [container]=\"dropdownContainer\"\n [dropdownClass]=\"dropdownContainer === 'body' ? 'impartner-hex' : ''\"\n (openChange)=\"handleOpenChange($event)\">\n @if (!readonly && !disabled) {\n <impdc-tag\n #toggleButton\n class=\"impdc-tag-select--toggle no-caret\"\n theme=\"outline\"\n [rounded]=\"true\"\n (focus)=\"onFocus()\"\n (click)=\"toggleDropdown($event)\"\n ngbDropdownAnchor>\n {{ empty ? placeholder : '' }}\n <impdc-icon name=\"plus\" theme=\"light\" />\n </impdc-tag>\n }\n <div\n ngbDropdownMenu\n class=\"impdc-tag-select--dropdown-menu bg-white text-gray-600\"\n role=\"listbox\"\n tabindex=\"-1\">\n <div *ngIf=\"search !== 'none'\" class=\"impdc-tag-select--search\">\n <impdc-form-field>\n <span impdcTextPrefix (click)=\"searchInput.focus()\">\n <impdc-icon name=\"search\"></impdc-icon>\n </span>\n <input\n #searchInput\n impdcInput\n [formControl]=\"searchControl\"\n class=\"impdc-tag-select--search-input\"\n type=\"search\"\n (keydown.enter)=\"handleSearchSubmit($event)\"\n (keydown.arrowdown)=\"handleSearchUpDown($event, 'up')\"\n (keydown.arrowup)=\"handleSearchUpDown($event, 'down')\" />\n <span impdcTextSuffix>\n <button\n *ngIf=\"searchControl.value\"\n type=\"button\"\n class=\"impdc-tag-select--clear-btn btn btn-xs btn-link text-gray-400 ms-auto\"\n (click)=\"searchControl.reset(); searchInput.focus()\">\n <impdc-icon name=\"times\" [size]=\"16\"></impdc-icon>\n </button>\n </span>\n </impdc-form-field>\n </div>\n <div class=\"impdc-tag-select--options\">\n @for (option of filteredOptions$ | async; track option.value; let idx =\n $index; let first = $first) { @if (option.groupLabel &&\n option.showGroupLabel) {\n <div class=\"impdc-tag-select--option-group-label\">\n {{ option.groupLabel }}\n </div>\n }\n <impdc-select-option-display\n [class.impdc-select-option--active]=\"idx === activeIndex\"\n [class.impdc-select-option--grouped]=\"!!option.groupLabel\"\n [groupLabel]=\"option.groupLabel\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [disabled]=\"!!option.disabled\"\n [selected]=\"option.selected\"\n [highlightText]=\"searchControl.value\"\n (mouseenter)=\"markActive(idx)\"\n (focus)=\"markActive(idx)\" />\n }\n </div>\n </div>\n </div>\n</impdc-select-value-tags-display>\n", styles: [".impdc-tag-select--clear-btn{align-items:center;color:var(--impd-color-gray-400);display:inline-flex;justify-content:center;padding:0;height:2rem;width:2rem;box-shadow:none!important}.impdc-tag-select--clear-btn:focus-visible{box-shadow:var(--impartner-hex-btn-box-shadow),var(--impartner-hex-btn-focus-box-shadow)!important}.impdc-tag-select--clear-btn impdc-icon{line-height:1}.impdc-tag-select--dropdown-menu{overflow:hidden}.impdc-tag-select--search{padding-left:var(--impd-size-2);padding-right:var(--impd-size-2)}.impdc-tag-select--search [impdcTextSuffix]{min-width:3.4rem;width:3.4rem}.impdc-tag-select--options{overflow-y:auto;overflow-x:hidden;max-height:var(--impd-size-72)}.impdc-tag-select--option-group-label{color:var(--impd-color-gray-600);font-size:var(--impd-size-2_5);font-weight:var(--impd-font-weight-semibold);line-height:var(--impd-size-4);padding:var(--impd-size-1) var(--impd-size-4);text-transform:uppercase;white-space:nowrap}.impdc-tag-select--option-group-label:not(:first-child){margin-top:var(--impd-size-2)}button[ngbDropdownToggle].dropdown-toggle:after{display:none}:host{--impdc-select-value-tags--gap: var(--impd-size-1);--impdc-tag-select--border-color: var(--impd-color-gray-400);--impdc-tag-select--color: var(--impd-color-gray-900);--impdc-tag-select--icon-color: var(--impd-color-gray-500);opacity:var(--impartner-hex-input-opacity, 1)}:host.is-invalid{--impdc-tag-select--border-color: var(--impd-color-red-400);--impdc-tag-select--color: var(--impd-color-red-600);--impdc-tag-select--icon-color: var(--impd-color-red-500)}impdc-tag.impdc-tag-select--toggle{border-style:dashed;cursor:pointer}impdc-tag.impdc-tag-select--toggle.disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownAnchor, selector: "[ngbDropdownAnchor]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "component", type: SelectOptionDisplayComponent, selector: "impdc-select-option-display", inputs: ["selected", "value", "label", "groupLabel", "highlightText", "id", "disabled"], outputs: ["onSelectionChange"] }, { kind: "component", type: SelectValueTagsDisplayComponent, selector: "impdc-select-value-tags-display", inputs: ["rounded", "select", "readonly", "truncateThreshold", "showMoreLabel", "showLessLabel"] }, { kind: "ngmodule", type: FormFieldModule }, { kind: "component", type: FormFieldComponent, selector: "impdc-form-field", exportAs: ["impdcFormField"] }, { kind: "directive", type: PrefixDirective, selector: "[impdcPrefix], [impdcTextPrefix]", inputs: ["impdcTextPrefix"] }, { kind: "directive", type: SuffixDirective, selector: "[impdcSuffix], [impdcTextSuffix]", inputs: ["impdcTextSuffix"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "component", type: TagComponent, selector: "impdc-tag", inputs: ["disabled", "tabIndex", "theme", "rounded", "withButton", "buttonIcon"], outputs: ["buttonClick"], exportAs: ["impdcTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7078
7078
|
}
|
|
7079
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7079
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TagSelectComponent, decorators: [{
|
|
7080
7080
|
type: Component,
|
|
7081
7081
|
args: [{ selector: 'impdc-tag-select', exportAs: 'impdcTagSelect', standalone: true, imports: [
|
|
7082
7082
|
CommonModule,
|
|
@@ -7141,8 +7141,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7141
7141
|
}] } });
|
|
7142
7142
|
|
|
7143
7143
|
class ImpdcFormsModule {
|
|
7144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7145
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7145
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormsModule, imports: [CommonModule,
|
|
7146
7146
|
FormFieldModule,
|
|
7147
7147
|
CheckboxModule,
|
|
7148
7148
|
RadioModule,
|
|
@@ -7154,7 +7154,7 @@ class ImpdcFormsModule {
|
|
|
7154
7154
|
SelectModule,
|
|
7155
7155
|
TagSelectComponent,
|
|
7156
7156
|
InputDirective] }); }
|
|
7157
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7157
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormsModule, imports: [CommonModule,
|
|
7158
7158
|
FormFieldModule,
|
|
7159
7159
|
CheckboxModule,
|
|
7160
7160
|
RadioModule,
|
|
@@ -7164,7 +7164,7 @@ class ImpdcFormsModule {
|
|
|
7164
7164
|
RadioModule,
|
|
7165
7165
|
SelectModule] }); }
|
|
7166
7166
|
}
|
|
7167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcFormsModule, decorators: [{
|
|
7168
7168
|
type: NgModule,
|
|
7169
7169
|
args: [{
|
|
7170
7170
|
declarations: [],
|
|
@@ -7189,11 +7189,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7189
7189
|
}] });
|
|
7190
7190
|
|
|
7191
7191
|
class SizeDetectionModule {
|
|
7192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7193
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7194
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7193
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectionModule, declarations: [SizeDetectorDirective], imports: [CommonModule], exports: [SizeDetectorDirective] }); }
|
|
7194
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectionModule, imports: [CommonModule] }); }
|
|
7195
7195
|
}
|
|
7196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SizeDetectionModule, decorators: [{
|
|
7197
7197
|
type: NgModule,
|
|
7198
7198
|
args: [{
|
|
7199
7199
|
declarations: [SizeDetectorDirective],
|
|
@@ -7204,21 +7204,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7204
7204
|
|
|
7205
7205
|
class PaginationModule {
|
|
7206
7206
|
constructor() { }
|
|
7207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7208
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7207
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7208
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: PaginationModule, declarations: [PaginationComponent], imports: [CommonModule,
|
|
7209
7209
|
ButtonModule,
|
|
7210
7210
|
FormsModule,
|
|
7211
7211
|
ImpdcFormsModule,
|
|
7212
7212
|
IconModule,
|
|
7213
7213
|
SizeDetectionModule], exports: [ButtonModule, ImpdcFormsModule, IconModule, PaginationComponent] }); }
|
|
7214
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7214
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationModule, imports: [CommonModule,
|
|
7215
7215
|
ButtonModule,
|
|
7216
7216
|
FormsModule,
|
|
7217
7217
|
ImpdcFormsModule,
|
|
7218
7218
|
IconModule,
|
|
7219
7219
|
SizeDetectionModule, ButtonModule, ImpdcFormsModule, IconModule] }); }
|
|
7220
7220
|
}
|
|
7221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationModule, decorators: [{
|
|
7222
7222
|
type: NgModule,
|
|
7223
7223
|
args: [{
|
|
7224
7224
|
imports: [
|
|
@@ -7248,10 +7248,10 @@ class ColumnHeadingComponent {
|
|
|
7248
7248
|
onSort() {
|
|
7249
7249
|
this.sort.emit(this.columnIndex);
|
|
7250
7250
|
}
|
|
7251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ColumnHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ColumnHeadingComponent, selector: "impdc-column-heading", inputs: { isSortable: "isSortable", columnIndex: "columnIndex", sortColumnIndex: "sortColumnIndex", direction: "direction", text: "text" }, outputs: { sort: "sort" }, ngImport: i0, template: "<a *ngIf=\"isSortable; else notClickable\" class=\"impdc-table-sort\">\n <span>\n {{ text }}\n </span>\n <span\n [ngClass]=\"sortedColumn ? 'visible' : 'invisible'\"\n impdc-icon\n [name]=\"direction === 'asc' ? 'arrow-up' : 'arrow-down'\"></span>\n</a>\n<ng-template #notClickable>\n {{ text }}\n</ng-template>\n", styles: [":host .impdc-table-sort{color:var(--impd-color-gray-500);display:flex;flex-direction:row;gap:.8rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
7253
7253
|
}
|
|
7254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ColumnHeadingComponent, decorators: [{
|
|
7255
7255
|
type: Component,
|
|
7256
7256
|
args: [{ selector: 'impdc-column-heading', template: "<a *ngIf=\"isSortable; else notClickable\" class=\"impdc-table-sort\">\n <span>\n {{ text }}\n </span>\n <span\n [ngClass]=\"sortedColumn ? 'visible' : 'invisible'\"\n impdc-icon\n [name]=\"direction === 'asc' ? 'arrow-up' : 'arrow-down'\"></span>\n</a>\n<ng-template #notClickable>\n {{ text }}\n</ng-template>\n", styles: [":host .impdc-table-sort{color:var(--impd-color-gray-500);display:flex;flex-direction:row;gap:.8rem;align-items:center}\n"] }]
|
|
7257
7257
|
}], propDecorators: { isSortable: [{
|
|
@@ -7274,10 +7274,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7274
7274
|
* and `[bulkAction]` attributes.
|
|
7275
7275
|
*/
|
|
7276
7276
|
class TableBulkActionsComponent {
|
|
7277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableBulkActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: TableBulkActionsComponent, selector: "impdc-table-bulk-actions", ngImport: i0, template: "<div class=\"table-bulk-actions\">\n <div class=\"selected-total\">\n <ng-content select=\"[selectedTotal]\"></ng-content>\n </div>\n <div class=\"bulk-actions\">\n <ng-content select=\"[bulkAction]\"></ng-content>\n </div>\n</div>\n", styles: [".table-bulk-actions{display:flex;flex-direction:row;align-items:center;font-weight:400}.table-bulk-actions .selected-total{border-right:1px solid var(--impd-color-gray-200, \"#e5e7eb\");padding-right:1.6rem}.table-bulk-actions .bulk-actions{padding-left:1.6rem;display:flex;flex-direction:row;gap:1.6rem}\n"] }); }
|
|
7279
7279
|
}
|
|
7280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableBulkActionsComponent, decorators: [{
|
|
7281
7281
|
type: Component,
|
|
7282
7282
|
args: [{ selector: 'impdc-table-bulk-actions', template: "<div class=\"table-bulk-actions\">\n <div class=\"selected-total\">\n <ng-content select=\"[selectedTotal]\"></ng-content>\n </div>\n <div class=\"bulk-actions\">\n <ng-content select=\"[bulkAction]\"></ng-content>\n </div>\n</div>\n", styles: [".table-bulk-actions{display:flex;flex-direction:row;align-items:center;font-weight:400}.table-bulk-actions .selected-total{border-right:1px solid var(--impd-color-gray-200, \"#e5e7eb\");padding-right:1.6rem}.table-bulk-actions .bulk-actions{padding-left:1.6rem;display:flex;flex-direction:row;gap:1.6rem}\n"] }]
|
|
7283
7283
|
}] });
|
|
@@ -7313,10 +7313,10 @@ class RowActionsComponent {
|
|
|
7313
7313
|
return 'secondary';
|
|
7314
7314
|
}
|
|
7315
7315
|
}
|
|
7316
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7317
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RowActionsComponent, deps: [{ token: BrandedDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: RowActionsComponent, selector: "impdc-row-actions", inputs: { columnDef: "columnDef", rowItem: "rowItem", lastColumn: "lastColumn" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "@if (columnDef.actions) { @if (columnDef.actions.length > 2) {\n<div [ngClass]=\"{ 'text-end': lastColumn }\">\n <div\n ngbDropdown\n container=\"body\"\n dropdownClass=\"impartner-hex\"\n placement=\"bottom-end bottom-start top-end top-start\"\n class=\"lh-1\"\n #dropdown=\"ngbDropdown\">\n <button\n ngbDropdownToggle\n type=\"button\"\n class=\"row-actions-dropdown-toggle btn btn-link btn-sm no-caret p-0\">\n <impdc-icon name=\"ellipsis-v\" size=\"16\" theme=\"solid\"></impdc-icon>\n </button>\n <div ngbDropdownMenu>\n @for (action of columnDef.actions; track action.apiName) { @if\n (isVisible(action)) {\n <button\n type=\"button\"\n ngbDropdownItem\n (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </button>\n } }\n </div>\n </div>\n</div>\n} @else {\n<div class=\"d-flex flex-row gap-2 justify-content-end\">\n <ng-container *ngFor=\"let action of columnDef.actions\">\n @if (isVisible(action)) { @if (columnDef.actionType === 'button') {\n <button\n impdcButton\n theme=\"secondary\"\n class=\"btn-xs\"\n (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </button>\n } @else if (columnDef.actionType === 'link') {\n <a *ngIf=\"!branded\" (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </a>\n <a *ngIf=\"branded\" impdcBranded (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </a>\n } @else {\n <span\n impdc-icon\n [name]=\"action.iconName || 'edit'\"\n [ngClass]=\"getColor(action)\"\n class=\"row-actions-item\"\n (click)=\"handleActionClick(action.apiName)\">\n </span>\n } }\n </ng-container>\n</div>\n} }\n", styles: [".row-actions-item:hover{cursor:pointer}:host button.row-actions-dropdown-toggle{color:var(--impd-color-gray-400)}:host button.row-actions-dropdown-toggle:hover,:host button.row-actions-dropdown-toggle:active,:host button.row-actions-dropdown-toggle:focus,:host button.row-actions-dropdown-toggle:focus-visible,:host button.row-actions-dropdown-toggle.show{color:var(--impd-color-gray-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "directive", type: BrandedDirective, selector: "[impdcBranded]" }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i3.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }] }); }
|
|
7318
7318
|
}
|
|
7319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RowActionsComponent, decorators: [{
|
|
7320
7320
|
type: Component,
|
|
7321
7321
|
args: [{ selector: 'impdc-row-actions', template: "@if (columnDef.actions) { @if (columnDef.actions.length > 2) {\n<div [ngClass]=\"{ 'text-end': lastColumn }\">\n <div\n ngbDropdown\n container=\"body\"\n dropdownClass=\"impartner-hex\"\n placement=\"bottom-end bottom-start top-end top-start\"\n class=\"lh-1\"\n #dropdown=\"ngbDropdown\">\n <button\n ngbDropdownToggle\n type=\"button\"\n class=\"row-actions-dropdown-toggle btn btn-link btn-sm no-caret p-0\">\n <impdc-icon name=\"ellipsis-v\" size=\"16\" theme=\"solid\"></impdc-icon>\n </button>\n <div ngbDropdownMenu>\n @for (action of columnDef.actions; track action.apiName) { @if\n (isVisible(action)) {\n <button\n type=\"button\"\n ngbDropdownItem\n (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </button>\n } }\n </div>\n </div>\n</div>\n} @else {\n<div class=\"d-flex flex-row gap-2 justify-content-end\">\n <ng-container *ngFor=\"let action of columnDef.actions\">\n @if (isVisible(action)) { @if (columnDef.actionType === 'button') {\n <button\n impdcButton\n theme=\"secondary\"\n class=\"btn-xs\"\n (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </button>\n } @else if (columnDef.actionType === 'link') {\n <a *ngIf=\"!branded\" (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </a>\n <a *ngIf=\"branded\" impdcBranded (click)=\"handleActionClick(action.apiName)\">\n {{ action.text }}\n </a>\n } @else {\n <span\n impdc-icon\n [name]=\"action.iconName || 'edit'\"\n [ngClass]=\"getColor(action)\"\n class=\"row-actions-item\"\n (click)=\"handleActionClick(action.apiName)\">\n </span>\n } }\n </ng-container>\n</div>\n} }\n", styles: [".row-actions-item:hover{cursor:pointer}:host button.row-actions-dropdown-toggle{color:var(--impd-color-gray-400)}:host button.row-actions-dropdown-toggle:hover,:host button.row-actions-dropdown-toggle:active,:host button.row-actions-dropdown-toggle:focus,:host button.row-actions-dropdown-toggle:focus-visible,:host button.row-actions-dropdown-toggle.show{color:var(--impd-color-gray-600)}\n"] }]
|
|
7322
7322
|
}], ctorParameters: () => [{ type: BrandedDirective, decorators: [{
|
|
@@ -7344,10 +7344,10 @@ class SpinnerComponent {
|
|
|
7344
7344
|
*/
|
|
7345
7345
|
this.accessibilityText = 'Loading...';
|
|
7346
7346
|
}
|
|
7347
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7348
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7347
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7348
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SpinnerComponent, selector: "impdc-spinner, div[impdc-spinner]", inputs: { accessibilityText: "accessibilityText" }, ngImport: i0, template: "<div class=\"spinner-border\" role=\"status\">\n <span *ngIf=\"accessibilityText\" class=\"visually-hidden\">{{\n accessibilityText\n }}</span>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7349
7349
|
}
|
|
7350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
7351
7351
|
type: Component,
|
|
7352
7352
|
args: [{ selector: 'impdc-spinner, div[impdc-spinner]', template: "<div class=\"spinner-border\" role=\"status\">\n <span *ngIf=\"accessibilityText\" class=\"visually-hidden\">{{\n accessibilityText\n }}</span>\n</div>\n" }]
|
|
7353
7353
|
}], propDecorators: { accessibilityText: [{
|
|
@@ -7373,10 +7373,10 @@ class CollapseMonitorDirective {
|
|
|
7373
7373
|
this.collapseChange.emit(true);
|
|
7374
7374
|
});
|
|
7375
7375
|
}
|
|
7376
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7377
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7376
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CollapseMonitorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7377
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CollapseMonitorDirective, selector: "[impdcCollapseMonitor]", outputs: { collapseChange: "collapseChange" }, exportAs: ["impdcCollapseMonitor"], hostDirectives: [{ directive: i3.NgbCollapse, inputs: ["ngbCollapse", "impdcCollapseMonitor"] }], ngImport: i0 }); }
|
|
7378
7378
|
}
|
|
7379
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CollapseMonitorDirective, decorators: [{
|
|
7380
7380
|
type: Directive,
|
|
7381
7381
|
args: [{
|
|
7382
7382
|
exportAs: 'impdcCollapseMonitor',
|
|
@@ -7417,10 +7417,10 @@ class TableDirective {
|
|
|
7417
7417
|
get classTableHover() {
|
|
7418
7418
|
return this.hover;
|
|
7419
7419
|
}
|
|
7420
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7421
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7420
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7421
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: TableDirective, selector: "table[impdcTable]", inputs: { striped: "striped", hover: "hover", layout: "layout" }, host: { properties: { "style.table-layout": "this.layout", "class.table": "this.classTable", "class.table-striped": "this.classTableStriped", "class.table-hover": "this.classTableHover" } }, ngImport: i0 }); }
|
|
7422
7422
|
}
|
|
7423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableDirective, decorators: [{
|
|
7424
7424
|
type: Directive,
|
|
7425
7425
|
args: [{
|
|
7426
7426
|
selector: 'table[impdcTable]'
|
|
@@ -7470,10 +7470,10 @@ class TableInjectComponentDirective {
|
|
|
7470
7470
|
componentRef.instance.rowItem = item;
|
|
7471
7471
|
componentRef.instance.params = cellRendererParams;
|
|
7472
7472
|
}
|
|
7473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7474
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableInjectComponentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7474
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: TableInjectComponentDirective, selector: "[impdcTableInjectComponent]", inputs: { columnDef: "columnDef", value: "value", rowItem: "rowItem", customCellComponents: "customCellComponents" }, ngImport: i0 }); }
|
|
7475
7475
|
}
|
|
7476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableInjectComponentDirective, decorators: [{
|
|
7477
7477
|
type: Directive,
|
|
7478
7478
|
args: [{
|
|
7479
7479
|
selector: '[impdcTableInjectComponent]'
|
|
@@ -7877,12 +7877,12 @@ class TableComponent {
|
|
|
7877
7877
|
return '';
|
|
7878
7878
|
}
|
|
7879
7879
|
}
|
|
7880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.1", type: TableComponent, selector: "impdc-table", inputs: { loading: "loading", columnDefs: "columnDefs", striped: "striped", hover: "hover", layout: "layout", canSelectRows: "canSelectRows", canSelectAllRows: "canSelectAllRows", selectPlaceholder: "selectPlaceholder", sortColumnIndex: "sortColumnIndex", sortDirection: "sortDirection", tableData: "tableData", selectedRowIds: "selectedRowIds", customCellComponents: "customCellComponents", collapsibleTemplate: "collapsibleTemplate", collapsibleTrigger: "collapsibleTrigger" }, outputs: { rowSelect: "rowSelect", sortBy: "sortBy", linkClick: "linkClick", rowActionClick: "rowActionClick", inputChange: "inputChange", rowCollapseChange: "rowCollapseChange" }, queries: [{ propertyName: "paginationComponent", first: true, predicate: PaginationComponent, descendants: true }, { propertyName: "bulkActions", first: true, predicate: TableBulkActionsComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (tableData) {\n<table\n impdcTable\n [striped]=\"striped && !collapsibleTemplate\"\n [layout]=\"layout\"\n [hover]=\"hover\">\n <thead>\n @if (!!bulkActions) {\n <tr>\n <th [attr.colspan]=\"tableSpan\" scope=\"col\" class=\"bulk-action-column\">\n <ng-content select=\"impdc-table-bulk-actions\"></ng-content>\n <ng-content select=\"[impdcTableBulkActions]\"></ng-content>\n </th>\n </tr>\n }\n <tr>\n @if (collapsibleTemplate) {\n <th\n scope=\"col\"\n [class.heading-below-bulk-actions]=\"!!bulkActions\"\n class=\"impdc-table-collapsible-content-row-button-container\"></th>\n } @if (canSelectRows) {\n <th\n scope=\"col\"\n class=\"impdc-table-selectable-row-toggle-container\"\n [ngClass]=\"{\n 'heading-below-bulk-actions': !!bulkActions\n }\">\n @if (canSelectAllRows) {\n <div>\n <impdc-checkbox\n ngModel\n [checked]=\"allSelected\"\n [indeterminate]=\"someSelected\"\n (change)=\"handleSelectAll($event)\"></impdc-checkbox>\n </div>\n }\n </th>\n } @for (columnDef of columnDefs; track columnDef; let columnIndex =\n $index) {\n <th\n scope=\"col\"\n [ngClass]=\"{\n 'sorted-column': isSortedColumn(columnIndex),\n 'sortable-column': columnDef.sorted,\n 'heading-below-bulk-actions': !!bulkActions\n }\"\n (click)=\"handleSort(columnIndex)\">\n <impdc-column-heading\n [isSortable]=\"columnDef.sorted || false\"\n [columnIndex]=\"columnIndex\"\n [sortColumnIndex]=\"sortColumnIndex\"\n [direction]=\"sortDirection\"\n [text]=\"columnDef.title\"\n (sort)=\"handleSort($event)\">\n </impdc-column-heading>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @if (loading) {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"data-loading\">\n <impdc-spinner></impdc-spinner>\n </td>\n </tr>\n } @else { @for (row of tableData; track row.id; let rowIndex = $index; let\n rowFirst = $first; let rowLast = $last; let rowEven = $even; let rowOdd =\n $odd) { @if (getCollapsibleTemplateForRow(row); as\n collapsibleTemplateForRow) {\n <tr\n [class.impdc-table-collapsible-row-trigger]=\"collapsibleTrigger === 'row'\"\n [class.table-active]=\"isRowSelected(row.id)\"\n (click)=\"\n tryToggleCollapse(collapsibleTemplateForRow, ngbCollapse, $event, 'row')\n \">\n @if (collapsibleTemplate) {\n <td\n class=\"impdc-table-collapsible-content-row-button-container\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <button\n type=\"button\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'button'\n )\n \"\n class=\"impdc-table-collapsible-content-row-button btn btn-link\">\n <span\n class=\"far fa-chevron-right\"\n [class.fa-rotate-90]=\"!collapseMonitor.ngbCollapsing()\"></span>\n </button>\n </div>\n }\n </td>\n } @if (canSelectRows) {\n <td class=\"impdc-table-selectable-row-toggle-container\">\n <div class=\"select-column\">\n <impdc-checkbox\n [ngModel]=\"isRowSelected(row.id)\"\n (change)=\"handleRowSelect($event, row.id)\"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n </div>\n </td>\n }\n <td\n *ngFor=\"let columnDef of columnDefs; index as colIndex; last as isLast\"\n [ngClass]=\"{\n 'col-no-padding': !!columnDef.noPadding,\n 'actions-column': columnDef.columnType === cellType.Actions\n }\">\n <div>\n @switch (columnDef.columnType) { @case (cellType.Badge) {\n <span>\n <impdc-badge\n [text]=\"getStringValue(colIndex, row)\"\n [theme]=\"getTheme(columnDef, row)\">\n </impdc-badge>\n </span>\n } @case (cellType.Link) {\n <span (click)=\"handleLinkClick(colIndex, row, $event)\">\n @if (!branded) {\n <a class=\"link-primary\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a impdcBranded>\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Url) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Email) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"'mailto:' + getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n [attr.href]=\"getMailToValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Input) {\n <span>\n <input\n impdcInput\n type=\"text\"\n class=\"{{ getCellColor(columnDef, row) }}\"\n [ngModel]=\"getValue(colIndex, row)\"\n (ngModelChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event)\n \"\n (click)=\"$event.stopPropagation()\" />\n </span>\n } @case (cellType.Boolean) {\n <span>\n @if (columnDef.disabled && getValue(colIndex, row) === 'true') {\n <span\n impdc-icon\n name=\"check\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n } @else if (!columnDef.disabled) {\n <impdc-checkbox\n [checked]=\"getValue(colIndex, row) === 'true'\"\n [isSwitch]=\"true\"\n (change)=\"\n handleCellValueChange(colIndex, rowIndex, $event.checked)\n \"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n }\n </span>\n } @case (cellType.SingleSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n allowClear=\"true\"\n (selectionChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event.value)\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of (columnDef.values || []); track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n } @case (cellType.MultiSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n multiple=\"true\"\n (selectionChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event.value)\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of (columnDef.values || []); track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n } @case (cellType.CellRender) {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n <ng-template\n impdcTableInjectComponent\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [customCellComponents]=\"customCellComponents || {}\"\n [value]=\"getRawValue(colIndex, row)\"></ng-template>\n </span>\n } @case (cellType.Icon) {\n <span>\n <span\n impdc-icon\n [name]=\"columnDef.iconName\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n </span>\n } @case (cellType.Actions) {\n <span>\n <!-- will always return 'true', but needed to satisfy the type engine -->\n @if (columnDefIsActions(columnDef)) {\n <impdc-row-actions\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [lastColumn]=\"isLast\"\n (actionClick)=\"handleActionClick(colIndex, row, $event)\"\n (click)=\"$event.stopPropagation()\"></impdc-row-actions>\n }\n </span>\n } @default {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n {{ getValue(colIndex, row) }}\n </span>\n } }\n </div>\n </td>\n </tr>\n <tr\n class=\"impdc-table-collapsible-content-row\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n <td class=\"w-100 p-0\" [attr.colspan]=\"tableSpan\">\n <div\n class=\"impdc-table-collapsible-content-container\"\n #ngbCollapse=\"ngbCollapse\"\n #collapseMonitor=\"impdcCollapseMonitor\"\n [impdcCollapseMonitor]=\"true\"\n (collapseChange)=\"rowCollapseChange.emit({ row, collapsed: $event })\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <ng-container\n *ngTemplateOutlet=\"\n collapsibleTemplateForRow.template;\n context: {\n $implicit: row,\n collapsed: collapseMonitor.collapsed(),\n selected: isRowSelected(row.id),\n index: rowIndex,\n first: !!rowFirst,\n last: !!rowLast,\n even: !!rowEven,\n odd: !!rowOdd\n }\n \"></ng-container>\n </div>\n }\n </div>\n </td>\n </tr>\n } } @empty {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"no-data\">\n <ng-content select=\"[noData]\"></ng-content>\n </td>\n </tr>\n } }\n </tbody>\n <tfoot>\n @if (paginationComponent) {\n <tr>\n <td [attr.colspan]=\"tableSpan\">\n <ng-content\n select=\"impdc-pagination, div[impdc-pagination]\"></ng-content>\n </td>\n </tr>\n }\n </tfoot>\n</table>\n}\n", styles: [".bulk-action-container{display:flex;flex-direction:row;border:1px solid var(--impd-color-gray-200);border-top-left-radius:.6rem;border-top-right-radius:.6rem;border-bottom:0px}.bulk-action-container .bulk-action-checkbox{padding:1.6rem 2rem}.bulk-action-container .bulk-actions{display:flex;flex-direction:row;gap:.4rem}.col-no-padding{padding:0!important}.data-loading{height:var(--impd-size-80);vertical-align:middle;text-align:center}.no-data{vertical-align:middle;text-align:center}.select-row{display:flex;height:var(--impd-size-4);align-items:center;justify-items:end;border-radius:var(--impd-border-radius-default)}.heading-with-checkbox{padding-left:5px;padding-right:10px}.actions-column{width:.1%;white-space:nowrap}tr.impdc-table-collapsible-content-row:has(>td>div.impdc-table-collapsible-content-container.collapse:not(.show)){display:none}tr:has(td.impdc-table-collapsible-content-row-button-container),tr.impdc-table-collapsible-content-row{transition:background-color .35s ease-in-out}tr:has(td.impdc-table-collapsible-content-row-button-container.opened),tr.impdc-table-collapsible-content-row.opened{background-color:var(--impd-color-gray-50)}tr.impdc-table-collapsible-row-trigger{cursor:pointer}table ::ng-deep tbody>tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-5);padding-right:var(--impd-size-1);width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container{padding-left:var(--impd-size-5);padding-right:0;width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container:empty{padding:0}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-3);width:var(--impd-size-8)}.impdc-table-collapsible-content-row-button{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:var(--impd-size-5);justify-content:center;padding:0;width:var(--impd-size-5);box-shadow:none}.impdc-table-collapsible-content-row-button:hover,.impdc-table-collapsible-content-row-button:focus,.impdc-table-collapsible-content-row-button:active{background-color:var(--impd-color-gray-100)}.impdc-table-collapsible-content-row-button impdc-icon{line-height:1}.impdc-table-collapsible-content-row-button>span.fa-chevron-right{font-size:1.6rem;transition:transform .35s}table.table-striped>tbody>tr:nth-of-type(4n+3)>*{--impartner-hex-table-bg-type: var(--impd-color-gray-50)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BrandedDirective, selector: "[impdcBranded]" }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "component", type: CheckboxComponent, selector: "impdc-checkbox", inputs: ["tabIndex", "id", "label", "description", "isSwitch", "switchIcons", "inline", "layout", "checked", "indeterminate", "disabled", "errorStateMatcher", "required"], outputs: ["change", "indeterminateChange"], exportAs: ["impdcCheckControl"] }, { kind: "component", type: SelectOptionComponent, selector: "impdc-select-option", inputs: ["value", "label", "disabled"] }, { kind: "component", type: SelectComponent, selector: "impdc-select", inputs: ["disabled", "tabIndex", "search", "placeholder", "required", "compareWith", "dropdownContainer", "errorStateMatcher", "allowClear", "multiple", "multipleDisplay"], outputs: ["selectionChange", "valueChange", "searchTextChanges"], exportAs: ["impdcSelect"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SpinnerComponent, selector: "impdc-spinner, div[impdc-spinner]", inputs: ["accessibilityText"] }, { kind: "component", type: BadgeComponent, selector: "impdc-badge, [impdc-badge]", inputs: ["text", "icon", "theme", "size", "hideBg", "rounded", "dismissable"], outputs: ["dismiss"] }, { kind: "directive", type: CollapseMonitorDirective, selector: "[impdcCollapseMonitor]", outputs: ["collapseChange"], exportAs: ["impdcCollapseMonitor"] }, { kind: "directive", type: TableDirective, selector: "table[impdcTable]", inputs: ["striped", "hover", "layout"] }, { kind: "component", type: ColumnHeadingComponent, selector: "impdc-column-heading", inputs: ["isSortable", "columnIndex", "sortColumnIndex", "direction", "text"], outputs: ["sort"] }, { kind: "directive", type: TableInjectComponentDirective, selector: "[impdcTableInjectComponent]", inputs: ["columnDef", "value", "rowItem", "customCellComponents"] }, { kind: "component", type: RowActionsComponent, selector: "impdc-row-actions", inputs: ["columnDef", "rowItem", "lastColumn"], outputs: ["actionClick"] }] }); }
|
|
7880
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableComponent, deps: [{ token: i1.DatePipe }, { token: i1.PercentPipe }, { token: i1.DecimalPipe }, { token: i0.ChangeDetectorRef }, { token: BrandedDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7881
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: TableComponent, selector: "impdc-table", inputs: { loading: "loading", columnDefs: "columnDefs", striped: "striped", hover: "hover", layout: "layout", canSelectRows: "canSelectRows", canSelectAllRows: "canSelectAllRows", selectPlaceholder: "selectPlaceholder", sortColumnIndex: "sortColumnIndex", sortDirection: "sortDirection", tableData: "tableData", selectedRowIds: "selectedRowIds", customCellComponents: "customCellComponents", collapsibleTemplate: "collapsibleTemplate", collapsibleTrigger: "collapsibleTrigger" }, outputs: { rowSelect: "rowSelect", sortBy: "sortBy", linkClick: "linkClick", rowActionClick: "rowActionClick", inputChange: "inputChange", rowCollapseChange: "rowCollapseChange" }, queries: [{ propertyName: "paginationComponent", first: true, predicate: PaginationComponent, descendants: true }, { propertyName: "bulkActions", first: true, predicate: TableBulkActionsComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (tableData) {\n <table\n impdcTable\n [striped]=\"striped && !collapsibleTemplate\"\n [layout]=\"layout\"\n [hover]=\"hover\">\n <thead>\n @if (!!bulkActions) {\n <tr>\n <th [attr.colspan]=\"tableSpan\" scope=\"col\" class=\"bulk-action-column\">\n <ng-content select=\"impdc-table-bulk-actions\"></ng-content>\n <ng-content select=\"[impdcTableBulkActions]\"></ng-content>\n </th>\n </tr>\n }\n <tr>\n @if (collapsibleTemplate) {\n <th\n scope=\"col\"\n [class.heading-below-bulk-actions]=\"!!bulkActions\"\n class=\"impdc-table-collapsible-content-row-button-container\"></th>\n }\n @if (canSelectRows) {\n <th\n scope=\"col\"\n class=\"impdc-table-selectable-row-toggle-container\"\n [ngClass]=\"{\n 'heading-below-bulk-actions': !!bulkActions\n }\">\n @if (canSelectAllRows) {\n <div>\n <impdc-checkbox\n ngModel\n [checked]=\"allSelected\"\n [indeterminate]=\"someSelected\"\n (change)=\"handleSelectAll($event)\"></impdc-checkbox>\n </div>\n }\n </th>\n }\n @for (\n columnDef of columnDefs;\n track columnDef;\n let columnIndex = $index\n ) {\n <th\n scope=\"col\"\n [ngClass]=\"{\n 'sorted-column': isSortedColumn(columnIndex),\n 'sortable-column': columnDef.sorted,\n 'heading-below-bulk-actions': !!bulkActions\n }\"\n (click)=\"handleSort(columnIndex)\">\n <impdc-column-heading\n [isSortable]=\"columnDef.sorted || false\"\n [columnIndex]=\"columnIndex\"\n [sortColumnIndex]=\"sortColumnIndex\"\n [direction]=\"sortDirection\"\n [text]=\"columnDef.title\"\n (sort)=\"handleSort($event)\">\n </impdc-column-heading>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @if (loading) {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"data-loading\">\n <impdc-spinner></impdc-spinner>\n </td>\n </tr>\n } @else {\n @for (\n row of tableData;\n track row.id;\n let rowIndex = $index;\n let rowFirst = $first;\n let rowLast = $last;\n let rowEven = $even;\n let rowOdd = $odd\n ) {\n @if (\n getCollapsibleTemplateForRow(row);\n as collapsibleTemplateForRow\n ) {\n <tr\n [class.impdc-table-collapsible-row-trigger]=\"\n collapsibleTrigger === 'row'\n \"\n [class.table-active]=\"isRowSelected(row.id)\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'row'\n )\n \">\n @if (collapsibleTemplate) {\n <td\n class=\"impdc-table-collapsible-content-row-button-container\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <button\n type=\"button\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'button'\n )\n \"\n class=\"impdc-table-collapsible-content-row-button btn btn-link\">\n <span\n class=\"far fa-chevron-right\"\n [class.fa-rotate-90]=\"\n !collapseMonitor.ngbCollapsing()\n \"></span>\n </button>\n </div>\n }\n </td>\n }\n @if (canSelectRows) {\n <td class=\"impdc-table-selectable-row-toggle-container\">\n <div class=\"select-column\">\n <impdc-checkbox\n [ngModel]=\"isRowSelected(row.id)\"\n (change)=\"handleRowSelect($event, row.id)\"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n </div>\n </td>\n }\n <td\n *ngFor=\"\n let columnDef of columnDefs;\n index as colIndex;\n last as isLast\n \"\n [ngClass]=\"{\n 'col-no-padding': !!columnDef.noPadding,\n 'actions-column': columnDef.columnType === cellType.Actions\n }\">\n <div>\n @switch (columnDef.columnType) {\n @case (cellType.Badge) {\n <span>\n <impdc-badge\n [text]=\"getStringValue(colIndex, row)\"\n [theme]=\"getTheme(columnDef, row)\">\n </impdc-badge>\n </span>\n }\n @case (cellType.Link) {\n <span (click)=\"handleLinkClick(colIndex, row, $event)\">\n @if (!branded) {\n <a class=\"link-primary\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a impdcBranded>\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Url) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Email) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"'mailto:' + getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n [attr.href]=\"getMailToValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Input) {\n <span>\n <input\n impdcInput\n type=\"text\"\n class=\"{{ getCellColor(columnDef, row) }}\"\n [ngModel]=\"getValue(colIndex, row)\"\n (ngModelChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event)\n \"\n (click)=\"$event.stopPropagation()\" />\n </span>\n }\n @case (cellType.Boolean) {\n <span>\n @if (\n columnDef.disabled &&\n getValue(colIndex, row) === 'true'\n ) {\n <span\n impdc-icon\n name=\"check\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n } @else if (!columnDef.disabled) {\n <impdc-checkbox\n [checked]=\"getValue(colIndex, row) === 'true'\"\n [isSwitch]=\"true\"\n (change)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.checked\n )\n \"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n }\n </span>\n }\n @case (cellType.SingleSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n allowClear=\"true\"\n (selectionChange)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.value\n )\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of columnDef.values || []; track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n }\n @case (cellType.MultiSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n multiple=\"true\"\n (selectionChange)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.value\n )\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of columnDef.values || []; track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n }\n @case (cellType.CellRender) {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n <ng-template\n impdcTableInjectComponent\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [customCellComponents]=\"customCellComponents || {}\"\n [value]=\"getRawValue(colIndex, row)\"></ng-template>\n </span>\n }\n @case (cellType.Icon) {\n <span>\n <span\n impdc-icon\n [name]=\"columnDef.iconName\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n </span>\n }\n @case (cellType.Actions) {\n <span>\n <!-- will always return 'true', but needed to satisfy the type engine -->\n @if (columnDefIsActions(columnDef)) {\n <impdc-row-actions\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [lastColumn]=\"isLast\"\n (actionClick)=\"\n handleActionClick(colIndex, row, $event)\n \"\n (click)=\"\n $event.stopPropagation()\n \"></impdc-row-actions>\n }\n </span>\n }\n @default {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n {{ getValue(colIndex, row) }}\n </span>\n }\n }\n </div>\n </td>\n </tr>\n <tr\n class=\"impdc-table-collapsible-content-row\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n <td class=\"w-100 p-0\" [attr.colspan]=\"tableSpan\">\n <div\n class=\"impdc-table-collapsible-content-container\"\n #ngbCollapse=\"ngbCollapse\"\n #collapseMonitor=\"impdcCollapseMonitor\"\n [impdcCollapseMonitor]=\"true\"\n (collapseChange)=\"\n rowCollapseChange.emit({ row, collapsed: $event })\n \">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <ng-container\n *ngTemplateOutlet=\"\n collapsibleTemplateForRow.template;\n context: {\n $implicit: row,\n collapsed: collapseMonitor.collapsed(),\n selected: isRowSelected(row.id),\n index: rowIndex,\n first: !!rowFirst,\n last: !!rowLast,\n even: !!rowEven,\n odd: !!rowOdd\n }\n \"></ng-container>\n </div>\n }\n </div>\n </td>\n </tr>\n }\n } @empty {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"no-data\">\n <ng-content select=\"[noData]\"></ng-content>\n </td>\n </tr>\n }\n }\n </tbody>\n <tfoot>\n @if (paginationComponent) {\n <tr>\n <td [attr.colspan]=\"tableSpan\">\n <ng-content\n select=\"impdc-pagination, div[impdc-pagination]\"></ng-content>\n </td>\n </tr>\n }\n </tfoot>\n </table>\n}\n", styles: [".bulk-action-container{display:flex;flex-direction:row;border:1px solid var(--impd-color-gray-200);border-top-left-radius:.6rem;border-top-right-radius:.6rem;border-bottom:0px}.bulk-action-container .bulk-action-checkbox{padding:1.6rem 2rem}.bulk-action-container .bulk-actions{display:flex;flex-direction:row;gap:.4rem}.col-no-padding{padding:0!important}.data-loading{height:var(--impd-size-80);vertical-align:middle;text-align:center}.no-data{vertical-align:middle;text-align:center}.select-row{display:flex;height:var(--impd-size-4);align-items:center;justify-items:end;border-radius:var(--impd-border-radius-default)}.heading-with-checkbox{padding-left:5px;padding-right:10px}.actions-column{width:.1%;white-space:nowrap}tr.impdc-table-collapsible-content-row:has(>td>div.impdc-table-collapsible-content-container.collapse:not(.show)){display:none}tr:has(td.impdc-table-collapsible-content-row-button-container),tr.impdc-table-collapsible-content-row{transition:background-color .35s ease-in-out}tr:has(td.impdc-table-collapsible-content-row-button-container.opened),tr.impdc-table-collapsible-content-row.opened{background-color:var(--impd-color-gray-50)}tr.impdc-table-collapsible-row-trigger{cursor:pointer}table ::ng-deep tbody>tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-5);padding-right:var(--impd-size-1);width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container{padding-left:var(--impd-size-5);padding-right:0;width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container:empty{padding:0}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-3);width:var(--impd-size-8)}.impdc-table-collapsible-content-row-button{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:var(--impd-size-5);justify-content:center;padding:0;width:var(--impd-size-5);box-shadow:none}.impdc-table-collapsible-content-row-button:hover,.impdc-table-collapsible-content-row-button:focus,.impdc-table-collapsible-content-row-button:active{background-color:var(--impd-color-gray-100)}.impdc-table-collapsible-content-row-button impdc-icon{line-height:1}.impdc-table-collapsible-content-row-button>span.fa-chevron-right{font-size:1.6rem;transition:transform .35s}table.table-striped>tbody>tr:nth-of-type(4n+3)>*{--impartner-hex-table-bg-type: var(--impd-color-gray-50)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BrandedDirective, selector: "[impdcBranded]" }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "component", type: CheckboxComponent, selector: "impdc-checkbox", inputs: ["tabIndex", "id", "label", "description", "isSwitch", "switchIcons", "inline", "layout", "checked", "indeterminate", "disabled", "errorStateMatcher", "required"], outputs: ["change", "indeterminateChange"], exportAs: ["impdcCheckControl"] }, { kind: "component", type: SelectOptionComponent, selector: "impdc-select-option", inputs: ["value", "label", "disabled"] }, { kind: "component", type: SelectComponent, selector: "impdc-select", inputs: ["disabled", "tabIndex", "search", "placeholder", "required", "compareWith", "dropdownContainer", "errorStateMatcher", "allowClear", "multiple", "multipleDisplay"], outputs: ["selectionChange", "valueChange", "searchTextChanges"], exportAs: ["impdcSelect"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SpinnerComponent, selector: "impdc-spinner, div[impdc-spinner]", inputs: ["accessibilityText"] }, { kind: "component", type: BadgeComponent, selector: "impdc-badge, [impdc-badge]", inputs: ["text", "icon", "theme", "size", "hideBg", "rounded", "dismissable"], outputs: ["dismiss"] }, { kind: "directive", type: CollapseMonitorDirective, selector: "[impdcCollapseMonitor]", outputs: ["collapseChange"], exportAs: ["impdcCollapseMonitor"] }, { kind: "directive", type: TableDirective, selector: "table[impdcTable]", inputs: ["striped", "hover", "layout"] }, { kind: "component", type: ColumnHeadingComponent, selector: "impdc-column-heading", inputs: ["isSortable", "columnIndex", "sortColumnIndex", "direction", "text"], outputs: ["sort"] }, { kind: "directive", type: TableInjectComponentDirective, selector: "[impdcTableInjectComponent]", inputs: ["columnDef", "value", "rowItem", "customCellComponents"] }, { kind: "component", type: RowActionsComponent, selector: "impdc-row-actions", inputs: ["columnDef", "rowItem", "lastColumn"], outputs: ["actionClick"] }] }); }
|
|
7882
7882
|
}
|
|
7883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableComponent, decorators: [{
|
|
7884
7884
|
type: Component,
|
|
7885
|
-
args: [{ selector: 'impdc-table', template: "@if (tableData) {\n<table\n impdcTable\n [striped]=\"striped && !collapsibleTemplate\"\n [layout]=\"layout\"\n [hover]=\"hover\">\n <thead>\n @if (!!bulkActions) {\n <tr>\n <th [attr.colspan]=\"tableSpan\" scope=\"col\" class=\"bulk-action-column\">\n <ng-content select=\"impdc-table-bulk-actions\"></ng-content>\n <ng-content select=\"[impdcTableBulkActions]\"></ng-content>\n </th>\n </tr>\n }\n <tr>\n @if (collapsibleTemplate) {\n <th\n scope=\"col\"\n [class.heading-below-bulk-actions]=\"!!bulkActions\"\n class=\"impdc-table-collapsible-content-row-button-container\"></th>\n } @if (canSelectRows) {\n <th\n scope=\"col\"\n class=\"impdc-table-selectable-row-toggle-container\"\n [ngClass]=\"{\n 'heading-below-bulk-actions': !!bulkActions\n }\">\n @if (canSelectAllRows) {\n <div>\n <impdc-checkbox\n ngModel\n [checked]=\"allSelected\"\n [indeterminate]=\"someSelected\"\n (change)=\"handleSelectAll($event)\"></impdc-checkbox>\n </div>\n }\n </th>\n } @for (columnDef of columnDefs; track columnDef; let columnIndex =\n $index) {\n <th\n scope=\"col\"\n [ngClass]=\"{\n 'sorted-column': isSortedColumn(columnIndex),\n 'sortable-column': columnDef.sorted,\n 'heading-below-bulk-actions': !!bulkActions\n }\"\n (click)=\"handleSort(columnIndex)\">\n <impdc-column-heading\n [isSortable]=\"columnDef.sorted || false\"\n [columnIndex]=\"columnIndex\"\n [sortColumnIndex]=\"sortColumnIndex\"\n [direction]=\"sortDirection\"\n [text]=\"columnDef.title\"\n (sort)=\"handleSort($event)\">\n </impdc-column-heading>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @if (loading) {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"data-loading\">\n <impdc-spinner></impdc-spinner>\n </td>\n </tr>\n } @else { @for (row of tableData; track row.id; let rowIndex = $index; let\n rowFirst = $first; let rowLast = $last; let rowEven = $even; let rowOdd =\n $odd) { @if (getCollapsibleTemplateForRow(row); as\n collapsibleTemplateForRow) {\n <tr\n [class.impdc-table-collapsible-row-trigger]=\"collapsibleTrigger === 'row'\"\n [class.table-active]=\"isRowSelected(row.id)\"\n (click)=\"\n tryToggleCollapse(collapsibleTemplateForRow, ngbCollapse, $event, 'row')\n \">\n @if (collapsibleTemplate) {\n <td\n class=\"impdc-table-collapsible-content-row-button-container\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <button\n type=\"button\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'button'\n )\n \"\n class=\"impdc-table-collapsible-content-row-button btn btn-link\">\n <span\n class=\"far fa-chevron-right\"\n [class.fa-rotate-90]=\"!collapseMonitor.ngbCollapsing()\"></span>\n </button>\n </div>\n }\n </td>\n } @if (canSelectRows) {\n <td class=\"impdc-table-selectable-row-toggle-container\">\n <div class=\"select-column\">\n <impdc-checkbox\n [ngModel]=\"isRowSelected(row.id)\"\n (change)=\"handleRowSelect($event, row.id)\"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n </div>\n </td>\n }\n <td\n *ngFor=\"let columnDef of columnDefs; index as colIndex; last as isLast\"\n [ngClass]=\"{\n 'col-no-padding': !!columnDef.noPadding,\n 'actions-column': columnDef.columnType === cellType.Actions\n }\">\n <div>\n @switch (columnDef.columnType) { @case (cellType.Badge) {\n <span>\n <impdc-badge\n [text]=\"getStringValue(colIndex, row)\"\n [theme]=\"getTheme(columnDef, row)\">\n </impdc-badge>\n </span>\n } @case (cellType.Link) {\n <span (click)=\"handleLinkClick(colIndex, row, $event)\">\n @if (!branded) {\n <a class=\"link-primary\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a impdcBranded>\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Url) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Email) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"'mailto:' + getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n [attr.href]=\"getMailToValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n } @case (cellType.Input) {\n <span>\n <input\n impdcInput\n type=\"text\"\n class=\"{{ getCellColor(columnDef, row) }}\"\n [ngModel]=\"getValue(colIndex, row)\"\n (ngModelChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event)\n \"\n (click)=\"$event.stopPropagation()\" />\n </span>\n } @case (cellType.Boolean) {\n <span>\n @if (columnDef.disabled && getValue(colIndex, row) === 'true') {\n <span\n impdc-icon\n name=\"check\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n } @else if (!columnDef.disabled) {\n <impdc-checkbox\n [checked]=\"getValue(colIndex, row) === 'true'\"\n [isSwitch]=\"true\"\n (change)=\"\n handleCellValueChange(colIndex, rowIndex, $event.checked)\n \"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n }\n </span>\n } @case (cellType.SingleSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n allowClear=\"true\"\n (selectionChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event.value)\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of (columnDef.values || []); track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n } @case (cellType.MultiSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n multiple=\"true\"\n (selectionChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event.value)\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of (columnDef.values || []); track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n } @case (cellType.CellRender) {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n <ng-template\n impdcTableInjectComponent\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [customCellComponents]=\"customCellComponents || {}\"\n [value]=\"getRawValue(colIndex, row)\"></ng-template>\n </span>\n } @case (cellType.Icon) {\n <span>\n <span\n impdc-icon\n [name]=\"columnDef.iconName\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n </span>\n } @case (cellType.Actions) {\n <span>\n <!-- will always return 'true', but needed to satisfy the type engine -->\n @if (columnDefIsActions(columnDef)) {\n <impdc-row-actions\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [lastColumn]=\"isLast\"\n (actionClick)=\"handleActionClick(colIndex, row, $event)\"\n (click)=\"$event.stopPropagation()\"></impdc-row-actions>\n }\n </span>\n } @default {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n {{ getValue(colIndex, row) }}\n </span>\n } }\n </div>\n </td>\n </tr>\n <tr\n class=\"impdc-table-collapsible-content-row\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n <td class=\"w-100 p-0\" [attr.colspan]=\"tableSpan\">\n <div\n class=\"impdc-table-collapsible-content-container\"\n #ngbCollapse=\"ngbCollapse\"\n #collapseMonitor=\"impdcCollapseMonitor\"\n [impdcCollapseMonitor]=\"true\"\n (collapseChange)=\"rowCollapseChange.emit({ row, collapsed: $event })\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <ng-container\n *ngTemplateOutlet=\"\n collapsibleTemplateForRow.template;\n context: {\n $implicit: row,\n collapsed: collapseMonitor.collapsed(),\n selected: isRowSelected(row.id),\n index: rowIndex,\n first: !!rowFirst,\n last: !!rowLast,\n even: !!rowEven,\n odd: !!rowOdd\n }\n \"></ng-container>\n </div>\n }\n </div>\n </td>\n </tr>\n } } @empty {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"no-data\">\n <ng-content select=\"[noData]\"></ng-content>\n </td>\n </tr>\n } }\n </tbody>\n <tfoot>\n @if (paginationComponent) {\n <tr>\n <td [attr.colspan]=\"tableSpan\">\n <ng-content\n select=\"impdc-pagination, div[impdc-pagination]\"></ng-content>\n </td>\n </tr>\n }\n </tfoot>\n</table>\n}\n", styles: [".bulk-action-container{display:flex;flex-direction:row;border:1px solid var(--impd-color-gray-200);border-top-left-radius:.6rem;border-top-right-radius:.6rem;border-bottom:0px}.bulk-action-container .bulk-action-checkbox{padding:1.6rem 2rem}.bulk-action-container .bulk-actions{display:flex;flex-direction:row;gap:.4rem}.col-no-padding{padding:0!important}.data-loading{height:var(--impd-size-80);vertical-align:middle;text-align:center}.no-data{vertical-align:middle;text-align:center}.select-row{display:flex;height:var(--impd-size-4);align-items:center;justify-items:end;border-radius:var(--impd-border-radius-default)}.heading-with-checkbox{padding-left:5px;padding-right:10px}.actions-column{width:.1%;white-space:nowrap}tr.impdc-table-collapsible-content-row:has(>td>div.impdc-table-collapsible-content-container.collapse:not(.show)){display:none}tr:has(td.impdc-table-collapsible-content-row-button-container),tr.impdc-table-collapsible-content-row{transition:background-color .35s ease-in-out}tr:has(td.impdc-table-collapsible-content-row-button-container.opened),tr.impdc-table-collapsible-content-row.opened{background-color:var(--impd-color-gray-50)}tr.impdc-table-collapsible-row-trigger{cursor:pointer}table ::ng-deep tbody>tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-5);padding-right:var(--impd-size-1);width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container{padding-left:var(--impd-size-5);padding-right:0;width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container:empty{padding:0}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-3);width:var(--impd-size-8)}.impdc-table-collapsible-content-row-button{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:var(--impd-size-5);justify-content:center;padding:0;width:var(--impd-size-5);box-shadow:none}.impdc-table-collapsible-content-row-button:hover,.impdc-table-collapsible-content-row-button:focus,.impdc-table-collapsible-content-row-button:active{background-color:var(--impd-color-gray-100)}.impdc-table-collapsible-content-row-button impdc-icon{line-height:1}.impdc-table-collapsible-content-row-button>span.fa-chevron-right{font-size:1.6rem;transition:transform .35s}table.table-striped>tbody>tr:nth-of-type(4n+3)>*{--impartner-hex-table-bg-type: var(--impd-color-gray-50)}\n"] }]
|
|
7885
|
+
args: [{ selector: 'impdc-table', template: "@if (tableData) {\n <table\n impdcTable\n [striped]=\"striped && !collapsibleTemplate\"\n [layout]=\"layout\"\n [hover]=\"hover\">\n <thead>\n @if (!!bulkActions) {\n <tr>\n <th [attr.colspan]=\"tableSpan\" scope=\"col\" class=\"bulk-action-column\">\n <ng-content select=\"impdc-table-bulk-actions\"></ng-content>\n <ng-content select=\"[impdcTableBulkActions]\"></ng-content>\n </th>\n </tr>\n }\n <tr>\n @if (collapsibleTemplate) {\n <th\n scope=\"col\"\n [class.heading-below-bulk-actions]=\"!!bulkActions\"\n class=\"impdc-table-collapsible-content-row-button-container\"></th>\n }\n @if (canSelectRows) {\n <th\n scope=\"col\"\n class=\"impdc-table-selectable-row-toggle-container\"\n [ngClass]=\"{\n 'heading-below-bulk-actions': !!bulkActions\n }\">\n @if (canSelectAllRows) {\n <div>\n <impdc-checkbox\n ngModel\n [checked]=\"allSelected\"\n [indeterminate]=\"someSelected\"\n (change)=\"handleSelectAll($event)\"></impdc-checkbox>\n </div>\n }\n </th>\n }\n @for (\n columnDef of columnDefs;\n track columnDef;\n let columnIndex = $index\n ) {\n <th\n scope=\"col\"\n [ngClass]=\"{\n 'sorted-column': isSortedColumn(columnIndex),\n 'sortable-column': columnDef.sorted,\n 'heading-below-bulk-actions': !!bulkActions\n }\"\n (click)=\"handleSort(columnIndex)\">\n <impdc-column-heading\n [isSortable]=\"columnDef.sorted || false\"\n [columnIndex]=\"columnIndex\"\n [sortColumnIndex]=\"sortColumnIndex\"\n [direction]=\"sortDirection\"\n [text]=\"columnDef.title\"\n (sort)=\"handleSort($event)\">\n </impdc-column-heading>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @if (loading) {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"data-loading\">\n <impdc-spinner></impdc-spinner>\n </td>\n </tr>\n } @else {\n @for (\n row of tableData;\n track row.id;\n let rowIndex = $index;\n let rowFirst = $first;\n let rowLast = $last;\n let rowEven = $even;\n let rowOdd = $odd\n ) {\n @if (\n getCollapsibleTemplateForRow(row);\n as collapsibleTemplateForRow\n ) {\n <tr\n [class.impdc-table-collapsible-row-trigger]=\"\n collapsibleTrigger === 'row'\n \"\n [class.table-active]=\"isRowSelected(row.id)\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'row'\n )\n \">\n @if (collapsibleTemplate) {\n <td\n class=\"impdc-table-collapsible-content-row-button-container\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <button\n type=\"button\"\n (click)=\"\n tryToggleCollapse(\n collapsibleTemplateForRow,\n ngbCollapse,\n $event,\n 'button'\n )\n \"\n class=\"impdc-table-collapsible-content-row-button btn btn-link\">\n <span\n class=\"far fa-chevron-right\"\n [class.fa-rotate-90]=\"\n !collapseMonitor.ngbCollapsing()\n \"></span>\n </button>\n </div>\n }\n </td>\n }\n @if (canSelectRows) {\n <td class=\"impdc-table-selectable-row-toggle-container\">\n <div class=\"select-column\">\n <impdc-checkbox\n [ngModel]=\"isRowSelected(row.id)\"\n (change)=\"handleRowSelect($event, row.id)\"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n </div>\n </td>\n }\n <td\n *ngFor=\"\n let columnDef of columnDefs;\n index as colIndex;\n last as isLast\n \"\n [ngClass]=\"{\n 'col-no-padding': !!columnDef.noPadding,\n 'actions-column': columnDef.columnType === cellType.Actions\n }\">\n <div>\n @switch (columnDef.columnType) {\n @case (cellType.Badge) {\n <span>\n <impdc-badge\n [text]=\"getStringValue(colIndex, row)\"\n [theme]=\"getTheme(columnDef, row)\">\n </impdc-badge>\n </span>\n }\n @case (cellType.Link) {\n <span (click)=\"handleLinkClick(colIndex, row, $event)\">\n @if (!branded) {\n <a class=\"link-primary\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a impdcBranded>\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Url) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n target=\"_blank\"\n [attr.href]=\"getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Email) {\n <span>\n @if (!branded) {\n <a\n target=\"_blank\"\n [attr.href]=\"'mailto:' + getValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n } @else {\n <a\n impdcBranded\n [attr.href]=\"getMailToValue(colIndex, row)\"\n (click)=\"$event.stopPropagation()\">\n {{ getValue(colIndex, row) }}\n </a>\n }\n </span>\n }\n @case (cellType.Input) {\n <span>\n <input\n impdcInput\n type=\"text\"\n class=\"{{ getCellColor(columnDef, row) }}\"\n [ngModel]=\"getValue(colIndex, row)\"\n (ngModelChange)=\"\n handleCellValueChange(colIndex, rowIndex, $event)\n \"\n (click)=\"$event.stopPropagation()\" />\n </span>\n }\n @case (cellType.Boolean) {\n <span>\n @if (\n columnDef.disabled &&\n getValue(colIndex, row) === 'true'\n ) {\n <span\n impdc-icon\n name=\"check\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n } @else if (!columnDef.disabled) {\n <impdc-checkbox\n [checked]=\"getValue(colIndex, row) === 'true'\"\n [isSwitch]=\"true\"\n (change)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.checked\n )\n \"\n (click)=\"$event.stopPropagation()\"></impdc-checkbox>\n }\n </span>\n }\n @case (cellType.SingleSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n allowClear=\"true\"\n (selectionChange)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.value\n )\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of columnDef.values || []; track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n }\n @case (cellType.MultiSelect) {\n <span>\n <impdc-select\n [ngModel]=\"getValue(colIndex, row)\"\n [disabled]=\"columnDef.disabled || false\"\n [placeholder]=\"selectPlaceholder\"\n multiple=\"true\"\n (selectionChange)=\"\n handleCellValueChange(\n colIndex,\n rowIndex,\n $event.value\n )\n \"\n (click)=\"$event.stopPropagation()\">\n @for (value of columnDef.values || []; track value) {\n <impdc-select-option\n [value]=\"value.value\"\n [label]=\"value.label\"></impdc-select-option>\n }\n </impdc-select>\n </span>\n }\n @case (cellType.CellRender) {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n <ng-template\n impdcTableInjectComponent\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [customCellComponents]=\"customCellComponents || {}\"\n [value]=\"getRawValue(colIndex, row)\"></ng-template>\n </span>\n }\n @case (cellType.Icon) {\n <span>\n <span\n impdc-icon\n [name]=\"columnDef.iconName\"\n class=\"{{ getCellColor(columnDef, row) }}\"></span>\n </span>\n }\n @case (cellType.Actions) {\n <span>\n <!-- will always return 'true', but needed to satisfy the type engine -->\n @if (columnDefIsActions(columnDef)) {\n <impdc-row-actions\n [columnDef]=\"columnDef\"\n [rowItem]=\"row\"\n [lastColumn]=\"isLast\"\n (actionClick)=\"\n handleActionClick(colIndex, row, $event)\n \"\n (click)=\"\n $event.stopPropagation()\n \"></impdc-row-actions>\n }\n </span>\n }\n @default {\n <span class=\"{{ getCellColor(columnDef, row) }}\">\n {{ getValue(colIndex, row) }}\n </span>\n }\n }\n </div>\n </td>\n </tr>\n <tr\n class=\"impdc-table-collapsible-content-row\"\n [class.opened]=\"!collapseMonitor.ngbCollapsing()\">\n <td class=\"w-100 p-0\" [attr.colspan]=\"tableSpan\">\n <div\n class=\"impdc-table-collapsible-content-container\"\n #ngbCollapse=\"ngbCollapse\"\n #collapseMonitor=\"impdcCollapseMonitor\"\n [impdcCollapseMonitor]=\"true\"\n (collapseChange)=\"\n rowCollapseChange.emit({ row, collapsed: $event })\n \">\n @if (collapsibleTemplateForRow.template) {\n <div>\n <ng-container\n *ngTemplateOutlet=\"\n collapsibleTemplateForRow.template;\n context: {\n $implicit: row,\n collapsed: collapseMonitor.collapsed(),\n selected: isRowSelected(row.id),\n index: rowIndex,\n first: !!rowFirst,\n last: !!rowLast,\n even: !!rowEven,\n odd: !!rowOdd\n }\n \"></ng-container>\n </div>\n }\n </div>\n </td>\n </tr>\n }\n } @empty {\n <tr>\n <td [attr.colspan]=\"tableSpan\" class=\"no-data\">\n <ng-content select=\"[noData]\"></ng-content>\n </td>\n </tr>\n }\n }\n </tbody>\n <tfoot>\n @if (paginationComponent) {\n <tr>\n <td [attr.colspan]=\"tableSpan\">\n <ng-content\n select=\"impdc-pagination, div[impdc-pagination]\"></ng-content>\n </td>\n </tr>\n }\n </tfoot>\n </table>\n}\n", styles: [".bulk-action-container{display:flex;flex-direction:row;border:1px solid var(--impd-color-gray-200);border-top-left-radius:.6rem;border-top-right-radius:.6rem;border-bottom:0px}.bulk-action-container .bulk-action-checkbox{padding:1.6rem 2rem}.bulk-action-container .bulk-actions{display:flex;flex-direction:row;gap:.4rem}.col-no-padding{padding:0!important}.data-loading{height:var(--impd-size-80);vertical-align:middle;text-align:center}.no-data{vertical-align:middle;text-align:center}.select-row{display:flex;height:var(--impd-size-4);align-items:center;justify-items:end;border-radius:var(--impd-border-radius-default)}.heading-with-checkbox{padding-left:5px;padding-right:10px}.actions-column{width:.1%;white-space:nowrap}tr.impdc-table-collapsible-content-row:has(>td>div.impdc-table-collapsible-content-container.collapse:not(.show)){display:none}tr:has(td.impdc-table-collapsible-content-row-button-container),tr.impdc-table-collapsible-content-row{transition:background-color .35s ease-in-out}tr:has(td.impdc-table-collapsible-content-row-button-container.opened),tr.impdc-table-collapsible-content-row.opened{background-color:var(--impd-color-gray-50)}tr.impdc-table-collapsible-row-trigger{cursor:pointer}table ::ng-deep tbody>tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-5);padding-right:var(--impd-size-1);width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container{padding-left:var(--impd-size-5);padding-right:0;width:var(--impd-size-10)}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container:empty,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container:empty{padding:0}table ::ng-deep tbody>tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>td.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep thead>tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container,table ::ng-deep tr>th.impdc-table-collapsible-content-row-button-container+.impdc-table-selectable-row-toggle-container{padding-left:var(--impd-size-3);width:var(--impd-size-8)}.impdc-table-collapsible-content-row-button{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:var(--impd-size-5);justify-content:center;padding:0;width:var(--impd-size-5);box-shadow:none}.impdc-table-collapsible-content-row-button:hover,.impdc-table-collapsible-content-row-button:focus,.impdc-table-collapsible-content-row-button:active{background-color:var(--impd-color-gray-100)}.impdc-table-collapsible-content-row-button impdc-icon{line-height:1}.impdc-table-collapsible-content-row-button>span.fa-chevron-right{font-size:1.6rem;transition:transform .35s}table.table-striped>tbody>tr:nth-of-type(4n+3)>*{--impartner-hex-table-bg-type: var(--impd-color-gray-50)}\n"] }]
|
|
7886
7886
|
}], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.PercentPipe }, { type: i1.DecimalPipe }, { type: i0.ChangeDetectorRef }, { type: BrandedDirective, decorators: [{
|
|
7887
7887
|
type: Optional
|
|
7888
7888
|
}, {
|
|
@@ -7938,11 +7938,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7938
7938
|
}] } });
|
|
7939
7939
|
|
|
7940
7940
|
class SpinnerModule {
|
|
7941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7942
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7943
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7942
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: SpinnerModule, declarations: [SpinnerComponent], imports: [CommonModule], exports: [SpinnerComponent] }); }
|
|
7943
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SpinnerModule, imports: [CommonModule] }); }
|
|
7944
7944
|
}
|
|
7945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7945
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SpinnerModule, decorators: [{
|
|
7946
7946
|
type: NgModule,
|
|
7947
7947
|
args: [{
|
|
7948
7948
|
imports: [CommonModule],
|
|
@@ -7953,8 +7953,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
7953
7953
|
|
|
7954
7954
|
class TableModule {
|
|
7955
7955
|
constructor() { }
|
|
7956
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7957
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7957
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: TableModule, declarations: [CollapseMonitorDirective,
|
|
7958
7958
|
TableDirective,
|
|
7959
7959
|
TableComponent,
|
|
7960
7960
|
ColumnHeadingComponent,
|
|
@@ -7980,7 +7980,7 @@ class TableModule {
|
|
|
7980
7980
|
TableInjectComponentDirective,
|
|
7981
7981
|
BrandingModule,
|
|
7982
7982
|
RowActionsComponent] }); }
|
|
7983
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7983
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableModule, providers: [DatePipe, PercentPipe, DecimalPipe], imports: [CommonModule,
|
|
7984
7984
|
ButtonModule,
|
|
7985
7985
|
PaginationModule,
|
|
7986
7986
|
IconModule,
|
|
@@ -7995,7 +7995,7 @@ class TableModule {
|
|
|
7995
7995
|
IconModule,
|
|
7996
7996
|
BrandingModule] }); }
|
|
7997
7997
|
}
|
|
7998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TableModule, decorators: [{
|
|
7999
7999
|
type: NgModule,
|
|
8000
8000
|
args: [{
|
|
8001
8001
|
imports: [
|
|
@@ -8257,10 +8257,10 @@ class ModalComponent {
|
|
|
8257
8257
|
_disableEventHandling() {
|
|
8258
8258
|
this._closed$.next();
|
|
8259
8259
|
}
|
|
8260
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8260
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalComponent, deps: [{ token: InteractionService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8261
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ModalComponent, selector: "impdc-modal", inputs: { show: "show", theme: "theme", size: "size", iconName: "iconName", iconTheme: "iconTheme", titleText: "titleText", acceptText: "acceptText", dismissable: "dismissable", fade: "fade", backdrop: "backdrop", noFallback: "noFallback" }, outputs: { dismiss: "dismiss", deny: "deny", accept: "accept" }, host: { attributes: { "tabindex": "-1" }, properties: { "class.fade": "fade", "class.in": "fade && shown", "class.show": "shown", "class.dismissable": "dismissable" }, classAttribute: "impdc modal" }, viewQueries: [{ propertyName: "_dialogElementRef", first: true, predicate: ["dialogElement"], descendants: true }, { propertyName: "dismissEl", first: true, predicate: ["dismissEl"], descendants: true }, { propertyName: "denyEl", first: true, predicate: ["denyEl"], descendants: true }, { propertyName: "acceptEl", first: true, predicate: ["acceptEl"], descendants: true }], ngImport: i0, template: "<div\n #dialogElement\n *ngIf=\"valid\"\n class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable modal-theme-{{\n theme\n }}\"\n [class.modal-sm]=\"size === 'sm'\"\n [class.modal-lg]=\"size === 'lg'\"\n [class.modal-xl]=\"size === 'xl'\"\n [class.modal-fullscreen]=\"size === 'fs'\"\n [class.modal-fullscreen-lg-down]=\"size !== 'fs'\">\n <div class=\"modal-content\">\n <div *ngIf=\"showDestructiveIcon\" class=\"modal-icon\">\n <span impdc-icon [name]=\"iconName\" [theme]=\"iconTheme\"></span>\n </div>\n <div #header class=\"modal-header\" [class.hide]=\"hideHeader\">\n <h3 class=\"modal-title\">\n <span *ngIf=\"showWorkingIcon\" class=\"modal-icon\">\n <span impdc-icon [name]=\"iconName\" [theme]=\"iconTheme\"></span>\n </span>\n <span>{{ titleText }}</span>\n </h3>\n <button\n impdcButton\n *ngIf=\"dismissable\"\n theme=\"close\"\n (click)=\"handleDismiss($event); $event.stopPropagation()\"></button>\n </div>\n <div #bodyEl class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div #footer class=\"modal-footer\">\n <span\n #dismissEl\n *ngIf=\"dismissable\"\n [class.hide]=\"!dismissEl.children.length\"\n (click)=\"handleDismiss($event); $event.stopPropagation()\">\n <ng-content select=\"[dismiss]\"></ng-content>\n </span>\n <span\n #denyEl\n [class.hide]=\"!denyEl.children.length\"\n (click)=\"handleDeny($event); $event.stopPropagation()\">\n <ng-content select=\"[deny]\"></ng-content>\n </span>\n <span\n #acceptEl\n [class.hide]=\"!acceptEl.children.length\"\n (click)=\"handleAccept($event); $event.stopPropagation()\">\n <ng-content select=\"[accept]\"></ng-content>\n </span>\n <span\n #acceptFallbackEl\n *ngIf=\"!noFallback && !acceptEl.children.length\"\n (click)=\"handleAccept($event); $event.stopPropagation()\">\n <button\n impdcButton\n [text]=\"acceptText\"\n [theme]=\"acceptFallbackTheme\"></button>\n </span>\n </div>\n </div>\n</div>\n", styles: [":host{-webkit-user-select:none;user-select:none}:host .modal-icon{display:inline-flex;justify-content:center;align-items:center;height:40px;width:40px;color:var(--impd-color-gray-500);background:var(--impd-color-gray-100);border-radius:50%;flex-shrink:0}:host .modal-icon .fa,:host .modal-icon .fa-brands,:host .modal-icon .fa-duotone,:host .modal-icon .fa-light,:host .modal-icon .fa-regular,:host .modal-icon .fa-solid,:host .modal-icon .fa-thin,:host .modal-icon .fab,:host .modal-icon .fad,:host .modal-icon .fal,:host .modal-icon .far,:host .modal-icon .fas,:host .modal-icon .fat{line-height:var(--impartner-hex-modal-title-line-height)}:host.fade.in{background-color:transparent}:host.show{display:block;opacity:1}:host:not(.show),:host.hide,:host .hide{display:none}:host.dismissable{cursor:pointer}:host.dismissable .modal-dialog{cursor:default}:host .modal-dialog{cursor:default;-webkit-user-select:auto;user-select:auto}:host .modal-theme-simple .modal-header,:host .modal-theme-destructive .modal-header{border:0;padding-bottom:0}:host .modal-theme-simple .modal-body,:host .modal-theme-destructive .modal-body{padding:calc(var(--impartner-hex-modal-padding) * .5) var(--impartner-hex-modal-padding) var(--impartner-hex-modal-padding)}:host .modal-theme-simple .modal-footer,:host .modal-theme-destructive .modal-footer{border:0;padding-top:0}:host .modal-theme-working .modal-footer{padding:calc(var(--impartner-hex-modal-padding) * .5 - var(--impartner-hex-modal-footer-gap) * .5) calc(var(--impartner-hex-modal-padding) - var(--impartner-hex-modal-footer-gap) * .5)}:host .modal-theme-destructive .modal-content{display:grid;grid-template-areas:\"modal-icon modal-header\" \"modal-icon modal-body\" \"modal-footer modal-footer\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto}:host .modal-theme-destructive .modal-content>.modal-icon{grid-area:modal-icon;margin:var(--impartner-hex-modal-header-padding);margin-right:0;margin-bottom:0}:host .modal-theme-destructive .modal-content>.modal-header{grid-area:modal-header;padding-left:16px;margin-top:8px;justify-content:unset}:host .modal-theme-destructive .modal-content>.modal-body{grid-area:modal-body;padding-left:16px}:host .modal-theme-destructive .modal-content>.modal-footer{grid-area:modal-footer}:host .modal-theme-destructive .modal-icon{color:var(--impd-color-red-600);background:var(--impd-color-red-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
8262
8262
|
}
|
|
8263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalComponent, decorators: [{
|
|
8264
8264
|
type: Component,
|
|
8265
8265
|
args: [{ selector: 'impdc-modal', host: {
|
|
8266
8266
|
class: 'impdc modal',
|
|
@@ -8351,21 +8351,21 @@ class BackdropComponent {
|
|
|
8351
8351
|
validate() {
|
|
8352
8352
|
this._valid = true;
|
|
8353
8353
|
}
|
|
8354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8355
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropComponent, deps: [{ token: InteractionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8355
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BackdropComponent, selector: "impdc-backdrop", ngImport: i0, template: "<div *ngIf=\"valid\" class=\"impdc modal-backdrop fade\" [class.show]=\"show\"></div>\n", styles: [".impdc.modal-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.impdc.modal-backdrop.fade{transition:opacity .3s linear}.impdc.modal-backdrop:not(.show){height:0;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8356
8356
|
}
|
|
8357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropComponent, decorators: [{
|
|
8358
8358
|
type: Component,
|
|
8359
8359
|
args: [{ selector: 'impdc-backdrop', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"valid\" class=\"impdc modal-backdrop fade\" [class.show]=\"show\"></div>\n", styles: [".impdc.modal-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.impdc.modal-backdrop.fade{transition:opacity .3s linear}.impdc.modal-backdrop:not(.show){height:0;opacity:0;pointer-events:none}\n"] }]
|
|
8360
8360
|
}], ctorParameters: () => [{ type: InteractionService }, { type: i0.ChangeDetectorRef }] });
|
|
8361
8361
|
|
|
8362
8362
|
class BackdropModule {
|
|
8363
8363
|
constructor() { }
|
|
8364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8365
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8366
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8365
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, declarations: [BackdropComponent], imports: [CommonModule], exports: [BackdropComponent] }); }
|
|
8366
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, imports: [CommonModule] }); }
|
|
8367
8367
|
}
|
|
8368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BackdropModule, decorators: [{
|
|
8369
8369
|
type: NgModule,
|
|
8370
8370
|
args: [{
|
|
8371
8371
|
imports: [CommonModule],
|
|
@@ -8376,19 +8376,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
8376
8376
|
|
|
8377
8377
|
class ModalModule {
|
|
8378
8378
|
constructor() { }
|
|
8379
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8380
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8380
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ModalModule, declarations: [ModalComponent], imports: [CommonModule,
|
|
8381
8381
|
FormsModule,
|
|
8382
8382
|
BackdropModule,
|
|
8383
8383
|
ButtonModule,
|
|
8384
8384
|
IconModule], exports: [BackdropModule, ButtonModule, IconModule, ModalComponent] }); }
|
|
8385
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8385
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalModule, imports: [CommonModule,
|
|
8386
8386
|
FormsModule,
|
|
8387
8387
|
BackdropModule,
|
|
8388
8388
|
ButtonModule,
|
|
8389
8389
|
IconModule, BackdropModule, ButtonModule, IconModule] }); }
|
|
8390
8390
|
}
|
|
8391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalModule, decorators: [{
|
|
8392
8392
|
type: NgModule,
|
|
8393
8393
|
args: [{
|
|
8394
8394
|
imports: [
|
|
@@ -8433,10 +8433,10 @@ class ProgressBarComponent {
|
|
|
8433
8433
|
*/
|
|
8434
8434
|
this.progressPercentage = 0;
|
|
8435
8435
|
}
|
|
8436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8437
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ProgressBarComponent, selector: "impdc-progress-bar", inputs: { labelText: "labelText", statusText: "statusText", barColor: "barColor", darkText: "darkText", progressPercentage: "progressPercentage" }, ngImport: i0, template: "<div class=\"progress-container\">\n <div class=\"progress-text\" [ngClass]=\"textClass\">\n <div class=\"text-left\">\n {{ labelText }}\n </div>\n <div class=\"text-right\">\n {{ statusText }}\n </div>\n </div>\n <div class=\"bar-bg\">\n <div\n [ngStyle]=\"{ 'background-color': barColor }\"\n class=\"bar\"\n role=\"progressbar\"\n [style.width.%]=\"progressPercentage\"\n [attr.aria-valuenow]=\"progressPercentage\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"></div>\n </div>\n</div>\n", styles: [".progress-container{width:100%;display:flex;flex-direction:column}.progress-container .progress-text{color:#000;display:flex;flex-direction:row;font-size:1.4rem;padding:0 .2rem .5rem}.progress-container .dark-progress-text{color:var(--impartner-hex-gray-900)}.progress-container .light-progress-text{color:var(--impartner-hex-gray-600)}.progress-container .text-left{flex-grow:1}.progress-container .bar-bg{height:1rem;overflow:hidden;border-bottom-right-radius:.6rem;background-color:#e5e7eb;border-radius:6rem}.progress-container .bar{height:1rem;overflow:hidden;background-color:#1d4ed8;border-radius:6rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
8438
8438
|
}
|
|
8439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
8440
8440
|
type: Component,
|
|
8441
8441
|
args: [{ selector: 'impdc-progress-bar', template: "<div class=\"progress-container\">\n <div class=\"progress-text\" [ngClass]=\"textClass\">\n <div class=\"text-left\">\n {{ labelText }}\n </div>\n <div class=\"text-right\">\n {{ statusText }}\n </div>\n </div>\n <div class=\"bar-bg\">\n <div\n [ngStyle]=\"{ 'background-color': barColor }\"\n class=\"bar\"\n role=\"progressbar\"\n [style.width.%]=\"progressPercentage\"\n [attr.aria-valuenow]=\"progressPercentage\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"></div>\n </div>\n</div>\n", styles: [".progress-container{width:100%;display:flex;flex-direction:column}.progress-container .progress-text{color:#000;display:flex;flex-direction:row;font-size:1.4rem;padding:0 .2rem .5rem}.progress-container .dark-progress-text{color:var(--impartner-hex-gray-900)}.progress-container .light-progress-text{color:var(--impartner-hex-gray-600)}.progress-container .text-left{flex-grow:1}.progress-container .bar-bg{height:1rem;overflow:hidden;border-bottom-right-radius:.6rem;background-color:#e5e7eb;border-radius:6rem}.progress-container .bar{height:1rem;overflow:hidden;background-color:#1d4ed8;border-radius:6rem}\n"] }]
|
|
8442
8442
|
}], ctorParameters: () => [], propDecorators: { labelText: [{
|
|
@@ -8452,11 +8452,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
8452
8452
|
}] } });
|
|
8453
8453
|
|
|
8454
8454
|
class ProgressBarModule {
|
|
8455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8456
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8457
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8456
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent], imports: [CommonModule], exports: [ProgressBarComponent] }); }
|
|
8457
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] }); }
|
|
8458
8458
|
}
|
|
8459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ProgressBarModule, decorators: [{
|
|
8460
8460
|
type: NgModule,
|
|
8461
8461
|
args: [{
|
|
8462
8462
|
imports: [CommonModule],
|
|
@@ -8472,10 +8472,10 @@ class DropdownItemComponent {
|
|
|
8472
8472
|
*/
|
|
8473
8473
|
this.divider = false;
|
|
8474
8474
|
}
|
|
8475
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8476
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8475
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8476
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DropdownItemComponent, selector: "impdc-dropdown-item", inputs: { divider: "divider" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }); }
|
|
8477
8477
|
}
|
|
8478
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8478
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownItemComponent, decorators: [{
|
|
8479
8479
|
type: Component,
|
|
8480
8480
|
args: [{ selector: 'impdc-dropdown-item', template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
8481
8481
|
}], propDecorators: { divider: [{
|
|
@@ -8575,10 +8575,10 @@ class DropdownComponent {
|
|
|
8575
8575
|
this.show = false;
|
|
8576
8576
|
this.toggle.emit(this.show);
|
|
8577
8577
|
}
|
|
8578
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8579
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownComponent, deps: [{ token: InteractionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DropdownComponent, selector: "impdc-dropdown, [impdc-dropdown]", inputs: { show: "show", buttonTheme: "buttonTheme", buttonText: "buttonText", position: "position", split: "split" }, outputs: { toggle: "toggle", buttonClick: "buttonClick" }, host: { listeners: { "click": "handleHostClick()", "document:click": "handleDocumentClick()" }, properties: { "class.btn-group": "this.classBtnGroup", "class.dropdown": "this.classDropdown", "class.dropend": "this.classDropend", "class.dropstart": "this.classDropstart", "class.dropup": "this.classDropup" } }, queries: [{ propertyName: "items", predicate: DropdownItemComponent }], exportAs: ["impdcDropdown"], ngImport: i0, template: "<ng-container *ngIf=\"!linkEl.children.length\">\n <button\n *ngIf=\"!split; else splitTemplate\"\n impdcButton\n [theme]=\"buttonTheme\"\n [text]=\"buttonText\"\n class=\"dropdown-toggle\"\n [class.show]=\"show\"\n data-bs-toggle=\"dropdown\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\"></button>\n\n <ng-template #splitTemplate>\n <button\n impdcButton\n [theme]=\"buttonTheme\"\n [text]=\"buttonText\"\n (click)=\"handleButtonClick($event)\"></button>\n <button\n impdcButton\n [theme]=\"buttonTheme\"\n class=\"dropdown-toggle dropdown-toggle-split\"\n [class.show]=\"show\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\">\n <span class=\"visually-hidden\">Toggle Dropdown</span>\n </button>\n </ng-template>\n</ng-container>\n\n<ul\n class=\"dropdown-menu\"\n [class.dropdown-menu-end]=\"false\"\n [class.show]=\"show\"\n (click)=\"$event.stopPropagation()\">\n <!-- <li *ngIf=\"headerText\">\n <h6 class=\"dropdown-header\">{{ headerText }}</h6>\n </li> -->\n <li *ngFor=\"let item of items\">\n <span *ngIf=\"!item.divider; else dividerTemplate\" class=\"dropdown-item\">\n <ng-content *ngTemplateOutlet=\"item.template\"></ng-content>\n </span>\n </li>\n</ul>\n\n<ng-template #dividerTemplate>\n <hr class=\"dropdown-divider\" />\n</ng-template>\n\n<a\n #linkEl\n class=\"impdc-dropdown-link\"\n [class.hide]=\"!linkEl.children.length\"\n [class.impdc-dropdown-open]=\"show\"\n data-bs-toggle=\"dropdown\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\">\n <ng-content select=\"[toggle]\"></ng-content>\n</a>\n", styles: [".impdc-dropdown-link{position:relative;padding:.8rem 1.6rem;border-radius:6px;font-size:14px;line-height:18px;font-weight:500}.impdc-dropdown-link.impdc-dropdown-open,.impdc-dropdown-link:active,.impdc-dropdown-link:focus{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.impdc-dropdown-link.hide{display:none}:host-context(.impdc-form-field-wrapper.input-group)>:host>.btn{border-top:none;border-bottom:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:first-child>.btn:first-of-type{border-left:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:last-child>.btn:last-of-type{border-right:none}:host-context(.input-group)>:host:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}:host-context(.input-group:not(.has-validation))>:host:not(:last-child)>.btn,:host-context(.input-group:not(.has-validation))>:host:last-child>.btn:not(:last-of-type),:host-context(.input-group.has-validation)>:host:nth-last-child(n+3)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }] }); }
|
|
8580
8580
|
}
|
|
8581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
8582
8582
|
type: Component,
|
|
8583
8583
|
args: [{ selector: 'impdc-dropdown, [impdc-dropdown]', exportAs: 'impdcDropdown', template: "<ng-container *ngIf=\"!linkEl.children.length\">\n <button\n *ngIf=\"!split; else splitTemplate\"\n impdcButton\n [theme]=\"buttonTheme\"\n [text]=\"buttonText\"\n class=\"dropdown-toggle\"\n [class.show]=\"show\"\n data-bs-toggle=\"dropdown\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\"></button>\n\n <ng-template #splitTemplate>\n <button\n impdcButton\n [theme]=\"buttonTheme\"\n [text]=\"buttonText\"\n (click)=\"handleButtonClick($event)\"></button>\n <button\n impdcButton\n [theme]=\"buttonTheme\"\n class=\"dropdown-toggle dropdown-toggle-split\"\n [class.show]=\"show\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\">\n <span class=\"visually-hidden\">Toggle Dropdown</span>\n </button>\n </ng-template>\n</ng-container>\n\n<ul\n class=\"dropdown-menu\"\n [class.dropdown-menu-end]=\"false\"\n [class.show]=\"show\"\n (click)=\"$event.stopPropagation()\">\n <!-- <li *ngIf=\"headerText\">\n <h6 class=\"dropdown-header\">{{ headerText }}</h6>\n </li> -->\n <li *ngFor=\"let item of items\">\n <span *ngIf=\"!item.divider; else dividerTemplate\" class=\"dropdown-item\">\n <ng-content *ngTemplateOutlet=\"item.template\"></ng-content>\n </span>\n </li>\n</ul>\n\n<ng-template #dividerTemplate>\n <hr class=\"dropdown-divider\" />\n</ng-template>\n\n<a\n #linkEl\n class=\"impdc-dropdown-link\"\n [class.hide]=\"!linkEl.children.length\"\n [class.impdc-dropdown-open]=\"show\"\n data-bs-toggle=\"dropdown\"\n [attr.aria-expanded]=\"show\"\n (click)=\"handleToggle(); $event.stopPropagation()\">\n <ng-content select=\"[toggle]\"></ng-content>\n</a>\n", styles: [".impdc-dropdown-link{position:relative;padding:.8rem 1.6rem;border-radius:6px;font-size:14px;line-height:18px;font-weight:500}.impdc-dropdown-link.impdc-dropdown-open,.impdc-dropdown-link:active,.impdc-dropdown-link:focus{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.impdc-dropdown-link.hide{display:none}:host-context(.impdc-form-field-wrapper.input-group)>:host>.btn{border-top:none;border-bottom:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:first-child>.btn:first-of-type{border-left:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:last-child>.btn:last-of-type{border-right:none}:host-context(.input-group)>:host:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}:host-context(.input-group:not(.has-validation))>:host:not(:last-child)>.btn,:host-context(.input-group:not(.has-validation))>:host:last-child>.btn:not(:last-of-type),:host-context(.input-group.has-validation)>:host:nth-last-child(n+3)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}\n"] }]
|
|
8584
8584
|
}], ctorParameters: () => [{ type: InteractionService }], propDecorators: { show: [{
|
|
@@ -8623,11 +8623,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
8623
8623
|
|
|
8624
8624
|
class DropdownModule {
|
|
8625
8625
|
constructor() { }
|
|
8626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8627
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8628
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8627
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: DropdownModule, declarations: [DropdownItemComponent, DropdownComponent], imports: [CommonModule, ButtonModule], exports: [ButtonModule, DropdownItemComponent, DropdownComponent] }); }
|
|
8628
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownModule, imports: [CommonModule, ButtonModule, ButtonModule] }); }
|
|
8629
8629
|
}
|
|
8630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownModule, decorators: [{
|
|
8631
8631
|
type: NgModule,
|
|
8632
8632
|
args: [{
|
|
8633
8633
|
imports: [CommonModule, ButtonModule],
|
|
@@ -8712,10 +8712,10 @@ class AlertComponent {
|
|
|
8712
8712
|
this.show = false;
|
|
8713
8713
|
this.dismiss.emit();
|
|
8714
8714
|
}
|
|
8715
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8716
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AlertComponent, selector: "impdc-alert, [impdc-alert]", inputs: { theme: "theme", show: "show", headingText: "headingText", bodyText: "bodyText", inline: "inline", hideIcon: "hideIcon", borderless: "borderless", dismissible: "dismissible" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<div *ngIf=\"show\" class=\"impdc alert\" [ngClass]=\"componentClasses\">\n <ng-container *ngIf=\"!hideIcon\">\n <span #alertIcon [hidden]=\"!alertIcon.children.length\" class=\"alert-icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <span *ngIf=\"!alertIcon.children.length\" class=\"alert-icon\">\n <span impdc-icon [name]=\"themeIconName\"></span>\n </span>\n </ng-container>\n\n <div\n class=\"alert-content\"\n [ngClass]=\"{\n 'alert-content-heading-only':\n !bodyText &&\n !projectedBody.children.length &&\n !projectedBody.innerHTML &&\n !alertActions.children.length\n }\">\n <div class=\"alert-heading\">\n <ng-content select=\"[heading]\"></ng-content>\n <span *ngIf=\"headingText\">{{ headingText }}</span>\n </div>\n <div\n #bodyContent\n class=\"alert-body\"\n [hidden]=\"!bodyContent.children.length\">\n <div *ngIf=\"bodyText\">{{ bodyText }}</div>\n\n <div\n #projectedBody\n [hidden]=\"!projectedBody.children.length && !projectedBody.innerHTML\">\n <ng-content></ng-content>\n </div>\n\n <div\n #alertActions\n [hidden]=\"!alertActions.children.length\"\n class=\"alert-actions\">\n <ng-content select=\"[action]\"></ng-content>\n </div>\n </div>\n </div>\n\n <a\n *ngIf=\"dismissible\"\n class=\"close-icon\"\n (click)=\"closeAlert()\"\n data-bs-dismiss=\"alert\"\n aria-label=\"Close\">\n <span impdc-icon name=\"times\" theme=\"regular\"></span>\n </a>\n</div>\n", styles: [".impdc.alert{display:flex;gap:1.2rem}.impdc.alert .alert-icon,.impdc.alert .close-icon{display:flex;width:2rem;height:2rem;font-size:1.6rem;line-height:2rem;align-items:center;justify-content:center}.impdc.alert .alert-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.impdc.alert .alert-content .alert-heading{display:flex;align-items:center;gap:1.2rem}.impdc.alert .alert-content .alert-body{display:flex;flex-direction:column;gap:1.6rem;font-size:1.4rem;font-weight:400;line-height:2rem}.impdc.alert .alert-content .alert-body .alert-actions{display:flex;gap:2.8rem}.impdc.alert .alert-content .alert-body .alert-actions ::ng-deep a{font-size:1.4rem;font-weight:500;line-height:2rem;text-decoration-line:underline;color:var(--impartner-hex-alert-action-color)}.impdc.alert .alert-content-heading-only{gap:0}.impdc.alert .close-icon{cursor:pointer;color:var(--impartner-hex-btn-close-color)}.impdc.alert.borderless{border:none;background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
8717
8717
|
}
|
|
8718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
8719
8719
|
type: Component,
|
|
8720
8720
|
args: [{ selector: 'impdc-alert, [impdc-alert]', template: "<div *ngIf=\"show\" class=\"impdc alert\" [ngClass]=\"componentClasses\">\n <ng-container *ngIf=\"!hideIcon\">\n <span #alertIcon [hidden]=\"!alertIcon.children.length\" class=\"alert-icon\">\n <ng-content select=\"[icon]\"></ng-content>\n </span>\n <span *ngIf=\"!alertIcon.children.length\" class=\"alert-icon\">\n <span impdc-icon [name]=\"themeIconName\"></span>\n </span>\n </ng-container>\n\n <div\n class=\"alert-content\"\n [ngClass]=\"{\n 'alert-content-heading-only':\n !bodyText &&\n !projectedBody.children.length &&\n !projectedBody.innerHTML &&\n !alertActions.children.length\n }\">\n <div class=\"alert-heading\">\n <ng-content select=\"[heading]\"></ng-content>\n <span *ngIf=\"headingText\">{{ headingText }}</span>\n </div>\n <div\n #bodyContent\n class=\"alert-body\"\n [hidden]=\"!bodyContent.children.length\">\n <div *ngIf=\"bodyText\">{{ bodyText }}</div>\n\n <div\n #projectedBody\n [hidden]=\"!projectedBody.children.length && !projectedBody.innerHTML\">\n <ng-content></ng-content>\n </div>\n\n <div\n #alertActions\n [hidden]=\"!alertActions.children.length\"\n class=\"alert-actions\">\n <ng-content select=\"[action]\"></ng-content>\n </div>\n </div>\n </div>\n\n <a\n *ngIf=\"dismissible\"\n class=\"close-icon\"\n (click)=\"closeAlert()\"\n data-bs-dismiss=\"alert\"\n aria-label=\"Close\">\n <span impdc-icon name=\"times\" theme=\"regular\"></span>\n </a>\n</div>\n", styles: [".impdc.alert{display:flex;gap:1.2rem}.impdc.alert .alert-icon,.impdc.alert .close-icon{display:flex;width:2rem;height:2rem;font-size:1.6rem;line-height:2rem;align-items:center;justify-content:center}.impdc.alert .alert-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.impdc.alert .alert-content .alert-heading{display:flex;align-items:center;gap:1.2rem}.impdc.alert .alert-content .alert-body{display:flex;flex-direction:column;gap:1.6rem;font-size:1.4rem;font-weight:400;line-height:2rem}.impdc.alert .alert-content .alert-body .alert-actions{display:flex;gap:2.8rem}.impdc.alert .alert-content .alert-body .alert-actions ::ng-deep a{font-size:1.4rem;font-weight:500;line-height:2rem;text-decoration-line:underline;color:var(--impartner-hex-alert-action-color)}.impdc.alert .alert-content-heading-only{gap:0}.impdc.alert .close-icon{cursor:pointer;color:var(--impartner-hex-btn-close-color)}.impdc.alert.borderless{border:none;background-color:transparent}\n"] }]
|
|
8721
8721
|
}], propDecorators: { theme: [{
|
|
@@ -8739,11 +8739,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
8739
8739
|
}] } });
|
|
8740
8740
|
|
|
8741
8741
|
class AlertModule {
|
|
8742
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8743
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8744
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8742
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8743
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [CommonModule, IconModule], exports: [IconModule, AlertComponent] }); }
|
|
8744
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
8745
8745
|
}
|
|
8746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AlertModule, decorators: [{
|
|
8747
8747
|
type: NgModule,
|
|
8748
8748
|
args: [{
|
|
8749
8749
|
imports: [CommonModule, IconModule],
|
|
@@ -8776,10 +8776,10 @@ class FileDropDirective {
|
|
|
8776
8776
|
this.filesDropped.emit(fileList);
|
|
8777
8777
|
}
|
|
8778
8778
|
}
|
|
8779
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8780
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8779
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8780
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: FileDropDirective, selector: "[impdcFileDrop]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "OnDrop($event)" }, properties: { "class.file-hover": "this.fileHovering" } }, ngImport: i0 }); }
|
|
8781
8781
|
}
|
|
8782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileDropDirective, decorators: [{
|
|
8783
8783
|
type: Directive,
|
|
8784
8784
|
args: [{
|
|
8785
8785
|
selector: '[impdcFileDrop]'
|
|
@@ -8811,10 +8811,10 @@ class HumanReadableByteSizePipe {
|
|
|
8811
8811
|
const display = round < 10 ? num.toFixed(2) : round < 100 ? num.toFixed(1) : round;
|
|
8812
8812
|
return `${display}${'KMGTPEZY'[i - 1]}B`;
|
|
8813
8813
|
}
|
|
8814
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8815
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
8814
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HumanReadableByteSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
8815
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: HumanReadableByteSizePipe, name: "humanReadableByteSize" }); }
|
|
8816
8816
|
}
|
|
8817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HumanReadableByteSizePipe, decorators: [{
|
|
8818
8818
|
type: Pipe,
|
|
8819
8819
|
args: [{
|
|
8820
8820
|
name: 'humanReadableByteSize'
|
|
@@ -9077,15 +9077,15 @@ class FileUploadComponent extends _FileUploadComponentBase {
|
|
|
9077
9077
|
const acceptedByExtension = this.acceptTypes.some(type => fileExtensions.includes(type));
|
|
9078
9078
|
return acceptedByExtension;
|
|
9079
9079
|
}
|
|
9080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9081
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9080
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileUploadComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9081
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FileUploadComponent, selector: "impdc-file-upload, [impdc-file-upload]", inputs: { disabled: "disabled", tabIndex: "tabIndex", multiple: "multiple", uploadText: "uploadText", accept: "accept", errorStateMatcher: "errorStateMatcher", value: "value", id: "id", required: "required" }, host: { listeners: { "focus": "_onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.impdc-file-upload--required": "required", "class.impdc-file-upload--disabled": "disabled", "class.impdc-file-upload--invalid": "errorState", "class.impdc-file-upload--multiple": "multiple", "class.impdc-file-upload--empty": "empty" }, classAttribute: "impdc-file-upload" }, providers: [
|
|
9082
9082
|
{
|
|
9083
9083
|
provide: ImpdcFormFieldControl,
|
|
9084
9084
|
useExisting: FileUploadComponent
|
|
9085
9085
|
}
|
|
9086
9086
|
], viewQueries: [{ propertyName: "fileDropElementRef", first: true, predicate: FileDropDirective, descendants: true, read: ElementRef }, { propertyName: "fileUploadInputEltRef", first: true, predicate: ["fileUploadInputElt"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"impdc-file-upload-container\">\n <div\n class=\"impdc-file-upload-dropzone\"\n [ngClass]=\"{\n 'hide-upload': !canUpload\n }\"\n impdcFileDrop\n (filesDropped)=\"handleDrop($event)\"\n (keyup.enter)=\"fileUploadInputElt.click()\"\n (focus)=\"_onFocus()\"\n (blur)=\"_onBlur()\"\n [tabindex]=\"disabled ? '-1' : '0'\">\n <input\n class=\"file-upload-input\"\n type=\"file\"\n #fileUploadInputElt\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [accept]=\"accept\"\n (change)=\"handleChange($event)\"\n tabindex=\"-1\" />\n <span\n impdc-icon\n theme=\"regular\"\n name=\"cloud-upload-alt\"\n class=\"upload-icon\"></span>\n <p class=\"upload-text\">{{ uploadText }}</p>\n </div>\n <div class=\"current-files\" *ngIf=\"filesForDisplay.length\">\n <ng-container *ngFor=\"let file of filesForDisplay; let idx = index\">\n <div class=\"current-file\">\n <div class=\"current-file-details\">\n <div class=\"name\">{{ file.name }}</div>\n <div class=\"size\">{{ file.size | humanReadableByteSize }}</div>\n </div>\n <div *ngIf=\"!disabled\" class=\"current-file-actions\">\n <button\n impdcButton\n theme=\"close\"\n tabindex=\"0\"\n (keyup.enter)=\"removeFile(idx)\"\n (click)=\"removeFile(idx)\"></button>\n </div>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [":host{display:block}:host.impdc-file-upload--invalid .impdc-file-upload-dropzone{color:var(--impd-color-red-500);border-color:var(--impd-color-red-500)}:host.impdc-file-upload--invalid .impdc-file-upload-dropzone .upload-text{color:var(--impd-color-red-900)}:host.impdc-file-upload--invalid .impdc-file-upload-container .current-files .current-file{border-color:var(--impd-color-red-500)}:host.impdc-file-upload--disabled .impdc-file-upload-dropzone{color:var(--impd-color-gray-300);background-color:var(--impd-color-gray-50)}:host:not(.impdc-file-upload--disabled) .impdc-file-upload-dropzone:focus,:host:not(.impdc-file-upload--disabled) .impdc-file-upload-dropzone:has(label>button:focus){background-color:var(--impd-color-gray-50);border:2px solid var(--impd-color-motion-blue-500);border-radius:var(--impd-border-radius-md);outline:none}.impdc-file-upload-container{display:flex;flex-direction:column;gap:var(--impd-size-2);width:100%}.impdc-file-upload-container .file-hover:not(.disabled){background-color:var(--impd-color-gray-50);border:2px solid var(--impd-color-motion-blue-500);border-radius:var(--impd-border-radius-md);outline:none}.impdc-file-upload-container .current-files{display:flex;flex-direction:column;gap:var(--impd-size-2)}.impdc-file-upload-container .current-files .current-file{display:inline-flex;background-color:var(--impd-color-gray-50);padding:var(--impd-size-4);gap:var(--impd-size-4);border-radius:var(--impd-border-radius-md);border:1px solid var(--impd-color-gray-200);justify-content:space-between;align-items:center;color:var(--impd-color-gray-600)}.impdc-file-upload-container .current-files .current-file .current-file-details{display:flex;flex-direction:column}.impdc-file-upload-container .current-files .current-file .current-file-details .name{color:var(--impd-color-gray-900);font-size:1.4rem;font-weight:500}.impdc-file-upload-container .current-files .current-file .current-file-details .size{font-size:1.4rem}.impdc-file-upload-container .current-files .current-file .current-file-actions .btn.btn-close-fa{color:var(--impd-color-gray-600)}.impdc-file-upload-dropzone{position:relative;display:flex;flex-direction:column;width:100%;min-height:10rem;padding:3.2rem 1.6rem;gap:2rem;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--impd-color-gray-200);color:var(--impd-color-motion-blue-600);border-radius:5px}.impdc-file-upload-dropzone.hide-upload{display:none}.impdc-file-upload-dropzone .upload-icon{font-size:33px;color:inherit}.impdc-file-upload-dropzone .upload-text{margin:0;font-size:14px;line-height:20px;color:inherit}.impdc-file-upload-dropzone .button-text{border-color:var(--impd-color-motion-blue-600);background-color:var(--impd-color-motion-blue-600);color:#fff}.impdc-file-upload-dropzone input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.impdc-file-upload-dropzone input:disabled{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "directive", type: FileDropDirective, selector: "[impdcFileDrop]", outputs: ["filesDropped"] }, { kind: "pipe", type: HumanReadableByteSizePipe, name: "humanReadableByteSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9087
9087
|
}
|
|
9088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
9089
9089
|
type: Component,
|
|
9090
9090
|
args: [{ selector: 'impdc-file-upload, [impdc-file-upload]', inputs: ['disabled', 'tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
9091
9091
|
class: 'impdc-file-upload',
|
|
@@ -9143,16 +9143,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9143
9143
|
|
|
9144
9144
|
class FileUploadModule {
|
|
9145
9145
|
constructor() { }
|
|
9146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9147
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9146
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9147
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: FileUploadModule, declarations: [FileDropDirective,
|
|
9148
9148
|
FileUploadComponent,
|
|
9149
9149
|
HumanReadableByteSizePipe], imports: [CommonModule, FormsModule, ButtonModule, IconModule], exports: [IconModule,
|
|
9150
9150
|
FileDropDirective,
|
|
9151
9151
|
FileUploadComponent,
|
|
9152
9152
|
HumanReadableByteSizePipe] }); }
|
|
9153
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9153
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileUploadModule, imports: [CommonModule, FormsModule, ButtonModule, IconModule, IconModule] }); }
|
|
9154
9154
|
}
|
|
9155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileUploadModule, decorators: [{
|
|
9156
9156
|
type: NgModule,
|
|
9157
9157
|
args: [{
|
|
9158
9158
|
imports: [CommonModule, FormsModule, ButtonModule, IconModule],
|
|
@@ -9197,10 +9197,10 @@ class AvatarComponent {
|
|
|
9197
9197
|
get avatarHasImg() {
|
|
9198
9198
|
return this.imgSrc && this.imgSrc.length > 0 ? true : false;
|
|
9199
9199
|
}
|
|
9200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AvatarComponent, selector: "impdc-avatar", inputs: { imgSrc: "imgSrc", initials: "initials", status: "status", size: "size" }, ngImport: i0, template: "<div class=\"avatar-container\">\n <span class=\"avatar-status\" *ngIf=\"status\" [ngClass]=\"[size, status]\"></span>\n\n <img\n class=\"avatar\"\n *ngIf=\"avatarHasImg\"\n [attr.src]=\"imgSrc\"\n [ngClass]=\"size\" />\n <div\n class=\"avatar initials\"\n *ngIf=\"!avatarHasImg && initials\"\n [ngClass]=\"size\">\n {{ initials.toUpperCase() }}\n </div>\n\n <div\n class=\"avatar fallback\"\n *ngIf=\"!avatarHasImg && !initials\"\n [ngClass]=\"size\">\n <span impdc-icon name=\"user\"></span>\n </div>\n</div>\n", styles: [".avatar-container{display:flex;position:relative;align-items:center;justify-content:center}.avatar-right{margin-left:1.2rem}.avatar{border-radius:50%}.avatar.xs{height:2.4rem;width:2.4rem}.avatar.sm{height:3.2rem;width:3.2rem}.avatar.md{height:4rem;width:4rem}.avatar.lg{height:4.8rem;width:4.8rem}.avatar.xl{height:5.6rem;width:5.6rem}.avatar.xxl{height:6.4rem;width:6.4rem}.avatar.initials{background-color:var(--impd-color-gray-400);color:var(--impd-color-white)}.avatar.initials.xs{font-size:1.2rem}.avatar.initials.sm{font-size:1.4rem}.avatar.initials.md{font-size:1.6rem}.avatar.initials.lg{font-size:1.8rem}.avatar.initials.xl{font-size:2rem}.avatar.initials.xxl{font-size:2.2rem}.avatar.fallback{background:var(--impd-color-gray-100);color:var(--impd-color-gray-300)}.avatar.fallback.xs{font-size:1.2rem}.avatar.fallback.sm{font-size:1.7rem}.avatar.fallback.md{font-size:2.3rem}.avatar.fallback.lg{font-size:2.9rem}.avatar.fallback.xl{font-size:3.5rem}.avatar.fallback.xxl{font-size:3.9rem}.avatar.initials,.avatar.fallback{display:flex;align-items:center;justify-content:center}.avatar-status{border-radius:50%;border:.2rem solid var(--impd-color-white);position:absolute;top:0;right:0}.avatar-status.xs{height:.6rem;width:.6rem}.avatar-status.sm{height:.8rem;width:.8rem}.avatar-status.md{height:1rem;width:1rem}.avatar-status.lg{height:1.2rem;width:1.2rem}.avatar-status.xl{height:1.4rem;width:1.4rem}.avatar-status.xxl{height:1.6rem;width:1.6rem}.avatar-status.active{background-color:var(--impd-color-green-400)}.avatar-status.inactive{background-color:var(--impd-color-gray-300)}.avatar-status.busy{background-color:var(--impd-color-red-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }] }); }
|
|
9202
9202
|
}
|
|
9203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
9204
9204
|
type: Component,
|
|
9205
9205
|
args: [{ selector: 'impdc-avatar', template: "<div class=\"avatar-container\">\n <span class=\"avatar-status\" *ngIf=\"status\" [ngClass]=\"[size, status]\"></span>\n\n <img\n class=\"avatar\"\n *ngIf=\"avatarHasImg\"\n [attr.src]=\"imgSrc\"\n [ngClass]=\"size\" />\n <div\n class=\"avatar initials\"\n *ngIf=\"!avatarHasImg && initials\"\n [ngClass]=\"size\">\n {{ initials.toUpperCase() }}\n </div>\n\n <div\n class=\"avatar fallback\"\n *ngIf=\"!avatarHasImg && !initials\"\n [ngClass]=\"size\">\n <span impdc-icon name=\"user\"></span>\n </div>\n</div>\n", styles: [".avatar-container{display:flex;position:relative;align-items:center;justify-content:center}.avatar-right{margin-left:1.2rem}.avatar{border-radius:50%}.avatar.xs{height:2.4rem;width:2.4rem}.avatar.sm{height:3.2rem;width:3.2rem}.avatar.md{height:4rem;width:4rem}.avatar.lg{height:4.8rem;width:4.8rem}.avatar.xl{height:5.6rem;width:5.6rem}.avatar.xxl{height:6.4rem;width:6.4rem}.avatar.initials{background-color:var(--impd-color-gray-400);color:var(--impd-color-white)}.avatar.initials.xs{font-size:1.2rem}.avatar.initials.sm{font-size:1.4rem}.avatar.initials.md{font-size:1.6rem}.avatar.initials.lg{font-size:1.8rem}.avatar.initials.xl{font-size:2rem}.avatar.initials.xxl{font-size:2.2rem}.avatar.fallback{background:var(--impd-color-gray-100);color:var(--impd-color-gray-300)}.avatar.fallback.xs{font-size:1.2rem}.avatar.fallback.sm{font-size:1.7rem}.avatar.fallback.md{font-size:2.3rem}.avatar.fallback.lg{font-size:2.9rem}.avatar.fallback.xl{font-size:3.5rem}.avatar.fallback.xxl{font-size:3.9rem}.avatar.initials,.avatar.fallback{display:flex;align-items:center;justify-content:center}.avatar-status{border-radius:50%;border:.2rem solid var(--impd-color-white);position:absolute;top:0;right:0}.avatar-status.xs{height:.6rem;width:.6rem}.avatar-status.sm{height:.8rem;width:.8rem}.avatar-status.md{height:1rem;width:1rem}.avatar-status.lg{height:1.2rem;width:1.2rem}.avatar-status.xl{height:1.4rem;width:1.4rem}.avatar-status.xxl{height:1.6rem;width:1.6rem}.avatar-status.active{background-color:var(--impd-color-green-400)}.avatar-status.inactive{background-color:var(--impd-color-gray-300)}.avatar-status.busy{background-color:var(--impd-color-red-400)}\n"] }]
|
|
9206
9206
|
}], propDecorators: { imgSrc: [{
|
|
@@ -9214,11 +9214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9214
9214
|
}] } });
|
|
9215
9215
|
|
|
9216
9216
|
class AvatarModule {
|
|
9217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9218
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9219
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9218
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule, IconModule], exports: [IconModule, AvatarComponent] }); }
|
|
9219
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, imports: [CommonModule, IconModule, IconModule] }); }
|
|
9220
9220
|
}
|
|
9221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarModule, decorators: [{
|
|
9222
9222
|
type: NgModule,
|
|
9223
9223
|
args: [{
|
|
9224
9224
|
imports: [CommonModule, IconModule],
|
|
@@ -9233,20 +9233,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9233
9233
|
* `AvatarGroupModule` also imports and exports [AvatarModule](./?path=/docs/design-components-avatar--single)
|
|
9234
9234
|
*/
|
|
9235
9235
|
class AvatarGroupComponent {
|
|
9236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AvatarGroupComponent, selector: "impdc-avatar-group", ngImport: i0, template: "<div class=\"avatar-group\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n</div>\n", styles: [".avatar-group{display:flex}::ng-deep impdc-avatar-group .avatar{border:.2rem solid #fff}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xs{margin-left:-1rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.sm{margin-left:-1.2rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.md{margin-left:-1.4rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.lg{margin-left:-1.6rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xl{margin-left:-1.8rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xxl{margin-left:-2rem}\n"] }); }
|
|
9238
9238
|
}
|
|
9239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupComponent, decorators: [{
|
|
9240
9240
|
type: Component,
|
|
9241
9241
|
args: [{ selector: 'impdc-avatar-group', template: "<div class=\"avatar-group\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n</div>\n", styles: [".avatar-group{display:flex}::ng-deep impdc-avatar-group .avatar{border:.2rem solid #fff}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xs{margin-left:-1rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.sm{margin-left:-1.2rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.md{margin-left:-1.4rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.lg{margin-left:-1.6rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xl{margin-left:-1.8rem}::ng-deep impdc-avatar:not(:first-of-type) .avatar.xxl{margin-left:-2rem}\n"] }]
|
|
9242
9242
|
}] });
|
|
9243
9243
|
|
|
9244
9244
|
class AvatarGroupModule {
|
|
9245
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9246
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9247
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9246
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, declarations: [AvatarGroupComponent], imports: [CommonModule, AvatarModule], exports: [AvatarModule, AvatarGroupComponent] }); }
|
|
9247
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, imports: [CommonModule, AvatarModule, AvatarModule] }); }
|
|
9248
9248
|
}
|
|
9249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AvatarGroupModule, decorators: [{
|
|
9250
9250
|
type: NgModule,
|
|
9251
9251
|
args: [{
|
|
9252
9252
|
declarations: [AvatarGroupComponent],
|
|
@@ -9256,14 +9256,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9256
9256
|
}] });
|
|
9257
9257
|
|
|
9258
9258
|
class BreadcrumbItemComponent {
|
|
9259
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BreadcrumbItemComponent, selector: "impdc-breadcrumb-item", viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], ngImport: i0, template: `
|
|
9261
9261
|
<ng-template #content>
|
|
9262
9262
|
<ng-content></ng-content>
|
|
9263
9263
|
</ng-template>
|
|
9264
9264
|
`, isInline: true }); }
|
|
9265
9265
|
}
|
|
9266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
|
|
9267
9267
|
type: Component,
|
|
9268
9268
|
args: [{
|
|
9269
9269
|
selector: 'impdc-breadcrumb-item',
|
|
@@ -9295,10 +9295,10 @@ class BreadcrumbComponent {
|
|
|
9295
9295
|
ngAfterViewInit() {
|
|
9296
9296
|
this._changeDetectorRef.detectChanges();
|
|
9297
9297
|
}
|
|
9298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9298
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9299
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "breadcrumbItems", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n <ol>\n <li\n *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n [attr.aria-current]=\"isLast ? 'page' : undefined\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n </li>\n </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9300
9300
|
}
|
|
9301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
9302
9302
|
type: Component,
|
|
9303
9303
|
args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n <ol>\n <li\n *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n [attr.aria-current]=\"isLast ? 'page' : undefined\">\n <ng-container\n [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n </li>\n </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"] }]
|
|
9304
9304
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
|
|
@@ -9312,11 +9312,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9312
9312
|
}] } });
|
|
9313
9313
|
|
|
9314
9314
|
class BreadcrumbModule {
|
|
9315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9316
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9317
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9315
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9316
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbItemComponent, BreadcrumbComponent], imports: [CommonModule], exports: [BreadcrumbItemComponent, BreadcrumbComponent] }); }
|
|
9317
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] }); }
|
|
9318
9318
|
}
|
|
9319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
9320
9320
|
type: NgModule,
|
|
9321
9321
|
args: [{
|
|
9322
9322
|
declarations: [BreadcrumbItemComponent, BreadcrumbComponent],
|
|
@@ -9329,10 +9329,10 @@ function IMPDC_DATETIME_PICKER_FORMATTER_FACTORY() {
|
|
|
9329
9329
|
return new ImpdcDatetimeISOFormatter();
|
|
9330
9330
|
}
|
|
9331
9331
|
class ImpdcDatetimeFormatter {
|
|
9332
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9333
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9332
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9333
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeFormatter, providedIn: 'root', useFactory: IMPDC_DATETIME_PICKER_FORMATTER_FACTORY }); }
|
|
9334
9334
|
}
|
|
9335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeFormatter, decorators: [{
|
|
9336
9336
|
type: Injectable,
|
|
9337
9337
|
args: [{
|
|
9338
9338
|
providedIn: 'root',
|
|
@@ -9356,10 +9356,10 @@ class ImpdcDatetimeISOFormatter extends ImpdcDatetimeFormatter {
|
|
|
9356
9356
|
_padNumberString(value) {
|
|
9357
9357
|
return `0${value}`.slice(-2);
|
|
9358
9358
|
}
|
|
9359
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9360
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9359
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeISOFormatter, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9360
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeISOFormatter }); }
|
|
9361
9361
|
}
|
|
9362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ImpdcDatetimeISOFormatter, decorators: [{
|
|
9363
9363
|
type: Injectable
|
|
9364
9364
|
}] });
|
|
9365
9365
|
|
|
@@ -9428,10 +9428,10 @@ class DatepickerNavComponent {
|
|
|
9428
9428
|
}
|
|
9429
9429
|
}
|
|
9430
9430
|
}
|
|
9431
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9432
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
9431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatepickerNavComponent, isStandalone: true, selector: "impdc-datepicker-nav", inputs: { date: "date", disabled: "disabled", prevDisabled: "prevDisabled", nextDisabled: "nextDisabled", selectBoxes: "selectBoxes" }, outputs: { navigate: "navigate", selected: "selected" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center\">\n <button\n class=\"impdc-datepicker-nav-prev btn btn-link me-auto\"\n (click)=\"onClickGoPrevious($event)\"\n [disabled]=\"disabled || prevDisabled\">\n <impdc-icon name=\"chevron-left\" size=\"12\"></impdc-icon>\n </button>\n\n <div class=\"d-flex\">\n <impdc-select\n [formControl]=\"monthControl\"\n [dropdownContainer]=\"null\"\n allowClear=\"false\"\n class=\"impdc-datepicker-nav-month no-caret\">\n <impdc-select-option\n *ngFor=\"let month of selectBoxes.months\"\n [value]=\"month\"\n [label]=\"datepickerI18n.getMonthFullName(month, date.year)\" />\n </impdc-select>\n <impdc-select\n [formControl]=\"yearControl\"\n [dropdownContainer]=\"null\"\n allowClear=\"false\"\n class=\"impdc-datepicker-nav-year no-caret\">\n @for (year of selectBoxes.years; track year) {\n <impdc-select-option\n [value]=\"year\"\n [label]=\"datepickerI18n.getYearNumerals(year)\" />\n }\n </impdc-select>\n </div>\n\n <button\n class=\"impdc-datepicker-nav-next btn btn-link ms-auto\"\n (click)=\"onClickGoNext($event)\"\n [disabled]=\"disabled || nextDisabled\">\n <impdc-icon name=\"chevron-right\" size=\"12\"></impdc-icon>\n </button>\n</div>\n", styles: [":host{display:block;width:100%}.form-select{--impartner-hex-border-width: 0;box-shadow:none}.form-select ::ng-deep .impdc-select--toggle{--impartner-hex-btn-font-size: var(--impd-font-size-lg);--impartner-hex-btn-line-height: 3rem;box-shadow:none;padding:var(--impd-size-0_5) var(--impd-size-2)}.form-select ::ng-deep .impdc-select--text{font-size:var(--impd-font-size-lg);font-weight:var(--impd-font-weight-semibold);line-height:3rem}.impdc-datepicker-nav-prev,.impdc-datepicker-nav-next{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:2.4rem;justify-content:center;padding:0;width:2.4rem}.impdc-datepicker-nav-prev:hover,.impdc-datepicker-nav-prev:focus,.impdc-datepicker-nav-prev:active,.impdc-datepicker-nav-next:hover,.impdc-datepicker-nav-next:focus,.impdc-datepicker-nav-next:active{background-color:var(--impd-color-gray-100)}.impdc-datepicker-nav-prev impdc-icon,.impdc-datepicker-nav-next impdc-icon{line-height:1}.impdc-datepicker-nav-month:hover,.impdc-datepicker-nav-month:focus,.impdc-datepicker-nav-month:active,.impdc-datepicker-nav-year:hover,.impdc-datepicker-nav-year:focus,.impdc-datepicker-nav-year:active{--impartner-hex-btn-bg: var(--impd-color-gray-100);background-color:var(--impd-color-gray-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ImpdcFormsModule }, { kind: "component", type: SelectOptionComponent, selector: "impdc-select-option", inputs: ["value", "label", "disabled"] }, { kind: "component", type: SelectComponent, selector: "impdc-select", inputs: ["disabled", "tabIndex", "search", "placeholder", "required", "compareWith", "dropdownContainer", "errorStateMatcher", "allowClear", "multiple", "multipleDisplay"], outputs: ["selectionChange", "valueChange", "searchTextChanges"], exportAs: ["impdcSelect"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
9433
9433
|
}
|
|
9434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerNavComponent, decorators: [{
|
|
9435
9435
|
type: Component,
|
|
9436
9436
|
args: [{ selector: 'impdc-datepicker-nav', standalone: true, imports: [CommonModule, ReactiveFormsModule, ImpdcFormsModule, IconModule], changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"d-flex justify-content-between align-items-center\">\n <button\n class=\"impdc-datepicker-nav-prev btn btn-link me-auto\"\n (click)=\"onClickGoPrevious($event)\"\n [disabled]=\"disabled || prevDisabled\">\n <impdc-icon name=\"chevron-left\" size=\"12\"></impdc-icon>\n </button>\n\n <div class=\"d-flex\">\n <impdc-select\n [formControl]=\"monthControl\"\n [dropdownContainer]=\"null\"\n allowClear=\"false\"\n class=\"impdc-datepicker-nav-month no-caret\">\n <impdc-select-option\n *ngFor=\"let month of selectBoxes.months\"\n [value]=\"month\"\n [label]=\"datepickerI18n.getMonthFullName(month, date.year)\" />\n </impdc-select>\n <impdc-select\n [formControl]=\"yearControl\"\n [dropdownContainer]=\"null\"\n allowClear=\"false\"\n class=\"impdc-datepicker-nav-year no-caret\">\n @for (year of selectBoxes.years; track year) {\n <impdc-select-option\n [value]=\"year\"\n [label]=\"datepickerI18n.getYearNumerals(year)\" />\n }\n </impdc-select>\n </div>\n\n <button\n class=\"impdc-datepicker-nav-next btn btn-link ms-auto\"\n (click)=\"onClickGoNext($event)\"\n [disabled]=\"disabled || nextDisabled\">\n <impdc-icon name=\"chevron-right\" size=\"12\"></impdc-icon>\n </button>\n</div>\n", styles: [":host{display:block;width:100%}.form-select{--impartner-hex-border-width: 0;box-shadow:none}.form-select ::ng-deep .impdc-select--toggle{--impartner-hex-btn-font-size: var(--impd-font-size-lg);--impartner-hex-btn-line-height: 3rem;box-shadow:none;padding:var(--impd-size-0_5) var(--impd-size-2)}.form-select ::ng-deep .impdc-select--text{font-size:var(--impd-font-size-lg);font-weight:var(--impd-font-weight-semibold);line-height:3rem}.impdc-datepicker-nav-prev,.impdc-datepicker-nav-next{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:2.4rem;justify-content:center;padding:0;width:2.4rem}.impdc-datepicker-nav-prev:hover,.impdc-datepicker-nav-prev:focus,.impdc-datepicker-nav-prev:active,.impdc-datepicker-nav-next:hover,.impdc-datepicker-nav-next:focus,.impdc-datepicker-nav-next:active{background-color:var(--impd-color-gray-100)}.impdc-datepicker-nav-prev impdc-icon,.impdc-datepicker-nav-next impdc-icon{line-height:1}.impdc-datepicker-nav-month:hover,.impdc-datepicker-nav-month:focus,.impdc-datepicker-nav-month:active,.impdc-datepicker-nav-year:hover,.impdc-datepicker-nav-year:focus,.impdc-datepicker-nav-year:active{--impartner-hex-btn-bg: var(--impd-color-gray-100);background-color:var(--impd-color-gray-100)}\n"] }]
|
|
9437
9437
|
}], propDecorators: { date: [{
|
|
@@ -9461,12 +9461,15 @@ class DatepickerTemplateHostComponent {
|
|
|
9461
9461
|
this.isWeekend = (date) => this._calendar.getWeekday(date) >= 6;
|
|
9462
9462
|
this.isToday = (date) => this._calendar.getToday().equals(date);
|
|
9463
9463
|
}
|
|
9464
|
-
|
|
9465
|
-
|
|
9464
|
+
getMonthTrackByKey(ngbDate) {
|
|
9465
|
+
return `${ngbDate.year}-${ngbDate.month}-${ngbDate.day}`;
|
|
9466
|
+
}
|
|
9467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerTemplateHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9468
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatepickerTemplateHostComponent, isStandalone: true, selector: "impdc-datepicker-template-host", viewQueries: [{ propertyName: "dayTemplateRef", first: true, predicate: ["dayTemplate"], descendants: true, read: (TemplateRef), static: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["contentTemplate"], descendants: true, read: (TemplateRef), static: true }], ngImport: i0, template: "<ng-template\n #dayTemplate\n let-date\n let-currentMonth=\"currentMonth\"\n let-selected=\"selected\"\n let-disabled=\"disabled\"\n let-focused=\"focused\">\n <span\n class=\"impdc-datepicker-day\"\n [class.impdc-datepicker-day--today]=\"isToday(date)\"\n [class.impdc-datepicker-day--weekend]=\"isWeekend(date)\"\n [class.impdc-datepicker-day--focused]=\"focused\"\n [class.impdc-datepicker-day--selected]=\"selected\"\n [class.impdc-datepicker-day--other-month]=\"date.month !== currentMonth\"\n [class.impdc-datepicker-day--disabled]=\"disabled\">\n {{ date.day }}\n </span>\n</ng-template>\n\n<ng-template #contentTemplate let-dp>\n <div class=\"impdc-datepicker-content p-4\">\n <impdc-datepicker-nav\n [date]=\"dp.model.firstDate!\"\n [disabled]=\"dp.model.disabled\"\n [prevDisabled]=\"dp.model.prevDisabled\"\n [nextDisabled]=\"dp.model.nextDisabled\"\n [selectBoxes]=\"dp.model.selectBoxes\"\n (navigate)=\"dp.onNavigateEvent($event)\"\n (selected)=\"dp.onNavigateDateSelect($event)\"></impdc-datepicker-nav>\n <div class=\"custom-month-grid\">\n @for (month of dp.state.months; track getMonthTrackByKey(month)) {\n <div>\n <ngb-datepicker-month [month]=\"month\"></ngb-datepicker-month>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [":host{display:none}.impdc-datepicker-day{border-radius:var(--impd-border-radius-2xl);display:flex;width:var(--impd-size-8);height:var(--impd-size-8);justify-content:center;align-items:center;color:var(--impd-color-gray-700);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-5);text-align:center}.impdc-datepicker-day--disabled{color:var(--impd-color-gray-400)}.impdc-datepicker-day--selected{color:var(--impd-color-white)!important;background-color:var(--impd-color-motion-blue-600)!important}.impdc-datepicker-day:hover,.impdc-datepicker-day.focused,.impdc-datepicker-day--today{background-color:var(--impd-color-gray-100)}.impdc-datepicker-content{display:flex;flex-direction:column;align-items:center;gap:var(--impd-size-2)}.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{display:flex;justify-content:center;align-items:center;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:2.2rem;text-align:center}.impdc-datepicker-content ::ng-deep .ngb-dp-week:not(.ngb-dp-weekdays):not(:has(>*>:not(.impdc-datepicker-day--other-month))){display:none}.impdc-datepicker-content ::ng-deep .ngb-dp-weekdays{border:none;background-color:inherit}.impdc-datepicker-content ::ng-deep .ngb-dp-day,.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{width:var(--impd-size-10);height:var(--impd-size-10);padding:var(--impd-size-1)}\n"], dependencies: [{ kind: "component", type: NgbDatepickerMonth, selector: "ngb-datepicker-month", inputs: ["month"] }, { kind: "component", type: DatepickerNavComponent, selector: "impdc-datepicker-nav", inputs: ["date", "disabled", "prevDisabled", "nextDisabled", "selectBoxes"], outputs: ["navigate", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9466
9469
|
}
|
|
9467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerTemplateHostComponent, decorators: [{
|
|
9468
9471
|
type: Component,
|
|
9469
|
-
args: [{ selector: 'impdc-datepicker-template-host', standalone: true, imports: [NgbDatepickerMonth, DatepickerNavComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n #dayTemplate\n let-date\n let-currentMonth=\"currentMonth\"\n let-selected=\"selected\"\n let-disabled=\"disabled\"\n let-focused=\"focused\">\n <span\n class=\"impdc-datepicker-day\"\n [class.impdc-datepicker-day--today]=\"isToday(date)\"\n [class.impdc-datepicker-day--weekend]=\"isWeekend(date)\"\n [class.impdc-datepicker-day--focused]=\"focused\"\n [class.impdc-datepicker-day--selected]=\"selected\"\n [class.impdc-datepicker-day--other-month]=\"date.month !== currentMonth\"\n [class.impdc-datepicker-day--disabled]=\"disabled\">\n {{ date.day }}\n </span>\n</ng-template>\n\n<ng-template #contentTemplate let-dp>\n <div class=\"impdc-datepicker-content p-4\">\n <impdc-datepicker-nav\n [date]=\"dp.model.firstDate!\"\n [disabled]=\"dp.model.disabled\"\n [prevDisabled]=\"dp.model.prevDisabled\"\n [nextDisabled]=\"dp.model.nextDisabled\"\n [selectBoxes]=\"dp.model.selectBoxes\"\n (navigate)=\"dp.onNavigateEvent($event)\"\n (selected)=\"dp.onNavigateDateSelect($event)\"></impdc-datepicker-nav>\n <div class=\"custom-month-grid\">\n @for (month of dp.state.months; track month) {\n
|
|
9472
|
+
args: [{ selector: 'impdc-datepicker-template-host', standalone: true, imports: [NgbDatepickerMonth, DatepickerNavComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n #dayTemplate\n let-date\n let-currentMonth=\"currentMonth\"\n let-selected=\"selected\"\n let-disabled=\"disabled\"\n let-focused=\"focused\">\n <span\n class=\"impdc-datepicker-day\"\n [class.impdc-datepicker-day--today]=\"isToday(date)\"\n [class.impdc-datepicker-day--weekend]=\"isWeekend(date)\"\n [class.impdc-datepicker-day--focused]=\"focused\"\n [class.impdc-datepicker-day--selected]=\"selected\"\n [class.impdc-datepicker-day--other-month]=\"date.month !== currentMonth\"\n [class.impdc-datepicker-day--disabled]=\"disabled\">\n {{ date.day }}\n </span>\n</ng-template>\n\n<ng-template #contentTemplate let-dp>\n <div class=\"impdc-datepicker-content p-4\">\n <impdc-datepicker-nav\n [date]=\"dp.model.firstDate!\"\n [disabled]=\"dp.model.disabled\"\n [prevDisabled]=\"dp.model.prevDisabled\"\n [nextDisabled]=\"dp.model.nextDisabled\"\n [selectBoxes]=\"dp.model.selectBoxes\"\n (navigate)=\"dp.onNavigateEvent($event)\"\n (selected)=\"dp.onNavigateDateSelect($event)\"></impdc-datepicker-nav>\n <div class=\"custom-month-grid\">\n @for (month of dp.state.months; track getMonthTrackByKey(month)) {\n <div>\n <ngb-datepicker-month [month]=\"month\"></ngb-datepicker-month>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [":host{display:none}.impdc-datepicker-day{border-radius:var(--impd-border-radius-2xl);display:flex;width:var(--impd-size-8);height:var(--impd-size-8);justify-content:center;align-items:center;color:var(--impd-color-gray-700);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-5);text-align:center}.impdc-datepicker-day--disabled{color:var(--impd-color-gray-400)}.impdc-datepicker-day--selected{color:var(--impd-color-white)!important;background-color:var(--impd-color-motion-blue-600)!important}.impdc-datepicker-day:hover,.impdc-datepicker-day.focused,.impdc-datepicker-day--today{background-color:var(--impd-color-gray-100)}.impdc-datepicker-content{display:flex;flex-direction:column;align-items:center;gap:var(--impd-size-2)}.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{display:flex;justify-content:center;align-items:center;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:2.2rem;text-align:center}.impdc-datepicker-content ::ng-deep .ngb-dp-week:not(.ngb-dp-weekdays):not(:has(>*>:not(.impdc-datepicker-day--other-month))){display:none}.impdc-datepicker-content ::ng-deep .ngb-dp-weekdays{border:none;background-color:inherit}.impdc-datepicker-content ::ng-deep .ngb-dp-day,.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{width:var(--impd-size-10);height:var(--impd-size-10);padding:var(--impd-size-1)}\n"] }]
|
|
9470
9473
|
}], propDecorators: { dayTemplateRef: [{
|
|
9471
9474
|
type: ViewChild,
|
|
9472
9475
|
args: ['dayTemplate', {
|
|
@@ -9531,10 +9534,10 @@ class DatetimePickerInputFooterComponent {
|
|
|
9531
9534
|
closePicker() {
|
|
9532
9535
|
this.closeRequested.emit();
|
|
9533
9536
|
}
|
|
9534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9535
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9537
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerInputFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DatetimePickerInputFooterComponent, isStandalone: true, selector: "impdc-datetime-picker-input-footer", inputs: { datetimePicker: "datetimePicker", initialValue: "initialValue", cancelLabel: "cancelLabel", clearLabel: "clearLabel", saveLabel: "saveLabel" }, outputs: { datetimeSelected: "datetimeSelected", closeRequested: "closeRequested" }, ngImport: i0, template: "<div class=\"d-flex gap-3\">\n <button class=\"btn btn-link me-auto\" type=\"button\" (click)=\"clearAndClose()\">\n {{ clearLabel }}\n </button>\n <button impdcButton theme=\"secondary\" (click)=\"closePicker()\">\n {{ cancelLabel }}\n </button>\n <button\n impdcButton\n theme=\"primary\"\n [disabled]=\"!allowSave()\"\n (click)=\"saveAndClose()\">\n {{ saveLabel }}\n </button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9536
9539
|
}
|
|
9537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerInputFooterComponent, decorators: [{
|
|
9538
9541
|
type: Component,
|
|
9539
9542
|
args: [{ selector: 'impdc-datetime-picker-input-footer', standalone: true, imports: [CommonModule, ButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-flex gap-3\">\n <button class=\"btn btn-link me-auto\" type=\"button\" (click)=\"clearAndClose()\">\n {{ clearLabel }}\n </button>\n <button impdcButton theme=\"secondary\" (click)=\"closePicker()\">\n {{ cancelLabel }}\n </button>\n <button\n impdcButton\n theme=\"primary\"\n [disabled]=\"!allowSave()\"\n (click)=\"saveAndClose()\">\n {{ saveLabel }}\n </button>\n</div>\n" }]
|
|
9540
9543
|
}], propDecorators: { datetimePicker: [{
|
|
@@ -9625,7 +9628,6 @@ class DatetimePickerComponent extends _DatetimePickerComponentBase {
|
|
|
9625
9628
|
this._hostElement = inject(ElementRef);
|
|
9626
9629
|
this._ngbDateAdapter = inject((NgbDateAdapter));
|
|
9627
9630
|
this._uid = `impdc-datetime-picker-${nanoid()}`;
|
|
9628
|
-
this.NgTranslationWidth = TranslationWidth;
|
|
9629
9631
|
this.formGroup = inject(FormBuilder).group({
|
|
9630
9632
|
date: new FormControl(null),
|
|
9631
9633
|
time: new FormControl(null),
|
|
@@ -9826,15 +9828,15 @@ class DatetimePickerComponent extends _DatetimePickerComponentBase {
|
|
|
9826
9828
|
this.stateChanges.next();
|
|
9827
9829
|
}
|
|
9828
9830
|
}
|
|
9829
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9830
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
9831
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerComponent, deps: [{ token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9832
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatetimePickerComponent, isStandalone: true, selector: "impdc-datetime-picker", inputs: { disabled: "disabled", tabIndex: "tabIndex", markDateDisabled: "markDateDisabled", minDate: "minDate", maxDate: "maxDate", timeLayout: "timeLayout", meridianToggleLabel: "meridianToggleLabel", withTime: "withTime", errorStateMatcher: "errorStateMatcher", value: "value", id: "id", required: ["required", "required", booleanAttribute] }, outputs: { valueChange: "valueChange", blur: "blur" }, host: { listeners: { "focus": "_onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.is-invalid": "errorState", "class.impdc-form-field-control": "true", "class.impdc-datetime-picker--required": "required", "class.impdc-datetime-picker--disabled": "disabled", "class.impdc-datetime-picker--invalid": "errorState", "class.impdc-datetime-picker--empty": "empty" } }, providers: [
|
|
9831
9833
|
{
|
|
9832
9834
|
provide: ImpdcFormFieldControl,
|
|
9833
9835
|
useExisting: DatetimePickerComponent
|
|
9834
9836
|
}
|
|
9835
|
-
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: NgbDatepicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<impdc-datepicker-template-host #templateHost></impdc-datepicker-template-host>\n<div\n [formGroup]=\"formGroup\"\n class=\"d-flex\"\n [ngClass]=\"{\n 'flex-column': withTime && timeLayout.layout === 'stacked'\n }\"\n (focusout)=\"handleFocusOut($event)\">\n <ngb-datepicker\n class=\"impdc-datetime-picker--datepicker\"\n formControlName=\"date\"\n [dayTemplate]=\"templateHost.dayTemplateRef\"\n [contentTemplate]=\"templateHost.contentTemplateRef\"\n [showWeekNumbers]=\"false\"\n outsideDays=\"visible\"\n
|
|
9837
|
+
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: NgbDatepicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<impdc-datepicker-template-host #templateHost></impdc-datepicker-template-host>\n<div\n [formGroup]=\"formGroup\"\n class=\"d-flex\"\n [ngClass]=\"{\n 'flex-column': withTime && timeLayout.layout === 'stacked'\n }\"\n (focusout)=\"handleFocusOut($event)\">\n <ngb-datepicker\n class=\"impdc-datetime-picker--datepicker\"\n formControlName=\"date\"\n [dayTemplate]=\"templateHost.dayTemplateRef\"\n [contentTemplate]=\"templateHost.contentTemplateRef\"\n [showWeekNumbers]=\"false\"\n outsideDays=\"visible\"\n weekdays=\"short\"\n [markDisabled]=\"markDateDisabledFn\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\" />\n @if (withTime) {\n <div\n class=\"impdc-datetime-picker--timepicker d-flex flex-column gap-4 p-4 w-100\"\n [ngClass]=\"{\n 'border-0': !timeLayout.border,\n 'border-gray-200': timeLayout.border,\n 'mt-2': timeLayout.layout === 'stacked',\n 'border-top': timeLayout.border && timeLayout.layout === 'stacked',\n 'ms-2': timeLayout.layout === 'inline',\n 'border-start': timeLayout.border && timeLayout.layout === 'inline'\n }\">\n <impdc-checkbox\n [label]=\"use24hrTimeLabelText\"\n formControlName=\"use24hrTime\"\n [isSwitch]=\"true\"\n layout=\"check-end\" />\n <ngb-timepicker\n formControlName=\"time\"\n [meridian]=\"!use24hrTime\"\n [seconds]=\"false\"\n [spinners]=\"false\"\n size=\"medium\"></ngb-timepicker>\n </div>\n }\n</div>\n", styles: [":host{display:block}ngb-datepicker{border:0}ngb-timepicker{font-size:var(--impd-font-size-sm)}::ng-deep .ngb-dp-header{display:none}::ng-deep .ngb-tp-spacer{width:var(--impd-size-4)}.impdc-datetime-picker--datepicker,.impdc-datetime-picker--timepicker{max-width:312px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbDatepickerModule }, { kind: "component", type: i3.NgbDatepicker, selector: "ngb-datepicker", inputs: ["contentTemplate", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "maxDate", "minDate", "navigation", "outsideDays", "showWeekNumbers", "startDate", "weekdays"], outputs: ["navigate", "dateSelect"], exportAs: ["ngbDatepicker"] }, { kind: "ngmodule", type: NgbTimepickerModule }, { kind: "component", type: i3.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"], exportAs: ["ngbTimepicker"] }, { kind: "component", type: DatepickerTemplateHostComponent, selector: "impdc-datepicker-template-host" }, { kind: "ngmodule", type: ImpdcFormsModule }, { kind: "directive", type: RootFormGroupDirective, selector: "[formGroup]" }, { kind: "component", type: CheckboxComponent, selector: "impdc-checkbox", inputs: ["tabIndex", "id", "label", "description", "isSwitch", "switchIcons", "inline", "layout", "checked", "indeterminate", "disabled", "errorStateMatcher", "required"], outputs: ["change", "indeterminateChange"], exportAs: ["impdcCheckControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9836
9838
|
}
|
|
9837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9839
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerComponent, decorators: [{
|
|
9838
9840
|
type: Component,
|
|
9839
9841
|
args: [{ selector: 'impdc-datetime-picker', standalone: true, imports: [
|
|
9840
9842
|
CommonModule,
|
|
@@ -9862,7 +9864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
9862
9864
|
provide: ImpdcFormFieldControl,
|
|
9863
9865
|
useExisting: DatetimePickerComponent
|
|
9864
9866
|
}
|
|
9865
|
-
], template: "<impdc-datepicker-template-host #templateHost></impdc-datepicker-template-host>\n<div\n [formGroup]=\"formGroup\"\n class=\"d-flex\"\n [ngClass]=\"{\n 'flex-column': withTime && timeLayout.layout === 'stacked'\n }\"\n (focusout)=\"handleFocusOut($event)\">\n <ngb-datepicker\n class=\"impdc-datetime-picker--datepicker\"\n formControlName=\"date\"\n [dayTemplate]=\"templateHost.dayTemplateRef\"\n [contentTemplate]=\"templateHost.contentTemplateRef\"\n [showWeekNumbers]=\"false\"\n outsideDays=\"visible\"\n
|
|
9867
|
+
], template: "<impdc-datepicker-template-host #templateHost></impdc-datepicker-template-host>\n<div\n [formGroup]=\"formGroup\"\n class=\"d-flex\"\n [ngClass]=\"{\n 'flex-column': withTime && timeLayout.layout === 'stacked'\n }\"\n (focusout)=\"handleFocusOut($event)\">\n <ngb-datepicker\n class=\"impdc-datetime-picker--datepicker\"\n formControlName=\"date\"\n [dayTemplate]=\"templateHost.dayTemplateRef\"\n [contentTemplate]=\"templateHost.contentTemplateRef\"\n [showWeekNumbers]=\"false\"\n outsideDays=\"visible\"\n weekdays=\"short\"\n [markDisabled]=\"markDateDisabledFn\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\" />\n @if (withTime) {\n <div\n class=\"impdc-datetime-picker--timepicker d-flex flex-column gap-4 p-4 w-100\"\n [ngClass]=\"{\n 'border-0': !timeLayout.border,\n 'border-gray-200': timeLayout.border,\n 'mt-2': timeLayout.layout === 'stacked',\n 'border-top': timeLayout.border && timeLayout.layout === 'stacked',\n 'ms-2': timeLayout.layout === 'inline',\n 'border-start': timeLayout.border && timeLayout.layout === 'inline'\n }\">\n <impdc-checkbox\n [label]=\"use24hrTimeLabelText\"\n formControlName=\"use24hrTime\"\n [isSwitch]=\"true\"\n layout=\"check-end\" />\n <ngb-timepicker\n formControlName=\"time\"\n [meridian]=\"!use24hrTime\"\n [seconds]=\"false\"\n [spinners]=\"false\"\n size=\"medium\"></ngb-timepicker>\n </div>\n }\n</div>\n", styles: [":host{display:block}ngb-datepicker{border:0}ngb-timepicker{font-size:var(--impd-font-size-sm)}::ng-deep .ngb-dp-header{display:none}::ng-deep .ngb-tp-spacer{width:var(--impd-size-4)}.impdc-datetime-picker--datepicker,.impdc-datetime-picker--timepicker{max-width:312px}\n"] }]
|
|
9866
9868
|
}], ctorParameters: () => [{ type: ErrorStateMatcher }, { type: undefined, decorators: [{
|
|
9867
9869
|
type: Optional
|
|
9868
9870
|
}, {
|
|
@@ -10177,15 +10179,15 @@ class DatetimePickerInputComponent extends _DatetimePickerInputComponentBase {
|
|
|
10177
10179
|
}
|
|
10178
10180
|
this.displayedValue = newValue;
|
|
10179
10181
|
}
|
|
10180
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
10182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerInputComponent, deps: [{ token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatetimePickerInputComponent, isStandalone: true, selector: "impdc-datetime-picker-input", inputs: { disabled: "disabled", tabIndex: "tabIndex", markDateDisabled: "markDateDisabled", minDate: "minDate", maxDate: "maxDate", withTime: "withTime", meridianToggleLabel: "meridianToggleLabel", popupButtonLabels: "popupButtonLabels", placeholder: "placeholder", errorStateMatcher: "errorStateMatcher", value: "value", id: "id", required: ["required", "required", booleanAttribute] }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focus": "_onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.form-control": "true", "class.is-invalid": "errorState", "class.impdc-form-field-control": "true", "class.impdc-datetime-picker-input--required": "required", "class.impdc-datetime-picker-input--disabled": "disabled", "class.impdc-datetime-picker-input--invalid": "errorState", "class.impdc-datetime-picker-input--empty": "empty" } }, providers: [
|
|
10182
10184
|
{
|
|
10183
10185
|
provide: ImpdcFormFieldControl,
|
|
10184
10186
|
useExisting: DatetimePickerInputComponent
|
|
10185
10187
|
}
|
|
10186
10188
|
], viewQueries: [{ propertyName: "_toggleButtonRef", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n ngbDropdown\n #ngbDropdown=\"ngbDropdown\"\n autoClose=\"outside\"\n container=\"body\"\n dropdownClass=\"impartner-hex\"\n placement=\"bottom bottom-start bottom-end top top-start top-end\"\n (openChange)=\"handleOpenChange($event)\"\n class=\"h-100 w-100\">\n <button\n #toggleButton\n class=\"impdc-datetime-picker--toggle btn border-0 h-100 text-start\"\n type=\"button\"\n role=\"combobox\"\n [disabled]=\"disabled\"\n (focus)=\"_onFocus()\"\n ngbDropdownToggle>\n @if (!displayedValue) {\n <span\n class=\"impdc-datetime-picker--text impdc-datetime-picker--placeholder\"\n >{{ placeholderText }}</span\n >\n } @else {\n <span\n class=\"impdc-datetime-picker--text impdc-datetime-picker--value-text\"\n >{{ displayedValue }}</span\n >\n }\n </button>\n <div\n ngbDropdownMenu\n class=\"impdc-datetime-picker--dropdown w-100 bg-white overflow-y-visible text-gray-600\"\n tabindex=\"-1\">\n <ng-container *ngIf=\"ngbDropdown.isOpen()\">\n <impdc-datetime-picker\n #picker\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [markDateDisabled]=\"markDateDisabled\"\n [withTime]=\"withTime\"\n [meridianToggleLabel]=\"meridianToggleLabel\"\n [timeLayout]=\"{ layout: 'stacked', border: true }\" />\n <div\n class=\"border-gray-200 border-top d-flex flex-column gap-4 mt-2 p-4 w-100\">\n <impdc-datetime-picker-input-footer\n [datetimePicker]=\"picker\"\n [initialValue]=\"datetimePickerControl.value\"\n [cancelLabel]=\"popupButtonLabels.cancelLabel\"\n [clearLabel]=\"popupButtonLabels.clearLabel\"\n [saveLabel]=\"popupButtonLabels.saveLabel\"\n (datetimeSelected)=\"updateValue($event)\"\n (closeRequested)=\"ngbDropdown.close()\" />\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [":host{--impartner-hex-form-select-bg-img: none;padding:0!important;position:relative}:host.impdc-datetime-picker--disabled{background-color:var(--impd-color-gray-100)}.impdc-datetime-picker--toggle{font-weight:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.impdc-datetime-picker--toggle :host-context(.is-invalid){padding-right:3rem}.impdc-datetime-picker--toggle:disabled{cursor:default}.impdc-datetime-picker--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.impdc-datetime-picker--placeholder{color:var(--impd-color-gray-400)}.impdc-datetime-picker--dropdown{max-height:unset}button[ngbDropdownToggle].dropdown-toggle:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: DatetimePickerComponent, selector: "impdc-datetime-picker", inputs: ["disabled", "tabIndex", "markDateDisabled", "minDate", "maxDate", "timeLayout", "meridianToggleLabel", "withTime", "errorStateMatcher", "value", "id", "required"], outputs: ["valueChange", "blur"] }, { kind: "component", type: DatetimePickerInputFooterComponent, selector: "impdc-datetime-picker-input-footer", inputs: ["datetimePicker", "initialValue", "cancelLabel", "clearLabel", "saveLabel"], outputs: ["datetimeSelected", "closeRequested"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10187
10189
|
}
|
|
10188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerInputComponent, decorators: [{
|
|
10189
10191
|
type: Component,
|
|
10190
10192
|
args: [{ selector: 'impdc-datetime-picker-input', standalone: true, imports: [
|
|
10191
10193
|
CommonModule,
|
|
@@ -10261,13 +10263,13 @@ const DATETIME_PICKER_DIRECTIVES = [
|
|
|
10261
10263
|
DatetimePickerInputComponent
|
|
10262
10264
|
];
|
|
10263
10265
|
class DatetimePickerModule {
|
|
10264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10265
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10266
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10267
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerModule, imports: [DatetimePickerComponent,
|
|
10266
10268
|
DatetimePickerInputComponent], exports: [DatetimePickerComponent,
|
|
10267
10269
|
DatetimePickerInputComponent] }); }
|
|
10268
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10270
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerModule, imports: [DATETIME_PICKER_DIRECTIVES] }); }
|
|
10269
10271
|
}
|
|
10270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatetimePickerModule, decorators: [{
|
|
10271
10273
|
type: NgModule,
|
|
10272
10274
|
args: [{
|
|
10273
10275
|
imports: DATETIME_PICKER_DIRECTIVES,
|
|
@@ -10276,8 +10278,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
10276
10278
|
}] });
|
|
10277
10279
|
|
|
10278
10280
|
class DesignComponentsModule {
|
|
10279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10280
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DesignComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10282
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: DesignComponentsModule, imports: [CommonModule,
|
|
10281
10283
|
FormsModule,
|
|
10282
10284
|
TextHighlightModule,
|
|
10283
10285
|
IconModule,
|
|
@@ -10310,7 +10312,7 @@ class DesignComponentsModule {
|
|
|
10310
10312
|
BreadcrumbModule,
|
|
10311
10313
|
BrandingModule,
|
|
10312
10314
|
DatetimePickerModule] }); }
|
|
10313
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10315
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DesignComponentsModule, imports: [CommonModule,
|
|
10314
10316
|
FormsModule,
|
|
10315
10317
|
TextHighlightModule,
|
|
10316
10318
|
IconModule,
|
|
@@ -10343,7 +10345,7 @@ class DesignComponentsModule {
|
|
|
10343
10345
|
BrandingModule,
|
|
10344
10346
|
DatetimePickerModule] }); }
|
|
10345
10347
|
}
|
|
10346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DesignComponentsModule, decorators: [{
|
|
10347
10349
|
type: NgModule,
|
|
10348
10350
|
args: [{
|
|
10349
10351
|
imports: [
|
|
@@ -10413,10 +10415,10 @@ class ButtonGroupComponent {
|
|
|
10413
10415
|
get attrAriaLabel() {
|
|
10414
10416
|
return this.ariaLabel || undefined;
|
|
10415
10417
|
}
|
|
10416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10418
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10419
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonGroupComponent, selector: "impdc-button-group, [impdc-button-group]", inputs: { vertical: "vertical", ariaLabel: "ariaLabel" }, host: { properties: { "class.btn-group": "this.classBtnGroup", "class.btn-group-vertical": "this.classBtnGroupVertical", "attr.role": "this.attrRole", "attr.aria-label": "this.attrAriaLabel" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
10418
10420
|
}
|
|
10419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
10420
10422
|
type: Component,
|
|
10421
10423
|
args: [{ selector: 'impdc-button-group, [impdc-button-group]', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
10422
10424
|
}], propDecorators: { vertical: [{
|
|
@@ -10439,11 +10441,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
10439
10441
|
|
|
10440
10442
|
class ButtonGroupModule {
|
|
10441
10443
|
constructor() { }
|
|
10442
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10443
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10444
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10445
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, declarations: [ButtonGroupComponent], imports: [CommonModule, ButtonModule], exports: [ButtonModule, ButtonGroupComponent] }); }
|
|
10446
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, imports: [CommonModule, ButtonModule, ButtonModule] }); }
|
|
10445
10447
|
}
|
|
10446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonGroupModule, decorators: [{
|
|
10447
10449
|
type: NgModule,
|
|
10448
10450
|
args: [{
|
|
10449
10451
|
imports: [CommonModule, ButtonModule],
|
|
@@ -10467,10 +10469,10 @@ class CardHeadingComponent {
|
|
|
10467
10469
|
*/
|
|
10468
10470
|
this.description = '';
|
|
10469
10471
|
}
|
|
10470
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10471
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CardHeadingComponent, selector: "impdc-card-heading, div[impdc-card-heading]", inputs: { title: "title", description: "description" }, ngImport: i0, template: "<div class=\"card-heading\">\n <div class=\"heading\">\n <div class=\"heading-left\">\n <div class=\"heading-avatar\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n </div>\n <div class=\"heading-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <span class=\"description\" *ngIf=\"description\">{{ description }}</span>\n </div>\n </div>\n <div class=\"heading-actions\">\n <ng-content select=\"button[impdcButton]\"></ng-content>\n </div>\n </div>\n <div class=\"card-heading-body\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".card-heading{background-color:var(--impdc-color-white, #ffffff);border:.1rem solid;border-color:var(--impd-color-gray-200);border-radius:var(--impd-border-radius-md)}.card-heading .heading{display:flex;flex-direction:row;flex-wrap:wrap;padding:2rem 2.4rem;align-items:center;gap:1.5rem;justify-content:space-between}.card-heading .heading .heading-left{display:flex;flex-direction:row;align-items:center;gap:1.6rem;flex-grow:1}.card-heading .heading .heading-left .heading-avatar{display:none}.card-heading .heading .heading-left .heading-avatar:has(impdc-avatar){display:block}.card-heading .heading .heading-left .heading-title{align-content:center;display:flex;flex-direction:column;color:var(--impd-color-gray-900)}.card-heading .heading .heading-left .heading-title h3{margin-bottom:0}.card-heading .heading .heading-left .heading-title .description{color:var(--impd-color-gray-500);margin-bottom:0;margin-top:.4rem;font-size:var(--impd-font-size-sm);line-height:2rem}.card-heading .heading .heading-actions{display:flex;flex-direction:row;gap:1.2rem;flex-flow:wrap}.card-heading .card-heading-body{border-top:.1rem solid;border-top-color:var(--impd-color-gray-200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
10472
10474
|
}
|
|
10473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingComponent, decorators: [{
|
|
10474
10476
|
type: Component,
|
|
10475
10477
|
args: [{ selector: 'impdc-card-heading, div[impdc-card-heading]', template: "<div class=\"card-heading\">\n <div class=\"heading\">\n <div class=\"heading-left\">\n <div class=\"heading-avatar\">\n <ng-content select=\"impdc-avatar\"></ng-content>\n </div>\n <div class=\"heading-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <span class=\"description\" *ngIf=\"description\">{{ description }}</span>\n </div>\n </div>\n <div class=\"heading-actions\">\n <ng-content select=\"button[impdcButton]\"></ng-content>\n </div>\n </div>\n <div class=\"card-heading-body\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".card-heading{background-color:var(--impdc-color-white, #ffffff);border:.1rem solid;border-color:var(--impd-color-gray-200);border-radius:var(--impd-border-radius-md)}.card-heading .heading{display:flex;flex-direction:row;flex-wrap:wrap;padding:2rem 2.4rem;align-items:center;gap:1.5rem;justify-content:space-between}.card-heading .heading .heading-left{display:flex;flex-direction:row;align-items:center;gap:1.6rem;flex-grow:1}.card-heading .heading .heading-left .heading-avatar{display:none}.card-heading .heading .heading-left .heading-avatar:has(impdc-avatar){display:block}.card-heading .heading .heading-left .heading-title{align-content:center;display:flex;flex-direction:column;color:var(--impd-color-gray-900)}.card-heading .heading .heading-left .heading-title h3{margin-bottom:0}.card-heading .heading .heading-left .heading-title .description{color:var(--impd-color-gray-500);margin-bottom:0;margin-top:.4rem;font-size:var(--impd-font-size-sm);line-height:2rem}.card-heading .heading .heading-actions{display:flex;flex-direction:row;gap:1.2rem;flex-flow:wrap}.card-heading .card-heading-body{border-top:.1rem solid;border-top-color:var(--impd-color-gray-200)}\n"] }]
|
|
10476
10478
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
@@ -10481,11 +10483,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
10481
10483
|
|
|
10482
10484
|
class CardHeadingModule {
|
|
10483
10485
|
constructor() { }
|
|
10484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10485
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10486
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10486
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10487
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, declarations: [CardHeadingComponent], imports: [CommonModule], exports: [CardHeadingComponent] }); }
|
|
10488
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, imports: [CommonModule] }); }
|
|
10487
10489
|
}
|
|
10488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CardHeadingModule, decorators: [{
|
|
10489
10491
|
type: NgModule,
|
|
10490
10492
|
args: [{
|
|
10491
10493
|
imports: [CommonModule],
|
|
@@ -10655,10 +10657,10 @@ class ScrollableComponent {
|
|
|
10655
10657
|
}
|
|
10656
10658
|
return element.style.backgroundColor;
|
|
10657
10659
|
}
|
|
10658
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10660
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ScrollableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10661
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ScrollableComponent, selector: "impdc-scrollable, div[impdc-scrollable]", inputs: { scrollUnit: "scrollUnit", clickScrollMultiplier: "clickScrollMultiplier" }, host: { properties: { "style.--impdc-scrollable-bg": "this._scrollableBgColor" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"impdc-scrollable\"\n #container\n impdcSizeDetector\n (resized)=\"widthChanged($event)\">\n <a class=\"impdc-scrollable-left\" (click)=\"scroll(-1)\" *ngIf=\"canScrollLeft\">\n <i impdc-icon name=\"chevron-left\" class=\"default\"></i>\n </a>\n <div #content class=\"content-container\">\n <ng-content></ng-content>\n </div>\n <a class=\"impdc-scrollable-right\" (click)=\"scroll(1)\" *ngIf=\"canScrollRight\">\n <i impdc-icon name=\"chevron-right\" class=\"default\"></i>\n </a>\n</div>\n", styles: [".impdc-scrollable{position:relative;overflow-y:hidden}.impdc-scrollable .impdc-scrollable-base,.impdc-scrollable .impdc-scrollable-right,.impdc-scrollable .impdc-scrollable-left{position:absolute;top:0;bottom:0;display:flex;align-items:center;text-align:center;width:6.9rem;z-index:1;color:var(--impd-color-motion-blue-600, #01606d)}.impdc-scrollable .impdc-scrollable-left{justify-content:left;padding-left:1.5rem;background-image:linear-gradient(to right,var(--impdc-scrollable-bg, #fff) 50%,rgba(255,255,255,.0001) 86.46%)}.impdc-scrollable .impdc-scrollable-right{right:0;padding-right:1.5rem;justify-content:right;background-image:linear-gradient(to left,var(--impdc-scrollable-bg, #fff) 50%,rgba(255,255,255,.0001) 86.46%)}.impdc-scrollable .content-container{overflow-x:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}:host(.branded) .impdc-scrollable .impdc-scrollable-left,:host(.branded) .impdc-scrollable .impdc-scrollable-right{color:var(--px-primary-color, var(--impd-color-motion-blue-600, #01606d))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SizeDetectorDirective, selector: "[impdcSizeDetector]", outputs: ["resized"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10660
10662
|
}
|
|
10661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ScrollableComponent, decorators: [{
|
|
10662
10664
|
type: Component,
|
|
10663
10665
|
args: [{ selector: 'impdc-scrollable, div[impdc-scrollable]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"impdc-scrollable\"\n #container\n impdcSizeDetector\n (resized)=\"widthChanged($event)\">\n <a class=\"impdc-scrollable-left\" (click)=\"scroll(-1)\" *ngIf=\"canScrollLeft\">\n <i impdc-icon name=\"chevron-left\" class=\"default\"></i>\n </a>\n <div #content class=\"content-container\">\n <ng-content></ng-content>\n </div>\n <a class=\"impdc-scrollable-right\" (click)=\"scroll(1)\" *ngIf=\"canScrollRight\">\n <i impdc-icon name=\"chevron-right\" class=\"default\"></i>\n </a>\n</div>\n", styles: [".impdc-scrollable{position:relative;overflow-y:hidden}.impdc-scrollable .impdc-scrollable-base,.impdc-scrollable .impdc-scrollable-right,.impdc-scrollable .impdc-scrollable-left{position:absolute;top:0;bottom:0;display:flex;align-items:center;text-align:center;width:6.9rem;z-index:1;color:var(--impd-color-motion-blue-600, #01606d)}.impdc-scrollable .impdc-scrollable-left{justify-content:left;padding-left:1.5rem;background-image:linear-gradient(to right,var(--impdc-scrollable-bg, #fff) 50%,rgba(255,255,255,.0001) 86.46%)}.impdc-scrollable .impdc-scrollable-right{right:0;padding-right:1.5rem;justify-content:right;background-image:linear-gradient(to left,var(--impdc-scrollable-bg, #fff) 50%,rgba(255,255,255,.0001) 86.46%)}.impdc-scrollable .content-container{overflow-x:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}:host(.branded) .impdc-scrollable .impdc-scrollable-left,:host(.branded) .impdc-scrollable .impdc-scrollable-right{color:var(--px-primary-color, var(--impd-color-motion-blue-600, #01606d))}\n"] }]
|
|
10664
10666
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { scrollUnit: [{
|
|
@@ -10678,11 +10680,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
10678
10680
|
|
|
10679
10681
|
class ScrollableModule {
|
|
10680
10682
|
constructor() { }
|
|
10681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10682
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10683
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10683
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10684
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ScrollableModule, declarations: [ScrollableComponent], imports: [CommonModule, SizeDetectionModule, BrandingModule], exports: [ScrollableComponent, BrandingModule] }); }
|
|
10685
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ScrollableModule, imports: [CommonModule, SizeDetectionModule, BrandingModule, BrandingModule] }); }
|
|
10684
10686
|
}
|
|
10685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ScrollableModule, decorators: [{
|
|
10686
10688
|
type: NgModule,
|
|
10687
10689
|
args: [{
|
|
10688
10690
|
imports: [CommonModule, SizeDetectionModule, BrandingModule],
|
|
@@ -10912,15 +10914,15 @@ class SelectIconComponent extends _SelectIconComponentBase {
|
|
|
10912
10914
|
_buildChangeEvent(value) {
|
|
10913
10915
|
return new ImpdcSelectIconChange(this, value);
|
|
10914
10916
|
}
|
|
10915
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10917
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ErrorStateMatcher }, { token: IMPDC_FORM_ROOT, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10918
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SelectIconComponent, selector: "impdc-select-icon", inputs: { disabled: "disabled", tabIndex: "tabIndex", allowSearch: "allowSearch", iconOptions: "iconOptions", showText: "showText", showSelectedText: "showSelectedText", placeholder: "placeholder", errorStateMatcher: "errorStateMatcher", value: "value", id: "id", required: "required" }, outputs: { selectionChange: "selectionChange", valueChange: "valueChange" }, host: { listeners: { "focus": "_onFocus(); focus()" }, properties: { "attr.id": "id", "attr.tabindex": "tabIndex", "attr.aria-required": "required.toString()", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.form-select": "true", "class.is-invalid": "errorState", "class.impdc-form-field-control": "true", "class.impdc-select-icon--required": "required", "class.impdc-select-icon--disabled": "disabled", "class.impdc-select-icon--invalid": "errorState", "class.impdc-select-icon--empty": "empty" }, classAttribute: "impdc-select-icon" }, providers: [
|
|
10917
10919
|
{
|
|
10918
10920
|
provide: ImpdcFormFieldControl,
|
|
10919
10921
|
useExisting: SelectIconComponent
|
|
10920
10922
|
}
|
|
10921
10923
|
], viewQueries: [{ propertyName: "_toggleButtonRef", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n ngbDropdown\n autoClose=\"outside\"\n container=\"body\"\n dropdownClass=\"impartner-hex\"\n (openChange)=\"handleOpenChange($event)\"\n class=\"w-100\">\n <button\n #toggleButton\n class=\"impdc-select-icon--toggle btn border-0 text-start\"\n type=\"button\"\n role=\"combobox\"\n [disabled]=\"disabled\"\n ngbDropdownToggle>\n <ng-container [ngSwitch]=\"empty\">\n <span\n class=\"impdc-select-icon--text impdc-select-icon--placeholder\"\n *ngSwitchCase=\"true\">\n {{ placeholder }}\n </span>\n <div\n class=\"impdc-select-icon--text impdc-select-icon--value-text\"\n *ngSwitchCase=\"false\">\n <i impdc-icon [name]=\"value ?? undefined\"></i>\n <span *ngIf=\"showSelectedText\" class=\"ms-2\">{{ value }}</span>\n </div>\n </ng-container>\n </button>\n <div ngbDropdownMenu class=\"impdc-select-icon--dropdown-menu\" tabindex=\"-1\">\n <div *ngIf=\"allowSearch\" class=\"impdc-select-icon--search\">\n <impdc-form-field>\n <span impdcTextPrefix><i impdc-icon name=\"search\"></i></span>\n <input\n impdcInput\n [formControl]=\"searchControl\"\n class=\"impdc-select-icon--search-input\"\n type=\"search\" />\n </impdc-form-field>\n </div>\n <div class=\"impdc-select-icon--grid\">\n <button\n *ngFor=\"let iconName of filteredOptions$ | async\"\n type=\"button\"\n (click)=\"selectIcon(iconName)\"\n class=\"impdc-select-icon--option\"\n [class.selected]=\"value === iconName\"\n [title]=\"iconName\"\n [attr.aria-labelledby]=\"showText ? id + '_' + iconName : null\">\n <div class=\"impdc-select-icon--option-container\">\n <i impdc-icon [name]=\"iconName\" class=\"fs-2xl\"></i>\n </div>\n <div\n id=\"{{ id }}_{{ iconName }}\"\n class=\"impdc-select-icon--option-label\"\n [class.sr-only]=\"!showText\">\n {{ iconName }}\n </div>\n </button>\n </div>\n </div>\n</div>\n", styles: [":host{padding:0!important;position:relative}:host.impdc-select-icon--disabled{background-color:var(--impd-color-gray-100)}.impdc-select-icon--toggle{font-weight:inherit;padding-right:3.6rem;-webkit-user-select:none;user-select:none;width:100%}:host-context(.is-invalid) .impdc-select-icon--toggle{padding-right:6.6rem}.impdc-select-icon--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.impdc-select-icon--dropdown-menu{background-color:var(--impd-color-white);color:var(--impd-color-gray-600);max-width:51.2rem;min-width:32rem;overflow:hidden;width:100%}.impdc-select-icon--search{margin:var(--impd-size-2);font-size:var(--impd-font-size-sm)}.impdc-select-icon--grid{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(4.8rem,1fr));gap:var(--impd-size-4);width:100%;max-height:var(--impd-size-40);overflow-y:auto;overflow-x:hidden;padding:var(--impd-size-4);-webkit-user-select:none;user-select:none}button[ngbDropdownToggle].dropdown-toggle:after{display:none}.impdc-select-icon--option{padding:0;background:unset;border:none}.impdc-select-icon--option:focus{outline:0}.impdc-select-icon--option-container{height:4rem;width:4rem;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;border-radius:50%;justify-items:center}.selected>.impdc-select-icon--option-container,:hover>.impdc-select-icon--option-container,:focus>.impdc-select-icon--option-container{background-color:var(--impartner-hex-primary);color:var(--impartner-hex-white)}.impdc-select-icon--option-label{text-align:center;font-size:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FormFieldComponent, selector: "impdc-form-field", exportAs: ["impdcFormField"] }, { kind: "directive", type: PrefixDirective, selector: "[impdcPrefix], [impdcTextPrefix]", inputs: ["impdcTextPrefix"] }, { kind: "directive", type: InputDirective, selector: "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", inputs: ["disabled", "id", "type", "required", "readonly", "errorStateMatcher", "value"], exportAs: ["impdcInput"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10922
10924
|
}
|
|
10923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectIconComponent, decorators: [{
|
|
10924
10926
|
type: Component,
|
|
10925
10927
|
args: [{ selector: 'impdc-select-icon', inputs: ['disabled', 'tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
10926
10928
|
class: 'impdc-select-icon',
|
|
@@ -10984,21 +10986,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
10984
10986
|
}] } });
|
|
10985
10987
|
|
|
10986
10988
|
class SelectIconModule {
|
|
10987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10988
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10989
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10990
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: SelectIconModule, declarations: [SelectIconComponent], imports: [CommonModule,
|
|
10989
10991
|
ImpdcFormsModule,
|
|
10990
10992
|
IconModule,
|
|
10991
10993
|
NgbTypeaheadModule,
|
|
10992
10994
|
NgbDropdownModule,
|
|
10993
10995
|
ReactiveFormsModule], exports: [SelectIconComponent] }); }
|
|
10994
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10996
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectIconModule, imports: [CommonModule,
|
|
10995
10997
|
ImpdcFormsModule,
|
|
10996
10998
|
IconModule,
|
|
10997
10999
|
NgbTypeaheadModule,
|
|
10998
11000
|
NgbDropdownModule,
|
|
10999
11001
|
ReactiveFormsModule] }); }
|
|
11000
11002
|
}
|
|
11001
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectIconModule, decorators: [{
|
|
11002
11004
|
type: NgModule,
|
|
11003
11005
|
args: [{
|
|
11004
11006
|
declarations: [SelectIconComponent],
|
|
@@ -11095,10 +11097,10 @@ class DataCardComponent {
|
|
|
11095
11097
|
handleCornerClick(event) {
|
|
11096
11098
|
this.cornerClicked.emit(event);
|
|
11097
11099
|
}
|
|
11098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11099
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
11100
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DataCardComponent, selector: "impdc-data-card, [impdc-data-card]", inputs: { title: "title", current: "current", previous: "previous", difference: "difference", linkText: "linkText", sharedBorders: "sharedBorders", iconColor: "iconColor", iconBgColor: "iconBgColor" }, outputs: { linkClicked: "linkClicked", cornerClicked: "cornerClicked" }, host: { properties: { "class": "this.classDataCard", "class.impdc-data-card-shared-borders": "this.classDataCardSharedBorders" } }, viewQueries: [{ propertyName: "iconContentElementRef", first: true, predicate: ["iconContentEl"], descendants: true, read: (ElementRef), static: true }], ngImport: i0, template: "<div class=\"card-body impdc-data-card-body\">\n <div\n #iconContentEl\n class=\"impdc-data-card-icon\"\n [style.color]=\"iconColor ? iconColor : undefined\"\n [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n [class.d-none]=\"!hasIcon\">\n <ng-content select=\"[icon]\"></ng-content>\n </div>\n <div class=\"impdc-data-card-container\">\n <div class=\"impdc-data-card-title\" [class.title-attention]=\"!hasIcon\">\n {{ title }}\n </div>\n <div class=\"impdc-data-card-data\">\n <ng-content></ng-content>\n <span\n *ngIf=\"current\"\n class=\"data-current\"\n [class.data-current-enlarged]=\"!hasIcon && !previous && !difference\"\n [innerText]=\"current\"></span>\n <span class=\"data-other\">\n <span\n *ngIf=\"!hasIcon && previous\"\n class=\"data-previous\"\n [innerText]=\"previous\"></span>\n <impdc-badge\n *ngIf=\"difference\"\n [text]=\"differenceDisplay\"\n [icon]=\"\n differencePositive\n ? 'arrow-up'\n : differenceNegative\n ? 'arrow-down'\n : ''\n \"\n [theme]=\"\n differencePositive\n ? BadgeTheme.Success\n : differenceNegative\n ? BadgeTheme.Danger\n : BadgeTheme.Light\n \"\n [hideBg]=\"hasIcon\"\n [rounded]=\"true\"></impdc-badge>\n </span>\n </div>\n </div>\n <div\n #cornerContentEl\n class=\"impdc-data-card-corner\"\n [class.d-none]=\"!cornerContentEl.children.length\"\n (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n <ng-content select=\"[corner]\"></ng-content>\n </div>\n</div>\n<div\n class=\"card-footer impdc-data-card-footer\"\n [class.d-none]=\"!linkText && !footerContentEl.children.length\">\n <div #footerContentEl [class.d-none]=\"!footerContentEl.children.length\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n <a\n *ngIf=\"linkText\"\n class=\"footer-link\"\n (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n >{{ linkText }}</a\n >\n</div>\n", styles: [":host(.impdc-data-card){overflow-x:hidden;border:0;box-shadow:var(--impartner-hex-box-shadow);border-radius:var(--impd-border-radius-lg)}:host(.impdc-data-card).impdc-data-card-shared-borders:first-child:not(:last-child){border-right:solid var(--impd-color-gray-200) 1px;border-top-right-radius:0;border-bottom-right-radius:0}:host(.impdc-data-card).impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host(.impdc-data-card).impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:solid var(--impd-color-gray-200) 1px;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:var(--impd-size-5);padding:var(--impd-size-6)}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:var(--impd-size-3);background-color:var(--impd-color-motion-blue-600);color:var(--impd-color-white);border-radius:var(--impd-border-radius-md)}.impdc-data-card-icon ::ng-deep .fa,.impdc-data-card-icon ::ng-deep .fa-brands,.impdc-data-card-icon ::ng-deep .fa-duotone,.impdc-data-card-icon ::ng-deep .fa-light,.impdc-data-card-icon ::ng-deep .fa-regular,.impdc-data-card-icon ::ng-deep .fa-solid,.impdc-data-card-icon ::ng-deep .fa-thin,.impdc-data-card-icon ::ng-deep .fab,.impdc-data-card-icon ::ng-deep .fad,.impdc-data-card-icon ::ng-deep .fal,.impdc-data-card-icon ::ng-deep .far,.impdc-data-card-icon ::ng-deep .fas,.impdc-data-card-icon ::ng-deep .fat,.impdc-data-card-icon ::ng-deep svg{display:flex;align-items:center;justify-content:center;height:var(--impd-size-6);width:var(--impd-size-6);font-size:var(--impd-font-size-lg);line-height:var(--impd-size-6)}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:var(--impd-font-weight-medium);min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:var(--impd-color-gray-900);font-size:var(--impd-font-size-base);line-height:var(--impd-size-6);font-weight:var(--impd-font-weight-normal)}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:baseline;min-width:0;gap:var(--impd-size-2)}.impdc-data-card-data .data-current{color:var(--impd-color-gray-900);font-size:var(--impd-size-6);line-height:var(--impd-size-8);font-weight:var(--impd-font-weight-semibold);min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-data .data-current.data-current-enlarged{font-size:var(--impd-font-size-3xl);line-height:var(--impd-size-9)}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:baseline;gap:var(--impd-size-2)}.impdc-data-card-data .data-previous{min-width:0;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:var(--impd-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:var(--impd-size-2_5);line-height:var(--impd-size-3_5);color:var(--impd-color-gray-700)}.impdc-data-card-corner ::ng-deep .fa,.impdc-data-card-corner ::ng-deep .fa-brands,.impdc-data-card-corner ::ng-deep .fa-duotone,.impdc-data-card-corner ::ng-deep .fa-light,.impdc-data-card-corner ::ng-deep .fa-regular,.impdc-data-card-corner ::ng-deep .fa-solid,.impdc-data-card-corner ::ng-deep .fa-thin,.impdc-data-card-corner ::ng-deep .fab,.impdc-data-card-corner ::ng-deep .fad,.impdc-data-card-corner ::ng-deep .fal,.impdc-data-card-corner ::ng-deep .far,.impdc-data-card-corner ::ng-deep .fas,.impdc-data-card-corner ::ng-deep .fat,.impdc-data-card-corner ::ng-deep svg{height:var(--impd-size-3_5);line-height:var(--impd-size-3_5)}.impdc-data-card-footer{display:flex;align-items:center;padding:var(--impd-size-4);background-color:var(--impd-color-gray-50)}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer .footer-link{font-weight:var(--impd-font-weight-medium);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "impdc-badge, [impdc-badge]", inputs: ["text", "icon", "theme", "size", "hideBg", "rounded", "dismissable"], outputs: ["dismiss"] }] }); }
|
|
11100
11102
|
}
|
|
11101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataCardComponent, decorators: [{
|
|
11102
11104
|
type: Component,
|
|
11103
11105
|
args: [{ selector: 'impdc-data-card, [impdc-data-card]', template: "<div class=\"card-body impdc-data-card-body\">\n <div\n #iconContentEl\n class=\"impdc-data-card-icon\"\n [style.color]=\"iconColor ? iconColor : undefined\"\n [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n [class.d-none]=\"!hasIcon\">\n <ng-content select=\"[icon]\"></ng-content>\n </div>\n <div class=\"impdc-data-card-container\">\n <div class=\"impdc-data-card-title\" [class.title-attention]=\"!hasIcon\">\n {{ title }}\n </div>\n <div class=\"impdc-data-card-data\">\n <ng-content></ng-content>\n <span\n *ngIf=\"current\"\n class=\"data-current\"\n [class.data-current-enlarged]=\"!hasIcon && !previous && !difference\"\n [innerText]=\"current\"></span>\n <span class=\"data-other\">\n <span\n *ngIf=\"!hasIcon && previous\"\n class=\"data-previous\"\n [innerText]=\"previous\"></span>\n <impdc-badge\n *ngIf=\"difference\"\n [text]=\"differenceDisplay\"\n [icon]=\"\n differencePositive\n ? 'arrow-up'\n : differenceNegative\n ? 'arrow-down'\n : ''\n \"\n [theme]=\"\n differencePositive\n ? BadgeTheme.Success\n : differenceNegative\n ? BadgeTheme.Danger\n : BadgeTheme.Light\n \"\n [hideBg]=\"hasIcon\"\n [rounded]=\"true\"></impdc-badge>\n </span>\n </div>\n </div>\n <div\n #cornerContentEl\n class=\"impdc-data-card-corner\"\n [class.d-none]=\"!cornerContentEl.children.length\"\n (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n <ng-content select=\"[corner]\"></ng-content>\n </div>\n</div>\n<div\n class=\"card-footer impdc-data-card-footer\"\n [class.d-none]=\"!linkText && !footerContentEl.children.length\">\n <div #footerContentEl [class.d-none]=\"!footerContentEl.children.length\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n <a\n *ngIf=\"linkText\"\n class=\"footer-link\"\n (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n >{{ linkText }}</a\n >\n</div>\n", styles: [":host(.impdc-data-card){overflow-x:hidden;border:0;box-shadow:var(--impartner-hex-box-shadow);border-radius:var(--impd-border-radius-lg)}:host(.impdc-data-card).impdc-data-card-shared-borders:first-child:not(:last-child){border-right:solid var(--impd-color-gray-200) 1px;border-top-right-radius:0;border-bottom-right-radius:0}:host(.impdc-data-card).impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host(.impdc-data-card).impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:solid var(--impd-color-gray-200) 1px;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:var(--impd-size-5);padding:var(--impd-size-6)}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:var(--impd-size-3);background-color:var(--impd-color-motion-blue-600);color:var(--impd-color-white);border-radius:var(--impd-border-radius-md)}.impdc-data-card-icon ::ng-deep .fa,.impdc-data-card-icon ::ng-deep .fa-brands,.impdc-data-card-icon ::ng-deep .fa-duotone,.impdc-data-card-icon ::ng-deep .fa-light,.impdc-data-card-icon ::ng-deep .fa-regular,.impdc-data-card-icon ::ng-deep .fa-solid,.impdc-data-card-icon ::ng-deep .fa-thin,.impdc-data-card-icon ::ng-deep .fab,.impdc-data-card-icon ::ng-deep .fad,.impdc-data-card-icon ::ng-deep .fal,.impdc-data-card-icon ::ng-deep .far,.impdc-data-card-icon ::ng-deep .fas,.impdc-data-card-icon ::ng-deep .fat,.impdc-data-card-icon ::ng-deep svg{display:flex;align-items:center;justify-content:center;height:var(--impd-size-6);width:var(--impd-size-6);font-size:var(--impd-font-size-lg);line-height:var(--impd-size-6)}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:var(--impd-font-weight-medium);min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:var(--impd-color-gray-900);font-size:var(--impd-font-size-base);line-height:var(--impd-size-6);font-weight:var(--impd-font-weight-normal)}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:baseline;min-width:0;gap:var(--impd-size-2)}.impdc-data-card-data .data-current{color:var(--impd-color-gray-900);font-size:var(--impd-size-6);line-height:var(--impd-size-8);font-weight:var(--impd-font-weight-semibold);min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-data .data-current.data-current-enlarged{font-size:var(--impd-font-size-3xl);line-height:var(--impd-size-9)}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:baseline;gap:var(--impd-size-2)}.impdc-data-card-data .data-previous{min-width:0;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5);font-weight:var(--impd-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:var(--impd-size-2_5);line-height:var(--impd-size-3_5);color:var(--impd-color-gray-700)}.impdc-data-card-corner ::ng-deep .fa,.impdc-data-card-corner ::ng-deep .fa-brands,.impdc-data-card-corner ::ng-deep .fa-duotone,.impdc-data-card-corner ::ng-deep .fa-light,.impdc-data-card-corner ::ng-deep .fa-regular,.impdc-data-card-corner ::ng-deep .fa-solid,.impdc-data-card-corner ::ng-deep .fa-thin,.impdc-data-card-corner ::ng-deep .fab,.impdc-data-card-corner ::ng-deep .fad,.impdc-data-card-corner ::ng-deep .fal,.impdc-data-card-corner ::ng-deep .far,.impdc-data-card-corner ::ng-deep .fas,.impdc-data-card-corner ::ng-deep .fat,.impdc-data-card-corner ::ng-deep svg{height:var(--impd-size-3_5);line-height:var(--impd-size-3_5)}.impdc-data-card-footer{display:flex;align-items:center;padding:var(--impd-size-4);background-color:var(--impd-color-gray-50)}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer .footer-link{font-weight:var(--impd-font-weight-medium);font-size:var(--impd-font-size-sm);line-height:var(--impd-size-5)}\n"] }]
|
|
11104
11106
|
}], propDecorators: { iconContentElementRef: [{
|
|
@@ -11134,11 +11136,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
|
|
|
11134
11136
|
|
|
11135
11137
|
class DataCardModule {
|
|
11136
11138
|
constructor() { }
|
|
11137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11138
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11139
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11140
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: DataCardModule, declarations: [DataCardComponent], imports: [CommonModule, IconModule, BadgeModule], exports: [IconModule, DataCardComponent] }); }
|
|
11141
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataCardModule, imports: [CommonModule, IconModule, BadgeModule, IconModule] }); }
|
|
11140
11142
|
}
|
|
11141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DataCardModule, decorators: [{
|
|
11142
11144
|
type: NgModule,
|
|
11143
11145
|
args: [{
|
|
11144
11146
|
imports: [CommonModule, IconModule, BadgeModule],
|