@ardium-ui/ui 3.3.0-alpha.3 → 3.3.0-alpha.4
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/form-field/form-field.component.mjs +3 -4
- package/esm2022/lib/form-field/horizontal-form-field.component.mjs +3 -4
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +12 -2
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +23 -11
- package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
- package/fesm2022/ardium-ui-ui.mjs +38 -18
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/form-field/form-field.component.d.ts +0 -1
- package/lib/form-field/horizontal-form-field.component.d.ts +0 -1
- package/lib/inputs/digit-input/digit-input.component.d.ts +5 -2
- package/lib/inputs/digit-input/digit-input.utils.d.ts +1 -0
- package/package.json +1 -1
- package/prebuilt-themes/default/form-field.css +8 -0
- package/prebuilt-themes/default/form-field.css.map +1 -1
- package/themes/default/form-field.scss +8 -0
|
@@ -6,7 +6,7 @@ import * as i4 from '@ardium-ui/devkit';
|
|
|
6
6
|
import { coerceBooleanProperty, coerceNumberProperty, coerceArrayProperty, ArdiumClickOutsideEventModule, ArdiumInnerHTMLModule, ArdiumFilesizePipeModule, ArdiumFilenamePipeModule, ArdiumFileextPipeModule, ArdiumHoldEventModule } from '@ardium-ui/devkit';
|
|
7
7
|
import { map, Subject, merge, takeUntil, startWith, BehaviorSubject } from 'rxjs';
|
|
8
8
|
import { TakeChance } from 'take-chance';
|
|
9
|
-
import {
|
|
9
|
+
import { isAnyString, isNull, isArray, isNumber, isFunction, isRegExp, isDefined, any, isPrimitive, isString, evaluate, isObject, isPromise } from 'simple-bool';
|
|
10
10
|
import * as i1 from '@angular/common';
|
|
11
11
|
import { CommonModule, DOCUMENT, DecimalPipe, AsyncPipe } from '@angular/common';
|
|
12
12
|
import { Overlay, ScrollStrategyOptions, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
@@ -375,13 +375,23 @@ class DigitInputModel {
|
|
|
375
375
|
return !!this.value()?.[index];
|
|
376
376
|
}
|
|
377
377
|
writeValue(v) {
|
|
378
|
-
if (
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
378
|
+
if (this._ardHost.outputAsString()) {
|
|
379
|
+
if (!isAnyString(v) && !isNull(v)) {
|
|
380
|
+
throw new Error(`ARD-FT0040b: Trying to set <ard-digit-input>'s value to "${v}" (of type ${typeof v}), but the input uses [outputAsString]="true", and thus expects string or null.`);
|
|
381
|
+
}
|
|
382
|
+
const vArray = v?.split('') ?? [];
|
|
383
|
+
if (vArray.length > this._configArrayNoStatics().length) {
|
|
384
|
+
console.warn(`ARD-WA0041: Value provided to <ard-digit-input> is too long. Got ${vArray.length} characters, but expected a maximum of ${this._configArrayNoStatics().length} characters.`);
|
|
385
|
+
}
|
|
386
|
+
return this._writeValue(vArray);
|
|
387
|
+
}
|
|
388
|
+
if (!isAnyString(v) && !isNull(v) && !isArray(v)) {
|
|
389
|
+
throw new Error(`ARD-FT0041: Trying to set <ard-digit-input>'s value to "${v}" (of type ${typeof v}), expected string or array of characters.`);
|
|
383
390
|
}
|
|
384
391
|
const vArray = coerceArrayProperty(v);
|
|
392
|
+
if (vArray.length > this._configArrayNoStatics().length) {
|
|
393
|
+
console.warn(`ARD-WA0041: Value provided to <ard-digit-input> is too long. Got ${vArray.length} characters, but expected a maximum of ${this._configArrayNoStatics().length} characters.`);
|
|
394
|
+
}
|
|
385
395
|
const problemIndex = vArray.findIndex(el => !isAnyString(el) || el.length > 1);
|
|
386
396
|
if (problemIndex !== -1) {
|
|
387
397
|
throw new Error(`ARD-FT0042: Array passed to <ard-digit-input>'s value must only contain strings of length 1 or 0. Element "${vArray[problemIndex]}" at index ${problemIndex} does not match those requirements.`);
|
|
@@ -389,17 +399,19 @@ class DigitInputModel {
|
|
|
389
399
|
return this._writeValue(vArray);
|
|
390
400
|
}
|
|
391
401
|
_writeValue(v) {
|
|
392
|
-
const
|
|
402
|
+
const isOldValueTheSame = this.value() ? this.value().every((ch, i) => ch === v?.[i]) : !v;
|
|
403
|
+
if (isOldValueTheSame)
|
|
404
|
+
return false;
|
|
393
405
|
this.value.set(v && v.map(el => el || null));
|
|
394
406
|
this.validateValueAndUpdate();
|
|
395
407
|
this._updateInputElements();
|
|
396
|
-
return
|
|
408
|
+
return true;
|
|
397
409
|
}
|
|
398
410
|
_updateInputElements() {
|
|
399
|
-
const
|
|
411
|
+
const v = this.value() ?? [];
|
|
400
412
|
let i = 0;
|
|
401
413
|
for (const inputEl of this._ardHost.inputs()) {
|
|
402
|
-
inputEl.nativeElement.value =
|
|
414
|
+
inputEl.nativeElement.value = v[i] ?? '';
|
|
403
415
|
i++;
|
|
404
416
|
}
|
|
405
417
|
}
|
|
@@ -475,7 +487,7 @@ class DigitInputModel {
|
|
|
475
487
|
//get the corresponding HTML input element
|
|
476
488
|
const inputEl = this._ardHost.inputs()[index];
|
|
477
489
|
if (!inputEl) {
|
|
478
|
-
throw new Error("ARD-IS0048: <ard-digit-input>'s value changed, but its corresponding input element could not be found.
|
|
490
|
+
throw new Error("ARD-IS0048: <ard-digit-input>'s value changed, but its corresponding input element could not be found. If you are reading this, you probably experienced a problem with Ardium UI. Please report this issue to the creators.");
|
|
479
491
|
}
|
|
480
492
|
//update the input element and value array
|
|
481
493
|
const newVal = inputChar ?? before;
|
|
@@ -565,6 +577,7 @@ class ArdiumDigitInputComponent extends _FormFieldComponentBase {
|
|
|
565
577
|
this._oldConfigArrayDataLength = this.configArrayData().length;
|
|
566
578
|
this._emitChange();
|
|
567
579
|
});
|
|
580
|
+
this._wasViewInit = false;
|
|
568
581
|
//! value two-way binding
|
|
569
582
|
this.outputAsString = input(this._DEFAULTS.outputAsString, { transform: v => coerceBooleanProperty(v) });
|
|
570
583
|
this.outputControlValueAccessorOnFinish = input(false, { transform: v => coerceBooleanProperty(v) });
|
|
@@ -587,13 +600,22 @@ class ArdiumDigitInputComponent extends _FormFieldComponentBase {
|
|
|
587
600
|
isInputEmpty(index) {
|
|
588
601
|
return !this.model.isDefinedAtIndex(index);
|
|
589
602
|
}
|
|
590
|
-
//! control value accessor's write value implementation
|
|
591
603
|
writeValue(v) {
|
|
604
|
+
if (!this._wasViewInit) {
|
|
605
|
+
this._valueBeforeViewInit = v;
|
|
606
|
+
return;
|
|
607
|
+
}
|
|
592
608
|
this._writeValue(v);
|
|
593
609
|
}
|
|
594
610
|
_writeValue(v) {
|
|
595
611
|
return this.model.writeValue(v);
|
|
596
612
|
}
|
|
613
|
+
ngAfterViewInit() {
|
|
614
|
+
this._wasViewInit = true;
|
|
615
|
+
if (this._valueBeforeViewInit) {
|
|
616
|
+
this._writeValue(this._valueBeforeViewInit);
|
|
617
|
+
}
|
|
618
|
+
}
|
|
597
619
|
set value(v) {
|
|
598
620
|
this.writeValue(v);
|
|
599
621
|
}
|
|
@@ -8755,7 +8777,6 @@ class ArdiumFormFieldComponent {
|
|
|
8755
8777
|
this._DEFAULTS = inject(ARD_FORM_FIELD_DEFAULTS);
|
|
8756
8778
|
this.alignHintToLeftByDefault = this._DEFAULTS.defaultHintAlign === SimpleOneAxisAlignment.Left;
|
|
8757
8779
|
this.control = contentChild(_FormFieldComponentBase);
|
|
8758
|
-
this.controlId = computed(() => this.control()?.htmlId());
|
|
8759
8780
|
this.label = contentChild(ArdiumLabelComponent);
|
|
8760
8781
|
this.hints = contentChildren(ArdiumHintDirective);
|
|
8761
8782
|
this.errors = contentChildren(ArdiumErrorDirective);
|
|
@@ -8768,11 +8789,11 @@ class ArdiumFormFieldComponent {
|
|
|
8768
8789
|
}
|
|
8769
8790
|
}
|
|
8770
8791
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8771
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumFormFieldComponent, selector: "ard-form-field", inputs: { reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: _FormFieldComponentBase, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }], ngImport: i0, template: "<div\r\n class=\"ard-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n>\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"
|
|
8792
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumFormFieldComponent, selector: "ard-form-field", inputs: { reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: _FormFieldComponentBase, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }], ngImport: i0, template: "<div\r\n class=\"ard-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n [class.ard-form-field__control-disabled]=\"control()?.disabled()\"\r\n>\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"control()?.htmlId()\"\r\n >\r\n <ng-content select=\"ard-label, [ard-label]\" />\r\n </label>\r\n <div class=\"ard-form-field__input\">\r\n <ng-content />\r\n </div>\r\n <div\r\n class=\"ard-form-field__hints\"\r\n [class.ard-form-field__reserve-hint-line]=\"reserveHintLine()\"\r\n [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault\"\r\n >\r\n @if (hasAnyError()) {\r\n <div class=\"ard-form-field__error\">\r\n <ng-content select=\"ard-error, [ard-error]\" />\r\n </div>\r\n } @else {\r\n <div class=\"ard-form-field__hints-left\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n </div>\r\n <div class=\"ard-form-field__hints-right\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.ard-form-field__hints{display:flex;justify-content:space-between}.ard-form-field__hints>*{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8772
8793
|
}
|
|
8773
8794
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumFormFieldComponent, decorators: [{
|
|
8774
8795
|
type: Component,
|
|
8775
|
-
args: [{ selector: 'ard-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n>\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"
|
|
8796
|
+
args: [{ selector: 'ard-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n [class.ard-form-field__control-disabled]=\"control()?.disabled()\"\r\n>\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"control()?.htmlId()\"\r\n >\r\n <ng-content select=\"ard-label, [ard-label]\" />\r\n </label>\r\n <div class=\"ard-form-field__input\">\r\n <ng-content />\r\n </div>\r\n <div\r\n class=\"ard-form-field__hints\"\r\n [class.ard-form-field__reserve-hint-line]=\"reserveHintLine()\"\r\n [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault\"\r\n >\r\n @if (hasAnyError()) {\r\n <div class=\"ard-form-field__error\">\r\n <ng-content select=\"ard-error, [ard-error]\" />\r\n </div>\r\n } @else {\r\n <div class=\"ard-form-field__hints-left\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n </div>\r\n <div class=\"ard-form-field__hints-right\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.ard-form-field__hints{display:flex;justify-content:space-between}.ard-form-field__hints>*{display:flex;flex-direction:column}\n"] }]
|
|
8776
8797
|
}] });
|
|
8777
8798
|
|
|
8778
8799
|
class ArdiumHintComponent {
|
|
@@ -8793,7 +8814,6 @@ class ArdiumHorizontalFormFieldComponent {
|
|
|
8793
8814
|
this._DEFAULTS = inject(ARD_FORM_FIELD_DEFAULTS);
|
|
8794
8815
|
this.alignHintToLeftByDefault = this._DEFAULTS.defaultHintAlign === SimpleOneAxisAlignment.Left;
|
|
8795
8816
|
this.control = contentChild(_FormFieldComponentBase);
|
|
8796
|
-
this.controlId = computed(() => this.control()?.htmlId());
|
|
8797
8817
|
this.label = contentChild(ArdiumLabelComponent);
|
|
8798
8818
|
this.hints = contentChildren(ArdiumHintDirective);
|
|
8799
8819
|
this.errors = contentChildren(ArdiumErrorDirective);
|
|
@@ -8806,11 +8826,11 @@ class ArdiumHorizontalFormFieldComponent {
|
|
|
8806
8826
|
}
|
|
8807
8827
|
}
|
|
8808
8828
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHorizontalFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8809
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumHorizontalFormFieldComponent, selector: "ard-horizontal-form-field", inputs: { reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: _FormFieldComponentBase, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }], ngImport: i0, template: "<div\r\n class=\"ard-horizontal-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n>\r\n <div class=\"ard-form-field__label-container\">\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"
|
|
8829
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumHorizontalFormFieldComponent, selector: "ard-horizontal-form-field", inputs: { reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: _FormFieldComponentBase, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }], ngImport: i0, template: "<div\r\n class=\"ard-horizontal-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n [class.ard-form-field__control-disabled]=\"control()?.disabled()\"\r\n>\r\n <div class=\"ard-form-field__label-container\">\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"control()?.htmlId()\"\r\n >\r\n <ng-content select=\"ard-label, [ard-label]\" />\r\n </label>\r\n </div>\r\n <div class=\"ard-form-field__non-label\">\r\n <div class=\"ard-form-field__input\">\r\n <ng-content />\r\n </div>\r\n <div\r\n class=\"ard-form-field__hints\"\r\n [class.ard-form-field__reserve-hint-line]=\"reserveHintLine()\"\r\n [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault\"\r\n >\r\n @if (hasAnyError()) {\r\n <div class=\"ard-form-field__error\">\r\n <ng-content select=\"ard-error, [ard-error]\" />\r\n </div>\r\n } @else {\r\n <div class=\"ard-form-field__hints-left\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n </div>\r\n <div class=\"ard-form-field__hints-right\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints{display:flex;justify-content:space-between}.ard-form-field__hints>*{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8810
8830
|
}
|
|
8811
8831
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumHorizontalFormFieldComponent, decorators: [{
|
|
8812
8832
|
type: Component,
|
|
8813
|
-
args: [{ selector: 'ard-horizontal-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-horizontal-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n>\r\n <div class=\"ard-form-field__label-container\">\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"
|
|
8833
|
+
args: [{ selector: 'ard-horizontal-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-horizontal-form-field\"\r\n [class.ard-form-field__with-error]=\"control()?.hasError()\"\r\n [class.ard-form-field__is-success]=\"control()?.isSuccess()\"\r\n [class.ard-form-field__control-disabled]=\"control()?.disabled()\"\r\n>\r\n <div class=\"ard-form-field__label-container\">\r\n <label\r\n class=\"ard-label\"\r\n [attr.for]=\"control()?.htmlId()\"\r\n >\r\n <ng-content select=\"ard-label, [ard-label]\" />\r\n </label>\r\n </div>\r\n <div class=\"ard-form-field__non-label\">\r\n <div class=\"ard-form-field__input\">\r\n <ng-content />\r\n </div>\r\n <div\r\n class=\"ard-form-field__hints\"\r\n [class.ard-form-field__reserve-hint-line]=\"reserveHintLine()\"\r\n [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault\"\r\n >\r\n @if (hasAnyError()) {\r\n <div class=\"ard-form-field__error\">\r\n <ng-content select=\"ard-error, [ard-error]\" />\r\n </div>\r\n } @else {\r\n <div class=\"ard-form-field__hints-left\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n </div>\r\n <div class=\"ard-form-field__hints-right\">\r\n <div class=\"ard-form-field__default-hint\">\r\n <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n </div>\r\n <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints{display:flex;justify-content:space-between}.ard-form-field__hints>*{display:flex;flex-direction:column}\n"] }]
|
|
8814
8834
|
}] });
|
|
8815
8835
|
|
|
8816
8836
|
class ArdiumFormFieldModule {
|