@ardium-ui/ui 3.2.0 → 3.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/_internal/boolean-component.mjs +4 -4
- package/esm2022/lib/_internal/clear-button/clear-button.component.mjs +4 -4
- package/esm2022/lib/_internal/clear-button/clear-button.module.mjs +5 -5
- package/esm2022/lib/_internal/disablable-component.mjs +4 -4
- package/esm2022/lib/_internal/focusable-component.mjs +4 -4
- package/esm2022/lib/_internal/ngmodel-component.mjs +4 -4
- package/esm2022/lib/_internal/selectable-list-component.mjs +6 -5
- package/esm2022/lib/badge/badge.directive.mjs +4 -4
- package/esm2022/lib/badge/badge.module.mjs +5 -5
- package/esm2022/lib/buttons/_button-base.mjs +4 -4
- package/esm2022/lib/buttons/button/button.component.mjs +4 -4
- package/esm2022/lib/buttons/button/button.module.mjs +5 -5
- package/esm2022/lib/buttons/fab/fab.component.mjs +4 -4
- package/esm2022/lib/buttons/fab/fab.module.mjs +5 -5
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +4 -4
- package/esm2022/lib/buttons/icon-button/icon-button.module.mjs +5 -5
- package/esm2022/lib/card/card.children.mjs +25 -25
- package/esm2022/lib/card/card.component.mjs +7 -7
- package/esm2022/lib/card/card.module.mjs +5 -5
- package/esm2022/lib/checkbox/checkbox.component.mjs +4 -4
- package/esm2022/lib/checkbox/checkbox.module.mjs +5 -5
- package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +9 -6
- package/esm2022/lib/checkbox-list/checkbox-list.module.mjs +5 -5
- package/esm2022/lib/chip/chip.component.mjs +4 -4
- package/esm2022/lib/chip/chip.module.mjs +5 -5
- package/esm2022/lib/chip/deletable-chip/deletable-chip.component.mjs +4 -4
- package/esm2022/lib/chip/selectable-chip/selectable-chip.component.mjs +4 -4
- package/esm2022/lib/color/color-display/color-display.component.mjs +4 -4
- package/esm2022/lib/color/color-display/color-display.module.mjs +5 -5
- package/esm2022/lib/dialog/dialog.component.mjs +4 -4
- package/esm2022/lib/dialog/dialog.directives.mjs +4 -4
- package/esm2022/lib/dialog/dialog.module.mjs +5 -5
- package/esm2022/lib/divider/divider.component.mjs +4 -4
- package/esm2022/lib/divider/divider.module.mjs +5 -5
- package/esm2022/lib/dropdown-panel/dropdown-panel.component.mjs +4 -4
- package/esm2022/lib/dropdown-panel/dropdown-panel.module.mjs +5 -5
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +4 -4
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.directives.mjs +10 -10
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.module.mjs +5 -5
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +4 -4
- package/esm2022/lib/file-inputs/file-input/file-input.directives.mjs +19 -19
- package/esm2022/lib/file-inputs/file-input/file-input.module.mjs +5 -5
- package/esm2022/lib/file-inputs/file-input-base.mjs +6 -5
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +4 -4
- package/esm2022/lib/form-field-frame/form-field-frame.directives.mjs +7 -7
- package/esm2022/lib/form-field-frame/form-field-frame.module.mjs +5 -5
- package/esm2022/lib/icon/icon.component.mjs +4 -4
- package/esm2022/lib/icon/icon.module.mjs +5 -5
- package/esm2022/lib/icon/icon.pipe.mjs +4 -4
- package/esm2022/lib/inputs/_simple-input-base.mjs +4 -4
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +4 -4
- package/esm2022/lib/inputs/digit-input/digit-input.module.mjs +5 -5
- package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +4 -4
- package/esm2022/lib/inputs/hex-input/hex-input.directives.mjs +10 -10
- package/esm2022/lib/inputs/hex-input/hex-input.module.mjs +5 -5
- package/esm2022/lib/inputs/input/input.component.mjs +4 -4
- package/esm2022/lib/inputs/input/input.directives.mjs +16 -16
- package/esm2022/lib/inputs/input/input.module.mjs +5 -5
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +5 -5
- package/esm2022/lib/inputs/number-input/number-input.directives.mjs +4 -4
- package/esm2022/lib/inputs/number-input/number-input.module.mjs +5 -5
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +4 -4
- package/esm2022/lib/inputs/password-input/password-input.directives.mjs +13 -13
- package/esm2022/lib/inputs/password-input/password-input.module.mjs +5 -5
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +4 -4
- package/esm2022/lib/inputs/simple-input/simple-input.directives.mjs +10 -10
- package/esm2022/lib/inputs/simple-input/simple-input.module.mjs +5 -5
- package/esm2022/lib/kbd/kbd.component.mjs +4 -4
- package/esm2022/lib/kbd/kbd.directive.mjs +4 -4
- package/esm2022/lib/kbd/kbd.module.mjs +5 -5
- package/esm2022/lib/kbd/kbd.pipe.mjs +4 -4
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs +4 -4
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.module.mjs +5 -5
- package/esm2022/lib/modal/modal.component.mjs +4 -4
- package/esm2022/lib/modal/modal.module.mjs +5 -5
- package/esm2022/lib/option/option.component.mjs +4 -4
- package/esm2022/lib/option/option.module.mjs +5 -5
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2022/lib/progress-bar/progress-bar.directive.mjs +4 -4
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +5 -5
- package/esm2022/lib/progress-circle/progress-circle.component.mjs +4 -4
- package/esm2022/lib/progress-circle/progress-circle.directive.mjs +4 -4
- package/esm2022/lib/progress-circle/progress-circle.module.mjs +5 -5
- package/esm2022/lib/radio/radio/radio.component.mjs +6 -5
- package/esm2022/lib/radio/radio-group.component.mjs +6 -5
- package/esm2022/lib/radio/radio.module.mjs +5 -5
- package/esm2022/lib/segment/segment.component.mjs +4 -4
- package/esm2022/lib/segment/segment.directives.mjs +4 -4
- package/esm2022/lib/segment/segment.module.mjs +5 -5
- package/esm2022/lib/select/select.component.mjs +6 -5
- package/esm2022/lib/select/select.directive.mjs +46 -46
- package/esm2022/lib/select/select.module.mjs +5 -5
- package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +4 -4
- package/esm2022/lib/slide-toggle/slide-toggle.module.mjs +5 -5
- package/esm2022/lib/slider/abstract-slider.mjs +4 -4
- package/esm2022/lib/slider/range-slider/range-slider.component.mjs +4 -4
- package/esm2022/lib/slider/range-slider/range-slider.module.mjs +5 -5
- package/esm2022/lib/slider/slider.component.mjs +4 -4
- package/esm2022/lib/slider/slider.directive.mjs +4 -4
- package/esm2022/lib/slider/slider.module.mjs +5 -5
- package/esm2022/lib/snackbar/snackbar.component.mjs +4 -4
- package/esm2022/lib/snackbar/snackbar.service.mjs +4 -4
- package/esm2022/lib/spinner/spinner.component.mjs +4 -4
- package/esm2022/lib/spinner/spinner.module.mjs +5 -5
- package/esm2022/lib/star/star-button/star-button.component.mjs +4 -4
- package/esm2022/lib/star/star-button/star-button.module.mjs +5 -5
- package/esm2022/lib/star/star-display/star-display.component.mjs +4 -4
- package/esm2022/lib/star/star-display/star-display.module.mjs +5 -5
- package/esm2022/lib/star/star-input/star-input.component.mjs +4 -4
- package/esm2022/lib/star/star-input/star-input.module.mjs +5 -5
- package/esm2022/lib/star/star.component.mjs +4 -4
- package/esm2022/lib/star/star.module.mjs +5 -5
- package/esm2022/lib/statebox/statebox.component.mjs +4 -4
- package/esm2022/lib/statebox/statebox.module.mjs +5 -5
- package/esm2022/lib/tabber/tab/tab.component.mjs +4 -4
- package/esm2022/lib/tabber/tabber.component.mjs +4 -4
- package/esm2022/lib/tabber/tabber.module.mjs +5 -5
- package/esm2022/lib/table/table.component.mjs +4 -4
- package/esm2022/lib/table/table.directives.mjs +16 -16
- package/esm2022/lib/table/table.module.mjs +5 -5
- package/esm2022/lib/table-from-csv/table-from-csv.component.mjs +4 -4
- package/esm2022/lib/table-from-csv/table-from-csv.module.mjs +5 -5
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +4 -4
- package/esm2022/lib/table-pagination/table-pagination.module.mjs +5 -5
- package/esm2022/lib/text-list/text-list.component.mjs +4 -4
- package/esm2022/lib/text-list/text-list.module.mjs +5 -5
- package/esm2022/lib/text-list/text-list.pipe.mjs +4 -4
- package/fesm2022/ardium-ui-ui.mjs +573 -570
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/selectable-list-component.d.ts +1 -1
- package/package.json +1 -1
- package/prebuilt-themes/default/core.css.map +1 -1
- package/themes/default/core.scss +2 -2
|
@@ -11,6 +11,7 @@ import { Overlay, ScrollStrategyOptions, OverlayConfig, OverlayModule } from '@a
|
|
|
11
11
|
import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
|
|
12
12
|
import { resolvePath } from 'resolve-object-path';
|
|
13
13
|
import { Subject, merge, takeUntil, startWith, BehaviorSubject } from 'rxjs';
|
|
14
|
+
import Random from 'take-chance';
|
|
14
15
|
import { roundToPrecision, roundToMultiple } from 'more-rounding';
|
|
15
16
|
import * as Color from 'color';
|
|
16
17
|
import { keyToString } from 'key-display-names';
|
|
@@ -43,10 +44,10 @@ class _DisablableComponentBase {
|
|
|
43
44
|
get _disabledHostAttribute() {
|
|
44
45
|
return this.disabled();
|
|
45
46
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
47
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _DisablableComponentBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
48
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: _DisablableComponentBase, inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, _disabled: { classPropertyName: "_disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "attr.readonly": "this._readonlyHostAttribute", "class.ard-readonly": "this._readonlyHostAttribute", "attr.disabled": "this._disabledHostAttribute", "class.ard-disabled": "this._disabledHostAttribute" } }, ngImport: i0 }); }
|
|
48
49
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _DisablableComponentBase, decorators: [{
|
|
50
51
|
type: Directive
|
|
51
52
|
}], ctorParameters: () => [{ type: undefined }], propDecorators: { _disabled: [{
|
|
52
53
|
type: Input,
|
|
@@ -136,10 +137,10 @@ class _FocusableComponentBase extends _DisablableComponentBase {
|
|
|
136
137
|
this.isFocused = false;
|
|
137
138
|
this.blurEvent.emit(event);
|
|
138
139
|
}
|
|
139
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
140
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _FocusableComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
141
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: _FocusableComponentBase, inputs: { _tabIndex: { classPropertyName: "_tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusEvent: "focus", blurEvent: "blur" }, viewQueries: [{ propertyName: "_focusableElement", predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
|
|
141
142
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _FocusableComponentBase, decorators: [{
|
|
143
144
|
type: Directive
|
|
144
145
|
}], propDecorators: { _focusableElement: [{
|
|
145
146
|
type: ViewChildren,
|
|
@@ -179,10 +180,10 @@ class _NgModelComponentBase extends _FocusableComponentBase {
|
|
|
179
180
|
super.onBlur(event);
|
|
180
181
|
this._onTouchedRegistered?.();
|
|
181
182
|
}
|
|
182
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
183
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _NgModelComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
184
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: _NgModelComponentBase, usesInheritance: true, ngImport: i0 }); }
|
|
184
185
|
}
|
|
185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _NgModelComponentBase, decorators: [{
|
|
186
187
|
type: Directive
|
|
187
188
|
}] });
|
|
188
189
|
|
|
@@ -614,8 +615,8 @@ class ArdiumDigitInputComponent extends _NgModelComponentBase {
|
|
|
614
615
|
return;
|
|
615
616
|
}
|
|
616
617
|
}
|
|
617
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
618
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputComponent, deps: [{ token: ARD_DIGIT_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumDigitInputComponent, selector: "ard-digit-input", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, outputAsString: { classPropertyName: "outputAsString", publicName: "outputAsString", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", finishedValue: "finishedValue", focusIndexEvent: "focusIndex", blurIndexEvent: "blurIndex" }, providers: [
|
|
619
620
|
{
|
|
620
621
|
provide: NG_VALUE_ACCESSOR,
|
|
621
622
|
useExisting: forwardRef(() => ArdiumDigitInputComponent),
|
|
@@ -623,7 +624,7 @@ class ArdiumDigitInputComponent extends _NgModelComponentBase {
|
|
|
623
624
|
},
|
|
624
625
|
], viewQueries: [{ propertyName: "inputs", predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-digit-input\"\n [ngClass]=\"ngClasses()\"\n>\n @for (data of configArrayData(); track $index) {\n <div class=\"ard-digit-input__item\">\n @if (data.type === 'input') {\n <input\n #input\n #focusableElement\n class=\"ard-digit-input__input\"\n type=\"text\"\n autocomplete=\"off\"\n [readonly]=\"data.readonly\"\n [class.ard-digit-input__input-readonly]=\"data.readonly\"\n [class.ard-digit-input__input-empty]=\"isInputEmpty(data.index!)\"\n (paste)=\"onPaste($event, data.index!)\"\n (input)=\"onInput($event, data.index!)\"\n (focus)=\"onFocusMaster($event, data.index!)\"\n (blur)=\"onBlurMaster($event, data.index!)\"\n (keydown)=\"onKeydown($event, data.index!)\"\n />\n } @else {\n <div class=\"ard-digit-input__static\">\n {{ data.char }}\n </div>\n }\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
625
626
|
}
|
|
626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputComponent, decorators: [{
|
|
627
628
|
type: Component,
|
|
628
629
|
args: [{ selector: 'ard-digit-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
629
630
|
{
|
|
@@ -640,11 +641,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
640
641
|
}] } });
|
|
641
642
|
|
|
642
643
|
class ArdiumDigitInputModule {
|
|
643
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
644
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
645
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
644
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
645
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputModule, declarations: [ArdiumDigitInputComponent], imports: [CommonModule], exports: [ArdiumDigitInputComponent] }); }
|
|
646
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputModule, imports: [CommonModule] }); }
|
|
646
647
|
}
|
|
647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDigitInputModule, decorators: [{
|
|
648
649
|
type: NgModule,
|
|
649
650
|
args: [{
|
|
650
651
|
declarations: [ArdiumDigitInputComponent],
|
|
@@ -657,20 +658,20 @@ class _ClearButtonComponent extends _FocusableComponentBase {
|
|
|
657
658
|
constructor() {
|
|
658
659
|
super(_focusableComponentDefaults);
|
|
659
660
|
}
|
|
660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
661
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
662
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: _ClearButtonComponent, selector: "ard-clear-button", usesInheritance: true, ngImport: i0, template: "<button\n #focusableElement\n class=\"ard-clear-btn-wrapper\"\n type=\"button\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div\n class=\"ard-clear-btn\"\n aria-hidden=\"true\"\n ></div>\n</button>\n", styles: [""] }); }
|
|
662
663
|
}
|
|
663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonComponent, decorators: [{
|
|
664
665
|
type: Component,
|
|
665
666
|
args: [{ selector: 'ard-clear-button', template: "<button\n #focusableElement\n class=\"ard-clear-btn-wrapper\"\n type=\"button\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div\n class=\"ard-clear-btn\"\n aria-hidden=\"true\"\n ></div>\n</button>\n" }]
|
|
666
667
|
}], ctorParameters: () => [] });
|
|
667
668
|
|
|
668
669
|
class _ClearButtonModule {
|
|
669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
670
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
671
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
670
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
671
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonModule, declarations: [_ClearButtonComponent], imports: [CommonModule], exports: [_ClearButtonComponent] }); }
|
|
672
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonModule, imports: [CommonModule] }); }
|
|
672
673
|
}
|
|
673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ClearButtonModule, decorators: [{
|
|
674
675
|
type: NgModule,
|
|
675
676
|
args: [{
|
|
676
677
|
declarations: [_ClearButtonComponent],
|
|
@@ -801,10 +802,10 @@ class ArdiumDropdownPanelComponent {
|
|
|
801
802
|
const leftPadd = paddings[3] ?? rightPadd ?? topPadd;
|
|
802
803
|
return new DOMRect(elRect.x + leftPadd, elRect.y + topPadd, elRect.width - leftPadd - rightPadd, elRect.height - topPadd - bottomPadd);
|
|
803
804
|
}
|
|
804
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
805
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
806
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumDropdownPanelComponent, selector: "ard-dropdown-panel", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, host: { properties: { "class.ard-open": "isOpen()" } }, viewQueries: [{ propertyName: "_scrollElementRef", first: true, predicate: ["scroll"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"ard-dropdown-panel-container\"\n [ngClass]=\"ngClasses()\"\n>\n @if (headerTemplate()) {\n <div class=\"ard-dropdown-header\">\n <ng-template\n [ngTemplateOutlet]=\"headerTemplate()\"\n [ngTemplateOutletContext]=\"{ searchTerm: filterValue() }\"\n >\n </ng-template>\n </div>\n }\n <div\n #scroll\n class=\"ard-dropdown-panel-content\"\n [attr.id]=\"panelId()\"\n (scroll)=\"onScroll()\"\n >\n <ng-content></ng-content>\n </div>\n @if (footerTemplate()) {\n <div class=\"ard-dropdown-footer\">\n <ng-template\n [ngTemplateOutlet]=\"footerTemplate()\"\n [ngTemplateOutletContext]=\"{ searchTerm: filterValue() }\"\n >\n </ng-template>\n </div>\n }\n</div>\n", styles: [".ard-dropdown-panel{display:none}.ard-dropdown-panel.ard-open{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
806
807
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelComponent, decorators: [{
|
|
808
809
|
type: Component,
|
|
809
810
|
args: [{ selector: 'ard-dropdown-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
810
811
|
'[class.ard-open]': 'isOpen()',
|
|
@@ -812,11 +813,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
812
813
|
}] });
|
|
813
814
|
|
|
814
815
|
class ArdiumDropdownPanelModule {
|
|
815
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
816
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
817
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
816
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
817
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelModule, declarations: [ArdiumDropdownPanelComponent], imports: [CommonModule], exports: [ArdiumDropdownPanelComponent] }); }
|
|
818
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelModule, imports: [CommonModule] }); }
|
|
818
819
|
}
|
|
819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDropdownPanelModule, decorators: [{
|
|
820
821
|
type: NgModule,
|
|
821
822
|
args: [{
|
|
822
823
|
declarations: [ArdiumDropdownPanelComponent],
|
|
@@ -844,10 +845,10 @@ class ArdFormFieldPrefixTemplateDirective {
|
|
|
844
845
|
constructor(template) {
|
|
845
846
|
this.template = template;
|
|
846
847
|
}
|
|
847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
848
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFormFieldPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
849
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdFormFieldPrefixTemplateDirective, selector: "ard-form-field-frame > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
849
850
|
}
|
|
850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFormFieldPrefixTemplateDirective, decorators: [{
|
|
851
852
|
type: Directive,
|
|
852
853
|
args: [{ selector: 'ard-form-field-frame > ng-template[ard-prefix-tmp]' }]
|
|
853
854
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -855,10 +856,10 @@ class ArdFormFieldSuffixTemplateDirective {
|
|
|
855
856
|
constructor(template) {
|
|
856
857
|
this.template = template;
|
|
857
858
|
}
|
|
858
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
859
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
859
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFormFieldSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
860
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdFormFieldSuffixTemplateDirective, selector: "ard-form-field-frame > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
860
861
|
}
|
|
861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFormFieldSuffixTemplateDirective, decorators: [{
|
|
862
863
|
type: Directive,
|
|
863
864
|
args: [{ selector: 'ard-form-field-frame > ng-template[ard-suffix-tmp]' }]
|
|
864
865
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -893,10 +894,10 @@ class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
|
|
|
893
894
|
this.prefixTemplate = contentChild(ArdFormFieldPrefixTemplateDirective);
|
|
894
895
|
this.suffixTemplate = contentChild(ArdFormFieldSuffixTemplateDirective);
|
|
895
896
|
}
|
|
896
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
897
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
897
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameComponent, deps: [{ token: ARD_FORM_FIELD_FRAME_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
898
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: { isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, prefixTemplateInput: { classPropertyName: "prefixTemplateInput", publicName: "prefixTemplate", isSignal: true, isRequired: false, transformFunction: null }, suffixTemplateInput: { classPropertyName: "suffixTemplateInput", publicName: "suffixTemplate", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdFormFieldPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdFormFieldSuffixTemplateDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-form-field-frame\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-form-field-overlay\"></div>\n @if (prefixTemplateInput() ?? prefixTemplate()) {\n <div class=\"ard-form-field-prefix-container\">\n <ng-template [ngTemplateOutlet]=\"prefixTemplateInput() ?? prefixTemplate()?.template ?? null\"></ng-template>\n </div>\n }\n <div class=\"ard-form-field-content-container\">\n <ng-content></ng-content>\n </div>\n @if (suffixTemplateInput() ?? suffixTemplate()) {\n <div class=\"ard-form-field-suffix-container\">\n <ng-template [ngTemplateOutlet]=\"suffixTemplateInput() ?? suffixTemplate()?.template ?? null\"></ng-template>\n </div>\n }\n</div>\n", styles: [".ard-form-field-frame{position:relative}.ard-form-field-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
898
899
|
}
|
|
899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameComponent, decorators: [{
|
|
900
901
|
type: Component,
|
|
901
902
|
args: [{ selector: 'ard-form-field-frame', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-form-field-frame\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-form-field-overlay\"></div>\n @if (prefixTemplateInput() ?? prefixTemplate()) {\n <div class=\"ard-form-field-prefix-container\">\n <ng-template [ngTemplateOutlet]=\"prefixTemplateInput() ?? prefixTemplate()?.template ?? null\"></ng-template>\n </div>\n }\n <div class=\"ard-form-field-content-container\">\n <ng-content></ng-content>\n </div>\n @if (suffixTemplateInput() ?? suffixTemplate()) {\n <div class=\"ard-form-field-suffix-container\">\n <ng-template [ngTemplateOutlet]=\"suffixTemplateInput() ?? suffixTemplate()?.template ?? null\"></ng-template>\n </div>\n }\n</div>\n", styles: [".ard-form-field-frame{position:relative}.ard-form-field-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}\n"] }]
|
|
902
903
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -907,11 +908,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
907
908
|
}] } });
|
|
908
909
|
|
|
909
910
|
class ArdiumFormFieldFrameModule {
|
|
910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
911
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
912
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
911
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
912
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameModule, declarations: [ArdiumFormFieldFrameComponent, ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective], imports: [CommonModule], exports: [ArdiumFormFieldFrameComponent, ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective] }); }
|
|
913
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameModule, imports: [CommonModule] }); }
|
|
913
914
|
}
|
|
914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldFrameModule, decorators: [{
|
|
915
916
|
type: NgModule,
|
|
916
917
|
args: [{
|
|
917
918
|
declarations: [ArdiumFormFieldFrameComponent, ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective],
|
|
@@ -1470,10 +1471,10 @@ class _SimpleInputComponentBase extends _NgModelComponentBase {
|
|
|
1470
1471
|
input.setAttribute(key, String(attributes[key]));
|
|
1471
1472
|
}
|
|
1472
1473
|
}
|
|
1473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1474
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.
|
|
1474
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _SimpleInputComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1475
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.13", type: _SimpleInputComponentBase, inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, clearButtonTitle: { classPropertyName: "clearButtonTitle", publicName: "clearButtonTitle", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, alignText: { classPropertyName: "alignText", publicName: "alignText", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", inputEvent: "input", changeEvent: "change", clearEvent: "clear" }, viewQueries: [{ propertyName: "textInputEl", first: true, predicate: ["textInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
|
|
1475
1476
|
}
|
|
1476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _SimpleInputComponentBase, decorators: [{
|
|
1477
1478
|
type: Directive
|
|
1478
1479
|
}], propDecorators: { value: [{
|
|
1479
1480
|
type: Input
|
|
@@ -1498,10 +1499,10 @@ class ArdInputSuggestionTemplateDirective {
|
|
|
1498
1499
|
constructor(template) {
|
|
1499
1500
|
this.template = template;
|
|
1500
1501
|
}
|
|
1501
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1502
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1502
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputSuggestionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1503
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdInputSuggestionTemplateDirective, selector: "ard-input > ng-template[ard-suggestion-tmp]", ngImport: i0 }); }
|
|
1503
1504
|
}
|
|
1504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputSuggestionTemplateDirective, decorators: [{
|
|
1505
1506
|
type: Directive,
|
|
1506
1507
|
args: [{ selector: 'ard-input > ng-template[ard-suggestion-tmp]' }]
|
|
1507
1508
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1509,10 +1510,10 @@ class ArdInputPlaceholderTemplateDirective {
|
|
|
1509
1510
|
constructor(template) {
|
|
1510
1511
|
this.template = template;
|
|
1511
1512
|
}
|
|
1512
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1513
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1513
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1514
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdInputPlaceholderTemplateDirective, selector: "ard-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
1514
1515
|
}
|
|
1515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputPlaceholderTemplateDirective, decorators: [{
|
|
1516
1517
|
type: Directive,
|
|
1517
1518
|
args: [{ selector: 'ard-input > ng-template[ard-placeholder-tmp]' }]
|
|
1518
1519
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1520,10 +1521,10 @@ class ArdInputLoadingTemplateDirective {
|
|
|
1520
1521
|
constructor(template) {
|
|
1521
1522
|
this.template = template;
|
|
1522
1523
|
}
|
|
1523
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1524
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1524
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputLoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1525
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdInputLoadingTemplateDirective, selector: "ard-input > ng-template[ard-loading-tmp]", ngImport: i0 }); }
|
|
1525
1526
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputLoadingTemplateDirective, decorators: [{
|
|
1527
1528
|
type: Directive,
|
|
1528
1529
|
args: [{ selector: 'ard-input > ng-template[ard-loading-tmp]' }]
|
|
1529
1530
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1531,10 +1532,10 @@ class ArdInputPrefixTemplateDirective {
|
|
|
1531
1532
|
constructor(template) {
|
|
1532
1533
|
this.template = template;
|
|
1533
1534
|
}
|
|
1534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1535
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1535
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1536
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdInputPrefixTemplateDirective, selector: "ard-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
1536
1537
|
}
|
|
1537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputPrefixTemplateDirective, decorators: [{
|
|
1538
1539
|
type: Directive,
|
|
1539
1540
|
args: [{ selector: 'ard-input > ng-template[ard-prefix-tmp]' }]
|
|
1540
1541
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1542,10 +1543,10 @@ class ArdInputSuffixTemplateDirective {
|
|
|
1542
1543
|
constructor(template) {
|
|
1543
1544
|
this.template = template;
|
|
1544
1545
|
}
|
|
1545
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1546
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1546
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1547
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdInputSuffixTemplateDirective, selector: "ard-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
1547
1548
|
}
|
|
1548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdInputSuffixTemplateDirective, decorators: [{
|
|
1549
1550
|
type: Directive,
|
|
1550
1551
|
args: [{ selector: 'ard-input > ng-template[ard-suffix-tmp]' }]
|
|
1551
1552
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1762,8 +1763,8 @@ class ArdiumInputComponent extends _SimpleInputComponentBase {
|
|
|
1762
1763
|
this._isMouseBeingUsed = false;
|
|
1763
1764
|
this.suggestionStorage.highlightNextItem(-1);
|
|
1764
1765
|
}
|
|
1765
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1766
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
1766
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputComponent, deps: [{ token: ARD_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1767
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumInputComponent, selector: "ard-input", inputs: { charlistFromInput: { classPropertyName: "charlistFromInput", publicName: "charlist", isSignal: true, isRequired: false, transformFunction: null }, charlistCaseInsensitive: { classPropertyName: "charlistCaseInsensitive", publicName: "charlistCaseInsensitive", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, valueFrom: { classPropertyName: "valueFrom", publicName: "suggValueFrom", isSignal: true, isRequired: false, transformFunction: null }, labelFrom: { classPropertyName: "labelFrom", publicName: "suggLabelFrom", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null }, areSuggestionsLoading: { classPropertyName: "areSuggestionsLoading", publicName: "areSuggestionsLoading", isSignal: true, isRequired: false, transformFunction: null }, suggestionsLoadingText: { classPropertyName: "suggestionsLoadingText", publicName: "suggestionsLoadingText", isSignal: true, isRequired: false, transformFunction: null }, dropdownAppearance: { classPropertyName: "dropdownAppearance", publicName: "dropdownAppearance", isSignal: true, isRequired: false, transformFunction: null }, dropdownVariant: { classPropertyName: "dropdownVariant", publicName: "dropdownVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { acceptAutocompleteEvent: "acceptAutocomplete", acceptSuggestionEvent: "acceptSuggestion" }, host: { listeners: { "window:resize": "setOverlaySize()", "mousemove": "onMouseMove()", "keydown": "onKeyPress($event)" } }, providers: [
|
|
1767
1768
|
{
|
|
1768
1769
|
provide: NG_VALUE_ACCESSOR,
|
|
1769
1770
|
useExisting: forwardRef(() => ArdiumInputComponent),
|
|
@@ -1771,7 +1772,7 @@ class ArdiumInputComponent extends _SimpleInputComponentBase {
|
|
|
1771
1772
|
},
|
|
1772
1773
|
], queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdInputPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdInputSuffixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: ArdInputPlaceholderTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suggestionTemplate", first: true, predicate: ArdInputSuggestionTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suggestionLoadingTemplate", first: true, predicate: ArdInputLoadingTemplateDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dropdownHost", first: true, predicate: ["suggestionsHost"], descendants: true, isSignal: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["suggestionsTemplate"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate()?.template\"\n [suffixTemplate]=\"suffixTemplate()?.template\"\n>\n <div\n class=\"ard-input\"\n #suggestionsHost\n [ngClass]=\"ngClasses()\"\n [class.ard-has-value]=\"value\"\n (click)=\"focus()\"\n >\n <div class=\"ard-input-container\">\n @if (shouldDisplayAutocomplete()) {\n <div class=\"ard-autocomplete\">{{ autocomplete() }}</div>\n }\n @if (shouldDisplayPlaceholder()) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\"></ng-template>\n }\n <input\n #textInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (copy)=\"onCopy($event)\"\n />\n </div>\n\n @if (shouldShowClearButton()) {\n <ard-clear-button\n [title]=\"clearButtonTitle()\"\n (click)=\"onClearButtonClick($event)\"\n />\n }\n </div>\n</ard-form-field-frame>\n\n<ng-template #suggestionsTemplate>\n <ard-dropdown-panel\n class=\"ard-dropdown-panel ard-input-suggestions-panel\"\n role=\"listbox\"\n [compact]=\"compact\"\n aria-label=\"Suggestions\"\n [appearance]=\"dropdownAppearanceOrDefault()\"\n [variant]=\"dropdownVariantOrDefault()\"\n [isOpen]=\"shouldDisplaySuggestions()\"\n (ardClickOutside)=\"handleSuggestionClickOutside($event)\"\n (mousemove)=\"onMouseMove()\"\n >\n @for (item of suggestionItems(); track item.index) {\n <div\n class=\"ard-option\"\n role=\"option\"\n [class.ard-option-selected]=\"item.selected()\"\n [class.ard-option-highlighted]=\"item.highlighted()\"\n [attr.aria-selected]=\"item.selected()\"\n (click)=\"selectSuggestion(item, $event)\"\n (mouseenter)=\"onSuggestionMouseEnter(item, $event)\"\n (mouseleave)=\"onSuggestionMouseLeave(item, $event)\"\n >\n <span class=\"ard-option-label\">\n <ng-template #defaultOptionTemplate>\n {{ item.label() }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"suggestionTemplate()?.template || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"getOptionContext(item)\"\n ></ng-template>\n </span>\n </div>\n }\n @if (areSuggestionsLoading()) {\n <ng-template #defaultLoadingPlaceholderTemplate>\n <div class=\"ard-option ard-option-disabled\">{{ suggestionsLoadingText() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"suggestionLoadingTemplate()?.template || defaultLoadingPlaceholderTemplate\"></ng-template>\n }\n </ard-dropdown-panel>\n</ng-template>\n", styles: [".ard-input-container{position:relative}.ard-placeholder{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ard-text-align-left input,.ard-text-align-left .ard-placeholder{text-align:left}.ard-text-align-center input,.ard-text-align-center .ard-placeholder{text-align:center}.ard-text-align-right input,.ard-text-align-right .ard-placeholder{text-align:right}.ard-autocomplete{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }, { kind: "component", type: ArdiumDropdownPanelComponent, selector: "ard-dropdown-panel", inputs: ["panelId", "headerTemplate", "footerTemplate", "filterValue", "appearance", "variant", "compact", "isOpen"], outputs: ["scroll", "scrollToEnd"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[ardClickOutside]", outputs: ["ardClickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1773
1774
|
}
|
|
1774
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputComponent, decorators: [{
|
|
1775
1776
|
type: Component,
|
|
1776
1777
|
args: [{ selector: 'ard-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1777
1778
|
{
|
|
@@ -1797,8 +1798,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
1797
1798
|
}] } });
|
|
1798
1799
|
|
|
1799
1800
|
class ArdiumInputModule {
|
|
1800
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1801
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1801
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1802
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputModule, declarations: [ArdiumInputComponent,
|
|
1802
1803
|
ArdInputSuggestionTemplateDirective,
|
|
1803
1804
|
ArdInputPlaceholderTemplateDirective,
|
|
1804
1805
|
ArdInputLoadingTemplateDirective,
|
|
@@ -1813,13 +1814,13 @@ class ArdiumInputModule {
|
|
|
1813
1814
|
ArdInputLoadingTemplateDirective,
|
|
1814
1815
|
ArdInputPrefixTemplateDirective,
|
|
1815
1816
|
ArdInputSuffixTemplateDirective] }); }
|
|
1816
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1817
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputModule, imports: [CommonModule,
|
|
1817
1818
|
ArdiumFormFieldFrameModule,
|
|
1818
1819
|
_ClearButtonModule,
|
|
1819
1820
|
ArdiumDropdownPanelModule,
|
|
1820
1821
|
ArdiumClickOutsideEventModule] }); }
|
|
1821
1822
|
}
|
|
1822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1823
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumInputModule, decorators: [{
|
|
1823
1824
|
type: NgModule,
|
|
1824
1825
|
args: [{
|
|
1825
1826
|
declarations: [
|
|
@@ -1873,10 +1874,10 @@ class ArdPasswordInputPlaceholderTemplateDirective {
|
|
|
1873
1874
|
constructor(template) {
|
|
1874
1875
|
this.template = template;
|
|
1875
1876
|
}
|
|
1876
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1877
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1878
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdPasswordInputPlaceholderTemplateDirective, selector: "ard-password-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
1878
1879
|
}
|
|
1879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputPlaceholderTemplateDirective, decorators: [{
|
|
1880
1881
|
type: Directive,
|
|
1881
1882
|
args: [{
|
|
1882
1883
|
selector: 'ard-password-input > ng-template[ard-placeholder-tmp]',
|
|
@@ -1886,10 +1887,10 @@ class ArdPasswordInputPrefixTemplateDirective {
|
|
|
1886
1887
|
constructor(template) {
|
|
1887
1888
|
this.template = template;
|
|
1888
1889
|
}
|
|
1889
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1890
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1890
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1891
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdPasswordInputPrefixTemplateDirective, selector: "ard-password-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
1891
1892
|
}
|
|
1892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1893
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputPrefixTemplateDirective, decorators: [{
|
|
1893
1894
|
type: Directive,
|
|
1894
1895
|
args: [{ selector: 'ard-password-input > ng-template[ard-prefix-tmp]' }]
|
|
1895
1896
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1897,10 +1898,10 @@ class ArdPasswordInputSuffixTemplateDirective {
|
|
|
1897
1898
|
constructor(template) {
|
|
1898
1899
|
this.template = template;
|
|
1899
1900
|
}
|
|
1900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1901
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1901
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1902
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdPasswordInputSuffixTemplateDirective, selector: "ard-password-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
1902
1903
|
}
|
|
1903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputSuffixTemplateDirective, decorators: [{
|
|
1904
1905
|
type: Directive,
|
|
1905
1906
|
args: [{ selector: 'ard-password-input > ng-template[ard-suffix-tmp]' }]
|
|
1906
1907
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1908,10 +1909,10 @@ class ArdPasswordInputRevealButtonTemplateDirective {
|
|
|
1908
1909
|
constructor(template) {
|
|
1909
1910
|
this.template = template;
|
|
1910
1911
|
}
|
|
1911
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1912
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1912
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputRevealButtonTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1913
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdPasswordInputRevealButtonTemplateDirective, selector: "ard-password-input > ng-template[ard-reveal-tmp]", ngImport: i0 }); }
|
|
1913
1914
|
}
|
|
1914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdPasswordInputRevealButtonTemplateDirective, decorators: [{
|
|
1915
1916
|
type: Directive,
|
|
1916
1917
|
args: [{ selector: 'ard-password-input > ng-template[ard-reveal-tmp]' }]
|
|
1917
1918
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1938,10 +1939,10 @@ class ArdiumIconPipe {
|
|
|
1938
1939
|
value = value.replace(/[ -]/g, '_');
|
|
1939
1940
|
return value;
|
|
1940
1941
|
}
|
|
1941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1942
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.
|
|
1942
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1943
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconPipe, name: "icon" }); }
|
|
1943
1944
|
}
|
|
1944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1945
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconPipe, decorators: [{
|
|
1945
1946
|
type: Pipe,
|
|
1946
1947
|
args: [{
|
|
1947
1948
|
name: 'icon',
|
|
@@ -1986,10 +1987,10 @@ class ArdiumIconComponent {
|
|
|
1986
1987
|
console.warn(`ARD-FT9000: Using <ard-icon> without specifying the [icon] field.`);
|
|
1987
1988
|
}
|
|
1988
1989
|
}
|
|
1989
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1990
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.
|
|
1990
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1991
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumIconComponent, selector: "ard-icon", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, grade: { classPropertyName: "grade", publicName: "grade", isSignal: true, isRequired: false, transformFunction: null }, opticalSize: { classPropertyName: "opticalSize", publicName: "opticalSize", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<span\n class=\"ard-icon material-symbols-outlined\"\n [attr.aria-hidden]=\"ariaLabel() !== undefined\"\n [attr.aria-label]=\"ariaLabel()\"\n [style]=\"fontVariationSettings()\"\n>\n {{ icon() ?? contentWrapperEl.innerText | icon }}\n</span>\n\n<div\n #contentWrapperEl\n class=\"ard-icon-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"], dependencies: [{ kind: "pipe", type: ArdiumIconPipe, name: "icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1991
1992
|
}
|
|
1992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconComponent, decorators: [{
|
|
1993
1994
|
type: Component,
|
|
1994
1995
|
args: [{ selector: 'ard-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"ard-icon material-symbols-outlined\"\n [attr.aria-hidden]=\"ariaLabel() !== undefined\"\n [attr.aria-label]=\"ariaLabel()\"\n [style]=\"fontVariationSettings()\"\n>\n {{ icon() ?? contentWrapperEl.innerText | icon }}\n</span>\n\n<div\n #contentWrapperEl\n class=\"ard-icon-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"] }]
|
|
1995
1996
|
}] });
|
|
@@ -2116,8 +2117,8 @@ class ArdiumPasswordInputComponent extends _NgModelComponentBase {
|
|
|
2116
2117
|
input.setAttribute(key, String(attributes[key]));
|
|
2117
2118
|
}
|
|
2118
2119
|
}
|
|
2119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputComponent, deps: [{ token: ARD_PASSWORD_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumPasswordInputComponent, selector: "ard-password-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, revealable: { classPropertyName: "revealable", publicName: "revealable", isSignal: true, isRequired: false, transformFunction: null }, holdToReveal: { classPropertyName: "holdToReveal", publicName: "holdToReveal", isSignal: true, isRequired: false, transformFunction: null }, autoHideTimeoutMs: { classPropertyName: "autoHideTimeoutMs", publicName: "autoHideTimeoutMs", isSignal: true, isRequired: false, transformFunction: null }, revealed: { classPropertyName: "revealed", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revealed: "revealedChange", value: "valueChange" }, providers: [
|
|
2121
2122
|
{
|
|
2122
2123
|
provide: NG_VALUE_ACCESSOR,
|
|
2123
2124
|
useExisting: forwardRef(() => ArdiumPasswordInputComponent),
|
|
@@ -2125,7 +2126,7 @@ class ArdiumPasswordInputComponent extends _NgModelComponentBase {
|
|
|
2125
2126
|
},
|
|
2126
2127
|
], queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdPasswordInputPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdPasswordInputSuffixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: ArdPasswordInputPlaceholderTemplateDirective, descendants: true, isSignal: true }, { propertyName: "revealTemplate", first: true, predicate: ArdPasswordInputRevealButtonTemplateDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "textInputEl", first: true, predicate: ["textInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate()?.template\"\n [suffixTemplate]=\"suffixTemplate()?.template\"\n>\n <div\n class=\"ard-password-input\"\n [ngClass]=\"ngClasses()\"\n [class.ard-has-value]=\"value()\"\n (click)=\"focus()\"\n >\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\" />\n }\n\n <input\n #textInput\n #focusableElement\n [type]=\"!revealable() || !revealed() ? 'password' : 'text'\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (copy)=\"onCopy($event)\"\n [class.ard-revealed]=\"revealable() && revealed()\"\n />\n </div>\n\n @if (revealable()) {\n <button\n class=\"ard-reveal-button\"\n type=\"button\"\n (click)=\"!holdToReveal() && toggleReveal()\"\n (mousedown)=\"holdToReveal() && revealed.set(true)\"\n (mouseup)=\"holdToReveal() && revealed.set(false)\"\n >\n <ng-template\n #defaultRevealTemplate\n let-revealed\n >\n <ard-icon [icon]=\"revealed ? 'visibility' : 'visibility_off'\"></ard-icon>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"revealTemplate()?.template || defaultRevealTemplate\"\n [ngTemplateOutletContext]=\"revealButtonContext()\"\n />\n </button>\n }\n </div>\n</ard-form-field-frame>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2127
2128
|
}
|
|
2128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputComponent, decorators: [{
|
|
2129
2130
|
type: Component,
|
|
2130
2131
|
args: [{ selector: 'ard-password-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2131
2132
|
{
|
|
@@ -2140,11 +2141,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
2140
2141
|
}] }] });
|
|
2141
2142
|
|
|
2142
2143
|
class ArdiumIconModule {
|
|
2143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2144
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2145
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2145
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconModule, declarations: [ArdiumIconComponent, ArdiumIconPipe], imports: [CommonModule], exports: [ArdiumIconComponent, ArdiumIconPipe] }); }
|
|
2146
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconModule, imports: [CommonModule] }); }
|
|
2146
2147
|
}
|
|
2147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconModule, decorators: [{
|
|
2148
2149
|
type: NgModule,
|
|
2149
2150
|
args: [{
|
|
2150
2151
|
declarations: [ArdiumIconComponent, ArdiumIconPipe],
|
|
@@ -2154,8 +2155,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
2154
2155
|
}] });
|
|
2155
2156
|
|
|
2156
2157
|
class ArdiumPasswordInputModule {
|
|
2157
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2158
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2159
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputModule, declarations: [ArdiumPasswordInputComponent,
|
|
2159
2160
|
ArdPasswordInputPlaceholderTemplateDirective,
|
|
2160
2161
|
ArdPasswordInputPrefixTemplateDirective,
|
|
2161
2162
|
ArdPasswordInputSuffixTemplateDirective,
|
|
@@ -2164,9 +2165,9 @@ class ArdiumPasswordInputModule {
|
|
|
2164
2165
|
ArdPasswordInputPrefixTemplateDirective,
|
|
2165
2166
|
ArdPasswordInputSuffixTemplateDirective,
|
|
2166
2167
|
ArdPasswordInputRevealButtonTemplateDirective] }); }
|
|
2167
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2168
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputModule, imports: [CommonModule, ArdiumFormFieldFrameModule, ArdiumIconModule] }); }
|
|
2168
2169
|
}
|
|
2169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumPasswordInputModule, decorators: [{
|
|
2170
2171
|
type: NgModule,
|
|
2171
2172
|
args: [{
|
|
2172
2173
|
declarations: [
|
|
@@ -2212,10 +2213,10 @@ class ArdSimpleInputPlaceholderTemplateDirective {
|
|
|
2212
2213
|
constructor(template) {
|
|
2213
2214
|
this.template = template;
|
|
2214
2215
|
}
|
|
2215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2216
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2217
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSimpleInputPlaceholderTemplateDirective, selector: "ard-simple-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
2217
2218
|
}
|
|
2218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputPlaceholderTemplateDirective, decorators: [{
|
|
2219
2220
|
type: Directive,
|
|
2220
2221
|
args: [{ selector: 'ard-simple-input > ng-template[ard-placeholder-tmp]' }]
|
|
2221
2222
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2223,10 +2224,10 @@ class ArdSimpleInputPrefixTemplateDirective {
|
|
|
2223
2224
|
constructor(template) {
|
|
2224
2225
|
this.template = template;
|
|
2225
2226
|
}
|
|
2226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2227
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2228
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSimpleInputPrefixTemplateDirective, selector: "ard-simple-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
2228
2229
|
}
|
|
2229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputPrefixTemplateDirective, decorators: [{
|
|
2230
2231
|
type: Directive,
|
|
2231
2232
|
args: [{ selector: 'ard-simple-input > ng-template[ard-prefix-tmp]' }]
|
|
2232
2233
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2234,10 +2235,10 @@ class ArdSimpleInputSuffixTemplateDirective {
|
|
|
2234
2235
|
constructor(template) {
|
|
2235
2236
|
this.template = template;
|
|
2236
2237
|
}
|
|
2237
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2238
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2238
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2239
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSimpleInputSuffixTemplateDirective, selector: "ard-simple-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
2239
2240
|
}
|
|
2240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSimpleInputSuffixTemplateDirective, decorators: [{
|
|
2241
2242
|
type: Directive,
|
|
2242
2243
|
args: [{ selector: 'ard-simple-input > ng-template[ard-suffix-tmp]' }]
|
|
2243
2244
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2251,8 +2252,8 @@ class ArdiumSimpleInputComponent extends _SimpleInputComponentBase {
|
|
|
2251
2252
|
//! placeholder
|
|
2252
2253
|
this.placeholderTemplate = contentChild(ArdSimpleInputPlaceholderTemplateDirective);
|
|
2253
2254
|
}
|
|
2254
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2255
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputComponent, deps: [{ token: ARD_SIMPLE_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2256
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumSimpleInputComponent, selector: "ard-simple-input", providers: [
|
|
2256
2257
|
{
|
|
2257
2258
|
provide: NG_VALUE_ACCESSOR,
|
|
2258
2259
|
useExisting: forwardRef(() => ArdiumSimpleInputComponent),
|
|
@@ -2260,7 +2261,7 @@ class ArdiumSimpleInputComponent extends _SimpleInputComponentBase {
|
|
|
2260
2261
|
},
|
|
2261
2262
|
], queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdSimpleInputPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdSimpleInputSuffixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: ArdSimpleInputPlaceholderTemplateDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate()?.template\"\n [suffixTemplate]=\"suffixTemplate()?.template\"\n>\n <div\n class=\"ard-simple-input\"\n [ngClass]=\"ngClasses()\"\n [class.ard-has-value]=\"value\"\n (click)=\"focus()\"\n >\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\"></ng-template>\n }\n\n <input\n #textInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value)\"\n (focus)=\"onFocusMaster($event)\"\n (blur)=\"onBlurMaster($event)\"\n (change)=\"onChange($event)\"\n (copy)=\"onCopy($event)\"\n />\n </div>\n\n @if (shouldShowClearButton()) {\n <ard-clear-button\n [title]=\"clearButtonTitle()\"\n (click)=\"onClearButtonClick($event)\"\n />\n }\n </div>\n</ard-form-field-frame>\n", styles: [".ard-input-container{position:relative}.ard-placeholder{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ard-text-align-left input,.ard-text-align-left .ard-placeholder{text-align:left}.ard-text-align-center input,.ard-text-align-center .ard-placeholder{text-align:center}.ard-text-align-right input,.ard-text-align-right .ard-placeholder{text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }, { kind: "component", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2262
2263
|
}
|
|
2263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputComponent, decorators: [{
|
|
2264
2265
|
type: Component,
|
|
2265
2266
|
args: [{ selector: 'ard-simple-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2266
2267
|
{
|
|
@@ -2275,17 +2276,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
2275
2276
|
}] }] });
|
|
2276
2277
|
|
|
2277
2278
|
class ArdiumSimpleInputModule {
|
|
2278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2279
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2279
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2280
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputModule, declarations: [ArdiumSimpleInputComponent,
|
|
2280
2281
|
ArdSimpleInputPlaceholderTemplateDirective,
|
|
2281
2282
|
ArdSimpleInputPrefixTemplateDirective,
|
|
2282
2283
|
ArdSimpleInputSuffixTemplateDirective], imports: [CommonModule, _ClearButtonModule, ArdiumFormFieldFrameModule], exports: [ArdiumSimpleInputComponent,
|
|
2283
2284
|
ArdSimpleInputPlaceholderTemplateDirective,
|
|
2284
2285
|
ArdSimpleInputPrefixTemplateDirective,
|
|
2285
2286
|
ArdSimpleInputSuffixTemplateDirective] }); }
|
|
2286
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2287
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputModule, imports: [CommonModule, _ClearButtonModule, ArdiumFormFieldFrameModule] }); }
|
|
2287
2288
|
}
|
|
2288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSimpleInputModule, decorators: [{
|
|
2289
2290
|
type: NgModule,
|
|
2290
2291
|
args: [{
|
|
2291
2292
|
declarations: [
|
|
@@ -2342,10 +2343,10 @@ class ArdiumOptionComponent {
|
|
|
2342
2343
|
ngOnDestroy() {
|
|
2343
2344
|
this.stateChange$.complete();
|
|
2344
2345
|
}
|
|
2345
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
2346
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2347
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumOptionComponent, selector: "ard-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2347
2348
|
}
|
|
2348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionComponent, decorators: [{
|
|
2349
2350
|
type: Component,
|
|
2350
2351
|
args: [{
|
|
2351
2352
|
selector: 'ard-option',
|
|
@@ -2356,11 +2357,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
2356
2357
|
}] });
|
|
2357
2358
|
|
|
2358
2359
|
class ArdiumOptionModule {
|
|
2359
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2360
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2361
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2360
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2361
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionModule, declarations: [ArdiumOptionComponent], imports: [CommonModule], exports: [ArdiumOptionComponent] }); }
|
|
2362
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionModule, imports: [CommonModule] }); }
|
|
2362
2363
|
}
|
|
2363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumOptionModule, decorators: [{
|
|
2364
2365
|
type: NgModule,
|
|
2365
2366
|
args: [{
|
|
2366
2367
|
declarations: [ArdiumOptionComponent],
|
|
@@ -2935,10 +2936,10 @@ class ArdSelectPrefixTemplateDirective {
|
|
|
2935
2936
|
constructor(template) {
|
|
2936
2937
|
this.template = template;
|
|
2937
2938
|
}
|
|
2938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2939
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2940
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSelectPrefixTemplateDirective, selector: "ard-select > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
2940
2941
|
}
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2942
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectPrefixTemplateDirective, decorators: [{
|
|
2942
2943
|
type: Directive,
|
|
2943
2944
|
args: [{ selector: 'ard-select > ng-template[ard-prefix-tmp]' }]
|
|
2944
2945
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2946,10 +2947,10 @@ class ArdSelectSuffixTemplateDirective {
|
|
|
2946
2947
|
constructor(template) {
|
|
2947
2948
|
this.template = template;
|
|
2948
2949
|
}
|
|
2949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2950
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2950
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2951
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSelectSuffixTemplateDirective, selector: "ard-select > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
2951
2952
|
}
|
|
2952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectSuffixTemplateDirective, decorators: [{
|
|
2953
2954
|
type: Directive,
|
|
2954
2955
|
args: [{ selector: 'ard-select > ng-template[ard-suffix-tmp]' }]
|
|
2955
2956
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2957,10 +2958,10 @@ class ArdValueTemplateDirective {
|
|
|
2957
2958
|
constructor(template) {
|
|
2958
2959
|
this.template = template;
|
|
2959
2960
|
}
|
|
2960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2961
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2962
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdValueTemplateDirective, selector: "ard-select > ng-template[ard-value-tmp]", ngImport: i0 }); }
|
|
2962
2963
|
}
|
|
2963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdValueTemplateDirective, decorators: [{
|
|
2964
2965
|
type: Directive,
|
|
2965
2966
|
args: [{ selector: 'ard-select > ng-template[ard-value-tmp]' }]
|
|
2966
2967
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2968,10 +2969,10 @@ class ArdValueChipTemplateDirective {
|
|
|
2968
2969
|
constructor(template) {
|
|
2969
2970
|
this.template = template;
|
|
2970
2971
|
}
|
|
2971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2972
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdValueChipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2973
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdValueChipTemplateDirective, selector: "ard-select > ng-template[ard-value-chip-tmp]", ngImport: i0 }); }
|
|
2973
2974
|
}
|
|
2974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdValueChipTemplateDirective, decorators: [{
|
|
2975
2976
|
type: Directive,
|
|
2976
2977
|
args: [{ selector: 'ard-select > ng-template[ard-value-chip-tmp]' }]
|
|
2977
2978
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2979,10 +2980,10 @@ class ArdOptionTemplateDirective {
|
|
|
2979
2980
|
constructor(template) {
|
|
2980
2981
|
this.template = template;
|
|
2981
2982
|
}
|
|
2982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2983
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdOptionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2984
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdOptionTemplateDirective, selector: "ard-select > ng-template[ard-option-tmp]", ngImport: i0 }); }
|
|
2984
2985
|
}
|
|
2985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdOptionTemplateDirective, decorators: [{
|
|
2986
2987
|
type: Directive,
|
|
2987
2988
|
args: [{ selector: 'ard-select > ng-template[ard-option-tmp]' }]
|
|
2988
2989
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -2990,10 +2991,10 @@ class ArdOptgroupTemplateDirective {
|
|
|
2990
2991
|
constructor(template) {
|
|
2991
2992
|
this.template = template;
|
|
2992
2993
|
}
|
|
2993
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2994
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2994
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdOptgroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2995
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdOptgroupTemplateDirective, selector: "ard-select > ng-template[ard-optgroup-tmp]", ngImport: i0 }); }
|
|
2995
2996
|
}
|
|
2996
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdOptgroupTemplateDirective, decorators: [{
|
|
2997
2998
|
type: Directive,
|
|
2998
2999
|
args: [{ selector: 'ard-select > ng-template[ard-optgroup-tmp]' }]
|
|
2999
3000
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3001,10 +3002,10 @@ class ArdSelectPlaceholderTemplateDirective {
|
|
|
3001
3002
|
constructor(template) {
|
|
3002
3003
|
this.template = template;
|
|
3003
3004
|
}
|
|
3004
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3005
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3006
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSelectPlaceholderTemplateDirective, selector: "ard-select > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
3006
3007
|
}
|
|
3007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSelectPlaceholderTemplateDirective, decorators: [{
|
|
3008
3009
|
type: Directive,
|
|
3009
3010
|
args: [{ selector: 'ard-select > ng-template[ard-placeholder-tmp]' }]
|
|
3010
3011
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3012,10 +3013,10 @@ class ArdLoadingSpinnerTemplateDirective {
|
|
|
3012
3013
|
constructor(template) {
|
|
3013
3014
|
this.template = template;
|
|
3014
3015
|
}
|
|
3015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3016
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3016
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdLoadingSpinnerTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3017
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdLoadingSpinnerTemplateDirective, selector: "ard-select > ng-template[ard-loading-spinner-tmp]", ngImport: i0 }); }
|
|
3017
3018
|
}
|
|
3018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdLoadingSpinnerTemplateDirective, decorators: [{
|
|
3019
3020
|
type: Directive,
|
|
3020
3021
|
args: [{ selector: 'ard-select > ng-template[ard-loading-spinner-tmp]' }]
|
|
3021
3022
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3023,10 +3024,10 @@ class ArdLoadingPlaceholderTemplateDirective {
|
|
|
3023
3024
|
constructor(template) {
|
|
3024
3025
|
this.template = template;
|
|
3025
3026
|
}
|
|
3026
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3027
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdLoadingPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3028
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdLoadingPlaceholderTemplateDirective, selector: "ard-select > ng-template[ard-loading-placeholder-tmp]", ngImport: i0 }); }
|
|
3028
3029
|
}
|
|
3029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdLoadingPlaceholderTemplateDirective, decorators: [{
|
|
3030
3031
|
type: Directive,
|
|
3031
3032
|
args: [{
|
|
3032
3033
|
selector: 'ard-select > ng-template[ard-loading-placeholder-tmp]',
|
|
@@ -3036,10 +3037,10 @@ class ArdDropdownHeaderTemplateDirective {
|
|
|
3036
3037
|
constructor(template) {
|
|
3037
3038
|
this.template = template;
|
|
3038
3039
|
}
|
|
3039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3040
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3040
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDropdownHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3041
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdDropdownHeaderTemplateDirective, selector: "ard-select > ng-template[ard-dropdown-header-tmp]", ngImport: i0 }); }
|
|
3041
3042
|
}
|
|
3042
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3043
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDropdownHeaderTemplateDirective, decorators: [{
|
|
3043
3044
|
type: Directive,
|
|
3044
3045
|
args: [{ selector: 'ard-select > ng-template[ard-dropdown-header-tmp]' }]
|
|
3045
3046
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3047,10 +3048,10 @@ class ArdDropdownFooterTemplateDirective {
|
|
|
3047
3048
|
constructor(template) {
|
|
3048
3049
|
this.template = template;
|
|
3049
3050
|
}
|
|
3050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3051
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDropdownFooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3052
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdDropdownFooterTemplateDirective, selector: "ard-select > ng-template[ard-dropdown-footer-tmp]", ngImport: i0 }); }
|
|
3052
3053
|
}
|
|
3053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDropdownFooterTemplateDirective, decorators: [{
|
|
3054
3055
|
type: Directive,
|
|
3055
3056
|
args: [{ selector: 'ard-select > ng-template[ard-dropdown-footer-tmp]' }]
|
|
3056
3057
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3058,10 +3059,10 @@ class ArdNoItemsFoundTemplateDirective {
|
|
|
3058
3059
|
constructor(template) {
|
|
3059
3060
|
this.template = template;
|
|
3060
3061
|
}
|
|
3061
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3062
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdNoItemsFoundTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3063
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdNoItemsFoundTemplateDirective, selector: "ard-select > ng-template[ard-no-items-found-tmp]", ngImport: i0 }); }
|
|
3063
3064
|
}
|
|
3064
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdNoItemsFoundTemplateDirective, decorators: [{
|
|
3065
3066
|
type: Directive,
|
|
3066
3067
|
args: [{ selector: 'ard-select > ng-template[ard-no-items-found-tmp]' }]
|
|
3067
3068
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3069,10 +3070,10 @@ class ArdAddCustomTemplateDirective {
|
|
|
3069
3070
|
constructor(template) {
|
|
3070
3071
|
this.template = template;
|
|
3071
3072
|
}
|
|
3072
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3073
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3073
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdAddCustomTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3074
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdAddCustomTemplateDirective, selector: "ard-select > ng-template[ard-add-custom-tmp]", ngImport: i0 }); }
|
|
3074
3075
|
}
|
|
3075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3076
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdAddCustomTemplateDirective, decorators: [{
|
|
3076
3077
|
type: Directive,
|
|
3077
3078
|
args: [{ selector: 'ard-select > ng-template[ard-add-custom-tmp]' }]
|
|
3078
3079
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3080,10 +3081,10 @@ class ArdItemLimitReachedTemplateDirective {
|
|
|
3080
3081
|
constructor(template) {
|
|
3081
3082
|
this.template = template;
|
|
3082
3083
|
}
|
|
3083
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3084
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3084
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdItemLimitReachedTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3085
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdItemLimitReachedTemplateDirective, selector: "ard-select > ng-template[ard-item-limit-reached-tmp]", ngImport: i0 }); }
|
|
3085
3086
|
}
|
|
3086
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdItemLimitReachedTemplateDirective, decorators: [{
|
|
3087
3088
|
type: Directive,
|
|
3088
3089
|
args: [{ selector: 'ard-select > ng-template[ard-item-limit-reached-tmp]' }]
|
|
3089
3090
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3091,10 +3092,10 @@ class ArdItemDisplayLimitTemplateDirective {
|
|
|
3091
3092
|
constructor(template) {
|
|
3092
3093
|
this.template = template;
|
|
3093
3094
|
}
|
|
3094
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3095
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3095
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdItemDisplayLimitTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3096
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdItemDisplayLimitTemplateDirective, selector: "ard-select > ng-template[ard-item-display-limit-tmp]", ngImport: i0 }); }
|
|
3096
3097
|
}
|
|
3097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3098
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdItemDisplayLimitTemplateDirective, decorators: [{
|
|
3098
3099
|
type: Directive,
|
|
3099
3100
|
args: [{ selector: 'ard-select > ng-template[ard-item-display-limit-tmp]' }]
|
|
3100
3101
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -3193,8 +3194,8 @@ class ArdiumDeletableChipComponent extends _FocusableComponentBase {
|
|
|
3193
3194
|
//! events
|
|
3194
3195
|
this.deleteEvent = output({ alias: 'delete' });
|
|
3195
3196
|
}
|
|
3196
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3197
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
3197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDeletableChipComponent, deps: [{ token: ARD_DELETABLE_CHIP_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumDeletableChipComponent, selector: "ard-deletable-chip", inputs: { deleteButtonTitle: { classPropertyName: "deleteButtonTitle", publicName: "deleteButtonTitle", isSignal: true, isRequired: false, transformFunction: null }, contentAlignment: { classPropertyName: "contentAlignment", publicName: "contentAlignment", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleteEvent: "delete" }, providers: [
|
|
3198
3199
|
{
|
|
3199
3200
|
provide: NG_VALUE_ACCESSOR,
|
|
3200
3201
|
useExisting: forwardRef(() => ArdiumDeletableChipComponent),
|
|
@@ -3202,7 +3203,7 @@ class ArdiumDeletableChipComponent extends _FocusableComponentBase {
|
|
|
3202
3203
|
},
|
|
3203
3204
|
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-chip-wrapper ard-chip-deletable\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <ard-clear-button\n [title]=\"deleteButtonTitle()\"\n (click)=\"deleteEvent.emit($event)\"\n [tabIndex]=\"tabIndex()\"\n ></ard-clear-button>\n <div class=\"ard-chip-content-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3204
3205
|
}
|
|
3205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDeletableChipComponent, decorators: [{
|
|
3206
3207
|
type: Component,
|
|
3207
3208
|
args: [{ selector: 'ard-deletable-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
3208
3209
|
{
|
|
@@ -3251,7 +3252,7 @@ class ArdiumSelectComponent extends _NgModelComponentBase {
|
|
|
3251
3252
|
this.inputAttrs = input(this._DEFAULTS.inputAttrs);
|
|
3252
3253
|
//! other inputs
|
|
3253
3254
|
this.isLoading = input(this._DEFAULTS.isLoading, { transform: v => coerceBooleanProperty(v) });
|
|
3254
|
-
this.htmlId = input(
|
|
3255
|
+
this.htmlId = input(Random.id());
|
|
3255
3256
|
//! boolean settings
|
|
3256
3257
|
this.itemsAlreadyGrouped = input(this._DEFAULTS.itemsAlreadyGrouped, {
|
|
3257
3258
|
transform: v => coerceBooleanProperty(v),
|
|
@@ -3971,8 +3972,8 @@ class ArdiumSelectComponent extends _NgModelComponentBase {
|
|
|
3971
3972
|
_onCtrlAPress() {
|
|
3972
3973
|
this.itemStorage.highlightAllItems();
|
|
3973
3974
|
}
|
|
3974
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3975
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3975
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectComponent, deps: [{ token: ARD_SELECT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3976
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumSelectComponent, selector: "ard-select", inputs: { valueFrom: { classPropertyName: "valueFrom", publicName: "valueFrom", isSignal: true, isRequired: false, transformFunction: null }, labelFrom: { classPropertyName: "labelFrom", publicName: "labelFrom", isSignal: true, isRequired: false, transformFunction: null }, disabledFrom: { classPropertyName: "disabledFrom", publicName: "disabledFrom", isSignal: true, isRequired: false, transformFunction: null }, groupLabelFrom: { classPropertyName: "groupLabelFrom", publicName: "groupLabelFrom", isSignal: true, isRequired: false, transformFunction: null }, groupDisabledFrom: { classPropertyName: "groupDisabledFrom", publicName: "groupDisabledFrom", isSignal: true, isRequired: false, transformFunction: null }, childrenFrom: { classPropertyName: "childrenFrom", publicName: "childrenFrom", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, clearButtonTitle: { classPropertyName: "clearButtonTitle", publicName: "clearButtonTitle", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, noItemsFoundText: { classPropertyName: "noItemsFoundText", publicName: "noItemsFoundText", isSignal: true, isRequired: false, transformFunction: null }, loadingPlaceholderText: { classPropertyName: "loadingPlaceholderText", publicName: "loadingPlaceholderText", isSignal: true, isRequired: false, transformFunction: null }, searchInputId: { classPropertyName: "searchInputId", publicName: "searchInputId", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, itemsAlreadyGrouped: { classPropertyName: "itemsAlreadyGrouped", publicName: "itemsAlreadyGrouped", isSignal: true, isRequired: false, transformFunction: null }, invertDisabled: { classPropertyName: "invertDisabled", publicName: "invertDisabled", isSignal: true, isRequired: false, transformFunction: null }, noGroupActions: { classPropertyName: "noGroupActions", publicName: "noGroupActions", isSignal: true, isRequired: false, transformFunction: null }, autoHighlightFirst: { classPropertyName: "autoHighlightFirst", publicName: "autoHighlightFirst", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, keepOpen: { classPropertyName: "keepOpen", publicName: "keepOpen", isSignal: true, isRequired: false, transformFunction: null }, hideSelected: { classPropertyName: "hideSelected", publicName: "hideSelected", isSignal: true, isRequired: false, transformFunction: null }, noBackspaceClear: { classPropertyName: "noBackspaceClear", publicName: "noBackspaceClear", isSignal: true, isRequired: false, transformFunction: null }, sortMultipleValues: { classPropertyName: "sortMultipleValues", publicName: "sortMultipleValues", isSignal: true, isRequired: false, transformFunction: null }, searchCaseSensitive: { classPropertyName: "searchCaseSensitive", publicName: "searchCaseSensitive", isSignal: true, isRequired: false, transformFunction: null }, keepSearchAfterSelect: { classPropertyName: "keepSearchAfterSelect", publicName: "keepSearchAfterSelect", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, itemDisplayLimit: { classPropertyName: "itemDisplayLimit", publicName: "itemDisplayLimit", isSignal: true, isRequired: false, transformFunction: null }, searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, dropdownAppearance: { classPropertyName: "dropdownAppearance", publicName: "dropdownAppearance", isSignal: true, isRequired: false, transformFunction: null }, dropdownVariant: { classPropertyName: "dropdownVariant", publicName: "dropdownVariant", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, multiselectable: { classPropertyName: "multiselectable", publicName: "multiselectable", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, addCustom: { classPropertyName: "addCustom", publicName: "addCustom", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", changeEvent: "change", addEvent: "add", failedToAddEvent: "failedToAdd", removeEvent: "remove", clearEvent: "clear", openEvent: "open", closeEvent: "close", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd", searchEvent: "search", isOpen: "isOpenChange" }, host: { listeners: { "window:resize": "onWindowResize()", "mouseup": "onMouseup()", "keydown": "onKeyPress($event)" }, properties: { "class.ard-group-items": "this._groupItemsHostAttribute" } }, providers: [
|
|
3976
3977
|
{
|
|
3977
3978
|
provide: NG_VALUE_ACCESSOR,
|
|
3978
3979
|
useExisting: forwardRef(() => ArdiumSelectComponent),
|
|
@@ -3980,7 +3981,7 @@ class ArdiumSelectComponent extends _NgModelComponentBase {
|
|
|
3980
3981
|
},
|
|
3981
3982
|
], queries: [{ propertyName: "optionTemplate", first: true, predicate: ArdOptionTemplateDirective, descendants: true, isSignal: true }, { propertyName: "optgroupTemplate", first: true, predicate: ArdOptgroupTemplateDirective, descendants: true, isSignal: true }, { propertyName: "valueTemplate", first: true, predicate: ArdValueTemplateDirective, descendants: true, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: ArdSelectPlaceholderTemplateDirective, descendants: true, isSignal: true }, { propertyName: "loadingSpinnerTemplate", first: true, predicate: ArdLoadingSpinnerTemplateDirective, descendants: true, isSignal: true }, { propertyName: "loadingPlaceholderTemplate", first: true, predicate: ArdLoadingPlaceholderTemplateDirective, descendants: true, isSignal: true }, { propertyName: "dropdownHeaderTemplate", first: true, predicate: ArdDropdownHeaderTemplateDirective, descendants: true, isSignal: true }, { propertyName: "dropdownFooterTemplate", first: true, predicate: ArdDropdownFooterTemplateDirective, descendants: true, isSignal: true }, { propertyName: "noItemsFoundTemplate", first: true, predicate: ArdNoItemsFoundTemplateDirective, descendants: true, isSignal: true }, { propertyName: "addCustomTemplate", first: true, predicate: ArdAddCustomTemplateDirective, descendants: true, isSignal: true }, { propertyName: "itemLimitReachedTemplate", first: true, predicate: ArdItemLimitReachedTemplateDirective, descendants: true, isSignal: true }, { propertyName: "itemDisplayLimitTemplate", first: true, predicate: ArdItemDisplayLimitTemplateDirective, descendants: true, isSignal: true }, { propertyName: "prefixTemplate", first: true, predicate: ArdSelectPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdSelectSuffixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "optionComponents", predicate: ArdiumOptionComponent }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "dropdownPanel", first: true, predicate: ArdiumDropdownPanelComponent, descendants: true, isSignal: true }, { propertyName: "dropdownHost", first: true, predicate: ["dropdownHost"], descendants: true, read: ElementRef }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ard-form-field-frame\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate()?.template\"\n [suffixTemplate]=\"suffixTemplate()?.template\"\n>\n <div\n class=\"ard-select\"\n #dropdownHost\n (click)=\"handleAnywhereClick($event)\"\n [class.ard-has-value]=\"itemStorage.isAnyItemSelected()\"\n [ngClass]=\"ngClasses()\"\n >\n <div class=\"ard-select-value-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\" />\n }\n @if (shouldDisplayValue()) {\n @for (item of itemStorage.selectedItems(); track item.index) {\n <div\n class=\"ard-select-value\"\n [class.ard-value-disabled]=\"item.disabled()\"\n [attr.hidden]=\"!isValueWithinDisplayLimit($index)\"\n >\n <ng-template\n *ngIf=\"isValueWithinDisplayLimit($index)\"\n [ngTemplateOutlet]=\"\n valueTemplate()?.template || (multiselectable() ? defaultMultiValueTemplate : defaultValueTemplate)\n \"\n [ngTemplateOutletContext]=\"getValueContext(item)\"\n />\n </div>\n }\n\n <ng-template\n #defaultValueTemplate\n let-item\n >\n <div\n [ardInnerHTML]=\"item.label()\"\n [ardEscapeInnerHTML]=\"isItemsInputUsed\"\n ></div>\n </ng-template>\n <ng-template\n #defaultMultiValueTemplate\n let-item\n let-unselect=\"unselect\"\n >\n <ard-deletable-chip\n (delete)=\"unselect(item)\"\n [variant]=\"variant()\"\n compact\n appearance=\"outlined-strong\"\n >\n <div\n [ardInnerHTML]=\"item.label()\"\n [ardEscapeInnerHTML]=\"isItemsInputUsed\"\n ></div>\n <!-- TODO check if can remove div -->\n </ard-deletable-chip>\n </ng-template>\n }\n @if (itemStorage.isAnyItemSelected() && shouldShowItemDisplayLimit()) {\n <div class=\"ard-overflow-indicator\">\n <ng-template\n [ngTemplateOutlet]=\"itemDisplayLimitTemplate()?.template || defaultItemDisplayLimitTemplate\"\n [ngTemplateOutletContext]=\"getItemDisplayLimitContext()\"\n />\n\n <ng-template\n #defaultItemDisplayLimitTemplate\n let-count=\"overflowCount\"\n >\n <div>{{ count }} more...</div>\n </ng-template>\n </div>\n }\n\n <div\n class=\"ard-search-input\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-owns]=\"isOpen() ? htmlId() : null\"\n >\n <input\n #searchInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"searchInputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"isInputElementReadonly()\"\n [disabled]=\"disabled()\"\n [value]=\"searchTerm()\"\n aria-autocomplete=\"list\"\n [attr.aria-controls]=\"isOpen() ? htmlId() : null\"\n (input)=\"filter(searchInput.value)\"\n (change)=\"$event.stopPropagation()\"\n (focus)=\"onFocus($event)\"\n (focus)=\"onSearchInputFocus()\"\n (blur)=\"onBlur($event)\"\n (blur)=\"onSearchInputBlur()\"\n />\n </div>\n </div>\n\n <div class=\"ard-select-controls\">\n @if (isLoading()) {\n <ng-template #defaultLoadingSpinnerTemplate>\n <div class=\"ard-simple-spinner\"></div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"loadingSpinnerTemplate()?.template || defaultLoadingSpinnerTemplate\" />\n }\n @if (shouldShowClearButton()) {\n <ard-clear-button\n [title]=\"clearButtonTitle()\"\n (click)=\"handleClearButtonClick($event)\"\n />\n }\n\n <button\n type=\"button\"\n class=\"ard-dropdown-arrow-wrapper\"\n (click)=\"handleDropdownArrowClick($event)\"\n >\n <span class=\"ard-dropdown-arrow\"></span>\n <div class=\"ard-hitbox\"></div>\n </button>\n </div>\n </div>\n</ard-form-field-frame>\n\n<ng-template #dropdownTemplate>\n <ard-dropdown-panel\n class=\"ard-dropdown-panel ard-select-dropdown-panel\"\n role=\"listbox\"\n aria-label=\"Options list\"\n [headerTemplate]=\"dropdownHeaderTemplate()?.template ?? null\"\n [footerTemplate]=\"dropdownFooterTemplate()?.template ?? null\"\n [appearance]=\"dropdownAppearanceOrDefault()\"\n [variant]=\"dropdownVariantOrDefault()\"\n [isOpen]=\"true\"\n [filterValue]=\"searchTerm()\"\n [panelId]=\"htmlId()\"\n [compact]=\"compact()\"\n (ardClickOutside)=\"handleOutsideClick($event)\"\n (mousemove)=\"onMouseMove()\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n @if (!shouldShowNoItemsFound()) {\n @for (group of itemStorage.groups(); track $index) {\n <div\n class=\"ard-optgroup\"\n role=\"group\"\n [class.ard-group-disabled]=\"group.disabled()\"\n [class.ard-group-selected]=\"group.selected()\"\n [class.ard-group-highlighted]=\"group.highlighted()\"\n (mouseover)=\"onGroupMouseover(group)\"\n (click)=\"onGroupClick(group)\"\n >\n @if (group.label() !== '' && group.label() !== undefined) {\n <ng-template\n #defaultOptgroupTemplate\n let-group\n >\n <span\n class=\"ard-optgroup-label\"\n [ardInnerHTML]=\"group.label()\"\n [ardEscapeInnerHTML]=\"isItemsInputUsed\"\n ></span>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"optgroupTemplate()?.template || defaultOptgroupTemplate\"\n [ngTemplateOutletContext]=\"getGroupContext(group)\"\n />\n }\n\n <div class=\"ard-optgroup-children\">\n @for (option of group.children(); track option.index) {\n <div\n class=\"ard-option\"\n role=\"option\"\n [class.ard-option-disabled]=\"option.disabled()\"\n [class.ard-option-selected]=\"option.selected()\"\n [class.ard-option-highlighted]=\"option.highlighted()\"\n [class.ard-option-highlighted-recent]=\"option.highlighted_recently()\"\n [attr.aria-selected]=\"option.selected()\"\n [attr.id]=\"htmlId() + '-' + option.index\"\n (click)=\"onItemClick(option, $event)\"\n (mouseover)=\"onItemMouseOver($event)\"\n (mouseenter)=\"onItemMouseEnter(option, $event)\"\n (mouseleave)=\"onItemMouseLeave(option, $event)\"\n >\n <div class=\"ard-option-label\">\n <ng-template\n #defaultOptionTemplate\n let-option\n >\n <span\n [ardInnerHTML]=\"option.label()\"\n [ardEscapeInnerHTML]=\"isItemsInputUsed\"\n ></span>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"optionTemplate()?.template || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"getOptionContext(option)\"\n />\n </div>\n </div>\n }\n </div>\n </div>\n }\n }\n @if (shouldShowNoItemsFound()) {\n <ng-template #defaultNoItemsFoundTemplate>\n <div class=\"ard-option ard-option-disabled\">{{ noItemsFoundText() }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"noItemsFoundTemplate()?.template || defaultNoItemsFoundTemplate\"\n [ngTemplateOutletContext]=\"getSearchContext()\"\n />\n }\n @if (shouldShowAddCustom()) {\n <ng-template\n #defaultAddCustomTemplate\n let-searchTerm\n >\n <div\n class=\"ard-option ard-option-highlighted ard-add-custom\"\n (click)=\"addCustomOption(searchTerm)\"\n >\n <span class=\"ard-add-custom-label\">Add option</span>\n <span class=\"ard-add-custom-value\">\"{{ searchTerm }}\"</span>\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"addCustomTemplate()?.template || defaultAddCustomTemplate\"\n [ngTemplateOutletContext]=\"getCustomOptionContext()\"\n />\n }\n @if (isLoading()) {\n <ng-template #defaultLoadingPlaceholderTemplate>\n <div class=\"ard-option ard-option-disabled\">{{ loadingPlaceholderText() }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"loadingPlaceholderTemplate()?.template || defaultLoadingPlaceholderTemplate\"\n [ngTemplateOutletContext]=\"getSearchContext()\"\n />\n }\n </ard-dropdown-panel>\n</ng-template>\n", styles: [".ard-select .ard-select-container{display:flex;cursor:pointer}.ard-select .ard-placeholder,.ard-select .ard-value,.ard-select .ard-dropdown-arrow-wrapper,.ard-select .ard-clear-btn-wrapper{-webkit-user-select:none;user-select:none}.ard-select .ard-clear-btn,.ard-select .ard-dropdown-arrow{border:none;background:transparent;padding:0;box-sizing:content-box}.ard-select .ard-option-disabled{pointer-events:none}.ard-select .ard-select-value{display:block}.ard-select .ard-select-value[hidden=true]{display:none}.ard-select .ard-searchable .ard-select-value-container{cursor:text}.ard-select .ard-dropdown-arrow-wrapper{position:relative}.ard-select .ard-dropdown-arrow-wrapper .ard-hitbox{position:absolute;left:-4px;right:-4px;aspect-ratio:1}.ard-select-dropdown-panel .ard-optgroup,.ard-select-dropdown-panel .ard-option{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: ArdiumDropdownPanelComponent, selector: "ard-dropdown-panel", inputs: ["panelId", "headerTemplate", "footerTemplate", "filterValue", "appearance", "variant", "compact", "isOpen"], outputs: ["scroll", "scrollToEnd"] }, { kind: "component", type: ArdiumDeletableChipComponent, selector: "ard-deletable-chip", inputs: ["deleteButtonTitle", "contentAlignment", "appearance", "variant", "color", "compact", "wrapperClasses"], outputs: ["delete"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[ardClickOutside]", outputs: ["ardClickOutside"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }, { kind: "directive", type: i4.ArdiumInnerHTMLDirective, selector: "[ardInnerHTML]", inputs: ["ardInnerHTML", "ardEscapeInnerHTML"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3982
3983
|
}
|
|
3983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectComponent, decorators: [{
|
|
3984
3985
|
type: Component,
|
|
3985
3986
|
args: [{ selector: 'ard-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
3986
3987
|
{
|
|
@@ -4038,10 +4039,10 @@ class ArdiumChipComponent extends _DisablableComponentBase {
|
|
|
4038
4039
|
this.compact() ? 'ard-compact' : '',
|
|
4039
4040
|
].join(' '));
|
|
4040
4041
|
}
|
|
4041
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4042
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
4042
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipComponent, deps: [{ token: ARD_CHIP_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4043
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumChipComponent, selector: "ard-chip", inputs: { contentAlignment: { classPropertyName: "contentAlignment", publicName: "contentAlignment", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-chip-wrapper ard-chip\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-chip-content-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4043
4044
|
}
|
|
4044
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipComponent, decorators: [{
|
|
4045
4046
|
type: Component,
|
|
4046
4047
|
args: [{ selector: 'ard-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-chip-wrapper ard-chip\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-chip-content-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"] }]
|
|
4047
4048
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -4124,10 +4125,10 @@ class _BooleanComponentBase extends _NgModelComponentBase {
|
|
|
4124
4125
|
this.selected.set(false);
|
|
4125
4126
|
this._emitChange();
|
|
4126
4127
|
}
|
|
4127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4128
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _BooleanComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4129
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: _BooleanComponentBase, inputs: { _selected: ["selected", "_selected"] }, outputs: { selectEvent: "select", unselectEvent: "unselect", changeEvent: "change", selectedChange: "selectedChange" }, host: { properties: { "attr.selected": "this._selectedHostAttribute", "class.ard-selected": "this._selectedHostAttribute" } }, usesInheritance: true, ngImport: i0 }); }
|
|
4129
4130
|
}
|
|
4130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _BooleanComponentBase, decorators: [{
|
|
4131
4132
|
type: Directive
|
|
4132
4133
|
}], propDecorators: { _selected: [{
|
|
4133
4134
|
type: Input,
|
|
@@ -4178,8 +4179,8 @@ class ArdiumSelectableChipComponent extends _BooleanComponentBase {
|
|
|
4178
4179
|
this.compact() ? 'ard-compact' : '',
|
|
4179
4180
|
].join(' '));
|
|
4180
4181
|
}
|
|
4181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
4182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectableChipComponent, deps: [{ token: ARD_SELECTABLE_CHIP_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumSelectableChipComponent, selector: "ard-selectable-chip", inputs: { chipTitle: { classPropertyName: "chipTitle", publicName: "chipTitle", isSignal: true, isRequired: false, transformFunction: null }, hideSelectionIcon: { classPropertyName: "hideSelectionIcon", publicName: "hideSelectionIcon", isSignal: true, isRequired: false, transformFunction: null }, contentAlignment: { classPropertyName: "contentAlignment", publicName: "contentAlignment", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
4183
4184
|
{
|
|
4184
4185
|
provide: NG_VALUE_ACCESSOR,
|
|
4185
4186
|
useExisting: forwardRef(() => ArdiumSelectableChipComponent),
|
|
@@ -4187,7 +4188,7 @@ class ArdiumSelectableChipComponent extends _BooleanComponentBase {
|
|
|
4187
4188
|
},
|
|
4188
4189
|
], usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n class=\"ard-chip-wrapper ard-chip-selectable\"\n [class.ard-chip-selected]=\"selected()\"\n [ngClass]=\"ngClasses()\"\n [title]=\"chipTitle()\"\n [tabindex]=\"tabIndex()\"\n (click)=\"toggleSelected()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div\n class=\"ard-chip-selection-icon\"\n role=\"img\"\n ></div>\n <div class=\"ard-chip-content-wrapper\">\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4189
4190
|
}
|
|
4190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectableChipComponent, decorators: [{
|
|
4191
4192
|
type: Component,
|
|
4192
4193
|
args: [{ selector: 'ard-selectable-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4193
4194
|
{
|
|
@@ -4202,11 +4203,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
4202
4203
|
}] }] });
|
|
4203
4204
|
|
|
4204
4205
|
class ArdiumChipModule {
|
|
4205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4206
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4207
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4207
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipModule, declarations: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent], imports: [CommonModule, _ClearButtonModule], exports: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent] }); }
|
|
4208
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipModule, imports: [CommonModule, _ClearButtonModule] }); }
|
|
4208
4209
|
}
|
|
4209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumChipModule, decorators: [{
|
|
4210
4211
|
type: NgModule,
|
|
4211
4212
|
args: [{
|
|
4212
4213
|
declarations: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent],
|
|
@@ -4216,8 +4217,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
4216
4217
|
}] });
|
|
4217
4218
|
|
|
4218
4219
|
class ArdiumSelectModule {
|
|
4219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4220
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4221
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectModule, declarations: [ArdiumSelectComponent,
|
|
4221
4222
|
//tempalate directives
|
|
4222
4223
|
ArdOptionTemplateDirective,
|
|
4223
4224
|
ArdOptgroupTemplateDirective,
|
|
@@ -4256,7 +4257,7 @@ class ArdiumSelectModule {
|
|
|
4256
4257
|
ArdAddCustomTemplateDirective,
|
|
4257
4258
|
ArdSelectPrefixTemplateDirective,
|
|
4258
4259
|
ArdSelectSuffixTemplateDirective] }); }
|
|
4259
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4260
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectModule, imports: [CommonModule,
|
|
4260
4261
|
ArdiumFormFieldFrameModule,
|
|
4261
4262
|
ArdiumDropdownPanelModule,
|
|
4262
4263
|
ArdiumChipModule,
|
|
@@ -4264,7 +4265,7 @@ class ArdiumSelectModule {
|
|
|
4264
4265
|
_ClearButtonModule,
|
|
4265
4266
|
ArdiumInnerHTMLModule] }); }
|
|
4266
4267
|
}
|
|
4267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSelectModule, decorators: [{
|
|
4268
4269
|
type: NgModule,
|
|
4269
4270
|
args: [{
|
|
4270
4271
|
declarations: [
|
|
@@ -4321,7 +4322,7 @@ class _FileInputComponentBase extends _NgModelComponentBase {
|
|
|
4321
4322
|
constructor() {
|
|
4322
4323
|
super(...arguments);
|
|
4323
4324
|
this.fileInputEl = viewChild('fileInput');
|
|
4324
|
-
this.htmlId = input(
|
|
4325
|
+
this.htmlId = input(Random.id());
|
|
4325
4326
|
this.name = input('');
|
|
4326
4327
|
this._wasViewInit = false;
|
|
4327
4328
|
//! appearance
|
|
@@ -4456,10 +4457,10 @@ class _FileInputComponentBase extends _NgModelComponentBase {
|
|
|
4456
4457
|
}
|
|
4457
4458
|
inputEl.files = dataTransfer.files;
|
|
4458
4459
|
}
|
|
4459
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4460
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.
|
|
4460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _FileInputComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4461
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.13", type: _FileInputComponentBase, inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, blockAfterUpload: { classPropertyName: "blockAfterUpload", publicName: "blockAfterUpload", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", changeEvent: "change", dragFilesEvent: "dragFiles" }, viewQueries: [{ propertyName: "fileInputEl", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
|
|
4461
4462
|
}
|
|
4462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _FileInputComponentBase, decorators: [{
|
|
4463
4464
|
type: Directive
|
|
4464
4465
|
}], propDecorators: { value: [{
|
|
4465
4466
|
type: Input
|
|
@@ -4490,10 +4491,10 @@ class ArdiumFileDropAreaIdleContentTemplateDirective {
|
|
|
4490
4491
|
constructor(template) {
|
|
4491
4492
|
this.template = template;
|
|
4492
4493
|
}
|
|
4493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4494
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4494
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaIdleContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4495
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileDropAreaIdleContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-idle-content-tmp]", ngImport: i0 }); }
|
|
4495
4496
|
}
|
|
4496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaIdleContentTemplateDirective, decorators: [{
|
|
4497
4498
|
type: Directive,
|
|
4498
4499
|
args: [{
|
|
4499
4500
|
selector: 'ard-file-drop-area > ng-template[ard-idle-content-tmp]',
|
|
@@ -4503,10 +4504,10 @@ class ArdiumFileDropAreaDragoverContentTemplateDirective {
|
|
|
4503
4504
|
constructor(template) {
|
|
4504
4505
|
this.template = template;
|
|
4505
4506
|
}
|
|
4506
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4507
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaDragoverContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4508
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileDropAreaDragoverContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-dragover-content-tmp]", ngImport: i0 }); }
|
|
4508
4509
|
}
|
|
4509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaDragoverContentTemplateDirective, decorators: [{
|
|
4510
4511
|
type: Directive,
|
|
4511
4512
|
args: [{
|
|
4512
4513
|
selector: 'ard-file-drop-area > ng-template[ard-dragover-content-tmp]',
|
|
@@ -4516,10 +4517,10 @@ class ArdiumFileDropAreaUploadedContentTemplateDirective {
|
|
|
4516
4517
|
constructor(template) {
|
|
4517
4518
|
this.template = template;
|
|
4518
4519
|
}
|
|
4519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4520
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4520
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaUploadedContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4521
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileDropAreaUploadedContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-dropped-content-tmp]", ngImport: i0 }); }
|
|
4521
4522
|
}
|
|
4522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaUploadedContentTemplateDirective, decorators: [{
|
|
4523
4524
|
type: Directive,
|
|
4524
4525
|
args: [{
|
|
4525
4526
|
selector: 'ard-file-drop-area > ng-template[ard-dropped-content-tmp]',
|
|
@@ -4538,10 +4539,10 @@ class _ButtonBase extends _FocusableComponentBase {
|
|
|
4538
4539
|
this.compact = input(this._DEFAULTS.compact, { transform: v => coerceBooleanProperty(v) });
|
|
4539
4540
|
this._DEFAULTS = defaults;
|
|
4540
4541
|
}
|
|
4541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4542
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
4542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ButtonBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4543
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: _ButtonBase, inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, lightColoring: { classPropertyName: "lightColoring", publicName: "lightColoring", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
4543
4544
|
}
|
|
4544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ButtonBase, decorators: [{
|
|
4545
4546
|
type: Directive
|
|
4546
4547
|
}], ctorParameters: () => [{ type: undefined }] });
|
|
4547
4548
|
|
|
@@ -4650,10 +4651,10 @@ class ArdiumButtonComponent extends _ButtonBase {
|
|
|
4650
4651
|
this.vertical() ? 'ard-button-vertical' : '',
|
|
4651
4652
|
].join(' '));
|
|
4652
4653
|
}
|
|
4653
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
4654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonComponent, deps: [{ token: ARD_BUTTON_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4655
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumButtonComponent, selector: "ard-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, alignIcon: { classPropertyName: "alignIcon", publicName: "alignIcon", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n #buttonElement\n class=\"ard-button\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-focus-overlay\"></div>\n @if (icon()) {\n <div class=\"ard-button-icon\">\n {{ icon() }}\n </div>\n }\n <div class=\"ard-button-content\">\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4655
4656
|
}
|
|
4656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonComponent, decorators: [{
|
|
4657
4658
|
type: Component,
|
|
4658
4659
|
args: [{ selector: 'ard-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n #buttonElement\n class=\"ard-button\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-focus-overlay\"></div>\n @if (icon()) {\n <div class=\"ard-button-icon\">\n {{ icon() }}\n </div>\n }\n <div class=\"ard-button-content\">\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\n"] }]
|
|
4659
4660
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -4705,10 +4706,10 @@ class ArdiumFileDropAreaComponent extends _FileInputComponentBase {
|
|
|
4705
4706
|
files,
|
|
4706
4707
|
};
|
|
4707
4708
|
}
|
|
4708
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4709
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
4709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaComponent, deps: [{ token: ARD_FILE_DROP_AREA_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumFileDropAreaComponent, selector: "ard-file-drop-area", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "idleTemplate", first: true, predicate: ArdiumFileDropAreaIdleContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "dragoverTemplate", first: true, predicate: ArdiumFileDropAreaDragoverContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "uploadedTemplate", first: true, predicate: ArdiumFileDropAreaUploadedContentTemplateDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-file-drop-area\"\n (ardClickOutside)=\"onDragleave()\"\n (dragleave)=\"onDragleave()\"\n (dragover)=\"onDragover($event)\"\n (drop)=\"onDrop($event)\"\n [ngClass]=\"ngClasses\"\n>\n <div class=\"ard-file-drop-area-outline\">\n <div class=\"ard-file-drop-area-content\">\n @if (currentViewState() === 'idle') {\n <ng-template\n [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\n [ngTemplateOutletContext]=\"getIdleContext()\"\n />\n }\n <ng-template\n *ngIf=\"currentViewState() === 'dragover'\"\n [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\n [ngTemplateOutletContext]=\"getDragoverContext()\"\n ></ng-template>\n <ng-template\n *ngIf=\"currentViewState() === 'uploaded'\"\n [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\n [ngTemplateOutletContext]=\"getUploadedContext()\"\n ></ng-template>\n </div>\n </div>\n</div>\n<input\n #fileInput\n class=\"ard-file-drop-area-input-element\"\n type=\"file\"\n [name]=\"name()\"\n [multiple]=\"multiple()\"\n [id]=\"htmlId()\"\n (change)=\"onInputChange()\"\n/>\n\n<ng-template\n #defaultIdleTemplate\n let-browse=\"browse\"\n>\n <ard-icon class=\"ard-file-drop-area-icon\">upload</ard-icon>\n <strong class=\"ard-file-drop-area-drop-text\">\n <span *ngIf=\"!multiple\">Drag & Drop a file</span>\n <span *ngIf=\"multiple\">Drag & Drop files</span>\n here\n </strong>\n <span class=\"ard-file-drop-area-or-text\">or</span>\n <ard-button\n class=\"ard-file-drop-area-browse-button\"\n appearance=\"transparent\"\n [compact]=\"compact()\"\n [variant]=\"variant()\"\n [color]=\"color()\"\n (click)=\"browse()\"\n >Browse files</ard-button\n >\n</ng-template>\n\n<ng-template\n #defaultDragoverTemplate\n let-amount=\"amount\"\n>\n <span class=\"ard-file-drop-area-dragover-text\">Drop </span>\n <span class=\"ard-file-drop-area-dragover-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n <span class=\"ard-file-drop-area-dragover-text\"> here to upload. </span>\n @if (amount > 1 && !multiple()) {\n <strong class=\"ard-file-drop-area-dragover-warning\"> Only the first file will be uploaded! </strong>\n }\n</ng-template>\n\n<ng-template\n #defaultUploadedTemplate\n let-amount=\"amount\"\n let-files=\"files\"\n>\n <div class=\"ard-file-drop-area-uploaded-container\">\n <div class=\"ard-file-drop-area-uploaded-message\">\n <span class=\"ard-file-drop-area-uploaded-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n <span class=\"ard-file-drop-area-uploaded-text\"> uploaded.</span>\n </div>\n <div class=\"ard-file-drop-area-uploaded-files\">\n @for (file of files; track $index) {\n <div class=\"ard-file-drop-area-file\">\n <ard-icon>draft</ard-icon>\n <div class=\"ard-file-drop-area-file-info\">\n <span class=\"ard-file-drop-area-filename\">\n <span class=\"ard-file-drop-area-filename-name\">{{ file | filename }}</span>\n <span class=\"ard-file-drop-area-filename-ext\">{{ file | fileext: true }}</span>\n </span>\n <span class=\"ard-file-drop-area-filesize\">{{ file.size | filesize }}</span>\n </div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".ard-file-drop-area-input-element{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i1.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "component", type: ArdiumButtonComponent, selector: "ard-button", inputs: ["icon", "variant", "alignIcon", "vertical"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[ardClickOutside]", outputs: ["ardClickOutside"] }, { kind: "pipe", type: i4.ArdiumFilesizePipe, name: "filesize" }, { kind: "pipe", type: i4.ArdiumFilenamePipe, name: "filename" }, { kind: "pipe", type: i4.ArdiumFileextPipe, name: "fileext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4710
4711
|
}
|
|
4711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaComponent, decorators: [{
|
|
4712
4713
|
type: Component,
|
|
4713
4714
|
args: [{ selector: 'ard-file-drop-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-file-drop-area\"\n (ardClickOutside)=\"onDragleave()\"\n (dragleave)=\"onDragleave()\"\n (dragover)=\"onDragover($event)\"\n (drop)=\"onDrop($event)\"\n [ngClass]=\"ngClasses\"\n>\n <div class=\"ard-file-drop-area-outline\">\n <div class=\"ard-file-drop-area-content\">\n @if (currentViewState() === 'idle') {\n <ng-template\n [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\n [ngTemplateOutletContext]=\"getIdleContext()\"\n />\n }\n <ng-template\n *ngIf=\"currentViewState() === 'dragover'\"\n [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\n [ngTemplateOutletContext]=\"getDragoverContext()\"\n ></ng-template>\n <ng-template\n *ngIf=\"currentViewState() === 'uploaded'\"\n [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\n [ngTemplateOutletContext]=\"getUploadedContext()\"\n ></ng-template>\n </div>\n </div>\n</div>\n<input\n #fileInput\n class=\"ard-file-drop-area-input-element\"\n type=\"file\"\n [name]=\"name()\"\n [multiple]=\"multiple()\"\n [id]=\"htmlId()\"\n (change)=\"onInputChange()\"\n/>\n\n<ng-template\n #defaultIdleTemplate\n let-browse=\"browse\"\n>\n <ard-icon class=\"ard-file-drop-area-icon\">upload</ard-icon>\n <strong class=\"ard-file-drop-area-drop-text\">\n <span *ngIf=\"!multiple\">Drag & Drop a file</span>\n <span *ngIf=\"multiple\">Drag & Drop files</span>\n here\n </strong>\n <span class=\"ard-file-drop-area-or-text\">or</span>\n <ard-button\n class=\"ard-file-drop-area-browse-button\"\n appearance=\"transparent\"\n [compact]=\"compact()\"\n [variant]=\"variant()\"\n [color]=\"color()\"\n (click)=\"browse()\"\n >Browse files</ard-button\n >\n</ng-template>\n\n<ng-template\n #defaultDragoverTemplate\n let-amount=\"amount\"\n>\n <span class=\"ard-file-drop-area-dragover-text\">Drop </span>\n <span class=\"ard-file-drop-area-dragover-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n <span class=\"ard-file-drop-area-dragover-text\"> here to upload. </span>\n @if (amount > 1 && !multiple()) {\n <strong class=\"ard-file-drop-area-dragover-warning\"> Only the first file will be uploaded! </strong>\n }\n</ng-template>\n\n<ng-template\n #defaultUploadedTemplate\n let-amount=\"amount\"\n let-files=\"files\"\n>\n <div class=\"ard-file-drop-area-uploaded-container\">\n <div class=\"ard-file-drop-area-uploaded-message\">\n <span class=\"ard-file-drop-area-uploaded-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n <span class=\"ard-file-drop-area-uploaded-text\"> uploaded.</span>\n </div>\n <div class=\"ard-file-drop-area-uploaded-files\">\n @for (file of files; track $index) {\n <div class=\"ard-file-drop-area-file\">\n <ard-icon>draft</ard-icon>\n <div class=\"ard-file-drop-area-file-info\">\n <span class=\"ard-file-drop-area-filename\">\n <span class=\"ard-file-drop-area-filename-name\">{{ file | filename }}</span>\n <span class=\"ard-file-drop-area-filename-ext\">{{ file | fileext: true }}</span>\n </span>\n <span class=\"ard-file-drop-area-filesize\">{{ file.size | filesize }}</span>\n </div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".ard-file-drop-area-input-element{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"] }]
|
|
4714
4715
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -4732,11 +4733,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
4732
4733
|
}] } });
|
|
4733
4734
|
|
|
4734
4735
|
class ArdiumButtonModule {
|
|
4735
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4736
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4737
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4736
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4737
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonModule, declarations: [ArdiumButtonComponent], imports: [CommonModule], exports: [ArdiumButtonComponent] }); }
|
|
4738
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonModule, imports: [CommonModule] }); }
|
|
4738
4739
|
}
|
|
4739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumButtonModule, decorators: [{
|
|
4740
4741
|
type: NgModule,
|
|
4741
4742
|
args: [{
|
|
4742
4743
|
declarations: [ArdiumButtonComponent],
|
|
@@ -4746,8 +4747,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
4746
4747
|
}] });
|
|
4747
4748
|
|
|
4748
4749
|
class ArdiumFileDropAreaModule {
|
|
4749
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4750
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4750
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4751
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaModule, declarations: [ArdiumFileDropAreaComponent,
|
|
4751
4752
|
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
4752
4753
|
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
4753
4754
|
ArdiumFileDropAreaUploadedContentTemplateDirective], imports: [CommonModule,
|
|
@@ -4760,7 +4761,7 @@ class ArdiumFileDropAreaModule {
|
|
|
4760
4761
|
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
4761
4762
|
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
4762
4763
|
ArdiumFileDropAreaUploadedContentTemplateDirective] }); }
|
|
4763
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4764
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaModule, imports: [CommonModule,
|
|
4764
4765
|
ArdiumButtonModule,
|
|
4765
4766
|
ArdiumIconModule,
|
|
4766
4767
|
ArdiumFilesizePipeModule,
|
|
@@ -4768,7 +4769,7 @@ class ArdiumFileDropAreaModule {
|
|
|
4768
4769
|
ArdiumFileextPipeModule,
|
|
4769
4770
|
ArdiumClickOutsideEventModule] }); }
|
|
4770
4771
|
}
|
|
4771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileDropAreaModule, decorators: [{
|
|
4772
4773
|
type: NgModule,
|
|
4773
4774
|
args: [{
|
|
4774
4775
|
declarations: [
|
|
@@ -4818,10 +4819,10 @@ class ArdFileInputPlaceholderTemplateDirective {
|
|
|
4818
4819
|
constructor(template) {
|
|
4819
4820
|
this.template = template;
|
|
4820
4821
|
}
|
|
4821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4822
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4822
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4823
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdFileInputPlaceholderTemplateDirective, selector: "ard-file-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
4823
4824
|
}
|
|
4824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputPlaceholderTemplateDirective, decorators: [{
|
|
4825
4826
|
type: Directive,
|
|
4826
4827
|
args: [{ selector: 'ard-file-input > ng-template[ard-placeholder-tmp]' }]
|
|
4827
4828
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4829,10 +4830,10 @@ class ArdFileInputPrefixTemplateDirective {
|
|
|
4829
4830
|
constructor(template) {
|
|
4830
4831
|
this.template = template;
|
|
4831
4832
|
}
|
|
4832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4833
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4833
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4834
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdFileInputPrefixTemplateDirective, selector: "ard-file-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
4834
4835
|
}
|
|
4835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputPrefixTemplateDirective, decorators: [{
|
|
4836
4837
|
type: Directive,
|
|
4837
4838
|
args: [{ selector: 'ard-file-input > ng-template[ard-prefix-tmp]' }]
|
|
4838
4839
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4840,10 +4841,10 @@ class ArdFileInputSuffixTemplateDirective {
|
|
|
4840
4841
|
constructor(template) {
|
|
4841
4842
|
this.template = template;
|
|
4842
4843
|
}
|
|
4843
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4844
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4844
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4845
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdFileInputSuffixTemplateDirective, selector: "ard-file-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
4845
4846
|
}
|
|
4846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4847
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdFileInputSuffixTemplateDirective, decorators: [{
|
|
4847
4848
|
type: Directive,
|
|
4848
4849
|
args: [{ selector: 'ard-file-input > ng-template[ard-suffix-tmp]' }]
|
|
4849
4850
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4851,10 +4852,10 @@ class ArdiumFileInputIdleContentTemplateDirective {
|
|
|
4851
4852
|
constructor(template) {
|
|
4852
4853
|
this.template = template;
|
|
4853
4854
|
}
|
|
4854
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4855
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4855
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputIdleContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4856
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileInputIdleContentTemplateDirective, selector: "ard-file-input > ng-template[ard-idle-content-tmp]", ngImport: i0 }); }
|
|
4856
4857
|
}
|
|
4857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputIdleContentTemplateDirective, decorators: [{
|
|
4858
4859
|
type: Directive,
|
|
4859
4860
|
args: [{ selector: 'ard-file-input > ng-template[ard-idle-content-tmp]' }]
|
|
4860
4861
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -4862,10 +4863,10 @@ class ArdiumFileInputDragoverContentTemplateDirective {
|
|
|
4862
4863
|
constructor(template) {
|
|
4863
4864
|
this.template = template;
|
|
4864
4865
|
}
|
|
4865
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4866
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4866
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputDragoverContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4867
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileInputDragoverContentTemplateDirective, selector: "ard-file-input > ng-template[ard-dragover-content-tmp]", ngImport: i0 }); }
|
|
4867
4868
|
}
|
|
4868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputDragoverContentTemplateDirective, decorators: [{
|
|
4869
4870
|
type: Directive,
|
|
4870
4871
|
args: [{
|
|
4871
4872
|
selector: 'ard-file-input > ng-template[ard-dragover-content-tmp]',
|
|
@@ -4875,10 +4876,10 @@ class ArdiumFileInputUploadedContentTemplateDirective {
|
|
|
4875
4876
|
constructor(template) {
|
|
4876
4877
|
this.template = template;
|
|
4877
4878
|
}
|
|
4878
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4879
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4879
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputUploadedContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4880
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumFileInputUploadedContentTemplateDirective, selector: "ard-file-input > ng-template[ard-dropped-content-tmp]", ngImport: i0 }); }
|
|
4880
4881
|
}
|
|
4881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputUploadedContentTemplateDirective, decorators: [{
|
|
4882
4883
|
type: Directive,
|
|
4883
4884
|
args: [{
|
|
4884
4885
|
selector: 'ard-file-input > ng-template[ard-dropped-content-tmp]',
|
|
@@ -4950,8 +4951,8 @@ class ArdiumFileInputComponent extends _FileInputComponentBase {
|
|
|
4950
4951
|
files,
|
|
4951
4952
|
};
|
|
4952
4953
|
}
|
|
4953
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4954
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
4954
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputComponent, deps: [{ token: ARD_FILE_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4955
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumFileInputComponent, selector: "ard-file-input", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearButtonTitle: { classPropertyName: "clearButtonTitle", publicName: "clearButtonTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearEvent: "clear" }, providers: [
|
|
4955
4956
|
{
|
|
4956
4957
|
provide: NG_VALUE_ACCESSOR,
|
|
4957
4958
|
useExisting: forwardRef(() => ArdiumFileInputComponent),
|
|
@@ -4959,7 +4960,7 @@ class ArdiumFileInputComponent extends _FileInputComponentBase {
|
|
|
4959
4960
|
},
|
|
4960
4961
|
], queries: [{ propertyName: "placeholderTemplate", first: true, predicate: ArdFileInputPlaceholderTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "prefixTemplate", first: true, predicate: ArdFileInputPrefixTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "suffixTemplate", first: true, predicate: ArdFileInputSuffixTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "idleTemplate", first: true, predicate: ArdiumFileInputIdleContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "dragoverTemplate", first: true, predicate: ArdiumFileInputDragoverContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "uploadedTemplate", first: true, predicate: ArdiumFileInputUploadedContentTemplateDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\n class=\"ard-file-input-form-field-frame\"\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate\"\n [suffixTemplate]=\"suffixTemplate\"\n (dragover)=\"onDragover($event)\"\n (dragleave)=\"onDragleave()\"\n (drop)=\"onDrop($event)\"\n (ardClickOutside)=\"onDragleave()\"\n>\n <div\n class=\"ard-file-input\"\n [ngClass]=\"ngClasses()\"\n >\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate || defaultPlaceholderTemplate\" />\n }\n\n <div class=\"ard-file-input__value\">\n @if (currentViewState() === 'idle') {\n <ng-template\n [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\n [ngTemplateOutletContext]=\"getIdleContext()\"\n />\n }\n @if (currentViewState() === 'dragover') {\n <ng-template\n [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\n [ngTemplateOutletContext]=\"getDragoverContext()\"\n />\n }\n @if (currentViewState() === 'uploaded') {\n <ng-template\n [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\n [ngTemplateOutletContext]=\"getUploadedContext()\"\n />\n }\n </div>\n </div>\n\n @if (shouldShowClearButton) {\n <ard-clear-button\n #focusableElement\n [title]=\"clearButtonTitle()\"\n (mouseup)=\"onClearButtonClick($event)\"\n />\n }\n @if (!shouldBeBlocked) {\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-browse-button\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (click)=\"openBrowseDialog()\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <ard-icon>folder</ard-icon>\n </button>\n }\n </div>\n</ard-form-field-frame>\n\n<input\n #fileInput\n class=\"ard-file-input__input\"\n type=\"file\"\n [name]=\"name()\"\n [multiple]=\"multiple()\"\n [attr.id]=\"htmlId()\"\n (change)=\"onInputChange()\"\n/>\n\n<ng-template\n #defaultIdleTemplate\n let-browse=\"browse\"\n>\n <span class=\"ard-file-input__idle\">\n @if (multiple()) {\n <span>Upload a file</span>\n } @else {\n <span>Upload files</span>\n }\n </span>\n</ng-template>\n\n<ng-template\n #defaultDragoverTemplate\n let-amount=\"amount\"\n>\n <span class=\"ard-file-input__dragover-text\">Drop </span>\n @if (multiple()) {\n <span class=\"ard-file-input__dragover-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n } @else {\n <span class=\"ard-file-input__dragover-amount\"> a file </span>\n }\n <span class=\"ard-file-input__dragover-text\"> here to upload </span>\n</ng-template>\n\n<ng-template\n #defaultUploadedTemplate\n let-amount=\"amount\"\n>\n <div class=\"ard-file-input__uploaded\">\n <span class=\"ard-file-input__uploaded-amount\">\n {{ amount }}\n <ng-container [ngPlural]=\"amount\">\n <ng-template ngPluralCase=\"=1\">file</ng-template>\n <ng-template ngPluralCase=\"other\">files</ng-template>\n </ng-container>\n </span>\n <span class=\"ard-file-input__uploaded-text\"> uploaded.</span>\n </div>\n</ng-template>\n", styles: [".ard-file-input__input{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i1.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "component", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4961
4962
|
}
|
|
4962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputComponent, decorators: [{
|
|
4963
4964
|
type: Component,
|
|
4964
4965
|
args: [{ selector: 'ard-file-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4965
4966
|
{
|
|
@@ -5000,11 +5001,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5000
5001
|
}] } });
|
|
5001
5002
|
|
|
5002
5003
|
class ArdiumFileInputModule {
|
|
5003
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5004
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5005
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5004
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5005
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputModule, declarations: [ArdiumFileInputComponent], imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule, ArdiumIconModule], exports: [ArdiumFileInputComponent] }); }
|
|
5006
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputModule, imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule, ArdiumIconModule] }); }
|
|
5006
5007
|
}
|
|
5007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFileInputModule, decorators: [{
|
|
5008
5009
|
type: NgModule,
|
|
5009
5010
|
args: [{
|
|
5010
5011
|
declarations: [ArdiumFileInputComponent],
|
|
@@ -5045,10 +5046,10 @@ class ArdHexInputPlaceholderTemplateDirective {
|
|
|
5045
5046
|
constructor(template) {
|
|
5046
5047
|
this.template = template;
|
|
5047
5048
|
}
|
|
5048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5049
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
5049
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5050
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdHexInputPlaceholderTemplateDirective, selector: "ard-hex-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
5050
5051
|
}
|
|
5051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5052
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputPlaceholderTemplateDirective, decorators: [{
|
|
5052
5053
|
type: Directive,
|
|
5053
5054
|
args: [{ selector: 'ard-hex-input > ng-template[ard-placeholder-tmp]' }]
|
|
5054
5055
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -5056,10 +5057,10 @@ class ArdHexInputPrefixTemplateDirective {
|
|
|
5056
5057
|
constructor(template) {
|
|
5057
5058
|
this.template = template;
|
|
5058
5059
|
}
|
|
5059
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5060
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
5060
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5061
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdHexInputPrefixTemplateDirective, selector: "ard-hex-input ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
5061
5062
|
}
|
|
5062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5063
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputPrefixTemplateDirective, decorators: [{
|
|
5063
5064
|
type: Directive,
|
|
5064
5065
|
args: [{ selector: 'ard-hex-input ng-template[ard-prefix-tmp]' }]
|
|
5065
5066
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -5067,10 +5068,10 @@ class ArdHexInputSuffixTemplateDirective {
|
|
|
5067
5068
|
constructor(template) {
|
|
5068
5069
|
this.template = template;
|
|
5069
5070
|
}
|
|
5070
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5071
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
5071
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5072
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdHexInputSuffixTemplateDirective, selector: "ard-hex-input ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
5072
5073
|
}
|
|
5073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdHexInputSuffixTemplateDirective, decorators: [{
|
|
5074
5075
|
type: Directive,
|
|
5075
5076
|
args: [{ selector: 'ard-hex-input ng-template[ard-suffix-tmp]' }]
|
|
5076
5077
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -5303,8 +5304,8 @@ class ArdiumHexInputComponent extends _NgModelComponentBase {
|
|
|
5303
5304
|
input.setAttribute(key, String(attributes[key]));
|
|
5304
5305
|
}
|
|
5305
5306
|
}
|
|
5306
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5307
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
5307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputComponent, deps: [{ token: ARD_HEX_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumHexInputComponent, selector: "ard-hex-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, case: { classPropertyName: "case", publicName: "case", isSignal: true, isRequired: false, transformFunction: null }, maxDigits: { classPropertyName: "maxDigits", publicName: "maxDigits", isSignal: true, isRequired: false, transformFunction: null }, hideHash: { classPropertyName: "hideHash", publicName: "hideHash", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearButtonTitle: { classPropertyName: "clearButtonTitle", publicName: "clearButtonTitle", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", inputEvent: "input", changeEvent: "change", clearEvent: "clear" }, providers: [
|
|
5308
5309
|
{
|
|
5309
5310
|
provide: NG_VALUE_ACCESSOR,
|
|
5310
5311
|
useExisting: forwardRef(() => ArdiumHexInputComponent),
|
|
@@ -5312,7 +5313,7 @@ class ArdiumHexInputComponent extends _NgModelComponentBase {
|
|
|
5312
5313
|
},
|
|
5313
5314
|
], queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdHexInputPrefixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdHexInputSuffixTemplateDirective, descendants: true, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: ArdHexInputPlaceholderTemplateDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "textInputEl", first: true, predicate: ["textInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [isFocused]=\"isFocused\"\n [prefixTemplate]=\"prefixTemplate()?.template\"\n [suffixTemplate]=\"suffixTemplate()?.template\"\n>\n <div\n class=\"ard-hex-input\"\n [class.ard-has-value]=\"value\"\n (mouseup)=\"onMouseup()\"\n >\n <div\n class=\"ard-hash-container\"\n *ngIf=\"showHash\"\n >\n #\n </div>\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\"></ng-template>\n }\n\n <input\n #textInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value, $event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (change)=\"onChange($event)\"\n (mouseup)=\"$event.stopPropagation()\"\n (copy)=\"onCopy($event)\"\n />\n </div>\n\n @if (shouldShowClearButton()) {\n <ard-clear-button\n [title]=\"clearButtonTitle()\"\n (click)=\"onClearButtonClick($event)\"\n />\n }\n </div>\n</ard-form-field-frame>\n", styles: [".ard-input-container{position:relative}.ard-placeholder{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}\n"], dependencies: [{ 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: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: _ClearButtonComponent, selector: "ard-clear-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5314
5315
|
}
|
|
5315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputComponent, decorators: [{
|
|
5316
5317
|
type: Component,
|
|
5317
5318
|
args: [{ selector: 'ard-hex-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5318
5319
|
{
|
|
@@ -5329,17 +5330,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5329
5330
|
}] } });
|
|
5330
5331
|
|
|
5331
5332
|
class ArdiumHexInputModule {
|
|
5332
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5333
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5333
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5334
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputModule, declarations: [ArdiumHexInputComponent,
|
|
5334
5335
|
ArdHexInputPlaceholderTemplateDirective,
|
|
5335
5336
|
ArdHexInputPrefixTemplateDirective,
|
|
5336
5337
|
ArdHexInputSuffixTemplateDirective], imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule], exports: [ArdiumHexInputComponent,
|
|
5337
5338
|
ArdHexInputPlaceholderTemplateDirective,
|
|
5338
5339
|
ArdHexInputPrefixTemplateDirective,
|
|
5339
5340
|
ArdHexInputSuffixTemplateDirective] }); }
|
|
5340
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5341
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputModule, imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule] }); }
|
|
5341
5342
|
}
|
|
5342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHexInputModule, decorators: [{
|
|
5343
5344
|
type: NgModule,
|
|
5344
5345
|
args: [{
|
|
5345
5346
|
declarations: [
|
|
@@ -5385,10 +5386,10 @@ class ArdNumberInputPlaceholderTemplateDirective {
|
|
|
5385
5386
|
constructor(template) {
|
|
5386
5387
|
this.template = template;
|
|
5387
5388
|
}
|
|
5388
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5389
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
5389
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdNumberInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5390
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdNumberInputPlaceholderTemplateDirective, selector: "ard-number-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
5390
5391
|
}
|
|
5391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdNumberInputPlaceholderTemplateDirective, decorators: [{
|
|
5392
5393
|
type: Directive,
|
|
5393
5394
|
args: [{ selector: 'ard-number-input > ng-template[ard-placeholder-tmp]' }]
|
|
5394
5395
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -5580,16 +5581,16 @@ class ArdiumNumberInputComponent extends _NgModelComponentBase {
|
|
|
5580
5581
|
input.setAttribute(key, String(attributes[key]));
|
|
5581
5582
|
}
|
|
5582
5583
|
}
|
|
5583
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5584
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
5584
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputComponent, deps: [{ token: ARD_NUMBER_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5585
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumNumberInputComponent, selector: "ard-number-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, alignText: { classPropertyName: "alignText", publicName: "alignText", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, allowFloat: { classPropertyName: "allowFloat", publicName: "allowFloat", isSignal: true, isRequired: false, transformFunction: null }, noButtons: { classPropertyName: "noButtons", publicName: "noButtons", isSignal: true, isRequired: false, transformFunction: null }, stepSize: { classPropertyName: "stepSize", publicName: "stepSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", inputEvent: "input", changeEvent: "change", clearEvent: "clear", quickChangeEvent: "quickChange" }, providers: [
|
|
5585
5586
|
{
|
|
5586
5587
|
provide: NG_VALUE_ACCESSOR,
|
|
5587
5588
|
useExisting: forwardRef(() => ArdiumNumberInputComponent),
|
|
5588
5589
|
multi: true,
|
|
5589
5590
|
},
|
|
5590
|
-
], queries: [{ propertyName: "placeholderTemplate", first: true, predicate: ArdNumberInputPlaceholderTemplateDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["textInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-number-input\"\n [ngClass]=\"ngClasses()\"\n [class.ard-has-value]=\"value\"\n (mousedown)=\"$event.preventDefault()\"\n (mouseup)=\"onMouseup()\"\n>\n @if (!noButtons()) {\n <ard-button\n class=\"ard-quick-change-button decrement\"\n [variant]=\"buttonVariant()\"\n [appearance]=\"buttonAppearance()\"\n color=\"none\"\n [disabled]=\"!canDecrement()\"\n [tabIndex]=\"!canDecrement() ? -1 : tabIndex()\"\n (click)=\"onQuickChangeButtonClick(-1, $event)\"\n (ardHold)=\"onQuickChangeButtonClick(-1)\"\n ardHoldSpaceKey\n >\n -\n </ard-button>\n }\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template\n #defaultPlaceholderTemplate\n let-plchldr\n >\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\"></ng-template>\n }\n\n <input\n #textInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value)\"\n (focus)=\"onFocusMaster($event)\"\n (blur)=\"onBlurMaster($event)\"\n (change)=\"onChange($event)\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\"\n (copy)=\"onCopy($event)\"\n />\n </div>\n @if (!noButtons()) {\n <ard-button\n class=\"ard-quick-change-button increment\"\n [variant]=\"buttonVariant()\"\n [appearance]=\"buttonAppearance()\"\n color=\"none\"\n [disabled]=\"!canIncrement()\"\n [tabIndex]=\"!canIncrement() ? -1 : tabIndex()\"\n (click)=\"onQuickChangeButtonClick(1, $event)\"\n (ardHold)=\"onQuickChangeButtonClick(1)\"\n ardHoldSpaceKey\n >\n +\n </ard-button>\n }\n</div>\n", styles: [".ard-number-input{display:flex;max-width:100%}.ard-number-input .ard-input-container{position:relative}.ard-number-input .ard-placeholder{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ard-text-align-left input,.ard-text-align-left .ard-placeholder{text-align:left}.ard-text-align-middle input,.ard-text-align-middle .ard-placeholder{text-align:center}.ard-text-align-right input,.ard-text-align-right .ard-placeholder{text-align:right}.ard-quick-change-button{-webkit-user-select:none;user-select:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.HoldDirective, selector: "[ardHold]", inputs: ["disabled", "readonly", "ardHoldDelay", "ardHoldRepeat", "
|
|
5591
|
+
], queries: [{ propertyName: "placeholderTemplate", first: true, predicate: ArdNumberInputPlaceholderTemplateDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["textInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-number-input\"\n [ngClass]=\"ngClasses()\"\n [class.ard-has-value]=\"value\"\n (mousedown)=\"$event.preventDefault()\"\n (mouseup)=\"onMouseup()\"\n>\n @if (!noButtons()) {\n <ard-button\n class=\"ard-quick-change-button decrement\"\n [variant]=\"buttonVariant()\"\n [appearance]=\"buttonAppearance()\"\n color=\"none\"\n [disabled]=\"!canDecrement()\"\n [tabIndex]=\"!canDecrement() ? -1 : tabIndex()\"\n (click)=\"onQuickChangeButtonClick(-1, $event)\"\n (ardHold)=\"onQuickChangeButtonClick(-1)\"\n ardHoldSpaceKey\n >\n -\n </ard-button>\n }\n <div class=\"ard-input-container\">\n @if (shouldDisplayPlaceholder()) {\n <ng-template\n #defaultPlaceholderTemplate\n let-plchldr\n >\n <div class=\"ard-placeholder\">{{ placeholder() }}</div>\n </ng-template>\n\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate()?.template || defaultPlaceholderTemplate\"></ng-template>\n }\n\n <input\n #textInput\n #focusableElement\n type=\"text\"\n [attr.id]=\"inputId()\"\n [attr.tabindex]=\"tabIndex()\"\n [readonly]=\"readonly()\"\n [disabled]=\"disabled()\"\n (input)=\"onInput(textInput.value)\"\n (focus)=\"onFocusMaster($event)\"\n (blur)=\"onBlurMaster($event)\"\n (change)=\"onChange($event)\"\n (mousedown)=\"$event.stopPropagation()\"\n (mouseup)=\"$event.stopPropagation()\"\n (copy)=\"onCopy($event)\"\n />\n </div>\n @if (!noButtons()) {\n <ard-button\n class=\"ard-quick-change-button increment\"\n [variant]=\"buttonVariant()\"\n [appearance]=\"buttonAppearance()\"\n color=\"none\"\n [disabled]=\"!canIncrement()\"\n [tabIndex]=\"!canIncrement() ? -1 : tabIndex()\"\n (click)=\"onQuickChangeButtonClick(1, $event)\"\n (ardHold)=\"onQuickChangeButtonClick(1)\"\n ardHoldSpaceKey\n >\n +\n </ard-button>\n }\n</div>\n", styles: [".ard-number-input{display:flex;max-width:100%}.ard-number-input .ard-input-container{position:relative}.ard-number-input .ard-placeholder{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ard-text-align-left input,.ard-text-align-left .ard-placeholder{text-align:left}.ard-text-align-middle input,.ard-text-align-middle .ard-placeholder{text-align:center}.ard-text-align-right input,.ard-text-align-right .ard-placeholder{text-align:right}.ard-quick-change-button{-webkit-user-select:none;user-select:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.HoldDirective, selector: "[ardHold]", inputs: ["disabled", "readonly", "ardHoldDelay", "ardHoldRepeat", "ardAllowSpaceKey", "ardAllowEnterKey"], outputs: ["ardHold"] }, { kind: "component", type: ArdiumButtonComponent, selector: "ard-button", inputs: ["icon", "variant", "alignIcon", "vertical"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5591
5592
|
}
|
|
5592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5593
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputComponent, decorators: [{
|
|
5593
5594
|
type: Component,
|
|
5594
5595
|
args: [{ selector: 'ard-number-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5595
5596
|
{
|
|
@@ -5606,11 +5607,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5606
5607
|
}] } });
|
|
5607
5608
|
|
|
5608
5609
|
class ArdiumNumberInputModule {
|
|
5609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5610
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5611
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5611
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputModule, declarations: [ArdiumNumberInputComponent, ArdNumberInputPlaceholderTemplateDirective], imports: [CommonModule, ArdiumHoldEventModule, ArdiumButtonModule], exports: [ArdiumNumberInputComponent, ArdNumberInputPlaceholderTemplateDirective] }); }
|
|
5612
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputModule, imports: [CommonModule, ArdiumHoldEventModule, ArdiumButtonModule] }); }
|
|
5612
5613
|
}
|
|
5613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumNumberInputModule, decorators: [{
|
|
5614
5615
|
type: NgModule,
|
|
5615
5616
|
args: [{
|
|
5616
5617
|
declarations: [ArdiumNumberInputComponent, ArdNumberInputPlaceholderTemplateDirective],
|
|
@@ -5647,10 +5648,10 @@ class ArdiumFabComponent extends _ButtonBase {
|
|
|
5647
5648
|
// this.extended() ? 'ard-fab-extended' : '',
|
|
5648
5649
|
].join(' '));
|
|
5649
5650
|
}
|
|
5650
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5651
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
5651
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabComponent, deps: [{ token: ARD_FAB_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5652
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumFabComponent, selector: "ard-fab", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n class=\"ard-fab\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (focus)=\"focusEvent.emit($event)\"\n (blur)=\"blurEvent.emit($event)\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div\n class=\"ard-button-content\"\n #content\n >\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5652
5653
|
}
|
|
5653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabComponent, decorators: [{
|
|
5654
5655
|
type: Component,
|
|
5655
5656
|
args: [{ selector: 'ard-fab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"ard-fab\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (focus)=\"focusEvent.emit($event)\"\n (blur)=\"blurEvent.emit($event)\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div\n class=\"ard-button-content\"\n #content\n >\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\n"] }]
|
|
5656
5657
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -5659,11 +5660,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5659
5660
|
}] }] });
|
|
5660
5661
|
|
|
5661
5662
|
class ArdiumFabModule {
|
|
5662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5663
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5664
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5664
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabModule, declarations: [ArdiumFabComponent], imports: [CommonModule], exports: [ArdiumFabComponent] }); }
|
|
5665
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabModule, imports: [CommonModule] }); }
|
|
5665
5666
|
}
|
|
5666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFabModule, decorators: [{
|
|
5667
5668
|
type: NgModule,
|
|
5668
5669
|
args: [{
|
|
5669
5670
|
declarations: [ArdiumFabComponent],
|
|
@@ -5695,10 +5696,10 @@ class ArdiumIconButtonComponent extends _FocusableComponentBase {
|
|
|
5695
5696
|
this.compact() ? 'ard-compact' : '',
|
|
5696
5697
|
].join(' '));
|
|
5697
5698
|
}
|
|
5698
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
5699
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonComponent, deps: [{ token: ARD_ICON_BUTTON_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5700
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumIconButtonComponent, selector: "ard-icon-button", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, lightColoring: { classPropertyName: "lightColoring", publicName: "lightColoring", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n class=\"ard-icon-button\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (focus)=\"focusEvent.emit($event)\"\n (blur)=\"blurEvent.emit($event)\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-button-content\">\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-icon-button{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.ard-icon-button .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5700
5701
|
}
|
|
5701
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonComponent, decorators: [{
|
|
5702
5703
|
type: Component,
|
|
5703
5704
|
args: [{ selector: 'ard-icon-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"ard-icon-button\"\n [type]=\"type()\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (focus)=\"focusEvent.emit($event)\"\n (blur)=\"blurEvent.emit($event)\"\n>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-button-content\">\n <ng-content></ng-content>\n </div>\n</button>\n", styles: [".ard-icon-button{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.ard-icon-button .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}\n"] }]
|
|
5704
5705
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -5707,11 +5708,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5707
5708
|
}] }] });
|
|
5708
5709
|
|
|
5709
5710
|
class ArdiumIconButtonModule {
|
|
5710
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5711
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5712
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5712
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonModule, declarations: [ArdiumIconButtonComponent], imports: [CommonModule], exports: [ArdiumIconButtonComponent] }); }
|
|
5713
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonModule, imports: [CommonModule] }); }
|
|
5713
5714
|
}
|
|
5714
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumIconButtonModule, decorators: [{
|
|
5715
5716
|
type: NgModule,
|
|
5716
5717
|
args: [{
|
|
5717
5718
|
declarations: [ArdiumIconButtonComponent],
|
|
@@ -5766,8 +5767,8 @@ class ArdiumCheckboxComponent extends _BooleanComponentBase {
|
|
|
5766
5767
|
this.selected.set(this.state() === CheckboxState.Selected);
|
|
5767
5768
|
this._emitChange();
|
|
5768
5769
|
}
|
|
5769
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5770
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
5770
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxComponent, deps: [{ token: ARD_CHECKBOX_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5771
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumCheckboxComponent, selector: "ard-checkbox", inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, unselectedColor: { classPropertyName: "unselectedColor", publicName: "unselectedColor", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange" }, providers: [
|
|
5771
5772
|
{
|
|
5772
5773
|
provide: NG_VALUE_ACCESSOR,
|
|
5773
5774
|
useExisting: forwardRef(() => ArdiumCheckboxComponent),
|
|
@@ -5775,7 +5776,7 @@ class ArdiumCheckboxComponent extends _BooleanComponentBase {
|
|
|
5775
5776
|
},
|
|
5776
5777
|
], usesInheritance: true, ngImport: i0, template: "<button\n class=\"ard-checkbox\"\n role=\"checkbox\"\n type=\"button\"\n [id]=\"htmlId()\"\n [ariaChecked]=\"selected()\"\n [tabindex]=\"tabIndex()\"\n [ngClass]=\"ngClasses()\"\n (click)=\"toggleState()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-checkbox-icon ard-icon-for-selected\"></div>\n <div class=\"ard-checkbox-icon ard-icon-for-indeterminate\"></div>\n <div class=\"ard-checkbox-icon ard-icon-for-unselected\"></div>\n</button>\n", styles: ["ard-checkbox{display:inline}.ard-checkbox{font-size:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5777
5778
|
}
|
|
5778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxComponent, decorators: [{
|
|
5779
5780
|
type: Component,
|
|
5780
5781
|
args: [{ selector: 'ard-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5781
5782
|
{
|
|
@@ -5790,11 +5791,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
5790
5791
|
}] }] });
|
|
5791
5792
|
|
|
5792
5793
|
class ArdiumCheckboxModule {
|
|
5793
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5794
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
5795
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5794
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5795
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxModule, declarations: [ArdiumCheckboxComponent], imports: [CommonModule], exports: [ArdiumCheckboxComponent] }); }
|
|
5796
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxModule, imports: [CommonModule] }); }
|
|
5796
5797
|
}
|
|
5797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxModule, decorators: [{
|
|
5798
5799
|
type: NgModule,
|
|
5799
5800
|
args: [{
|
|
5800
5801
|
declarations: [ArdiumCheckboxComponent],
|
|
@@ -5820,7 +5821,7 @@ class ArdiumRadioComponent extends _BooleanComponentBase {
|
|
|
5820
5821
|
constructor(defaults) {
|
|
5821
5822
|
super(defaults);
|
|
5822
5823
|
this._changeDetector = inject(ChangeDetectorRef);
|
|
5823
|
-
this.htmlId = input(
|
|
5824
|
+
this.htmlId = input(Random.id());
|
|
5824
5825
|
this.value = input();
|
|
5825
5826
|
//! appearance
|
|
5826
5827
|
this.color = input(this._DEFAULTS.color);
|
|
@@ -5847,10 +5848,10 @@ class ArdiumRadioComponent extends _BooleanComponentBase {
|
|
|
5847
5848
|
// update radio button's status
|
|
5848
5849
|
this._changeDetector.markForCheck();
|
|
5849
5850
|
}
|
|
5850
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
5851
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
5851
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioComponent, deps: [{ token: ARD_RADIO_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumRadioComponent, selector: "ard-radio", inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n #focusableElement\n class=\"ard-radio\"\n type=\"button\"\n [ngClass]=\"ngClasses()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (mousedown)=\"onMousedown()\"\n (mouseup)=\"onMouseup()\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-radio-circles\">\n <div class=\"ard-radio-outer-circle\"></div>\n <div class=\"ard-radio-inner-circle\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </div>\n <label [for]=\"htmlId()\">\n <ng-content></ng-content>\n </label>\n</button>\n\n<input\n class=\"ard-radio-input-element\"\n type=\"radio\"\n [name]=\"name()\"\n [id]=\"htmlId()\"\n [checked]=\"selected()\"\n #radio\n/>\n", styles: [".ard-radio{border:none;background:none}.ard-radio>label{pointer-events:none}ard-radio>.ard-radio-input-element{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5852
5853
|
}
|
|
5853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
5854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioComponent, decorators: [{
|
|
5854
5855
|
type: Component,
|
|
5855
5856
|
args: [{ selector: 'ard-radio', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n #focusableElement\n class=\"ard-radio\"\n type=\"button\"\n [ngClass]=\"ngClasses()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n (mousedown)=\"onMousedown()\"\n (mouseup)=\"onMouseup()\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-radio-circles\">\n <div class=\"ard-radio-outer-circle\"></div>\n <div class=\"ard-radio-inner-circle\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </div>\n <label [for]=\"htmlId()\">\n <ng-content></ng-content>\n </label>\n</button>\n\n<input\n class=\"ard-radio-input-element\"\n type=\"radio\"\n [name]=\"name()\"\n [id]=\"htmlId()\"\n [checked]=\"selected()\"\n #radio\n/>\n", styles: [".ard-radio{border:none;background:none}.ard-radio>label{pointer-events:none}ard-radio>.ard-radio-input-element{display:none}\n"] }]
|
|
5856
5857
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -5875,7 +5876,7 @@ class ArdiumRadioGroupComponent extends _NgModelComponentBase {
|
|
|
5875
5876
|
this.selected = model(null);
|
|
5876
5877
|
//! name
|
|
5877
5878
|
/** Name of the radio button group. All radio buttons inside this group will use this name. */
|
|
5878
|
-
this.name = input(
|
|
5879
|
+
this.name = input(Random.id());
|
|
5879
5880
|
//! hooks
|
|
5880
5881
|
this._childEventSubs = [];
|
|
5881
5882
|
this._isContentInit = false;
|
|
@@ -6008,8 +6009,8 @@ class ArdiumRadioGroupComponent extends _NgModelComponentBase {
|
|
|
6008
6009
|
}
|
|
6009
6010
|
this._childEventSubs = [];
|
|
6010
6011
|
}
|
|
6011
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6012
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.
|
|
6012
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6013
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumRadioGroupComponent, selector: "ard-radio-group", inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", changeEvent: "change", selected: "selectedChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.id": "this._htmlIdHostAttribute" } }, providers: [
|
|
6013
6014
|
{
|
|
6014
6015
|
provide: NG_VALUE_ACCESSOR,
|
|
6015
6016
|
useExisting: forwardRef(() => ArdiumRadioGroupComponent),
|
|
@@ -6017,7 +6018,7 @@ class ArdiumRadioGroupComponent extends _NgModelComponentBase {
|
|
|
6017
6018
|
},
|
|
6018
6019
|
], queries: [{ propertyName: "_radios", predicate: ArdiumRadioComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6019
6020
|
}
|
|
6020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioGroupComponent, decorators: [{
|
|
6021
6022
|
type: Component,
|
|
6022
6023
|
args: [{
|
|
6023
6024
|
selector: 'ard-radio-group',
|
|
@@ -6047,11 +6048,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
6047
6048
|
}] } });
|
|
6048
6049
|
|
|
6049
6050
|
class ArdiumRadioModule {
|
|
6050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6051
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
6052
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
6051
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6052
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioModule, declarations: [ArdiumRadioGroupComponent, ArdiumRadioComponent], imports: [CommonModule], exports: [ArdiumRadioGroupComponent, ArdiumRadioComponent] }); }
|
|
6053
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioModule, imports: [CommonModule] }); }
|
|
6053
6054
|
}
|
|
6054
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRadioModule, decorators: [{
|
|
6055
6056
|
type: NgModule,
|
|
6056
6057
|
args: [{
|
|
6057
6058
|
declarations: [ArdiumRadioGroupComponent, ArdiumRadioComponent],
|
|
@@ -6416,7 +6417,7 @@ class _SelectableListComponentBase extends _NgModelComponentBase {
|
|
|
6416
6417
|
super(...arguments);
|
|
6417
6418
|
//! public constants
|
|
6418
6419
|
this.itemStorage = new SimpleItemStorage(this);
|
|
6419
|
-
this.htmlId =
|
|
6420
|
+
this.htmlId = Random.id();
|
|
6420
6421
|
this.DEFAULTS = this._DEFAULTS;
|
|
6421
6422
|
this._cd = inject(ChangeDetectorRef);
|
|
6422
6423
|
//! binding-related inputs
|
|
@@ -6638,10 +6639,10 @@ class _SelectableListComponentBase extends _NgModelComponentBase {
|
|
|
6638
6639
|
_highlightAll() {
|
|
6639
6640
|
this.itemStorage.highlightAllItems();
|
|
6640
6641
|
}
|
|
6641
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6642
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
6642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _SelectableListComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6643
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: _SelectableListComponentBase, inputs: { valueFrom: { classPropertyName: "valueFrom", publicName: "valueFrom", isSignal: true, isRequired: false, transformFunction: null }, labelFrom: { classPropertyName: "labelFrom", publicName: "labelFrom", isSignal: true, isRequired: false, transformFunction: null }, disabledFrom: { classPropertyName: "disabledFrom", publicName: "disabledFrom", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, multiselectable: { classPropertyName: "multiselectable", publicName: "multiselectable", isSignal: true, isRequired: false, transformFunction: null }, requireValue: { classPropertyName: "requireValue", publicName: "requireValue", isSignal: true, isRequired: false, transformFunction: null }, invertDisabled: { classPropertyName: "invertDisabled", publicName: "invertDisabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", changeEvent: "change", addEvent: "add", removeEvent: "remove" }, host: { listeners: { "mousemove": "onMouseMove()", "keydown": "onKeyPress($event)" }, properties: { "attr.multiple": "this._multiselectableHostAttribute", "class.ard-multiselect": "this._multiselectableHostAttribute", "class.ard-require-value": "this._requireValueHostAttribute", "class.ard-touched": "this._touchedHostAttribute" } }, usesInheritance: true, ngImport: i0 }); }
|
|
6643
6644
|
}
|
|
6644
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _SelectableListComponentBase, decorators: [{
|
|
6645
6646
|
type: Directive
|
|
6646
6647
|
}], propDecorators: { items: [{
|
|
6647
6648
|
type: Input
|
|
@@ -6704,10 +6705,10 @@ class ArdSegmentOptionTemplateDirective {
|
|
|
6704
6705
|
constructor(template) {
|
|
6705
6706
|
this.template = template;
|
|
6706
6707
|
}
|
|
6707
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6708
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
6708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSegmentOptionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6709
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSegmentOptionTemplateDirective, selector: "ng-template[ard-segm-option-tmp]", ngImport: i0 }); }
|
|
6709
6710
|
}
|
|
6710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSegmentOptionTemplateDirective, decorators: [{
|
|
6711
6712
|
type: Directive,
|
|
6712
6713
|
args: [{ selector: 'ng-template[ard-segm-option-tmp]' }]
|
|
6713
6714
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -6797,10 +6798,10 @@ class ArdiumSegmentComponent extends _SelectableListComponentBase {
|
|
|
6797
6798
|
super.onBlur(event);
|
|
6798
6799
|
this.itemStorage.unhighlightAll();
|
|
6799
6800
|
}
|
|
6800
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6801
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
6801
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentComponent, deps: [{ token: ARD_SEGMENT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6802
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumSegmentComponent, selector: "ard-segment", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, iconBased: { classPropertyName: "iconBased", publicName: "iconBased", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, uniformWidths: { classPropertyName: "uniformWidths", publicName: "uniformWidths", isSignal: true, isRequired: false, transformFunction: null }, itemsPerRow: { classPropertyName: "itemsPerRow", publicName: "itemsPerRow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "optionTemplate", first: true, predicate: ArdSegmentOptionTemplateDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n #focusableElement\n class=\"ard-segment-container\"\n [class.ard-disabled]=\"disabled()\"\n [ariaDisabled]=\"disabled()\"\n [ngClass]=\"ngClasses()\"\n [class.ard-focus-visible]=\"isFocused && !isMouseBeingUsed\"\n [class.ard-using-keyboard]=\"!isMouseBeingUsed\"\n [attr.tabindex]=\"tabIndex()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n>\n @for (row of itemRows(); track $index) {\n <div\n class=\"ard-segment-row\"\n [class.ard-segment-row-partial]=\"row.isNotFull\"\n [class.ard-segment-row-uniform]=\"uniformWidths() || itemsPerRow() < items.length\"\n [style]=\"{ '--ard-_segment-row-items': itemsInActualRow }\"\n >\n @for (option of row.options; track $index) {\n <button\n type=\"button\"\n class=\"ard-segment-option\"\n tabindex=\"-1\"\n [class.ard-option-disabled]=\"option.disabled() || (isItemLimitReached() && !option.selected())\"\n [class.ard-option-selected]=\"option.selected()\"\n [class.ard-option-highlighted]=\"option.highlighted()\"\n [ariaSelected]=\"option.selected()\"\n (mouseenter)=\"onItemMouseEnter(option, $event)\"\n (mouseleave)=\"onItemMouseLeave(option, $event)\"\n (click)=\"onItemClick(option, $event)\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-button-content\">\n <span class=\"ard-option-label\">\n <ng-template #defaultOptionTemplate>\n {{ option.label() }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"optionTemplate()?.template || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"getOptionContext(option)\"\n />\n </span>\n </div>\n </button>\n }\n </div>\n }\n</div>\n", styles: [".ard-segment-container{display:flex;flex-direction:column}.ard-segment-container.ard-align-left .ard-segment-option{justify-content:left}.ard-segment-container.ard-align-middle .ard-segment-option{justify-content:center}.ard-segment-container.ard-align-right .ard-segment-option{justify-content:right}.ard-segment-row{width:100%;display:flex;align-items:center}.ard-segment-row.ard-segment-row-uniform{display:grid;grid-template-columns:repeat(var(--ard-_segment-row-items),1fr)}.ard-segment-option{-webkit-user-select:none;user-select:none}.ard-option-disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6802
6803
|
}
|
|
6803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentComponent, decorators: [{
|
|
6804
6805
|
type: Component,
|
|
6805
6806
|
args: [{ selector: 'ard-segment', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #focusableElement\n class=\"ard-segment-container\"\n [class.ard-disabled]=\"disabled()\"\n [ariaDisabled]=\"disabled()\"\n [ngClass]=\"ngClasses()\"\n [class.ard-focus-visible]=\"isFocused && !isMouseBeingUsed\"\n [class.ard-using-keyboard]=\"!isMouseBeingUsed\"\n [attr.tabindex]=\"tabIndex()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n>\n @for (row of itemRows(); track $index) {\n <div\n class=\"ard-segment-row\"\n [class.ard-segment-row-partial]=\"row.isNotFull\"\n [class.ard-segment-row-uniform]=\"uniformWidths() || itemsPerRow() < items.length\"\n [style]=\"{ '--ard-_segment-row-items': itemsInActualRow }\"\n >\n @for (option of row.options; track $index) {\n <button\n type=\"button\"\n class=\"ard-segment-option\"\n tabindex=\"-1\"\n [class.ard-option-disabled]=\"option.disabled() || (isItemLimitReached() && !option.selected())\"\n [class.ard-option-selected]=\"option.selected()\"\n [class.ard-option-highlighted]=\"option.highlighted()\"\n [ariaSelected]=\"option.selected()\"\n (mouseenter)=\"onItemMouseEnter(option, $event)\"\n (mouseleave)=\"onItemMouseLeave(option, $event)\"\n (click)=\"onItemClick(option, $event)\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-button-content\">\n <span class=\"ard-option-label\">\n <ng-template #defaultOptionTemplate>\n {{ option.label() }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"optionTemplate()?.template || defaultOptionTemplate\"\n [ngTemplateOutletContext]=\"getOptionContext(option)\"\n />\n </span>\n </div>\n </button>\n }\n </div>\n }\n</div>\n", styles: [".ard-segment-container{display:flex;flex-direction:column}.ard-segment-container.ard-align-left .ard-segment-option{justify-content:left}.ard-segment-container.ard-align-middle .ard-segment-option{justify-content:center}.ard-segment-container.ard-align-right .ard-segment-option{justify-content:right}.ard-segment-row{width:100%;display:flex;align-items:center}.ard-segment-row.ard-segment-row-uniform{display:grid;grid-template-columns:repeat(var(--ard-_segment-row-items),1fr)}.ard-segment-option{-webkit-user-select:none;user-select:none}.ard-option-disabled{pointer-events:none}\n"] }]
|
|
6806
6807
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -6809,11 +6810,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
6809
6810
|
}] }] });
|
|
6810
6811
|
|
|
6811
6812
|
class ArdiumSegmentModule {
|
|
6812
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6813
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
6814
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
6813
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6814
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentModule, declarations: [ArdiumSegmentComponent, ArdSegmentOptionTemplateDirective], imports: [CommonModule], exports: [ArdiumSegmentComponent, ArdSegmentOptionTemplateDirective] }); }
|
|
6815
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentModule, imports: [CommonModule] }); }
|
|
6815
6816
|
}
|
|
6816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSegmentModule, decorators: [{
|
|
6817
6818
|
type: NgModule,
|
|
6818
6819
|
args: [{
|
|
6819
6820
|
declarations: [ArdiumSegmentComponent, ArdSegmentOptionTemplateDirective],
|
|
@@ -6858,8 +6859,8 @@ class ArdiumSlideToggleComponent extends _BooleanComponentBase {
|
|
|
6858
6859
|
return [`ard-color-${this.color()}`, `ard-appearance-${this.appearance()}`, this.wrapperClass() ?? ''].join(' ');
|
|
6859
6860
|
});
|
|
6860
6861
|
}
|
|
6861
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6862
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
6862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleComponent, deps: [{ token: ARD_SLIDE_TOGGLE_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumSlideToggleComponent, selector: "ard-slide-toggle", inputs: { wrapperClass: { classPropertyName: "wrapperClass", publicName: "wrapperClass", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, selectedIcon: { classPropertyName: "selectedIcon", publicName: "selectedIcon", isSignal: true, isRequired: false, transformFunction: null }, unselectedIcon: { classPropertyName: "unselectedIcon", publicName: "unselectedIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
6863
6864
|
{
|
|
6864
6865
|
provide: NG_VALUE_ACCESSOR,
|
|
6865
6866
|
useExisting: forwardRef(() => ArdiumSlideToggleComponent),
|
|
@@ -6867,7 +6868,7 @@ class ArdiumSlideToggleComponent extends _BooleanComponentBase {
|
|
|
6867
6868
|
},
|
|
6868
6869
|
], usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n role=\"checkbox\"\n [ariaChecked]=\"selected()\"\n class=\"ard-slide-toggle\"\n [class.ard-slide-toggle-selected]=\"selected()\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (click)=\"toggleSelected()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-slide-toggle-track\">\n <div class=\"ard-slide-toggle-track-overlay\"></div>\n </div>\n <div class=\"ard-slide-toggle-handle\">\n <div class=\"ard-focus-overlay\"></div>\n @if (selectedIcon() ?? icon()) {\n <div class=\"ard-slide-toggle-icon ard-icon-for-selected\">{{ selectedIcon() ?? icon() }}</div>\n }\n @if (unselectedIcon() ?? icon()) {\n <div class=\"ard-slide-toggle-icon ard-icon-for-unselected\">{{ unselectedIcon() ?? icon() }}</div>\n }\n </div>\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6869
6870
|
}
|
|
6870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleComponent, decorators: [{
|
|
6871
6872
|
type: Component,
|
|
6872
6873
|
args: [{ selector: 'ard-slide-toggle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
6873
6874
|
{
|
|
@@ -6882,11 +6883,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
6882
6883
|
}] }] });
|
|
6883
6884
|
|
|
6884
6885
|
class ArdiumSlideToggleModule {
|
|
6885
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6886
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
6887
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
6886
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6887
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleModule, declarations: [ArdiumSlideToggleComponent], imports: [CommonModule], exports: [ArdiumSlideToggleComponent] }); }
|
|
6888
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleModule, imports: [CommonModule] }); }
|
|
6888
6889
|
}
|
|
6889
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSlideToggleModule, decorators: [{
|
|
6890
6891
|
type: NgModule,
|
|
6891
6892
|
args: [{
|
|
6892
6893
|
declarations: [ArdiumSlideToggleComponent],
|
|
@@ -6899,10 +6900,10 @@ class ArdSliderTooltipDirective {
|
|
|
6899
6900
|
constructor(template) {
|
|
6900
6901
|
this.template = template;
|
|
6901
6902
|
}
|
|
6902
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6903
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
6903
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSliderTooltipDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6904
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdSliderTooltipDirective, selector: "ng-template[ard-slider-tooltip-tmp]", ngImport: i0 }); }
|
|
6904
6905
|
}
|
|
6905
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
6906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdSliderTooltipDirective, decorators: [{
|
|
6906
6907
|
type: Directive,
|
|
6907
6908
|
args: [{
|
|
6908
6909
|
selector: 'ng-template[ard-slider-tooltip-tmp]',
|
|
@@ -7141,10 +7142,10 @@ class _AbstractSlider extends _NgModelComponentBase {
|
|
|
7141
7142
|
_increment(event, steps = 1) {
|
|
7142
7143
|
this._offset(+steps, event.shiftKey);
|
|
7143
7144
|
}
|
|
7144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7145
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.
|
|
7145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _AbstractSlider, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.13", type: _AbstractSlider, inputs: { noTooltip: { classPropertyName: "noTooltip", publicName: "noTooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipFormatFn: { classPropertyName: "tooltipFormatFn", publicName: "tooltipFormatFn", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, shiftMultiplier: { classPropertyName: "shiftMultiplier", publicName: "shiftMultiplier", isSignal: true, isRequired: false, transformFunction: null }, showValueTicks: { classPropertyName: "showValueTicks", publicName: "showValueTicks", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipBehavior: { classPropertyName: "tooltipBehavior", publicName: "tooltipBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:pointerup": "onPointerUp($event)", "document:touchend": "onPointerUp($event)", "keydown": "onKeyPress($event)" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: ArdSliderTooltipDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
|
|
7146
7147
|
}
|
|
7147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _AbstractSlider, decorators: [{
|
|
7148
7149
|
type: Directive
|
|
7149
7150
|
}], propDecorators: { value: [{
|
|
7150
7151
|
type: Input
|
|
@@ -7297,10 +7298,10 @@ class ArdiumRangeSliderComponent extends _AbstractSlider {
|
|
|
7297
7298
|
super.onBlur(event);
|
|
7298
7299
|
this.currentHandle.set(null);
|
|
7299
7300
|
}
|
|
7300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7301
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
7301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderComponent, deps: [{ token: ARD_SLIDER_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7302
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumRangeSliderComponent, selector: "ard-range-slider", host: { listeners: { "document:mousemove": "onPointerMove($event)", "document:touchmove": "onPointerMove($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-range-slider-container-master\"\n [ngClass]=\"ngClasses()\"\n [class.ard-slider-handle-grabbed]=\"isSliderHandleGrabbed()\"\n [style]=\"{ '--_ard-slider-transition': sliderTransition() }\"\n>\n <div class=\"ard-slider-container\">\n <div\n #track\n class=\"ard-slider-track\"\n (pointerdown)=\"onTrackHitboxPointerDown($event)\"\n >\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-slider-track-overlay ard-slider-track-inactive\"></div>\n <div\n class=\"ard-slider-track-overlay ard-slider-track-active\"\n [style]=\"{\n left: trackOverlayLeft,\n width: trackOverlayWidth\n }\"\n ></div>\n @if (showValueTicks()) {\n <div class=\"ard-value-tick-container\">\n @for (tick of _tickArray(); track tick) {\n <div\n class=\"ard-value-tick\"\n [style]=\"{ left: tick }\"\n ></div>\n }\n </div>\n }\n </div>\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-slider-handle\"\n [tabindex]=\"tabIndex()\"\n [class.ard-grabbed]=\"isSliderHandleGrabbed() && currentHandle() === 1\"\n (pointerdown)=\"onPointerDownOnHandle($event, 1)\"\n (focus)=\"onHandleFocus($event, 1)\"\n (blur)=\"onBlur($event)\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </button>\n @if (tooltipBehavior() !== 'never') {\n <div\n class=\"ard-slider-tooltip-wrapper\"\n [class.ard-tooltip-always]=\"tooltipBehavior() === 'always'\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <ng-template\n #defaultTooltipTemplate\n let-value\n >\n <div class=\"ard-slider-tooltip\">{{ value }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"tooltipTemplate()?.template || defaultTooltipTemplate\"\n [ngTemplateOutletContext]=\"getTooltipContext('low')\"\n >\n </ng-template>\n </div>\n }\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-slider-handle\"\n [tabindex]=\"tabIndex()\"\n [class.ard-grabbed]=\"isSliderHandleGrabbed() && currentHandle() === 2\"\n (pointerdown)=\"onPointerDownOnHandle($event, 2)\"\n (focus)=\"onHandleFocus($event, 2)\"\n (blur)=\"onBlur($event)\"\n [style]=\"{ left: getHandlePosition(2) }\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </button>\n @if (tooltipBehavior() !== 'never') {\n <div\n class=\"ard-slider-tooltip-wrapper\"\n [class.ard-tooltip-always]=\"tooltipBehavior() === 'always'\"\n [style]=\"{ left: getHandlePosition(2) }\"\n >\n <ng-template\n #defaultTooltipTemplate\n let-value\n >\n <div class=\"ard-slider-tooltip\">{{ value }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"tooltipTemplate()?.template || defaultTooltipTemplate\"\n [ngTemplateOutletContext]=\"getTooltipContext('high')\"\n >\n </ng-template>\n </div>\n }\n </div>\n @if (labelObjects().length) {\n <div\n class=\"ard-slider-label-container\"\n *ngIf=\"labelObjects.length\"\n >\n @for (label of labelObjects(); track $index) {\n <div\n class=\"ard-slider-label\"\n [style]=\"{ left: label.positionPercent }\"\n >\n {{ label.label }}\n </div>\n }\n </div>\n }\n</div>\n\n<ng-template #handleThumbBase>\n <div class=\"ard-slide-thumb\"></div>\n</ng-template>\n", styles: ["body.ard-prevent-touch-actions,body.ard-prevent-touch-actions *{touch-action:none}.ard-range-slider-container-master{display:flex;flex-direction:column}.ard-range-slider-container-master.ard-labels-top{flex-direction:column-reverse}.ard-range-slider-container-master .ard-slider-tooltip-wrapper{position:absolute;transform:translate(-50%);pointer-events:none}.ard-range-slider-container-master.ard-tooltip-top .ard-slider-tooltip-wrapper{bottom:100%}.ard-range-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip-wrapper{top:100%}.ard-range-slider-container-master .ard-slider-handle{position:absolute;left:0;transform:translate(-50%)}.ard-range-slider-container-master .ard-slider-tooltip,.ard-range-slider-container-master .ard-slider-track,.ard-range-slider-container-master .ard-value-tick-container{position:relative}.ard-range-slider-container-master .ard-value-tick{position:absolute}.ard-range-slider-container-master .ard-slider-label-container{position:relative;width:100%;height:1em}.ard-range-slider-container-master .ard-slider-label{position:absolute;line-height:1em}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7302
7303
|
}
|
|
7303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderComponent, decorators: [{
|
|
7304
7305
|
type: Component,
|
|
7305
7306
|
args: [{ selector: 'ard-range-slider', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-range-slider-container-master\"\n [ngClass]=\"ngClasses()\"\n [class.ard-slider-handle-grabbed]=\"isSliderHandleGrabbed()\"\n [style]=\"{ '--_ard-slider-transition': sliderTransition() }\"\n>\n <div class=\"ard-slider-container\">\n <div\n #track\n class=\"ard-slider-track\"\n (pointerdown)=\"onTrackHitboxPointerDown($event)\"\n >\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-slider-track-overlay ard-slider-track-inactive\"></div>\n <div\n class=\"ard-slider-track-overlay ard-slider-track-active\"\n [style]=\"{\n left: trackOverlayLeft,\n width: trackOverlayWidth\n }\"\n ></div>\n @if (showValueTicks()) {\n <div class=\"ard-value-tick-container\">\n @for (tick of _tickArray(); track tick) {\n <div\n class=\"ard-value-tick\"\n [style]=\"{ left: tick }\"\n ></div>\n }\n </div>\n }\n </div>\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-slider-handle\"\n [tabindex]=\"tabIndex()\"\n [class.ard-grabbed]=\"isSliderHandleGrabbed() && currentHandle() === 1\"\n (pointerdown)=\"onPointerDownOnHandle($event, 1)\"\n (focus)=\"onHandleFocus($event, 1)\"\n (blur)=\"onBlur($event)\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </button>\n @if (tooltipBehavior() !== 'never') {\n <div\n class=\"ard-slider-tooltip-wrapper\"\n [class.ard-tooltip-always]=\"tooltipBehavior() === 'always'\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <ng-template\n #defaultTooltipTemplate\n let-value\n >\n <div class=\"ard-slider-tooltip\">{{ value }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"tooltipTemplate()?.template || defaultTooltipTemplate\"\n [ngTemplateOutletContext]=\"getTooltipContext('low')\"\n >\n </ng-template>\n </div>\n }\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-slider-handle\"\n [tabindex]=\"tabIndex()\"\n [class.ard-grabbed]=\"isSliderHandleGrabbed() && currentHandle() === 2\"\n (pointerdown)=\"onPointerDownOnHandle($event, 2)\"\n (focus)=\"onHandleFocus($event, 2)\"\n (blur)=\"onBlur($event)\"\n [style]=\"{ left: getHandlePosition(2) }\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </button>\n @if (tooltipBehavior() !== 'never') {\n <div\n class=\"ard-slider-tooltip-wrapper\"\n [class.ard-tooltip-always]=\"tooltipBehavior() === 'always'\"\n [style]=\"{ left: getHandlePosition(2) }\"\n >\n <ng-template\n #defaultTooltipTemplate\n let-value\n >\n <div class=\"ard-slider-tooltip\">{{ value }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"tooltipTemplate()?.template || defaultTooltipTemplate\"\n [ngTemplateOutletContext]=\"getTooltipContext('high')\"\n >\n </ng-template>\n </div>\n }\n </div>\n @if (labelObjects().length) {\n <div\n class=\"ard-slider-label-container\"\n *ngIf=\"labelObjects.length\"\n >\n @for (label of labelObjects(); track $index) {\n <div\n class=\"ard-slider-label\"\n [style]=\"{ left: label.positionPercent }\"\n >\n {{ label.label }}\n </div>\n }\n </div>\n }\n</div>\n\n<ng-template #handleThumbBase>\n <div class=\"ard-slide-thumb\"></div>\n</ng-template>\n", styles: ["body.ard-prevent-touch-actions,body.ard-prevent-touch-actions *{touch-action:none}.ard-range-slider-container-master{display:flex;flex-direction:column}.ard-range-slider-container-master.ard-labels-top{flex-direction:column-reverse}.ard-range-slider-container-master .ard-slider-tooltip-wrapper{position:absolute;transform:translate(-50%);pointer-events:none}.ard-range-slider-container-master.ard-tooltip-top .ard-slider-tooltip-wrapper{bottom:100%}.ard-range-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip-wrapper{top:100%}.ard-range-slider-container-master .ard-slider-handle{position:absolute;left:0;transform:translate(-50%)}.ard-range-slider-container-master .ard-slider-tooltip,.ard-range-slider-container-master .ard-slider-track,.ard-range-slider-container-master .ard-value-tick-container{position:relative}.ard-range-slider-container-master .ard-value-tick{position:absolute}.ard-range-slider-container-master .ard-slider-label-container{position:relative;width:100%;height:1em}.ard-range-slider-container-master .ard-slider-label{position:absolute;line-height:1em}\n"] }]
|
|
7306
7307
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -7315,11 +7316,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7315
7316
|
}] } });
|
|
7316
7317
|
|
|
7317
7318
|
class ArdiumRangeSliderModule {
|
|
7318
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7319
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7320
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7320
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderModule, declarations: [ArdiumRangeSliderComponent], imports: [CommonModule], exports: [ArdiumRangeSliderComponent] }); }
|
|
7321
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderModule, imports: [CommonModule] }); }
|
|
7321
7322
|
}
|
|
7322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumRangeSliderModule, decorators: [{
|
|
7323
7324
|
type: NgModule,
|
|
7324
7325
|
args: [{
|
|
7325
7326
|
declarations: [ArdiumRangeSliderComponent],
|
|
@@ -7392,8 +7393,8 @@ class ArdiumSliderComponent extends _AbstractSlider {
|
|
|
7392
7393
|
//9 is an arbitrary number that just works well. ¯\_(ツ)_/¯
|
|
7393
7394
|
return roundToPrecision(newVal, 9);
|
|
7394
7395
|
}
|
|
7395
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7396
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
7396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderComponent, deps: [{ token: ARD_SLIDER_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7397
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumSliderComponent, selector: "ard-slider", host: { listeners: { "document:mousemove": "onPointerMove($event)", "document:touchmove": "onPointerMove($event)" } }, providers: [
|
|
7397
7398
|
{
|
|
7398
7399
|
provide: NG_VALUE_ACCESSOR,
|
|
7399
7400
|
useExisting: forwardRef(() => ArdiumSliderComponent),
|
|
@@ -7401,7 +7402,7 @@ class ArdiumSliderComponent extends _AbstractSlider {
|
|
|
7401
7402
|
},
|
|
7402
7403
|
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-slider-container-master\"\n [ngClass]=\"ngClasses()\"\n [class.ard-slider-handle-grabbed]=\"isSliderHandleGrabbed()\"\n [style]=\"{ '--_ard-slider-transition': sliderTransition() }\"\n>\n <div class=\"ard-slider-container\">\n <div\n #track\n class=\"ard-slider-track\"\n (pointerdown)=\"onTrackHitboxPointerDown($event)\"\n >\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-slider-track-overlay ard-slider-track-inactive\"></div>\n <div\n class=\"ard-slider-track-overlay ard-slider-track-active\"\n [style]=\"{ width: getHandlePosition(1) }\"\n ></div>\n @if (showValueTicks()) {\n <div class=\"ard-value-tick-container\">\n @for (tick of _tickArray(); track tick) {\n <div\n class=\"ard-value-tick\"\n [style]=\"{ left: tick }\"\n ></div>\n }\n </div>\n }\n </div>\n <button\n #focusableElement\n type=\"button\"\n class=\"ard-slider-handle\"\n [tabindex]=\"tabIndex()\"\n [class.ard-grabbed]=\"isSliderHandleGrabbed()\"\n (pointerdown)=\"onPointerDownOnHandle($event)\"\n (touchstart)=\"onPointerDownOnHandle($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <div class=\"ard-hitbox\"></div>\n </button>\n @if (tooltipBehavior() !== 'never') {\n <div\n class=\"ard-slider-tooltip-wrapper\"\n [class.ard-tooltip-always]=\"tooltipBehavior() === 'always'\"\n [style]=\"{ left: getHandlePosition(1) }\"\n >\n <ng-template\n #defaultTooltipTemplate\n let-value\n >\n <div class=\"ard-slider-tooltip\">{{ value }}</div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"tooltipTemplate()?.template || defaultTooltipTemplate\"\n [ngTemplateOutletContext]=\"getTooltipContext()\"\n >\n </ng-template>\n </div>\n }\n </div>\n @if (labelObjects().length) {\n <div\n class=\"ard-slider-label-container\"\n *ngIf=\"labelObjects.length\"\n >\n @for (label of labelObjects(); track $index) {\n <div\n class=\"ard-slider-label\"\n [style]=\"{ left: label.positionPercent }\"\n >\n {{ label.label }}\n </div>\n }\n </div>\n }\n</div>\n", styles: ["body.ard-prevent-touch-actions,body.ard-prevent-touch-actions *{touch-action:none}.ard-slider-container-master{display:flex;flex-direction:column}.ard-slider-container-master.ard-labels-top{flex-direction:column-reverse}.ard-slider-container-master .ard-slider-tooltip-wrapper{position:absolute;transform:translate(-50%);pointer-events:none}.ard-slider-container-master.ard-tooltip-top .ard-slider-tooltip-wrapper{bottom:100%}.ard-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip-wrapper{top:100%}.ard-slider-container-master .ard-slider-handle{position:absolute;left:0;transform:translate(-50%)}.ard-slider-container-master .ard-slider-tooltip,.ard-slider-container-master .ard-slider-track,.ard-slider-container-master .ard-value-tick-container{position:relative}.ard-slider-container-master .ard-value-tick{position:absolute}.ard-slider-container-master .ard-slider-label-container{position:relative;width:100%;height:1em}.ard-slider-container-master .ard-slider-label{position:absolute;line-height:1em}.ard-disabled .ard-slider-container-master,.ard-disabled .ard-range-slider-container-master{pointer-events:none;opacity:60%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7403
7404
|
}
|
|
7404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderComponent, decorators: [{
|
|
7405
7406
|
type: Component,
|
|
7406
7407
|
args: [{ selector: 'ard-slider', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
7407
7408
|
{
|
|
@@ -7422,11 +7423,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7422
7423
|
}] } });
|
|
7423
7424
|
|
|
7424
7425
|
class ArdiumSliderModule {
|
|
7425
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7426
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7427
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7426
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7427
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderModule, declarations: [ArdiumSliderComponent, ArdSliderTooltipDirective], imports: [CommonModule, OverlayModule], exports: [ArdiumSliderComponent, ArdSliderTooltipDirective] }); }
|
|
7428
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderModule, imports: [CommonModule, OverlayModule] }); }
|
|
7428
7429
|
}
|
|
7429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSliderModule, decorators: [{
|
|
7430
7431
|
type: NgModule,
|
|
7431
7432
|
args: [{
|
|
7432
7433
|
declarations: [ArdiumSliderComponent, ArdSliderTooltipDirective],
|
|
@@ -7503,10 +7504,10 @@ class ArdiumStarComponent {
|
|
|
7503
7504
|
_transformFillMode(value) {
|
|
7504
7505
|
return typeof value === 'boolean' ? (value ? StarFillMode.Filled : StarFillMode.None) : value;
|
|
7505
7506
|
}
|
|
7506
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7507
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
7507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumStarComponent, selector: "ard-star", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"ard-star\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-star-icon ard-star-selected\"></div>\n <div class=\"ard-star-icon ard-star-half\"></div>\n <div class=\"ard-star-icon ard-star-unselected\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7508
7509
|
}
|
|
7509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarComponent, decorators: [{
|
|
7510
7511
|
type: Component,
|
|
7511
7512
|
args: [{ selector: 'ard-star', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-star\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-star-icon ard-star-selected\"></div>\n <div class=\"ard-star-icon ard-star-half\"></div>\n <div class=\"ard-star-icon ard-star-unselected\"></div>\n</div>\n" }]
|
|
7512
7513
|
}] });
|
|
@@ -7526,8 +7527,8 @@ class ArdiumStarButtonComponent extends _BooleanComponentBase {
|
|
|
7526
7527
|
return;
|
|
7527
7528
|
this.toggleSelected();
|
|
7528
7529
|
}
|
|
7529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7530
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
7530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonComponent, deps: [{ token: ARD_STAR_BUTTON_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7531
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumStarButtonComponent, selector: "ard-star-button", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, clickStrategy: { classPropertyName: "clickStrategy", publicName: "clickStrategy", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
7531
7532
|
{
|
|
7532
7533
|
provide: NG_VALUE_ACCESSOR,
|
|
7533
7534
|
useExisting: forwardRef(() => ArdiumStarButtonComponent),
|
|
@@ -7535,7 +7536,7 @@ class ArdiumStarButtonComponent extends _BooleanComponentBase {
|
|
|
7535
7536
|
},
|
|
7536
7537
|
], usesInheritance: true, ngImport: i0, template: "<button\n #focusableElement\n type=\"button\"\n class=\"ard-star-button\"\n [ngClass]=\"ngClasses()\"\n (click)=\"onClick()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"tabIndex()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n <ard-star\n [filled]=\"starFillState()\"\n [color]=\"color()\"\n ></ard-star>\n</button>\n", styles: [".ard-star-button{border:none;background:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumStarComponent, selector: "ard-star", inputs: ["wrapperClasses", "color", "filled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7537
7538
|
}
|
|
7538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonComponent, decorators: [{
|
|
7539
7540
|
type: Component,
|
|
7540
7541
|
args: [{ selector: 'ard-star-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
7541
7542
|
{
|
|
@@ -7550,11 +7551,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7550
7551
|
}] }] });
|
|
7551
7552
|
|
|
7552
7553
|
class ArdiumStarModule {
|
|
7553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7554
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7555
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7554
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7555
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, declarations: [ArdiumStarComponent], imports: [CommonModule], exports: [ArdiumStarComponent] }); }
|
|
7556
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, imports: [CommonModule] }); }
|
|
7556
7557
|
}
|
|
7557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarModule, decorators: [{
|
|
7558
7559
|
type: NgModule,
|
|
7559
7560
|
args: [{
|
|
7560
7561
|
declarations: [ArdiumStarComponent],
|
|
@@ -7564,11 +7565,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7564
7565
|
}] });
|
|
7565
7566
|
|
|
7566
7567
|
class ArdiumStarButtonModule {
|
|
7567
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7568
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7569
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7568
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7569
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, declarations: [ArdiumStarButtonComponent], imports: [CommonModule, ArdiumStarModule], exports: [ArdiumStarButtonComponent] }); }
|
|
7570
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, imports: [CommonModule, ArdiumStarModule] }); }
|
|
7570
7571
|
}
|
|
7571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarButtonModule, decorators: [{
|
|
7572
7573
|
type: NgModule,
|
|
7573
7574
|
args: [{
|
|
7574
7575
|
declarations: [ArdiumStarButtonComponent],
|
|
@@ -7745,8 +7746,8 @@ class ArdiumStarInputComponent extends _NgModelComponentBase {
|
|
|
7745
7746
|
_onTabPress() {
|
|
7746
7747
|
this.focusStarButtonByIndex(this.max() - 1);
|
|
7747
7748
|
}
|
|
7748
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7749
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
7749
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputComponent, deps: [{ token: ARD_STAR_INPUT_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7750
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumStarInputComponent, selector: "ard-star-input", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeEvent: "change", highlightEvent: "highlight", value: "valueChange" }, host: { listeners: { "keydown": "onKeyPress($event)" } }, providers: [
|
|
7750
7751
|
{
|
|
7751
7752
|
provide: NG_VALUE_ACCESSOR,
|
|
7752
7753
|
useExisting: forwardRef(() => ArdiumStarInputComponent),
|
|
@@ -7754,7 +7755,7 @@ class ArdiumStarInputComponent extends _NgModelComponentBase {
|
|
|
7754
7755
|
},
|
|
7755
7756
|
], viewQueries: [{ propertyName: "starButtonInstances", predicate: ["starButton"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-star-input\"\n [ngClass]=\"ngClasses()\"\n (mouseleave)=\"setDisplayToValue()\"\n>\n @for (object of starArray(); track $index) {\n <ard-star-button\n #starButton\n [class.ard-star-not-in-value]=\"!object.isInValue\"\n [color]=\"object.isInValue ? color() : 'none'\"\n clickStrategy=\"noop\"\n [selected]=\"object.filled\"\n (click)=\"onStarClick($index)\"\n (focus)=\"onStarButtonFocus($index, $event)\"\n (blur)=\"onStarButtonBlur($event)\"\n (mouseenter)=\"onStarHighlight($index)\"\n [tabIndex]=\"tabIndex()\"\n />\n }\n</div>\n", styles: [".ard-star-input{width:max-content}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumStarButtonComponent, selector: "ard-star-button", inputs: ["wrapperClasses", "clickStrategy", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7756
7757
|
}
|
|
7757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7758
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputComponent, decorators: [{
|
|
7758
7759
|
type: Component,
|
|
7759
7760
|
args: [{ selector: 'ard-star-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
7760
7761
|
{
|
|
@@ -7772,11 +7773,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7772
7773
|
}] } });
|
|
7773
7774
|
|
|
7774
7775
|
class ArdiumStarInputModule {
|
|
7775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7776
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7777
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7776
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7777
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputModule, declarations: [ArdiumStarInputComponent], imports: [CommonModule, ArdiumStarButtonModule], exports: [ArdiumStarInputComponent] }); }
|
|
7778
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputModule, imports: [CommonModule, ArdiumStarButtonModule] }); }
|
|
7778
7779
|
}
|
|
7779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarInputModule, decorators: [{
|
|
7780
7781
|
type: NgModule,
|
|
7781
7782
|
args: [{
|
|
7782
7783
|
declarations: [ArdiumStarInputComponent],
|
|
@@ -7885,8 +7886,8 @@ class ArdiumStateboxComponent extends _NgModelComponentBase {
|
|
|
7885
7886
|
_emitChange() {
|
|
7886
7887
|
this._onChangeRegistered?.(this.state());
|
|
7887
7888
|
}
|
|
7888
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7889
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
7889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxComponent, deps: [{ token: ARD_STATEBOX_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7890
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumStateboxComponent, selector: "ard-statebox", inputs: { states: { classPropertyName: "states", publicName: "states", isSignal: true, isRequired: false, transformFunction: null }, clickStrategy: { classPropertyName: "clickStrategy", publicName: "clickStrategy", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange" }, providers: [
|
|
7890
7891
|
{
|
|
7891
7892
|
provide: NG_VALUE_ACCESSOR,
|
|
7892
7893
|
useExisting: forwardRef(() => ArdiumStarButtonComponent),
|
|
@@ -7894,7 +7895,7 @@ class ArdiumStateboxComponent extends _NgModelComponentBase {
|
|
|
7894
7895
|
},
|
|
7895
7896
|
], usesInheritance: true, ngImport: i0, template: "<button\n #focusableElement\n type=\"button\"\n class=\"ard-statebox\"\n [ngClass]=\"ngClasses()\"\n [tabindex]=\"tabIndex()\"\n (click)=\"onClick()\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [style]=\"ngStyle()\"\n>\n <div class=\"ard-hitbox\"></div>\n <div class=\"ard-focus-overlay\"></div>\n @if (internalState().keepFrame) {\n <div class=\"ard-statebox-frame\"></div>\n }\n <div [class]=\"internalState().displayAsIcon ? 'ard-statebox-icon' : 'ard-statebox-character'\">\n {{ internalState().display }}\n </div>\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7896
7897
|
}
|
|
7897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7898
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxComponent, decorators: [{
|
|
7898
7899
|
type: Component,
|
|
7899
7900
|
args: [{ selector: 'ard-statebox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
7900
7901
|
{
|
|
@@ -7909,11 +7910,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
7909
7910
|
}] }] });
|
|
7910
7911
|
|
|
7911
7912
|
class ArdiumStateboxModule {
|
|
7912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
7913
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7914
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7913
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7914
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxModule, declarations: [ArdiumStateboxComponent], imports: [CommonModule], exports: [ArdiumStateboxComponent] }); }
|
|
7915
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxModule, imports: [CommonModule] }); }
|
|
7915
7916
|
}
|
|
7916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
7917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStateboxModule, decorators: [{
|
|
7917
7918
|
type: NgModule,
|
|
7918
7919
|
args: [{
|
|
7919
7920
|
declarations: [ArdiumStateboxComponent],
|
|
@@ -7953,7 +7954,7 @@ function provideCheckboxListDefaults(config) {
|
|
|
7953
7954
|
class ArdiumCheckboxListComponent extends _NgModelComponentBase {
|
|
7954
7955
|
constructor(defaults) {
|
|
7955
7956
|
super(defaults);
|
|
7956
|
-
this.htmlId = input(
|
|
7957
|
+
this.htmlId = input(Random.id());
|
|
7957
7958
|
this.DEFAULTS = this._DEFAULTS;
|
|
7958
7959
|
// static values. Not meant to be changed.
|
|
7959
7960
|
this.multiselectable = signal(true);
|
|
@@ -7966,7 +7967,9 @@ class ArdiumCheckboxListComponent extends _NgModelComponentBase {
|
|
|
7966
7967
|
this.disabledFrom = input(this.DEFAULTS.disabledFrom);
|
|
7967
7968
|
this.compareWith = input(this._DEFAULTS.compareWith);
|
|
7968
7969
|
this.invertDisabled = input(this._DEFAULTS.invertDisabled, { transform: v => coerceBooleanProperty(v) });
|
|
7969
|
-
this.maxSelectedItems = input(this._DEFAULTS.maxSelectedItems, {
|
|
7970
|
+
this.maxSelectedItems = input(this._DEFAULTS.maxSelectedItems, {
|
|
7971
|
+
transform: v => coerceNumberProperty(v, this._DEFAULTS.maxSelectedItems),
|
|
7972
|
+
});
|
|
7970
7973
|
//! appearance
|
|
7971
7974
|
this.color = input(this._DEFAULTS.color);
|
|
7972
7975
|
this.align = input(this._DEFAULTS.align);
|
|
@@ -8035,10 +8038,10 @@ class ArdiumCheckboxListComponent extends _NgModelComponentBase {
|
|
|
8035
8038
|
}
|
|
8036
8039
|
this.selectItem(v);
|
|
8037
8040
|
}
|
|
8038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8039
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
8041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListComponent, deps: [{ token: ARD_CHECKBOX_LIST_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumCheckboxListComponent, selector: "ard-checkbox-list", inputs: { htmlId: { classPropertyName: "htmlId", publicName: "htmlId", isSignal: true, isRequired: false, transformFunction: null }, valueFrom: { classPropertyName: "valueFrom", publicName: "valueFrom", isSignal: true, isRequired: false, transformFunction: null }, labelFrom: { classPropertyName: "labelFrom", publicName: "labelFrom", isSignal: true, isRequired: false, transformFunction: null }, disabledFrom: { classPropertyName: "disabledFrom", publicName: "disabledFrom", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, invertDisabled: { classPropertyName: "invertDisabled", publicName: "invertDisabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", changeEvent: "change" }, host: { properties: { "attr.id": "this._htmlIdHostAttribute" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-checkbox-list\"\n [ngClass]=\"ngClasses()\"\n>\n @for (item of items; track item.index) {\n <div\n class=\"ard-checkbox-list__item\"\n [class.ard-item-highlighted]=\"item.highlighted()\"\n [class.ard-item-disabled]=\"item.disabled()\"\n (mouseover)=\"onItemHighlight(item)\"\n (mouseleave)=\"onItemBlur()\"\n (click)=\"toggleItem(item)\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <ard-checkbox\n [selected]=\"item.selected()\"\n [disabled]=\"item.disabled()\"\n [color]=\"color()\"\n [htmlId]=\"htmlId() + item.index\"\n [tabIndex]=\"tabIndex()\"\n (focus)=\"onFocus($event)\"\n (focus)=\"onItemFocus(item)\"\n (blur)=\"onBlur($event)\"\n (blur)=\"onItemBlur()\"\n (select)=\"selectItem(item)\"\n (unselect)=\"unselectItem(item)\"\n (click)=\"$event.stopPropagation()\"\n />\n <label [for]=\"htmlId() + item.index\">\n {{ item.label() }}\n </label>\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumCheckboxComponent, selector: "ard-checkbox", inputs: ["htmlId", "color", "unselectedColor", "state"], outputs: ["stateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8040
8043
|
}
|
|
8041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListComponent, decorators: [{
|
|
8042
8045
|
type: Component,
|
|
8043
8046
|
args: [{ selector: 'ard-checkbox-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-checkbox-list\"\n [ngClass]=\"ngClasses()\"\n>\n @for (item of items; track item.index) {\n <div\n class=\"ard-checkbox-list__item\"\n [class.ard-item-highlighted]=\"item.highlighted()\"\n [class.ard-item-disabled]=\"item.disabled()\"\n (mouseover)=\"onItemHighlight(item)\"\n (mouseleave)=\"onItemBlur()\"\n (click)=\"toggleItem(item)\"\n >\n <div class=\"ard-focus-overlay\"></div>\n <ard-checkbox\n [selected]=\"item.selected()\"\n [disabled]=\"item.disabled()\"\n [color]=\"color()\"\n [htmlId]=\"htmlId() + item.index\"\n [tabIndex]=\"tabIndex()\"\n (focus)=\"onFocus($event)\"\n (focus)=\"onItemFocus(item)\"\n (blur)=\"onBlur($event)\"\n (blur)=\"onItemBlur()\"\n (select)=\"selectItem(item)\"\n (unselect)=\"unselectItem(item)\"\n (click)=\"$event.stopPropagation()\"\n />\n <label [for]=\"htmlId() + item.index\">\n {{ item.label() }}\n </label>\n </div>\n }\n</div>\n" }]
|
|
8044
8047
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -8054,11 +8057,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
8054
8057
|
}] } });
|
|
8055
8058
|
|
|
8056
8059
|
class ArdiumCheckboxListModule {
|
|
8057
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8058
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8059
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8060
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8061
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListModule, declarations: [ArdiumCheckboxListComponent], imports: [CommonModule, ArdiumCheckboxModule], exports: [ArdiumCheckboxListComponent] }); }
|
|
8062
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListModule, imports: [CommonModule, ArdiumCheckboxModule] }); }
|
|
8060
8063
|
}
|
|
8061
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCheckboxListModule, decorators: [{
|
|
8062
8065
|
type: NgModule,
|
|
8063
8066
|
args: [{
|
|
8064
8067
|
declarations: [ArdiumCheckboxListComponent],
|
|
@@ -8181,10 +8184,10 @@ class ArdiumBadgeDirective {
|
|
|
8181
8184
|
}
|
|
8182
8185
|
this._renderer.removeClass(this._elRef.nativeElement, 'ard-badge-host');
|
|
8183
8186
|
}
|
|
8184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8185
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
8187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8188
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumBadgeDirective, selector: "[ardBadge]", inputs: { text: { classPropertyName: "text", publicName: "ardBadge", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "ardBadgeColor", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "ardBadgeVariant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "ardBadgeSize", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "ardBadgePosition", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ardBadgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "ardBadgeHidden", isSignal: true, isRequired: false, transformFunction: null }, overlap: { classPropertyName: "overlap", publicName: "ardBadgeOverlap", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
|
|
8186
8189
|
}
|
|
8187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeDirective, decorators: [{
|
|
8188
8191
|
type: Directive,
|
|
8189
8192
|
args: [{
|
|
8190
8193
|
selector: '[ardBadge]',
|
|
@@ -8192,11 +8195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
8192
8195
|
}] });
|
|
8193
8196
|
|
|
8194
8197
|
class ArdiumBadgeModule {
|
|
8195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8196
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8197
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8198
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8199
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeModule, declarations: [ArdiumBadgeDirective], imports: [CommonModule], exports: [ArdiumBadgeDirective] }); }
|
|
8200
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeModule, imports: [CommonModule] }); }
|
|
8198
8201
|
}
|
|
8199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumBadgeModule, decorators: [{
|
|
8200
8203
|
type: NgModule,
|
|
8201
8204
|
args: [{
|
|
8202
8205
|
declarations: [ArdiumBadgeDirective],
|
|
@@ -8286,10 +8289,10 @@ class ArdiumProgressBarComponent {
|
|
|
8286
8289
|
}
|
|
8287
8290
|
});
|
|
8288
8291
|
}
|
|
8289
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8290
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.
|
|
8292
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8293
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumProgressBarComponent, selector: "ard-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"ard-progress-bar\"\n role=\"progressbar\"\n [style]=\"cssVariables()\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-bar__background\"></div>\n <div class=\"ard-progress-bar__overlay-buffer\"></div>\n <div class=\"ard-progress-bar__overlay\"></div>\n <div class=\"ard-progress-bar__value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value * 100 | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate() || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: ["ard-progress-bar{display:block}.ard-progress-bar{position:relative}.ard-progress-bar .ard-progress-bar-background,.ard-progress-bar .ard-progress-bar-overlay,.ard-progress-bar .ard-progress-bar-overlay-secondary{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8291
8294
|
}
|
|
8292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarComponent, decorators: [{
|
|
8293
8296
|
type: Component,
|
|
8294
8297
|
args: [{ selector: 'ard-progress-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-progress-bar\"\n role=\"progressbar\"\n [style]=\"cssVariables()\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-bar__background\"></div>\n <div class=\"ard-progress-bar__overlay-buffer\"></div>\n <div class=\"ard-progress-bar__overlay\"></div>\n <div class=\"ard-progress-bar__value\">\n <ng-template\n #defaultValueTemplate\n let-value\n >\n {{ value * 100 | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate() || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: ["ard-progress-bar{display:block}.ard-progress-bar{position:relative}.ard-progress-bar .ard-progress-bar-background,.ard-progress-bar .ard-progress-bar-overlay,.ard-progress-bar .ard-progress-bar-overlay-secondary{position:absolute}\n"] }]
|
|
8295
8298
|
}], ctorParameters: () => [] });
|
|
@@ -8298,20 +8301,20 @@ class ArdProgressBarValueTemplateDirective {
|
|
|
8298
8301
|
constructor(template) {
|
|
8299
8302
|
this.template = template;
|
|
8300
8303
|
}
|
|
8301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8302
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
8304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdProgressBarValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8305
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdProgressBarValueTemplateDirective, selector: "ard-progress-bar > ng-template[ard-value-tmp]", ngImport: i0 }); }
|
|
8303
8306
|
}
|
|
8304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdProgressBarValueTemplateDirective, decorators: [{
|
|
8305
8308
|
type: Directive,
|
|
8306
8309
|
args: [{ selector: 'ard-progress-bar > ng-template[ard-value-tmp]' }]
|
|
8307
8310
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
8308
8311
|
|
|
8309
8312
|
class ArdiumProgressBarModule {
|
|
8310
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8311
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8312
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8314
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarModule, declarations: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective], imports: [CommonModule], exports: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective] }); }
|
|
8315
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarModule, imports: [CommonModule] }); }
|
|
8313
8316
|
}
|
|
8314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressBarModule, decorators: [{
|
|
8315
8318
|
type: NgModule,
|
|
8316
8319
|
args: [{
|
|
8317
8320
|
declarations: [ArdiumProgressBarComponent, ArdProgressBarValueTemplateDirective],
|
|
@@ -8380,10 +8383,10 @@ class ArdiumProgressCircleComponent {
|
|
|
8380
8383
|
$implicit: this.percentValue(),
|
|
8381
8384
|
}));
|
|
8382
8385
|
}
|
|
8383
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8384
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.
|
|
8386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumProgressCircleComponent, selector: "ard-progress-circle", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"ard-progress-circle\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-circle-background\"></div>\n <div\n class=\"ard-progress-circle-overlay\"\n [style]=\"fillPercentVariable()\"\n ></div>\n <div class=\"ard-progress-circle-value\">\n <ng-template\n #defaultValueTemplate\n let-percents\n >\n {{ percents | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate() || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: [".ard-progress-circle{position:relative;aspect-ratio:1}.ard-progress-circle .ard-progress-circle-background,.ard-progress-circle .ard-progress-circle-overlay{position:absolute;border-radius:9999px;inset:0}.ard-progress-circle .ard-progress-circle-overlay{background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from 0deg at 50% 50%,var(--ard-_progress-circle-fill-color) 0%,var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),transparent var(--ard-_progress-circle-fill-amount),transparent 100%)}.ard-progress-circle.ard-progress-circle-reversed .ard-progress-circle-overlay{background-image:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) 100%)}.ard-progress-circle.ard-progress-circle-hide-value .ard-progress-circle-value{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8385
8388
|
}
|
|
8386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleComponent, decorators: [{
|
|
8387
8390
|
type: Component,
|
|
8388
8391
|
args: [{ selector: 'ard-progress-circle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-progress-circle\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-progress-circle-background\"></div>\n <div\n class=\"ard-progress-circle-overlay\"\n [style]=\"fillPercentVariable()\"\n ></div>\n <div class=\"ard-progress-circle-value\">\n <ng-template\n #defaultValueTemplate\n let-percents\n >\n {{ percents | number: '1.0-0' }}%\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"valueTemplate() || defaultValueTemplate\"\n [ngTemplateOutletContext]=\"getValueContext()\"\n ></ng-template>\n </div>\n</div>\n", styles: [".ard-progress-circle{position:relative;aspect-ratio:1}.ard-progress-circle .ard-progress-circle-background,.ard-progress-circle .ard-progress-circle-overlay{position:absolute;border-radius:9999px;inset:0}.ard-progress-circle .ard-progress-circle-overlay{background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from 0deg at 50% 50%,var(--ard-_progress-circle-fill-color) 0%,var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),transparent var(--ard-_progress-circle-fill-amount),transparent 100%)}.ard-progress-circle.ard-progress-circle-reversed .ard-progress-circle-overlay{background-image:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) var(--ard-_progress-circle-fill-amount),var(--ard-_progress-circle-fill-color) 100%)}.ard-progress-circle.ard-progress-circle-hide-value .ard-progress-circle-value{display:none}\n"] }]
|
|
8389
8392
|
}] });
|
|
@@ -8392,20 +8395,20 @@ class ArdProgressCircleValueTemplateDirective {
|
|
|
8392
8395
|
constructor(template) {
|
|
8393
8396
|
this.template = template;
|
|
8394
8397
|
}
|
|
8395
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8396
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
8398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdProgressCircleValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8399
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdProgressCircleValueTemplateDirective, selector: "ard-progress-circle > ng-template[ard-value-tmp]", ngImport: i0 }); }
|
|
8397
8400
|
}
|
|
8398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdProgressCircleValueTemplateDirective, decorators: [{
|
|
8399
8402
|
type: Directive,
|
|
8400
8403
|
args: [{ selector: 'ard-progress-circle > ng-template[ard-value-tmp]' }]
|
|
8401
8404
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
8402
8405
|
|
|
8403
8406
|
class ArdiumProgressCircleModule {
|
|
8404
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8405
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8406
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8408
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleModule, declarations: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective], imports: [CommonModule, DecimalPipe], exports: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective] }); }
|
|
8409
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleModule, imports: [CommonModule] }); }
|
|
8407
8410
|
}
|
|
8408
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumProgressCircleModule, decorators: [{
|
|
8409
8412
|
type: NgModule,
|
|
8410
8413
|
args: [{
|
|
8411
8414
|
declarations: [ArdiumProgressCircleComponent, ArdProgressCircleValueTemplateDirective],
|
|
@@ -8433,20 +8436,20 @@ class ArdiumSpinnerComponent {
|
|
|
8433
8436
|
this.color = input(this._DEFAULTS.color);
|
|
8434
8437
|
this.ngClasses = computed(() => [`ard-color-${this.color()}`].join(' '));
|
|
8435
8438
|
}
|
|
8436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8437
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
8439
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8440
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumSpinnerComponent, selector: "ard-spinner", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg\n class=\"ard-spinner\"\n [ngClass]=\"ngClasses()\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <circle\n class=\"ard-spinner-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n ></circle>\n</svg>\n", styles: [".ard-spinner{animation:rotator var(--ard-_spinner-duration) linear infinite;pointer-events:none}@keyframes rotator{to{transform:rotate(360deg)}}.ard-spinner-circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash var(--ard-_spinner-duration) ease-in-out infinite 0s;stroke-linecap:round;fill:none;stroke-width:3}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:75,200;stroke-dashoffset:-35}to{stroke-dasharray:75,200;stroke-dashoffset:-124}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8438
8441
|
}
|
|
8439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerComponent, decorators: [{
|
|
8440
8443
|
type: Component,
|
|
8441
8444
|
args: [{ selector: 'ard-spinner', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n class=\"ard-spinner\"\n [ngClass]=\"ngClasses()\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <circle\n class=\"ard-spinner-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n ></circle>\n</svg>\n", styles: [".ard-spinner{animation:rotator var(--ard-_spinner-duration) linear infinite;pointer-events:none}@keyframes rotator{to{transform:rotate(360deg)}}.ard-spinner-circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash var(--ard-_spinner-duration) ease-in-out infinite 0s;stroke-linecap:round;fill:none;stroke-width:3}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:75,200;stroke-dashoffset:-35}to{stroke-dasharray:75,200;stroke-dashoffset:-124}}\n"] }]
|
|
8442
8445
|
}] });
|
|
8443
8446
|
|
|
8444
8447
|
class ArdiumSpinnerModule {
|
|
8445
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8446
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8447
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8448
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8449
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerModule, declarations: [ArdiumSpinnerComponent], imports: [CommonModule], exports: [ArdiumSpinnerComponent] }); }
|
|
8450
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerModule, imports: [CommonModule] }); }
|
|
8448
8451
|
}
|
|
8449
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSpinnerModule, decorators: [{
|
|
8450
8453
|
type: NgModule,
|
|
8451
8454
|
args: [{
|
|
8452
8455
|
declarations: [ArdiumSpinnerComponent],
|
|
@@ -8496,20 +8499,20 @@ class ArdiumColorDisplayComponent {
|
|
|
8496
8499
|
if (!this.color())
|
|
8497
8500
|
console.warn(`ARD-WA3000: Using <ard-color-display> without specifying the [color] field.`);
|
|
8498
8501
|
}
|
|
8499
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
8502
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8503
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumColorDisplayComponent, selector: "ard-color-display", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"ard-color-display-wrapper\"\n [ngClass]=\"ngClasses()\"\n>\n <div\n class=\"ard-color-display\"\n [title]=\"color()\"\n [style]=\"{ background: color() }\"\n ></div>\n @if (withLabel()) {\n <span class=\"ard-color-display-label\">{{ color() }}</span>\n }\n</div>\n", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8501
8504
|
}
|
|
8502
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayComponent, decorators: [{
|
|
8503
8506
|
type: Component,
|
|
8504
8507
|
args: [{ selector: 'ard-color-display', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-color-display-wrapper\"\n [ngClass]=\"ngClasses()\"\n>\n <div\n class=\"ard-color-display\"\n [title]=\"color()\"\n [style]=\"{ background: color() }\"\n ></div>\n @if (withLabel()) {\n <span class=\"ard-color-display-label\">{{ color() }}</span>\n }\n</div>\n", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"] }]
|
|
8505
8508
|
}] });
|
|
8506
8509
|
|
|
8507
8510
|
class ArdiumColorDisplayModule {
|
|
8508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8509
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8510
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8511
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8512
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, declarations: [ArdiumColorDisplayComponent], imports: [CommonModule], exports: [ArdiumColorDisplayComponent] }); }
|
|
8513
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, imports: [CommonModule] }); }
|
|
8511
8514
|
}
|
|
8512
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, decorators: [{
|
|
8513
8516
|
type: NgModule,
|
|
8514
8517
|
args: [{
|
|
8515
8518
|
declarations: [ArdiumColorDisplayComponent],
|
|
@@ -8538,10 +8541,10 @@ class ArdiumKbdPipe {
|
|
|
8538
8541
|
transform(value, useShort = !this._DEFAULTS.full) {
|
|
8539
8542
|
return keyToString(value, useShort);
|
|
8540
8543
|
}
|
|
8541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8542
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.
|
|
8544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
8545
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdPipe, name: "kbd" }); }
|
|
8543
8546
|
}
|
|
8544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdPipe, decorators: [{
|
|
8545
8548
|
type: Pipe,
|
|
8546
8549
|
args: [{
|
|
8547
8550
|
name: 'kbd',
|
|
@@ -8563,10 +8566,10 @@ class ArdiumKbdComponent {
|
|
|
8563
8566
|
throw new Error(`ARD-FT5030: Using <ard-kbd> without specifying the [key] field is not allowed.`);
|
|
8564
8567
|
}
|
|
8565
8568
|
}
|
|
8566
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.
|
|
8569
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8570
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: ArdiumKbdComponent, selector: "ard-kbd", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<kbd\n class=\"ard-kbd\"\n [ngClass]=\"ngClasses()\"\n>\n {{ key() || contentWrapper()?.nativeElement?.innerText || '' | kbd: !full() }}\n</kbd>\n\n<div\n #contentWrapperEl\n class=\"ard-kbd-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".ard-kbd-content-wrapper{display:none}.ard-kbd{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ArdiumKbdPipe, name: "kbd" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8568
8571
|
}
|
|
8569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdComponent, decorators: [{
|
|
8570
8573
|
type: Component,
|
|
8571
8574
|
args: [{ selector: 'ard-kbd', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<kbd\n class=\"ard-kbd\"\n [ngClass]=\"ngClasses()\"\n>\n {{ key() || contentWrapper()?.nativeElement?.innerText || '' | kbd: !full() }}\n</kbd>\n\n<div\n #contentWrapperEl\n class=\"ard-kbd-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".ard-kbd-content-wrapper{display:none}.ard-kbd{display:inline-block}\n"] }]
|
|
8572
8575
|
}] });
|
|
@@ -8591,10 +8594,10 @@ class ArdiumKbdDirective {
|
|
|
8591
8594
|
this.renderer.addClass(element, cls);
|
|
8592
8595
|
});
|
|
8593
8596
|
}
|
|
8594
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8595
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
8597
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8598
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumKbdDirective, selector: "[ardKbd]", inputs: { appearance: { classPropertyName: "appearance", publicName: "ardKbdAppearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
8596
8599
|
}
|
|
8597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdDirective, decorators: [{
|
|
8598
8601
|
type: Directive,
|
|
8599
8602
|
args: [{
|
|
8600
8603
|
selector: '[ardKbd]',
|
|
@@ -8602,11 +8605,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
8602
8605
|
}], ctorParameters: () => [] });
|
|
8603
8606
|
|
|
8604
8607
|
class ArdiumKbdModule {
|
|
8605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8606
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8607
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8608
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8609
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdModule, declarations: [ArdiumKbdComponent, ArdiumKbdPipe, ArdiumKbdDirective], imports: [CommonModule], exports: [ArdiumKbdComponent, ArdiumKbdPipe, ArdiumKbdDirective] }); }
|
|
8610
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdModule, imports: [CommonModule] }); }
|
|
8608
8611
|
}
|
|
8609
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdModule, decorators: [{
|
|
8610
8613
|
type: NgModule,
|
|
8611
8614
|
args: [{
|
|
8612
8615
|
declarations: [ArdiumKbdComponent, ArdiumKbdPipe, ArdiumKbdDirective],
|
|
@@ -8643,20 +8646,20 @@ class ArdiumKbdShortcutComponent {
|
|
|
8643
8646
|
throw new Error(`ARD-FT5040: Using <ard-kbd-shortcut> without specifying the [keys] field is not allowed.`);
|
|
8644
8647
|
}
|
|
8645
8648
|
}
|
|
8646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
8649
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8650
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumKbdShortcutComponent, selector: "ard-kbd-shortcut", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, full: { classPropertyName: "full", publicName: "full", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"ard-kbd-shortcut\"\n [ngClass]=\"ngClasses()\"\n>\n @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\n @if ($index !== 0) {\n <span>+</span>\n }\n <ard-kbd\n [appearance]=\"appearance()\"\n [full]=\"full()\"\n [key]=\"key\"\n />\n }\n</div>\n\n<div\n #contentWrapperEl\n class=\"ard-kbd-shortcut-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumKbdComponent, selector: "ard-kbd", inputs: ["key", "full", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8648
8651
|
}
|
|
8649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutComponent, decorators: [{
|
|
8650
8653
|
type: Component,
|
|
8651
8654
|
args: [{ selector: 'ard-kbd-shortcut', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-kbd-shortcut\"\n [ngClass]=\"ngClasses()\"\n>\n @for (key of keys() ?? contentWrapper()?.nativeElement?.innerText?.split(splitRegex); track $index) {\n @if ($index !== 0) {\n <span>+</span>\n }\n <ard-kbd\n [appearance]=\"appearance()\"\n [full]=\"full()\"\n [key]=\"key\"\n />\n }\n</div>\n\n<div\n #contentWrapperEl\n class=\"ard-kbd-shortcut-content-wrapper\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".ard-kbd-shortcut{display:inline}.ard-kbd-shortcut-content-wrapper{display:none}\n"] }]
|
|
8652
8655
|
}] });
|
|
8653
8656
|
|
|
8654
8657
|
class ArdiumKbdShortcutModule {
|
|
8655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8656
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8657
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8658
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8659
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutModule, declarations: [ArdiumKbdShortcutComponent], imports: [CommonModule, ArdiumKbdModule], exports: [ArdiumKbdShortcutComponent] }); }
|
|
8660
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutModule, imports: [CommonModule, ArdiumKbdModule] }); }
|
|
8658
8661
|
}
|
|
8659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumKbdShortcutModule, decorators: [{
|
|
8660
8663
|
type: NgModule,
|
|
8661
8664
|
args: [{
|
|
8662
8665
|
declarations: [ArdiumKbdShortcutComponent],
|
|
@@ -8724,20 +8727,20 @@ class ArdiumStarDisplayComponent {
|
|
|
8724
8727
|
return newArr;
|
|
8725
8728
|
});
|
|
8726
8729
|
}
|
|
8727
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
8730
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumStarDisplayComponent, selector: "ard-star-display", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"ard-star-display\"\n [ngClass]=\"ngClasses()\"\n>\n @for (fillMode of starArray(); track $index) {\n <ard-star\n [filled]=\"fillMode\"\n [color]=\"color()\"\n />\n }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumStarComponent, selector: "ard-star", inputs: ["wrapperClasses", "color", "filled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8729
8732
|
}
|
|
8730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayComponent, decorators: [{
|
|
8731
8734
|
type: Component,
|
|
8732
8735
|
args: [{ selector: 'ard-star-display', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-star-display\"\n [ngClass]=\"ngClasses()\"\n>\n @for (fillMode of starArray(); track $index) {\n <ard-star\n [filled]=\"fillMode\"\n [color]=\"color()\"\n />\n }\n</div>\n" }]
|
|
8733
8736
|
}] });
|
|
8734
8737
|
|
|
8735
8738
|
class ArdiumStarDisplayModule {
|
|
8736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8737
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
8738
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
8739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8740
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, declarations: [ArdiumStarDisplayComponent], imports: [CommonModule, ArdiumStarModule], exports: [ArdiumStarDisplayComponent] }); }
|
|
8741
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, imports: [CommonModule, ArdiumStarModule] }); }
|
|
8739
8742
|
}
|
|
8740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumStarDisplayModule, decorators: [{
|
|
8741
8744
|
type: NgModule,
|
|
8742
8745
|
args: [{
|
|
8743
8746
|
declarations: [ArdiumStarDisplayComponent],
|
|
@@ -9554,10 +9557,10 @@ class ArdiumTablePaginationComponent extends _FocusableComponentBase {
|
|
|
9554
9557
|
return;
|
|
9555
9558
|
this._emitPageEvent();
|
|
9556
9559
|
}
|
|
9557
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9558
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
9560
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationComponent, deps: [{ token: ARD_TABLE_PAGINATION_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9561
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumTablePaginationComponent, selector: "ard-table-pagination", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange", itemsPerPageChangeEvent: "itemsPerPageChange", pageChangeEvent: "pageChange" }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"ard-pagination\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-pagination__items-per-page\">\n <div class=\"ard-pagination__text\">{{ itemsPerPageText() }}</div>\n <ard-select\n [items]=\"options()\"\n [compact]=\"compact()\"\n [value]=\"itemsPerPage()\"\n autoHighlightFirst=\"false\"\n [disabled]=\"disabled()\"\n (valueChange)=\"onItemsPerPageChange($event[0])\"\n clearable=\"false\"\n />\n </div>\n <div class=\"ard-pagination__current-page\">\n <div class=\"ard-pagination__text\">\n {{ currentItemsFormatFn()(getCurrentItemsContext()) }}\n </div>\n <div class=\"ard-pagination__buttons\">\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onFirstPage()\"\n >\n <ard-icon>first page</ard-icon>\n </ard-icon-button>\n }\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onPrevPage()\"\n >\n <ard-icon>navigate before</ard-icon>\n </ard-icon-button>\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onNextPage()\"\n >\n <ard-icon>navigate next</ard-icon>\n </ard-icon-button>\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onLastPage()\"\n >\n <ard-icon>last page</ard-icon>\n </ard-icon-button>\n }\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ArdiumSelectComponent, selector: "ard-select", inputs: ["valueFrom", "labelFrom", "disabledFrom", "groupLabelFrom", "groupDisabledFrom", "childrenFrom", "placeholder", "searchPlaceholder", "clearButtonTitle", "dropdownPosition", "noItemsFoundText", "loadingPlaceholderText", "searchInputId", "inputAttrs", "isLoading", "htmlId", "itemsAlreadyGrouped", "invertDisabled", "noGroupActions", "autoHighlightFirst", "autoFocus", "keepOpen", "hideSelected", "noBackspaceClear", "sortMultipleValues", "searchCaseSensitive", "keepSearchAfterSelect", "maxSelectedItems", "itemDisplayLimit", "searchFn", "compareWith", "appearance", "variant", "compact", "dropdownAppearance", "dropdownVariant", "items", "multiselectable", "clearable", "searchable", "addCustom", "value", "isOpen"], outputs: ["valueChange", "change", "add", "failedToAdd", "remove", "clear", "open", "close", "scroll", "scrollToEnd", "search", "isOpenChange"] }, { kind: "component", type: ArdiumIconButtonComponent, selector: "ard-icon-button", inputs: ["wrapperClasses", "type", "color", "lightColoring", "compact"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9559
9562
|
}
|
|
9560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationComponent, decorators: [{
|
|
9561
9564
|
type: Component,
|
|
9562
9565
|
args: [{ selector: 'ard-table-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-pagination\"\n [ngClass]=\"ngClasses()\"\n>\n <div class=\"ard-pagination__items-per-page\">\n <div class=\"ard-pagination__text\">{{ itemsPerPageText() }}</div>\n <ard-select\n [items]=\"options()\"\n [compact]=\"compact()\"\n [value]=\"itemsPerPage()\"\n autoHighlightFirst=\"false\"\n [disabled]=\"disabled()\"\n (valueChange)=\"onItemsPerPageChange($event[0])\"\n clearable=\"false\"\n />\n </div>\n <div class=\"ard-pagination__current-page\">\n <div class=\"ard-pagination__text\">\n {{ currentItemsFormatFn()(getCurrentItemsContext()) }}\n </div>\n <div class=\"ard-pagination__buttons\">\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onFirstPage()\"\n >\n <ard-icon>first page</ard-icon>\n </ard-icon-button>\n }\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || firstPageDisabled()\"\n (click)=\"onPrevPage()\"\n >\n <ard-icon>navigate before</ard-icon>\n </ard-icon-button>\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onNextPage()\"\n >\n <ard-icon>navigate next</ard-icon>\n </ard-icon-button>\n @if (useFirstLastButtons()) {\n <ard-icon-button\n [color]=\"color()\"\n [compact]=\"compact()\"\n [disabled]=\"disabled() || lastPageDisabled()\"\n (click)=\"onLastPage()\"\n >\n <ard-icon>last page</ard-icon>\n </ard-icon-button>\n }\n </div>\n </div>\n</div>\n" }]
|
|
9563
9566
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -9566,11 +9569,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
9566
9569
|
}] }] });
|
|
9567
9570
|
|
|
9568
9571
|
class ArdiumTablePaginationModule {
|
|
9569
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9570
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
9571
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
9572
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9573
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationModule, declarations: [ArdiumTablePaginationComponent], imports: [CommonModule, ArdiumSelectModule, ArdiumIconButtonModule, ArdiumIconModule], exports: [ArdiumTablePaginationComponent] }); }
|
|
9574
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationModule, imports: [CommonModule, ArdiumSelectModule, ArdiumIconButtonModule, ArdiumIconModule] }); }
|
|
9572
9575
|
}
|
|
9573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationModule, decorators: [{
|
|
9574
9577
|
type: NgModule,
|
|
9575
9578
|
args: [{
|
|
9576
9579
|
declarations: [ArdiumTablePaginationComponent],
|
|
@@ -9631,10 +9634,10 @@ class ArdiumTableTemplateDirective {
|
|
|
9631
9634
|
this.template = template;
|
|
9632
9635
|
this.name = input.required({ alias: 'ard-table-tmp' });
|
|
9633
9636
|
}
|
|
9634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9635
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
9637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9638
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumTableTemplateDirective, selector: "ard-table > ng-template[ard-table-tmp]", inputs: { name: { classPropertyName: "name", publicName: "ard-table-tmp", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
9636
9639
|
}
|
|
9637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableTemplateDirective, decorators: [{
|
|
9638
9641
|
type: Directive,
|
|
9639
9642
|
args: [{ selector: 'ard-table > ng-template[ard-table-tmp]' }]
|
|
9640
9643
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -9642,10 +9645,10 @@ class ArdiumTableCheckboxTemplateDirective {
|
|
|
9642
9645
|
constructor(template) {
|
|
9643
9646
|
this.template = template;
|
|
9644
9647
|
}
|
|
9645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9646
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
9648
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableCheckboxTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9649
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumTableCheckboxTemplateDirective, selector: "ard-table > ng-template[ard-table-checkbox-tmp]", ngImport: i0 }); }
|
|
9647
9650
|
}
|
|
9648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableCheckboxTemplateDirective, decorators: [{
|
|
9649
9652
|
type: Directive,
|
|
9650
9653
|
args: [{ selector: 'ard-table > ng-template[ard-table-checkbox-tmp]' }]
|
|
9651
9654
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -9653,10 +9656,10 @@ class ArdiumTableHeaderCheckboxTemplateDirective {
|
|
|
9653
9656
|
constructor(template) {
|
|
9654
9657
|
this.template = template;
|
|
9655
9658
|
}
|
|
9656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9657
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
9659
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableHeaderCheckboxTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9660
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumTableHeaderCheckboxTemplateDirective, selector: "ard-table > ng-template[ard-table-header-checkbox-tmp]", ngImport: i0 }); }
|
|
9658
9661
|
}
|
|
9659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableHeaderCheckboxTemplateDirective, decorators: [{
|
|
9660
9663
|
type: Directive,
|
|
9661
9664
|
args: [{
|
|
9662
9665
|
selector: 'ard-table > ng-template[ard-table-header-checkbox-tmp]',
|
|
@@ -9666,10 +9669,10 @@ class ArdiumTableCaptionTemplateDirective {
|
|
|
9666
9669
|
constructor(template) {
|
|
9667
9670
|
this.template = template;
|
|
9668
9671
|
}
|
|
9669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9670
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
9672
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableCaptionTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9673
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumTableCaptionTemplateDirective, selector: "ard-table > ng-template[ard-table-caption-tmp]", ngImport: i0 }); }
|
|
9671
9674
|
}
|
|
9672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableCaptionTemplateDirective, decorators: [{
|
|
9673
9676
|
type: Directive,
|
|
9674
9677
|
args: [{ selector: 'ard-table > ng-template[ard-table-caption-tmp]' }]
|
|
9675
9678
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -9678,10 +9681,10 @@ class ArdiumTablePaginationTemplateDirective {
|
|
|
9678
9681
|
constructor(template) {
|
|
9679
9682
|
this.template = template;
|
|
9680
9683
|
}
|
|
9681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9682
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
9684
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9685
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumTablePaginationTemplateDirective, selector: "ard-table > ng-template[ard-table-pagination-tmp]", ngImport: i0 }); }
|
|
9683
9686
|
}
|
|
9684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTablePaginationTemplateDirective, decorators: [{
|
|
9685
9688
|
type: Directive,
|
|
9686
9689
|
args: [{ selector: 'ard-table > ng-template[ard-table-pagination-tmp]' }]
|
|
9687
9690
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -10021,10 +10024,10 @@ class ArdiumTableComponent extends _FocusableComponentBase {
|
|
|
10021
10024
|
},
|
|
10022
10025
|
};
|
|
10023
10026
|
}
|
|
10024
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10025
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumTableComponent, selector: "ard-table", inputs: { rowDisabledFrom: { classPropertyName: "rowDisabledFrom", publicName: "rowDisabledFrom", isSignal: true, isRequired: false, transformFunction: null }, rowBoldFrom: { classPropertyName: "rowBoldFrom", publicName: "rowBoldFrom", isSignal: true, isRequired: false, transformFunction: null }, invertRowDisabled: { classPropertyName: "invertRowDisabled", publicName: "invertRowDisabled", isSignal: true, isRequired: false, transformFunction: null }, invertRowBold: { classPropertyName: "invertRowBold", publicName: "invertRowBold", isSignal: true, isRequired: false, transformFunction: null }, selectableRows: { classPropertyName: "selectableRows", publicName: "selectableRows", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, clickableRows: { classPropertyName: "clickableRows", publicName: "clickableRows", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, loadingProgress: { classPropertyName: "loadingProgress", publicName: "loadingProgress", isSignal: true, isRequired: false, transformFunction: null }, loadingProgressBuffer: { classPropertyName: "loadingProgressBuffer", publicName: "loadingProgressBuffer", isSignal: true, isRequired: false, transformFunction: null }, loadingBarMode: { classPropertyName: "loadingBarMode", publicName: "loadingBarMode", isSignal: true, isRequired: false, transformFunction: null }, loadingBarColor: { classPropertyName: "loadingBarColor", publicName: "loadingBarColor", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, headerAlign: { classPropertyName: "headerAlign", publicName: "headerAlign", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, zebra: { classPropertyName: "zebra", publicName: "zebra", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, paginated: { classPropertyName: "paginated", publicName: "paginated", isSignal: true, isRequired: false, transformFunction: null }, paginationStrategy: { classPropertyName: "paginationStrategy", publicName: "paginationStrategy", isSignal: true, isRequired: false, transformFunction: null }, paginationOptions: { classPropertyName: "paginationOptions", publicName: "paginationOptions", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, paginationColor: { classPropertyName: "paginationColor", publicName: "paginationColor", isSignal: true, isRequired: false, transformFunction: null }, paginationAlign: { classPropertyName: "paginationAlign", publicName: "paginationAlign", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null }, pageFillRemaining: { classPropertyName: "pageFillRemaining", publicName: "pageFillRemaining", isSignal: true, isRequired: false, transformFunction: null }, paginationDisabled: { classPropertyName: "paginationDisabled", publicName: "paginationDisabled", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, treatDataSourceAsString: { classPropertyName: "treatDataSourceAsString", publicName: "treatDataSourceAsString", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange", selectedRowsChangeEvent: "selectedRowsChange", failedSelectRowEvent: "failedSelectRow", selectRowEvent: "selectRow", unselectRowEvent: "unselectRow", clickRowEvent: "clickRow" }, queries: [{ propertyName: "checkboxTemplate", first: true, predicate: ArdiumTableCheckboxTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCheckboxTemplate", first: true, predicate: ArdiumTableHeaderCheckboxTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ArdiumTableCaptionTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "templateChildren", predicate: ArdiumTableTemplateDirective, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n class=\"ard-table\"\n [ngClass]=\"ngClasses()\"\n>\n @if (caption()) {\n <caption class=\"ard-table__caption\">\n <div class=\"ard-table__caption-container\">\n <ng-template\n #defaultCaptionTemplate\n let-captionText\n >\n {{ captionText }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"captionTemplate() ?? defaultCaptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: caption() }\"\n />\n </div>\n </caption>\n }\n <thead class=\"ard-table__header\">\n @for (row of headerCells(); track $index) {\n <tr class=\"ard-table__header-row\">\n @for (cell of row; track $index) {\n <th\n class=\"ard-table__header-cell\"\n [ngClass]=\"cell.cell().cellClass\"\n [class.ard-table__checkbox-cell]=\"isHeaderCellCheckbox(cell)\"\n [attr.colspan]=\"cell.colspan()\"\n [attr.rowspan]=\"cell.rowspan()\"\n [scope]=\"cell.colspan() > 1 ? 'colgroup' : 'col'\"\n >\n <div\n class=\"ard-table__cell-container\"\n [class.ard-table__sortable]=\"isHeaderCellSortable(cell)\"\n [style.width]=\"cell.width\"\n [style.minWidth]=\"cell.minWidth\"\n >\n @if (isHeaderCellCheckbox(cell)) {\n <ng-template\n #defaultHeaderCheckboxTemplate\n let-state\n let-onChange=\"onChange\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [state]=\"state\"\n [color]=\"getHeaderCheckboxColor()\"\n unselectedColor=\"currentColor\"\n (change)=\"onChange()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"headerCheckboxTemplate() ?? defaultHeaderCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getHeaderCheckboxContext()\"\n />\n } @else {\n <ng-template\n #defaultHeaderCellTemplate\n let-content\n let-sortable=\"sortable\"\n let-sortType=\"sortType\"\n let-onTriggerSort=\"onTriggerSort\"\n let-onTriggerResetSort=\"onTriggerResetSort\"\n >\n <div\n class=\"ard-table__header-template-container\"\n [class.ard-sortable]=\"sortable\"\n [class.ard-nonsortable]=\"!sortable\"\n >\n @if (sortable) {\n <button\n type=\"button\"\n class=\"ard-table__header-content-container\"\n (click)=\"onTriggerSort($event)\"\n [tabindex]=\"tabIndex()\"\n (keydown.Esc)=\"onTriggerResetSort($event)\"\n >\n <div class=\"ard-table__header-content\">{{ content }}</div>\n @if (sortType !== null) {\n <div class=\"ard-table__header-sort-icon\">\n @if (sortType === 'ascending') {\n <ard-icon>south</ard-icon>\n } @else if (sortType === 'descending') {\n <ard-icon>north</ard-icon>\n }\n </div>\n }\n </button>\n } @else {\n <div class=\"ard-table__header-content-container\">\n <div class=\"ard-table__header-content\">{{ content }}</div>\n </div>\n }\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getHeaderTemplate(cell.cell().header) ?? defaultHeaderCellTemplate\"\n [ngTemplateOutletContext]=\"getHeaderContext(cell.cell(), $index)\"\n />\n }\n </div>\n </th>\n }\n </tr>\n }\n <tr class=\"ard-table__progress-bar-row\">\n <th\n class=\"ard-table__progress-bar-cell\"\n colspan=\"9999\"\n >\n @if (isLoading()) {\n <ard-progress-bar\n [value]=\"loadingProgress()\"\n [bufferValue]=\"loadingProgressBuffer()\"\n [mode]=\"loadingBarMode()\"\n [color]=\"loadingBarColor()\"\n variant=\"sharp\"\n hideValue\n />\n }\n </th>\n </tr>\n </thead>\n <tbody class=\"ard-table__body\">\n @for (row of dataRows(); track $index) {\n @if (row.isEmpty()) {\n <tr class=\"ard-table__empty-row\">\n <td\n class=\"ard-table__empty-cell\"\n colspan=\"9999\"\n ></td>\n </tr>\n } @else {\n <tr\n class=\"ard-table__body-row\"\n [class.ard-table__selected-row]=\"row.selected()\"\n [class.ard-table__highlighted-row]=\"row.highlighted()\"\n [class.ard-table__disabled-row]=\"row.disabled()\"\n [class.ard-table__bold-row]=\"row.bold()\"\n (click)=\"onRowClick(row, $event)\"\n (mouseover)=\"onRowMouseOver($event)\"\n (mouseenter)=\"onRowMouseEnter(row.index(), $event)\"\n (mouseleave)=\"onRowMouseLeave(row.index(), $event)\"\n >\n @for (cell of row.data(); track $index) {\n <ng-template #cellTmp>\n <div\n class=\"ard-table__cell-container\"\n [style]=\"getCellStyle(row.dataColumns()[$index])\"\n >\n @if (isCellCheckbox(cell)) {\n <ng-template\n #defaultCheckboxTemplate\n let-isChecked\n let-onChange=\"onChange\"\n let-disabled=\"disabled\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [selected]=\"isChecked\"\n [color]=\"color()\"\n [disabled]=\"disabled\"\n (change)=\"onChange()\"\n (click)=\"$event.stopPropagation()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"checkboxTemplate() ?? defaultCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getCheckboxContext(row.index())\"\n />\n } @else {\n <ng-template\n #defaultCellTemplate\n let-content\n >\n {{ content }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getCellTemplate(row.dataColumns()[$index].template) ?? defaultCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: cell }\"\n />\n }\n </div>\n </ng-template>\n @if (!row.dataColumns()[$index].isRowHeader) {\n <td\n class=\"ard-table__body-cell\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </td>\n } @else {\n <th\n class=\"ard-table__body-cell ard-table__row-header\"\n scope=\"row\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </th>\n }\n }\n </tr>\n }\n }\n </tbody>\n @if (canDisplayPagination()) {\n <tfoot class=\"ard-table__foot\">\n <tr class=\"ard-table__foot-row\">\n <td\n class=\"ard-table__pagination-cell\"\n colspan=\"9999\"\n >\n <ard-table-pagination\n [options]=\"paginationOptions()\"\n [totalItems]=\"totalItems()!\"\n [disabled]=\"paginationDisabled()\"\n [(itemsPerPage)]=\"itemsPerPage\"\n [(page)]=\"page\"\n [align]=\"paginationAlign()\"\n [isLoading]=\"isLoading()\"\n [itemsPerPageText]=\"itemsPerPageText()\"\n [currentItemsFormatFn]=\"currentItemsFormatFn()\"\n />\n </td>\n </tr>\n </tfoot>\n }\n</table>\n", styles: [".ard-table__cell-container,.ard-table__header-template-container{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumCheckboxComponent, selector: "ard-checkbox", inputs: ["htmlId", "color", "unselectedColor", "state"], outputs: ["stateChange"] }, { kind: "component", type: ArdiumTablePaginationComponent, selector: "ard-table-pagination", inputs: ["totalItems", "options", "itemsPerPage", "page", "color", "align", "compact", "useFirstLastButtons", "isLoading", "itemsPerPageText", "currentItemsFormatFn"], outputs: ["itemsPerPageChange", "pageChange"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }, { kind: "component", type: ArdiumProgressBarComponent, selector: "ard-progress-bar", inputs: ["value", "bufferValue", "color", "variant", "size", "mode", "hideValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableComponent, deps: [{ token: ARD_TABLE_DEFAULTS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumTableComponent, selector: "ard-table", inputs: { rowDisabledFrom: { classPropertyName: "rowDisabledFrom", publicName: "rowDisabledFrom", isSignal: true, isRequired: false, transformFunction: null }, rowBoldFrom: { classPropertyName: "rowBoldFrom", publicName: "rowBoldFrom", isSignal: true, isRequired: false, transformFunction: null }, invertRowDisabled: { classPropertyName: "invertRowDisabled", publicName: "invertRowDisabled", isSignal: true, isRequired: false, transformFunction: null }, invertRowBold: { classPropertyName: "invertRowBold", publicName: "invertRowBold", isSignal: true, isRequired: false, transformFunction: null }, selectableRows: { classPropertyName: "selectableRows", publicName: "selectableRows", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, clickableRows: { classPropertyName: "clickableRows", publicName: "clickableRows", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, loadingProgress: { classPropertyName: "loadingProgress", publicName: "loadingProgress", isSignal: true, isRequired: false, transformFunction: null }, loadingProgressBuffer: { classPropertyName: "loadingProgressBuffer", publicName: "loadingProgressBuffer", isSignal: true, isRequired: false, transformFunction: null }, loadingBarMode: { classPropertyName: "loadingBarMode", publicName: "loadingBarMode", isSignal: true, isRequired: false, transformFunction: null }, loadingBarColor: { classPropertyName: "loadingBarColor", publicName: "loadingBarColor", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, headerAlign: { classPropertyName: "headerAlign", publicName: "headerAlign", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, zebra: { classPropertyName: "zebra", publicName: "zebra", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, paginated: { classPropertyName: "paginated", publicName: "paginated", isSignal: true, isRequired: false, transformFunction: null }, paginationStrategy: { classPropertyName: "paginationStrategy", publicName: "paginationStrategy", isSignal: true, isRequired: false, transformFunction: null }, paginationOptions: { classPropertyName: "paginationOptions", publicName: "paginationOptions", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, paginationColor: { classPropertyName: "paginationColor", publicName: "paginationColor", isSignal: true, isRequired: false, transformFunction: null }, paginationAlign: { classPropertyName: "paginationAlign", publicName: "paginationAlign", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null }, pageFillRemaining: { classPropertyName: "pageFillRemaining", publicName: "pageFillRemaining", isSignal: true, isRequired: false, transformFunction: null }, paginationDisabled: { classPropertyName: "paginationDisabled", publicName: "paginationDisabled", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, treatDataSourceAsString: { classPropertyName: "treatDataSourceAsString", publicName: "treatDataSourceAsString", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange", selectedRowsChangeEvent: "selectedRowsChange", failedSelectRowEvent: "failedSelectRow", selectRowEvent: "selectRow", unselectRowEvent: "unselectRow", clickRowEvent: "clickRow" }, queries: [{ propertyName: "checkboxTemplate", first: true, predicate: ArdiumTableCheckboxTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCheckboxTemplate", first: true, predicate: ArdiumTableHeaderCheckboxTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ArdiumTableCaptionTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "templateChildren", predicate: ArdiumTableTemplateDirective, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n class=\"ard-table\"\n [ngClass]=\"ngClasses()\"\n>\n @if (caption()) {\n <caption class=\"ard-table__caption\">\n <div class=\"ard-table__caption-container\">\n <ng-template\n #defaultCaptionTemplate\n let-captionText\n >\n {{ captionText }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"captionTemplate() ?? defaultCaptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: caption() }\"\n />\n </div>\n </caption>\n }\n <thead class=\"ard-table__header\">\n @for (row of headerCells(); track $index) {\n <tr class=\"ard-table__header-row\">\n @for (cell of row; track $index) {\n <th\n class=\"ard-table__header-cell\"\n [ngClass]=\"cell.cell().cellClass\"\n [class.ard-table__checkbox-cell]=\"isHeaderCellCheckbox(cell)\"\n [attr.colspan]=\"cell.colspan()\"\n [attr.rowspan]=\"cell.rowspan()\"\n [scope]=\"cell.colspan() > 1 ? 'colgroup' : 'col'\"\n >\n <div\n class=\"ard-table__cell-container\"\n [class.ard-table__sortable]=\"isHeaderCellSortable(cell)\"\n [style.width]=\"cell.width\"\n [style.minWidth]=\"cell.minWidth\"\n >\n @if (isHeaderCellCheckbox(cell)) {\n <ng-template\n #defaultHeaderCheckboxTemplate\n let-state\n let-onChange=\"onChange\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [state]=\"state\"\n [color]=\"getHeaderCheckboxColor()\"\n unselectedColor=\"currentColor\"\n (change)=\"onChange()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"headerCheckboxTemplate() ?? defaultHeaderCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getHeaderCheckboxContext()\"\n />\n } @else {\n <ng-template\n #defaultHeaderCellTemplate\n let-content\n let-sortable=\"sortable\"\n let-sortType=\"sortType\"\n let-onTriggerSort=\"onTriggerSort\"\n let-onTriggerResetSort=\"onTriggerResetSort\"\n >\n <div\n class=\"ard-table__header-template-container\"\n [class.ard-sortable]=\"sortable\"\n [class.ard-nonsortable]=\"!sortable\"\n >\n @if (sortable) {\n <button\n type=\"button\"\n class=\"ard-table__header-content-container\"\n (click)=\"onTriggerSort($event)\"\n [tabindex]=\"tabIndex()\"\n (keydown.Esc)=\"onTriggerResetSort($event)\"\n >\n <div class=\"ard-table__header-content\">{{ content }}</div>\n @if (sortType !== null) {\n <div class=\"ard-table__header-sort-icon\">\n @if (sortType === 'ascending') {\n <ard-icon>south</ard-icon>\n } @else if (sortType === 'descending') {\n <ard-icon>north</ard-icon>\n }\n </div>\n }\n </button>\n } @else {\n <div class=\"ard-table__header-content-container\">\n <div class=\"ard-table__header-content\">{{ content }}</div>\n </div>\n }\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getHeaderTemplate(cell.cell().header) ?? defaultHeaderCellTemplate\"\n [ngTemplateOutletContext]=\"getHeaderContext(cell.cell(), $index)\"\n />\n }\n </div>\n </th>\n }\n </tr>\n }\n <tr class=\"ard-table__progress-bar-row\">\n <th\n class=\"ard-table__progress-bar-cell\"\n colspan=\"9999\"\n >\n @if (isLoading()) {\n <ard-progress-bar\n [value]=\"loadingProgress()\"\n [bufferValue]=\"loadingProgressBuffer()\"\n [mode]=\"loadingBarMode()\"\n [color]=\"loadingBarColor()\"\n variant=\"sharp\"\n hideValue\n />\n }\n </th>\n </tr>\n </thead>\n <tbody class=\"ard-table__body\">\n @for (row of dataRows(); track $index) {\n @if (row.isEmpty()) {\n <tr class=\"ard-table__empty-row\">\n <td\n class=\"ard-table__empty-cell\"\n colspan=\"9999\"\n ></td>\n </tr>\n } @else {\n <tr\n class=\"ard-table__body-row\"\n [class.ard-table__selected-row]=\"row.selected()\"\n [class.ard-table__highlighted-row]=\"row.highlighted()\"\n [class.ard-table__disabled-row]=\"row.disabled()\"\n [class.ard-table__bold-row]=\"row.bold()\"\n (click)=\"onRowClick(row, $event)\"\n (mouseover)=\"onRowMouseOver($event)\"\n (mouseenter)=\"onRowMouseEnter(row.index(), $event)\"\n (mouseleave)=\"onRowMouseLeave(row.index(), $event)\"\n >\n @for (cell of row.data(); track $index) {\n <ng-template #cellTmp>\n <div\n class=\"ard-table__cell-container\"\n [style]=\"getCellStyle(row.dataColumns()[$index])\"\n >\n @if (isCellCheckbox(cell)) {\n <ng-template\n #defaultCheckboxTemplate\n let-isChecked\n let-onChange=\"onChange\"\n let-disabled=\"disabled\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [selected]=\"isChecked\"\n [color]=\"color()\"\n [disabled]=\"disabled\"\n (change)=\"onChange()\"\n (click)=\"$event.stopPropagation()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"checkboxTemplate() ?? defaultCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getCheckboxContext(row.index())\"\n />\n } @else {\n <ng-template\n #defaultCellTemplate\n let-content\n >\n {{ content }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getCellTemplate(row.dataColumns()[$index].template) ?? defaultCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: cell }\"\n />\n }\n </div>\n </ng-template>\n @if (!row.dataColumns()[$index].isRowHeader) {\n <td\n class=\"ard-table__body-cell\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </td>\n } @else {\n <th\n class=\"ard-table__body-cell ard-table__row-header\"\n scope=\"row\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </th>\n }\n }\n </tr>\n }\n }\n </tbody>\n @if (canDisplayPagination()) {\n <tfoot class=\"ard-table__foot\">\n <tr class=\"ard-table__foot-row\">\n <td\n class=\"ard-table__pagination-cell\"\n colspan=\"9999\"\n >\n <ard-table-pagination\n [options]=\"paginationOptions()\"\n [totalItems]=\"totalItems()!\"\n [disabled]=\"paginationDisabled()\"\n [(itemsPerPage)]=\"itemsPerPage\"\n [(page)]=\"page\"\n [align]=\"paginationAlign()\"\n [isLoading]=\"isLoading()\"\n [itemsPerPageText]=\"itemsPerPageText()\"\n [currentItemsFormatFn]=\"currentItemsFormatFn()\"\n />\n </td>\n </tr>\n </tfoot>\n }\n</table>\n", styles: [".ard-table__cell-container,.ard-table__header-template-container{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumCheckboxComponent, selector: "ard-checkbox", inputs: ["htmlId", "color", "unselectedColor", "state"], outputs: ["stateChange"] }, { kind: "component", type: ArdiumTablePaginationComponent, selector: "ard-table-pagination", inputs: ["totalItems", "options", "itemsPerPage", "page", "color", "align", "compact", "useFirstLastButtons", "isLoading", "itemsPerPageText", "currentItemsFormatFn"], outputs: ["itemsPerPageChange", "pageChange"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }, { kind: "component", type: ArdiumProgressBarComponent, selector: "ard-progress-bar", inputs: ["value", "bufferValue", "color", "variant", "size", "mode", "hideValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10026
10029
|
}
|
|
10027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableComponent, decorators: [{
|
|
10028
10031
|
type: Component,
|
|
10029
10032
|
args: [{ selector: 'ard-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n class=\"ard-table\"\n [ngClass]=\"ngClasses()\"\n>\n @if (caption()) {\n <caption class=\"ard-table__caption\">\n <div class=\"ard-table__caption-container\">\n <ng-template\n #defaultCaptionTemplate\n let-captionText\n >\n {{ captionText }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"captionTemplate() ?? defaultCaptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: caption() }\"\n />\n </div>\n </caption>\n }\n <thead class=\"ard-table__header\">\n @for (row of headerCells(); track $index) {\n <tr class=\"ard-table__header-row\">\n @for (cell of row; track $index) {\n <th\n class=\"ard-table__header-cell\"\n [ngClass]=\"cell.cell().cellClass\"\n [class.ard-table__checkbox-cell]=\"isHeaderCellCheckbox(cell)\"\n [attr.colspan]=\"cell.colspan()\"\n [attr.rowspan]=\"cell.rowspan()\"\n [scope]=\"cell.colspan() > 1 ? 'colgroup' : 'col'\"\n >\n <div\n class=\"ard-table__cell-container\"\n [class.ard-table__sortable]=\"isHeaderCellSortable(cell)\"\n [style.width]=\"cell.width\"\n [style.minWidth]=\"cell.minWidth\"\n >\n @if (isHeaderCellCheckbox(cell)) {\n <ng-template\n #defaultHeaderCheckboxTemplate\n let-state\n let-onChange=\"onChange\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [state]=\"state\"\n [color]=\"getHeaderCheckboxColor()\"\n unselectedColor=\"currentColor\"\n (change)=\"onChange()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"headerCheckboxTemplate() ?? defaultHeaderCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getHeaderCheckboxContext()\"\n />\n } @else {\n <ng-template\n #defaultHeaderCellTemplate\n let-content\n let-sortable=\"sortable\"\n let-sortType=\"sortType\"\n let-onTriggerSort=\"onTriggerSort\"\n let-onTriggerResetSort=\"onTriggerResetSort\"\n >\n <div\n class=\"ard-table__header-template-container\"\n [class.ard-sortable]=\"sortable\"\n [class.ard-nonsortable]=\"!sortable\"\n >\n @if (sortable) {\n <button\n type=\"button\"\n class=\"ard-table__header-content-container\"\n (click)=\"onTriggerSort($event)\"\n [tabindex]=\"tabIndex()\"\n (keydown.Esc)=\"onTriggerResetSort($event)\"\n >\n <div class=\"ard-table__header-content\">{{ content }}</div>\n @if (sortType !== null) {\n <div class=\"ard-table__header-sort-icon\">\n @if (sortType === 'ascending') {\n <ard-icon>south</ard-icon>\n } @else if (sortType === 'descending') {\n <ard-icon>north</ard-icon>\n }\n </div>\n }\n </button>\n } @else {\n <div class=\"ard-table__header-content-container\">\n <div class=\"ard-table__header-content\">{{ content }}</div>\n </div>\n }\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getHeaderTemplate(cell.cell().header) ?? defaultHeaderCellTemplate\"\n [ngTemplateOutletContext]=\"getHeaderContext(cell.cell(), $index)\"\n />\n }\n </div>\n </th>\n }\n </tr>\n }\n <tr class=\"ard-table__progress-bar-row\">\n <th\n class=\"ard-table__progress-bar-cell\"\n colspan=\"9999\"\n >\n @if (isLoading()) {\n <ard-progress-bar\n [value]=\"loadingProgress()\"\n [bufferValue]=\"loadingProgressBuffer()\"\n [mode]=\"loadingBarMode()\"\n [color]=\"loadingBarColor()\"\n variant=\"sharp\"\n hideValue\n />\n }\n </th>\n </tr>\n </thead>\n <tbody class=\"ard-table__body\">\n @for (row of dataRows(); track $index) {\n @if (row.isEmpty()) {\n <tr class=\"ard-table__empty-row\">\n <td\n class=\"ard-table__empty-cell\"\n colspan=\"9999\"\n ></td>\n </tr>\n } @else {\n <tr\n class=\"ard-table__body-row\"\n [class.ard-table__selected-row]=\"row.selected()\"\n [class.ard-table__highlighted-row]=\"row.highlighted()\"\n [class.ard-table__disabled-row]=\"row.disabled()\"\n [class.ard-table__bold-row]=\"row.bold()\"\n (click)=\"onRowClick(row, $event)\"\n (mouseover)=\"onRowMouseOver($event)\"\n (mouseenter)=\"onRowMouseEnter(row.index(), $event)\"\n (mouseleave)=\"onRowMouseLeave(row.index(), $event)\"\n >\n @for (cell of row.data(); track $index) {\n <ng-template #cellTmp>\n <div\n class=\"ard-table__cell-container\"\n [style]=\"getCellStyle(row.dataColumns()[$index])\"\n >\n @if (isCellCheckbox(cell)) {\n <ng-template\n #defaultCheckboxTemplate\n let-isChecked\n let-onChange=\"onChange\"\n let-disabled=\"disabled\"\n >\n <ard-checkbox\n [tabIndex]=\"isLoading() ? -1 : tabIndex()\"\n [selected]=\"isChecked\"\n [color]=\"color()\"\n [disabled]=\"disabled\"\n (change)=\"onChange()\"\n (click)=\"$event.stopPropagation()\"\n />\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"checkboxTemplate() ?? defaultCheckboxTemplate\"\n [ngTemplateOutletContext]=\"getCheckboxContext(row.index())\"\n />\n } @else {\n <ng-template\n #defaultCellTemplate\n let-content\n >\n {{ content }}\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"getCellTemplate(row.dataColumns()[$index].template) ?? defaultCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: cell }\"\n />\n }\n </div>\n </ng-template>\n @if (!row.dataColumns()[$index].isRowHeader) {\n <td\n class=\"ard-table__body-cell\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </td>\n } @else {\n <th\n class=\"ard-table__body-cell ard-table__row-header\"\n scope=\"row\"\n [ngClass]=\"row.dataColumns()[$index].cellClass\"\n [class.ard-table__checkbox-cell]=\"isCellCheckbox(cell)\"\n >\n <ng-template [ngTemplateOutlet]=\"cellTmp\"></ng-template>\n </th>\n }\n }\n </tr>\n }\n }\n </tbody>\n @if (canDisplayPagination()) {\n <tfoot class=\"ard-table__foot\">\n <tr class=\"ard-table__foot-row\">\n <td\n class=\"ard-table__pagination-cell\"\n colspan=\"9999\"\n >\n <ard-table-pagination\n [options]=\"paginationOptions()\"\n [totalItems]=\"totalItems()!\"\n [disabled]=\"paginationDisabled()\"\n [(itemsPerPage)]=\"itemsPerPage\"\n [(page)]=\"page\"\n [align]=\"paginationAlign()\"\n [isLoading]=\"isLoading()\"\n [itemsPerPageText]=\"itemsPerPageText()\"\n [currentItemsFormatFn]=\"currentItemsFormatFn()\"\n />\n </td>\n </tr>\n </tfoot>\n }\n</table>\n", styles: [".ard-table__cell-container,.ard-table__header-template-container{width:100%;height:100%}\n"] }]
|
|
10030
10033
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -10037,8 +10040,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
10037
10040
|
}] } });
|
|
10038
10041
|
|
|
10039
10042
|
class ArdiumTableModule {
|
|
10040
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10041
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10043
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10044
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableModule, declarations: [ArdiumTableComponent,
|
|
10042
10045
|
ArdiumTableTemplateDirective,
|
|
10043
10046
|
ArdiumTableCheckboxTemplateDirective,
|
|
10044
10047
|
ArdiumTableHeaderCheckboxTemplateDirective,
|
|
@@ -10049,9 +10052,9 @@ class ArdiumTableModule {
|
|
|
10049
10052
|
ArdiumTableHeaderCheckboxTemplateDirective,
|
|
10050
10053
|
ArdiumTableCaptionTemplateDirective,
|
|
10051
10054
|
ArdiumTablePaginationTemplateDirective] }); }
|
|
10052
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10055
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableModule, imports: [CommonModule, ArdiumCheckboxModule, ArdiumTablePaginationModule, ArdiumIconModule, ArdiumProgressBarModule] }); }
|
|
10053
10056
|
}
|
|
10054
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10057
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableModule, decorators: [{
|
|
10055
10058
|
type: NgModule,
|
|
10056
10059
|
args: [{
|
|
10057
10060
|
declarations: [
|
|
@@ -10195,20 +10198,20 @@ class ArdiumTableFromCsvComponent {
|
|
|
10195
10198
|
}
|
|
10196
10199
|
return dataRows;
|
|
10197
10200
|
}
|
|
10198
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10199
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
10201
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10202
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumTableFromCsvComponent, selector: "ard-table-from-csv", inputs: { selectableRows: { classPropertyName: "selectableRows", publicName: "selectableRows", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, clickableRows: { classPropertyName: "clickableRows", publicName: "clickableRows", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, loadingProgress: { classPropertyName: "loadingProgress", publicName: "loadingProgress", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, headerAlign: { classPropertyName: "headerAlign", publicName: "headerAlign", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, zebra: { classPropertyName: "zebra", publicName: "zebra", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, paginated: { classPropertyName: "paginated", publicName: "paginated", isSignal: true, isRequired: false, transformFunction: null }, paginationStrategy: { classPropertyName: "paginationStrategy", publicName: "paginationStrategy", isSignal: true, isRequired: false, transformFunction: null }, paginationOptions: { classPropertyName: "paginationOptions", publicName: "paginationOptions", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, paginationColor: { classPropertyName: "paginationColor", publicName: "paginationColor", isSignal: true, isRequired: false, transformFunction: null }, paginationAlign: { classPropertyName: "paginationAlign", publicName: "paginationAlign", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPageText: { classPropertyName: "itemsPerPageText", publicName: "itemsPerPageText", isSignal: true, isRequired: false, transformFunction: null }, currentItemsFormatFn: { classPropertyName: "currentItemsFormatFn", publicName: "currentItemsFormatFn", isSignal: true, isRequired: false, transformFunction: null }, pageFillRemaining: { classPropertyName: "pageFillRemaining", publicName: "pageFillRemaining", isSignal: true, isRequired: false, transformFunction: null }, paginationDisabled: { classPropertyName: "paginationDisabled", publicName: "paginationDisabled", isSignal: true, isRequired: false, transformFunction: null }, useFirstLastButtons: { classPropertyName: "useFirstLastButtons", publicName: "useFirstLastButtons", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, stringData: { classPropertyName: "stringData", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", page: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<ard-table\n treatDataSourceAsString\n [columns]=\"headers()\"\n [data]=\"dataRows()\"\n [selectableRows]=\"selectableRows()\"\n [maxSelectedItems]=\"maxSelectedItems()\"\n [clickableRows]=\"clickableRows()\"\n [isLoading]=\"isLoading()\"\n [loadingProgress]=\"loadingProgress()\"\n [caption]=\"caption()\"\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [color]=\"color()\"\n [align]=\"align()\"\n [headerAlign]=\"headerAlign()\"\n [compact]=\"compact()\"\n [zebra]=\"zebra()\"\n [stickyHeader]=\"stickyHeader()\"\n [paginated]=\"paginated()\"\n [paginationStrategy]=\"paginationStrategy()\"\n [totalItems]=\"totalItems()\"\n [paginationColor]=\"paginationColor()\"\n [paginationAlign]=\"paginationAlign()\"\n [itemsPerPageText]=\"itemsPerPageText()\"\n [currentItemsFormatFn]=\"currentItemsFormatFn()\"\n [pageFillRemaining]=\"pageFillRemaining()\"\n [paginationDisabled]=\"paginationDisabled()\"\n [useFirstLastButtons]=\"useFirstLastButtons()\"\n [(itemsPerPage)]=\"itemsPerPage\"\n [(page)]=\"page\"\n/>\n", dependencies: [{ kind: "component", type: ArdiumTableComponent, selector: "ard-table", inputs: ["rowDisabledFrom", "rowBoldFrom", "invertRowDisabled", "invertRowBold", "selectableRows", "maxSelectedItems", "clickableRows", "caption", "isLoading", "loadingProgress", "loadingProgressBuffer", "loadingBarMode", "loadingBarColor", "appearance", "variant", "color", "align", "headerAlign", "compact", "zebra", "stickyHeader", "paginated", "paginationStrategy", "paginationOptions", "totalItems", "paginationColor", "paginationAlign", "itemsPerPageText", "currentItemsFormatFn", "pageFillRemaining", "paginationDisabled", "useFirstLastButtons", "itemsPerPage", "page", "columns", "data", "treatDataSourceAsString"], outputs: ["itemsPerPageChange", "pageChange", "selectedRowsChange", "failedSelectRow", "selectRow", "unselectRow", "clickRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10200
10203
|
}
|
|
10201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvComponent, decorators: [{
|
|
10202
10205
|
type: Component,
|
|
10203
10206
|
args: [{ selector: 'ard-table-from-csv', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ard-table\n treatDataSourceAsString\n [columns]=\"headers()\"\n [data]=\"dataRows()\"\n [selectableRows]=\"selectableRows()\"\n [maxSelectedItems]=\"maxSelectedItems()\"\n [clickableRows]=\"clickableRows()\"\n [isLoading]=\"isLoading()\"\n [loadingProgress]=\"loadingProgress()\"\n [caption]=\"caption()\"\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [color]=\"color()\"\n [align]=\"align()\"\n [headerAlign]=\"headerAlign()\"\n [compact]=\"compact()\"\n [zebra]=\"zebra()\"\n [stickyHeader]=\"stickyHeader()\"\n [paginated]=\"paginated()\"\n [paginationStrategy]=\"paginationStrategy()\"\n [totalItems]=\"totalItems()\"\n [paginationColor]=\"paginationColor()\"\n [paginationAlign]=\"paginationAlign()\"\n [itemsPerPageText]=\"itemsPerPageText()\"\n [currentItemsFormatFn]=\"currentItemsFormatFn()\"\n [pageFillRemaining]=\"pageFillRemaining()\"\n [paginationDisabled]=\"paginationDisabled()\"\n [useFirstLastButtons]=\"useFirstLastButtons()\"\n [(itemsPerPage)]=\"itemsPerPage\"\n [(page)]=\"page\"\n/>\n" }]
|
|
10204
10207
|
}] });
|
|
10205
10208
|
|
|
10206
10209
|
class ArdiumTableFromCsvModule {
|
|
10207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10208
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10209
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10210
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10211
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvModule, declarations: [ArdiumTableFromCsvComponent], imports: [CommonModule, ArdiumTableModule], exports: [ArdiumTableFromCsvComponent] }); }
|
|
10212
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvModule, imports: [CommonModule, ArdiumTableModule] }); }
|
|
10210
10213
|
}
|
|
10211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTableFromCsvModule, decorators: [{
|
|
10212
10215
|
type: NgModule,
|
|
10213
10216
|
args: [{
|
|
10214
10217
|
declarations: [ArdiumTableFromCsvComponent],
|
|
@@ -10223,10 +10226,10 @@ class ArdiumTextListPipe {
|
|
|
10223
10226
|
return value.filter(Boolean).join(separator);
|
|
10224
10227
|
return value.join(separator);
|
|
10225
10228
|
}
|
|
10226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10227
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.
|
|
10229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
10230
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListPipe, name: "ardTextList" }); }
|
|
10228
10231
|
}
|
|
10229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListPipe, decorators: [{
|
|
10230
10233
|
type: Pipe,
|
|
10231
10234
|
args: [{ name: 'ardTextList', pure: true }]
|
|
10232
10235
|
}] });
|
|
@@ -10237,20 +10240,20 @@ class ArdiumTextListComponent {
|
|
|
10237
10240
|
this.separator = input(', ');
|
|
10238
10241
|
this.filter = input(false, { transform: v => coerceBooleanProperty(v) });
|
|
10239
10242
|
}
|
|
10240
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10241
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
10243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10244
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumTextListComponent, selector: "ard-text-list", inputs: { values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "{{ values() | ardTextList : separator() : filter() }}\r\n", styles: [""], dependencies: [{ kind: "pipe", type: ArdiumTextListPipe, name: "ardTextList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10242
10245
|
}
|
|
10243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListComponent, decorators: [{
|
|
10244
10247
|
type: Component,
|
|
10245
10248
|
args: [{ selector: 'ard-text-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "{{ values() | ardTextList : separator() : filter() }}\r\n" }]
|
|
10246
10249
|
}] });
|
|
10247
10250
|
|
|
10248
10251
|
class ArdiumTextListModule {
|
|
10249
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10250
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10251
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10253
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListModule, declarations: [ArdiumTextListComponent, ArdiumTextListPipe], imports: [CommonModule], exports: [ArdiumTextListComponent, ArdiumTextListPipe] }); }
|
|
10254
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListModule, imports: [CommonModule] }); }
|
|
10252
10255
|
}
|
|
10253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTextListModule, decorators: [{
|
|
10254
10257
|
type: NgModule,
|
|
10255
10258
|
args: [{
|
|
10256
10259
|
declarations: [ArdiumTextListComponent, ArdiumTextListPipe],
|
|
@@ -10283,10 +10286,10 @@ function provideCardDefaults(config) {
|
|
|
10283
10286
|
}
|
|
10284
10287
|
|
|
10285
10288
|
class ArdiumCardHeaderComponent {
|
|
10286
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10287
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
10289
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10290
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardHeaderComponent, selector: "ard-card-header", ngImport: i0, template: "<ng-content select=\"[ard-card-avatar]\" />\n<div class=\"ard-card-header-title-container\">\n <ng-content\n select=\"ard-card-title, ard-card-subtitle,\n [ard-card-title], [ard-card-subtitle]\"\n />\n</div>\n<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10288
10291
|
}
|
|
10289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardHeaderComponent, decorators: [{
|
|
10290
10293
|
type: Component,
|
|
10291
10294
|
args: [{ selector: 'ard-card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[ard-card-avatar]\" />\n<div class=\"ard-card-header-title-container\">\n <ng-content\n select=\"ard-card-title, ard-card-subtitle,\n [ard-card-title], [ard-card-subtitle]\"\n />\n</div>\n<ng-content />\n" }]
|
|
10292
10295
|
}] });
|
|
@@ -10294,10 +10297,10 @@ class ArdiumCardSubtitleDirective {
|
|
|
10294
10297
|
constructor(renderer, hostElement) {
|
|
10295
10298
|
renderer.addClass(hostElement.nativeElement, 'ard-card-subtitle');
|
|
10296
10299
|
}
|
|
10297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10298
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardSubtitleDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10301
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardSubtitleDirective, selector: "ard-card-subtitle, [ard-card-subtitle]", ngImport: i0 }); }
|
|
10299
10302
|
}
|
|
10300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardSubtitleDirective, decorators: [{
|
|
10301
10304
|
type: Directive,
|
|
10302
10305
|
args: [{ selector: 'ard-card-subtitle, [ard-card-subtitle]' }]
|
|
10303
10306
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10305,10 +10308,10 @@ class ArdiumCardTitleDirective {
|
|
|
10305
10308
|
constructor(renderer, hostElement) {
|
|
10306
10309
|
renderer.addClass(hostElement.nativeElement, 'ard-card-title');
|
|
10307
10310
|
}
|
|
10308
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10309
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardTitleDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10312
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardTitleDirective, selector: "ard-card-title, [ard-card-title]", ngImport: i0 }); }
|
|
10310
10313
|
}
|
|
10311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardTitleDirective, decorators: [{
|
|
10312
10315
|
type: Directive,
|
|
10313
10316
|
args: [{ selector: 'ard-card-title, [ard-card-title]' }]
|
|
10314
10317
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10316,10 +10319,10 @@ class ArdiumCardAvatarDirective {
|
|
|
10316
10319
|
constructor(renderer, hostElement) {
|
|
10317
10320
|
renderer.addClass(hostElement.nativeElement, 'ard-card-avatar');
|
|
10318
10321
|
}
|
|
10319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10320
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardAvatarDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10323
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardAvatarDirective, selector: "[ard-card-avatar]", ngImport: i0 }); }
|
|
10321
10324
|
}
|
|
10322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardAvatarDirective, decorators: [{
|
|
10323
10326
|
type: Directive,
|
|
10324
10327
|
args: [{ selector: '[ard-card-avatar]' }]
|
|
10325
10328
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10327,10 +10330,10 @@ class ArdiumCardContentDirective {
|
|
|
10327
10330
|
constructor(renderer, hostElement) {
|
|
10328
10331
|
renderer.addClass(hostElement.nativeElement, 'ard-card-content');
|
|
10329
10332
|
}
|
|
10330
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10331
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10333
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardContentDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10334
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardContentDirective, selector: "ard-card-content, [ard-card-content]", ngImport: i0 }); }
|
|
10332
10335
|
}
|
|
10333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10336
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardContentDirective, decorators: [{
|
|
10334
10337
|
type: Directive,
|
|
10335
10338
|
args: [{ selector: 'ard-card-content, [ard-card-content]' }]
|
|
10336
10339
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10338,10 +10341,10 @@ class ArdiumCardImageDirective {
|
|
|
10338
10341
|
constructor(renderer, hostElement) {
|
|
10339
10342
|
renderer.addClass(hostElement.nativeElement, 'ard-card-image');
|
|
10340
10343
|
}
|
|
10341
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10342
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardImageDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10345
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardImageDirective, selector: "[ard-card-image]", ngImport: i0 }); }
|
|
10343
10346
|
}
|
|
10344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardImageDirective, decorators: [{
|
|
10345
10348
|
type: Directive,
|
|
10346
10349
|
args: [{ selector: '[ard-card-image]' }]
|
|
10347
10350
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10351,10 +10354,10 @@ class ArdiumCardActionButtonsDirective {
|
|
|
10351
10354
|
this.align = input(this._DEFAULTS.actionButtonsAlign);
|
|
10352
10355
|
this.alignClass = computed(() => `ard-card-action-buttons ard-align-${this.align()}`);
|
|
10353
10356
|
}
|
|
10354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10355
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
10357
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardActionButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10358
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumCardActionButtonsDirective, selector: "ard-card-action-buttons, [ard-card-action-buttons]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "alignClass()" } }, ngImport: i0 }); }
|
|
10356
10359
|
}
|
|
10357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardActionButtonsDirective, decorators: [{
|
|
10358
10361
|
type: Directive,
|
|
10359
10362
|
args: [{
|
|
10360
10363
|
selector: 'ard-card-action-buttons, [ard-card-action-buttons]',
|
|
@@ -10367,10 +10370,10 @@ class ArdiumCardFooterDirective {
|
|
|
10367
10370
|
constructor(renderer, hostElement) {
|
|
10368
10371
|
renderer.addClass(hostElement.nativeElement, 'ard-card-footer');
|
|
10369
10372
|
}
|
|
10370
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10371
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10373
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardFooterDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10374
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardFooterDirective, selector: "ard-card-footer, [ard-card-footer]", ngImport: i0 }); }
|
|
10372
10375
|
}
|
|
10373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardFooterDirective, decorators: [{
|
|
10374
10377
|
type: Directive,
|
|
10375
10378
|
args: [{ selector: 'ard-card-footer, [ard-card-footer]' }]
|
|
10376
10379
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
@@ -10386,10 +10389,10 @@ class ArdiumCardDirective {
|
|
|
10386
10389
|
get _ngClassesHostAttribute() {
|
|
10387
10390
|
return this.ngClasses();
|
|
10388
10391
|
}
|
|
10389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10390
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.
|
|
10392
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10393
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumCardDirective, selector: "[ard-card]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this._ngClassesHostAttribute" } }, ngImport: i0 }); }
|
|
10391
10394
|
}
|
|
10392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10395
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardDirective, decorators: [{
|
|
10393
10396
|
type: Directive,
|
|
10394
10397
|
args: [{ selector: '[ard-card]' }]
|
|
10395
10398
|
}], propDecorators: { _ngClassesHostAttribute: [{
|
|
@@ -10397,10 +10400,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
10397
10400
|
args: ['class']
|
|
10398
10401
|
}] } });
|
|
10399
10402
|
class ArdiumCardComponent extends ArdiumCardDirective {
|
|
10400
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
10403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10404
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ArdiumCardComponent, selector: "ard-card", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10402
10405
|
}
|
|
10403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardComponent, decorators: [{
|
|
10404
10407
|
type: Component,
|
|
10405
10408
|
args: [{
|
|
10406
10409
|
selector: 'ard-card',
|
|
@@ -10411,8 +10414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
10411
10414
|
}] });
|
|
10412
10415
|
|
|
10413
10416
|
class ArdiumCardModule {
|
|
10414
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10415
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10418
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardModule, declarations: [ArdiumCardComponent,
|
|
10416
10419
|
ArdiumCardDirective,
|
|
10417
10420
|
ArdiumCardHeaderComponent,
|
|
10418
10421
|
ArdiumCardTitleDirective,
|
|
@@ -10431,9 +10434,9 @@ class ArdiumCardModule {
|
|
|
10431
10434
|
ArdiumCardImageDirective,
|
|
10432
10435
|
ArdiumCardActionButtonsDirective,
|
|
10433
10436
|
ArdiumCardFooterDirective] }); }
|
|
10434
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10437
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardModule, imports: [CommonModule] }); }
|
|
10435
10438
|
}
|
|
10436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumCardModule, decorators: [{
|
|
10437
10440
|
type: NgModule,
|
|
10438
10441
|
args: [{
|
|
10439
10442
|
declarations: [
|
|
@@ -10481,10 +10484,10 @@ class ArdiumDividerComponent {
|
|
|
10481
10484
|
this._DEFAULTS = inject(ARD_DIVIDER_DEFAULTS);
|
|
10482
10485
|
this.vertical = input(this._DEFAULTS.vertical, { transform: v => coerceBooleanProperty(v) });
|
|
10483
10486
|
}
|
|
10484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10485
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
10487
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumDividerComponent, selector: "ard-divider", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ard-divider-vertical": "vertical()" } }, ngImport: i0, template: '', isInline: true, styles: ["ard-divider{display:block}ard-divider:not(.ard-divider-vertical){width:100%;height:0}ard-divider.ard-divider-vertical{width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10486
10489
|
}
|
|
10487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerComponent, decorators: [{
|
|
10488
10491
|
type: Component,
|
|
10489
10492
|
args: [{ selector: 'ard-divider', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
10490
10493
|
'[class.ard-divider-vertical]': 'vertical()',
|
|
@@ -10492,11 +10495,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
10492
10495
|
}] });
|
|
10493
10496
|
|
|
10494
10497
|
class ArdiumDividerModule {
|
|
10495
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10496
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10497
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10498
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10499
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerModule, declarations: [ArdiumDividerComponent], imports: [CommonModule], exports: [ArdiumDividerComponent] }); }
|
|
10500
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerModule, imports: [CommonModule] }); }
|
|
10498
10501
|
}
|
|
10499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDividerModule, decorators: [{
|
|
10500
10503
|
type: NgModule,
|
|
10501
10504
|
args: [{
|
|
10502
10505
|
declarations: [ArdiumDividerComponent],
|
|
@@ -10543,10 +10546,10 @@ class ArdiumTabComponent {
|
|
|
10543
10546
|
_emitChange() {
|
|
10544
10547
|
this.selectedChange.emit(this.selected());
|
|
10545
10548
|
}
|
|
10546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10547
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
10549
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10550
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ArdiumTabComponent, selector: "ard-tab", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _selected: { classPropertyName: "_selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, _label: { classPropertyName: "_label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent", selectedChange: "selectedChange" }, host: { properties: { "class.ard-tab-selected": "this._selectedHostAttribute" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10548
10551
|
}
|
|
10549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10552
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabComponent, decorators: [{
|
|
10550
10553
|
type: Component,
|
|
10551
10554
|
args: [{ selector: 'ard-tab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
10552
10555
|
}], propDecorators: { _selected: [{
|
|
@@ -10649,20 +10652,20 @@ class ArdiumTabberComponent {
|
|
|
10649
10652
|
tab.focused.set(false);
|
|
10650
10653
|
this.currentFocusedTab.set(null);
|
|
10651
10654
|
}
|
|
10652
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
10655
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10656
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumTabberComponent, selector: "ard-tabber", inputs: { initialTab: { classPropertyName: "initialTab", publicName: "initialTab", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, uniformTabWidths: { classPropertyName: "uniformTabWidths", publicName: "uniformTabWidths", isSignal: true, isRequired: false, transformFunction: null }, tabAlignment: { classPropertyName: "tabAlignment", publicName: "tabAlignment", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusEvent: "focus", blurEvent: "blur", changeTab: "changeTab" }, queries: [{ propertyName: "tabs", predicate: ArdiumTabComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"ard-tabber\"\n [ngClass]=\"ngClasses()\"\n>\n <div\n class=\"ard-tabber-tabs\"\n [ngClass]=\"tabContainerClasses()\"\n [style]=\"{ '--ard-_tabber-tabs': tabs().length }\"\n >\n @for (tab of tabs(); track tab) {\n <button\n #focusableElement\n type=\"button\"\n role=\"tab\"\n class=\"ard-tab-button\"\n [id]=\"tab.tabId()\"\n [class.ard-tab-active]=\"tab === currentTab()\"\n [class.ard-tab-focused]=\"tab === currentFocusedTab()\"\n (click)=\"!tab.selected() && onTabClick(tab)\"\n (focus)=\"onTabFocus(tab)\"\n (blur)=\"onTabBlur(tab)\"\n [tabindex]=\"tabIndex()\"\n >\n <div class=\"ard-focus-overlay\"></div>\n {{ tab.label() }}\n </button>\n }\n </div>\n <div\n role=\"tabpanel\"\n class=\"ard-tabber-content\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".ard-tabber ard-tab{display:none}.ard-tabber ard-tab.ard-tab-selected{display:block}.ard-tabber .ard-tabber-tabs.ard-uniform-tab-widths{display:grid;grid-template-columns:repeat(var(--ard-_tabber-tabs),1fr);max-width:max-content}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10654
10657
|
}
|
|
10655
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberComponent, decorators: [{
|
|
10656
10659
|
type: Component,
|
|
10657
10660
|
args: [{ selector: 'ard-tabber', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ard-tabber\"\n [ngClass]=\"ngClasses()\"\n>\n <div\n class=\"ard-tabber-tabs\"\n [ngClass]=\"tabContainerClasses()\"\n [style]=\"{ '--ard-_tabber-tabs': tabs().length }\"\n >\n @for (tab of tabs(); track tab) {\n <button\n #focusableElement\n type=\"button\"\n role=\"tab\"\n class=\"ard-tab-button\"\n [id]=\"tab.tabId()\"\n [class.ard-tab-active]=\"tab === currentTab()\"\n [class.ard-tab-focused]=\"tab === currentFocusedTab()\"\n (click)=\"!tab.selected() && onTabClick(tab)\"\n (focus)=\"onTabFocus(tab)\"\n (blur)=\"onTabBlur(tab)\"\n [tabindex]=\"tabIndex()\"\n >\n <div class=\"ard-focus-overlay\"></div>\n {{ tab.label() }}\n </button>\n }\n </div>\n <div\n role=\"tabpanel\"\n class=\"ard-tabber-content\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".ard-tabber ard-tab{display:none}.ard-tabber ard-tab.ard-tab-selected{display:block}.ard-tabber .ard-tabber-tabs.ard-uniform-tab-widths{display:grid;grid-template-columns:repeat(var(--ard-_tabber-tabs),1fr);max-width:max-content}\n"] }]
|
|
10658
10661
|
}] });
|
|
10659
10662
|
|
|
10660
10663
|
class ArdiumTabberModule {
|
|
10661
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10662
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10663
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10664
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10665
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberModule, declarations: [ArdiumTabberComponent, ArdiumTabComponent], imports: [CommonModule], exports: [ArdiumTabberComponent, ArdiumTabComponent] }); }
|
|
10666
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberModule, imports: [CommonModule] }); }
|
|
10664
10667
|
}
|
|
10665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumTabberModule, decorators: [{
|
|
10666
10669
|
type: NgModule,
|
|
10667
10670
|
args: [{
|
|
10668
10671
|
declarations: [ArdiumTabberComponent, ArdiumTabComponent],
|
|
@@ -10713,10 +10716,10 @@ class ArdDialogButtonsTemplateDirective {
|
|
|
10713
10716
|
constructor(template) {
|
|
10714
10717
|
this.template = template;
|
|
10715
10718
|
}
|
|
10716
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10717
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
10719
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDialogButtonsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10720
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ArdDialogButtonsTemplateDirective, selector: "ard-dialog > ng-template[ard-buttons-tmp]", ngImport: i0 }); }
|
|
10718
10721
|
}
|
|
10719
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdDialogButtonsTemplateDirective, decorators: [{
|
|
10720
10723
|
type: Directive,
|
|
10721
10724
|
args: [{ selector: 'ard-dialog > ng-template[ard-buttons-tmp]' }]
|
|
10722
10725
|
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -10782,10 +10785,10 @@ class ArdiumModalComponent {
|
|
|
10782
10785
|
onCloseButtonClick() {
|
|
10783
10786
|
this._destroyOverlay();
|
|
10784
10787
|
}
|
|
10785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10786
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
10788
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10789
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumModalComponent, selector: "ard-modal", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, noCloseButton: { classPropertyName: "noCloseButton", publicName: "noCloseButton", isSignal: true, isRequired: false, transformFunction: null }, noBackdrop: { classPropertyName: "noBackdrop", publicName: "noBackdrop", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, _open: { classPropertyName: "_open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", closeEvent: "close" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-template #modalTemplate>\n @if (noBackdrop()) {\n <div\n class=\"ard-modal\"\n [ngClass]=\"ngClasses\"\n (click)=\"onBackdropClick()\"\n >\n <ng-template [ngTemplateOutlet]=\"_modalInsidePanel\"></ng-template>\n </div>\n } @else {\n <div\n class=\"ard-modal ard-modal-backdrop\"\n [ngClass]=\"ngClasses\"\n (click)=\"onBackdropClick()\"\n >\n <ng-template [ngTemplateOutlet]=\"_modalInsidePanel\"></ng-template>\n </div>\n }\n</ng-template>\n\n<ng-template #_modalInsidePanel>\n <div\n class=\"ard-modal-panel\"\n cdkTrapFocus\n [class.ard-modal-no-heading-text]=\"!heading\"\n [class.ard-modal-has-close-button]=\"!this.noCloseButton()\"\n (click)=\"$event.stopPropagation()\"\n >\n <div class=\"ard-modal-heading\">\n <div class=\"ard-modal-heading-text\">{{ heading() }}</div>\n @if (!noCloseButton()) {\n <ard-icon-button\n class=\"ard-modal-close-button\"\n color=\"none\"\n [compact]=\"compact()\"\n (click)=\"onCloseButtonClick()\"\n >\n <ard-icon>close</ard-icon>\n </ard-icon-button>\n }\n </div>\n <div class=\"ard-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".ard-modal-content{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumIconButtonComponent, selector: "ard-icon-button", inputs: ["wrapperClasses", "type", "color", "lightColoring", "compact"] }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }, { kind: "directive", type: i4$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10787
10790
|
}
|
|
10788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalComponent, decorators: [{
|
|
10789
10792
|
type: Component,
|
|
10790
10793
|
args: [{ selector: 'ard-modal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #modalTemplate>\n @if (noBackdrop()) {\n <div\n class=\"ard-modal\"\n [ngClass]=\"ngClasses\"\n (click)=\"onBackdropClick()\"\n >\n <ng-template [ngTemplateOutlet]=\"_modalInsidePanel\"></ng-template>\n </div>\n } @else {\n <div\n class=\"ard-modal ard-modal-backdrop\"\n [ngClass]=\"ngClasses\"\n (click)=\"onBackdropClick()\"\n >\n <ng-template [ngTemplateOutlet]=\"_modalInsidePanel\"></ng-template>\n </div>\n }\n</ng-template>\n\n<ng-template #_modalInsidePanel>\n <div\n class=\"ard-modal-panel\"\n cdkTrapFocus\n [class.ard-modal-no-heading-text]=\"!heading\"\n [class.ard-modal-has-close-button]=\"!this.noCloseButton()\"\n (click)=\"$event.stopPropagation()\"\n >\n <div class=\"ard-modal-heading\">\n <div class=\"ard-modal-heading-text\">{{ heading() }}</div>\n @if (!noCloseButton()) {\n <ard-icon-button\n class=\"ard-modal-close-button\"\n color=\"none\"\n [compact]=\"compact()\"\n (click)=\"onCloseButtonClick()\"\n >\n <ard-icon>close</ard-icon>\n </ard-icon-button>\n }\n </div>\n <div class=\"ard-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".ard-modal-content{width:100%}\n"] }]
|
|
10791
10794
|
}], propDecorators: { _open: [{
|
|
@@ -10869,20 +10872,20 @@ class ArdiumDialogComponent {
|
|
|
10869
10872
|
onModalClose() {
|
|
10870
10873
|
this.closeEvent.emit('close');
|
|
10871
10874
|
}
|
|
10872
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10873
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
10875
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10876
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumDialogComponent, selector: "ard-dialog", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, noCloseButton: { classPropertyName: "noCloseButton", publicName: "noCloseButton", isSignal: true, isRequired: false, transformFunction: null }, noBackdrop: { classPropertyName: "noBackdrop", publicName: "noBackdrop", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, confirmButtonText: { classPropertyName: "confirmButtonText", publicName: "confirmButtonText", isSignal: true, isRequired: false, transformFunction: null }, confirmButtonColor: { classPropertyName: "confirmButtonColor", publicName: "confirmButtonColor", isSignal: true, isRequired: false, transformFunction: null }, confirmButtonAppearance: { classPropertyName: "confirmButtonAppearance", publicName: "confirmButtonAppearance", isSignal: true, isRequired: false, transformFunction: null }, rejectButtonText: { classPropertyName: "rejectButtonText", publicName: "rejectButtonText", isSignal: true, isRequired: false, transformFunction: null }, rejectButtonColor: { classPropertyName: "rejectButtonColor", publicName: "rejectButtonColor", isSignal: true, isRequired: false, transformFunction: null }, rejectButtonAppearance: { classPropertyName: "rejectButtonAppearance", publicName: "rejectButtonAppearance", isSignal: true, isRequired: false, transformFunction: null }, noRejectButton: { classPropertyName: "noRejectButton", publicName: "noRejectButton", isSignal: true, isRequired: false, transformFunction: null }, canConfirm: { classPropertyName: "canConfirm", publicName: "canConfirm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", closeEvent: "close", confirmEvent: "confirm", rejectEvent: "reject" }, queries: [{ propertyName: "buttonsTemplate", first: true, predicate: ArdDialogButtonsTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ard-modal\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [heading]=\"heading()\"\n [noCloseButton]=\"noCloseButton()\"\n [noBackdrop]=\"noBackdrop()\"\n [disableBackdropClose]=\"disableBackdropClose()\"\n [(open)]=\"open\"\n (close)=\"onModalClose()\"\n>\n <div class=\"ard-dialog-container\">\n <div class=\"ard-dialog-content\">\n <ng-content></ng-content>\n </div>\n <div class=\"ard-dialog-buttons\">\n <ng-template\n #defaultButtonsTemplate\n let-confirmButton=\"confirmButton\"\n let-rejectButton=\"rejectButton\"\n let-canConfirm=\"canConfirm\"\n let-onConfirm=\"onConfirm\"\n let-onReject=\"onReject\"\n let-dialogVariant=\"dialogVariant\"\n let-dialogCompact=\"dialogCompact\"\n >\n <div class=\"ard-dialog-buttons-container\">\n @if (rejectButton.enabled) {\n <ard-button\n [color]=\"rejectButton.color\"\n [appearance]=\"rejectButton.appearance\"\n [variant]=\"dialogVariant\"\n [compact]=\"dialogCompact\"\n (click)=\"onReject()\"\n >\n {{ rejectButton.text }}\n </ard-button>\n }\n <ard-button\n [color]=\"confirmButton.color\"\n [appearance]=\"confirmButton.appearance\"\n [variant]=\"dialogVariant\"\n [compact]=\"dialogCompact\"\n (click)=\"onConfirm()\"\n [disabled]=\"!canConfirm\"\n >\n {{ confirmButton.text }}\n </ard-button>\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"buttonsTemplate()?.template ?? defaultButtonsTemplate\"\n [ngTemplateOutletContext]=\"getButtonsContext()\"\n ></ng-template>\n </div>\n </div>\n</ard-modal>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ArdiumButtonComponent, selector: "ard-button", inputs: ["icon", "variant", "alignIcon", "vertical"] }, { kind: "component", type: ArdiumModalComponent, selector: "ard-modal", inputs: ["appearance", "variant", "compact", "heading", "noCloseButton", "noBackdrop", "disableBackdropClose", "open"], outputs: ["openChange", "close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10874
10877
|
}
|
|
10875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogComponent, decorators: [{
|
|
10876
10879
|
type: Component,
|
|
10877
10880
|
args: [{ selector: 'ard-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ard-modal\n [appearance]=\"appearance()\"\n [variant]=\"variant()\"\n [compact]=\"compact()\"\n [heading]=\"heading()\"\n [noCloseButton]=\"noCloseButton()\"\n [noBackdrop]=\"noBackdrop()\"\n [disableBackdropClose]=\"disableBackdropClose()\"\n [(open)]=\"open\"\n (close)=\"onModalClose()\"\n>\n <div class=\"ard-dialog-container\">\n <div class=\"ard-dialog-content\">\n <ng-content></ng-content>\n </div>\n <div class=\"ard-dialog-buttons\">\n <ng-template\n #defaultButtonsTemplate\n let-confirmButton=\"confirmButton\"\n let-rejectButton=\"rejectButton\"\n let-canConfirm=\"canConfirm\"\n let-onConfirm=\"onConfirm\"\n let-onReject=\"onReject\"\n let-dialogVariant=\"dialogVariant\"\n let-dialogCompact=\"dialogCompact\"\n >\n <div class=\"ard-dialog-buttons-container\">\n @if (rejectButton.enabled) {\n <ard-button\n [color]=\"rejectButton.color\"\n [appearance]=\"rejectButton.appearance\"\n [variant]=\"dialogVariant\"\n [compact]=\"dialogCompact\"\n (click)=\"onReject()\"\n >\n {{ rejectButton.text }}\n </ard-button>\n }\n <ard-button\n [color]=\"confirmButton.color\"\n [appearance]=\"confirmButton.appearance\"\n [variant]=\"dialogVariant\"\n [compact]=\"dialogCompact\"\n (click)=\"onConfirm()\"\n [disabled]=\"!canConfirm\"\n >\n {{ confirmButton.text }}\n </ard-button>\n </div>\n </ng-template>\n\n <ng-template\n [ngTemplateOutlet]=\"buttonsTemplate()?.template ?? defaultButtonsTemplate\"\n [ngTemplateOutletContext]=\"getButtonsContext()\"\n ></ng-template>\n </div>\n </div>\n</ard-modal>\n" }]
|
|
10878
10881
|
}] });
|
|
10879
10882
|
|
|
10880
10883
|
class ArdiumModalModule {
|
|
10881
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10882
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10883
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10884
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10885
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalModule, declarations: [ArdiumModalComponent], imports: [CommonModule, ArdiumIconButtonModule, ArdiumIconModule, A11yModule], exports: [ArdiumModalComponent] }); }
|
|
10886
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalModule, imports: [CommonModule, ArdiumIconButtonModule, ArdiumIconModule, A11yModule] }); }
|
|
10884
10887
|
}
|
|
10885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumModalModule, decorators: [{
|
|
10886
10889
|
type: NgModule,
|
|
10887
10890
|
args: [{
|
|
10888
10891
|
declarations: [ArdiumModalComponent],
|
|
@@ -10892,11 +10895,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
10892
10895
|
}] });
|
|
10893
10896
|
|
|
10894
10897
|
class ArdiumDialogModule {
|
|
10895
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10896
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
10897
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
10898
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10899
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogModule, declarations: [ArdiumDialogComponent, ArdDialogButtonsTemplateDirective], imports: [CommonModule, ArdiumButtonModule, ArdiumModalModule], exports: [ArdiumDialogComponent, ArdDialogButtonsTemplateDirective] }); }
|
|
10900
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogModule, imports: [CommonModule, ArdiumButtonModule, ArdiumModalModule] }); }
|
|
10898
10901
|
}
|
|
10899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumDialogModule, decorators: [{
|
|
10900
10903
|
type: NgModule,
|
|
10901
10904
|
args: [{
|
|
10902
10905
|
declarations: [ArdiumDialogComponent, ArdDialogButtonsTemplateDirective],
|
|
@@ -11074,10 +11077,10 @@ class _ArdSimpleSnackbarComponent {
|
|
|
11074
11077
|
get colorClass() {
|
|
11075
11078
|
return `ard-color-${this.color}`;
|
|
11076
11079
|
}
|
|
11077
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
11078
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
11080
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ArdSimpleSnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11081
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: _ArdSimpleSnackbarComponent, isStandalone: true, selector: "ard-simple-snackbar", ngImport: i0, template: "<div\n class=\"ard-snackbar\"\n [class.ard-snackbar-closing]=\"snackbarRef.onCloseStart | async\"\n [class]=\"colorClass\"\n>\n <div class=\"ard-snackbar-content\">\n @if (typeIcon) {\n <ard-icon filled>{{ typeIcon }}</ard-icon>\n }\n <div class=\"ard-snackbar-message\">{{ data.message }}</div>\n </div>\n @if (data.action) {\n <ard-button\n class=\"ard-snackbar-action\"\n appearance=\"transparent\"\n lightColoring\n [color]=\"color\"\n (click)=\"closeWithAction()\"\n >{{ data.action }}</ard-button\n >\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ArdiumButtonModule }, { kind: "component", type: ArdiumButtonComponent, selector: "ard-button", inputs: ["icon", "variant", "alignIcon", "vertical"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ArdiumIconModule }, { kind: "component", type: ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11079
11082
|
}
|
|
11080
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
11083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: _ArdSimpleSnackbarComponent, decorators: [{
|
|
11081
11084
|
type: Component,
|
|
11082
11085
|
args: [{ selector: 'ard-simple-snackbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ArdiumButtonModule, AsyncPipe, ArdiumIconModule], standalone: true, template: "<div\n class=\"ard-snackbar\"\n [class.ard-snackbar-closing]=\"snackbarRef.onCloseStart | async\"\n [class]=\"colorClass\"\n>\n <div class=\"ard-snackbar-content\">\n @if (typeIcon) {\n <ard-icon filled>{{ typeIcon }}</ard-icon>\n }\n <div class=\"ard-snackbar-message\">{{ data.message }}</div>\n </div>\n @if (data.action) {\n <ard-button\n class=\"ard-snackbar-action\"\n appearance=\"transparent\"\n lightColoring\n [color]=\"color\"\n (click)=\"closeWithAction()\"\n >{{ data.action }}</ard-button\n >\n }\n</div>\n" }]
|
|
11083
11086
|
}] });
|
|
@@ -11308,10 +11311,10 @@ class ArdiumSnackbarService {
|
|
|
11308
11311
|
],
|
|
11309
11312
|
});
|
|
11310
11313
|
}
|
|
11311
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
11312
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.
|
|
11314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
11315
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSnackbarService, providedIn: 'root' }); }
|
|
11313
11316
|
}
|
|
11314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
11317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumSnackbarService, decorators: [{
|
|
11315
11318
|
type: Injectable,
|
|
11316
11319
|
args: [{
|
|
11317
11320
|
providedIn: 'root',
|