@tekus/design-system 3.0.0 → 4.0.0

package/esm2022/components/forms/tk-form-input-field/tk-form-input-field.component.mjs

@@ -0,0 +1,199 @@
+import { Input, Output, Component, EventEmitter, } from '@angular/core';
+import { FormControl, FormsModule, ReactiveFormsModule, } from '@angular/forms';
+import { merge } from 'rxjs';
+import { MatFormFieldModule, } from '@angular/material/form-field';
+import { NgStyle } from '@angular/common';
+import { MatInputModule } from '@angular/material/input';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+export class TkFormInputFieldComponent {
+    /**
+     * @ignore
+     * Class constructor
+     */
+    constructor() {
+        /**
+         * What color palette to use
+         * @default 'accent'
+         */
+        this.theme = 'accent';
+        /**
+         * Whether the field is required
+         * @default true
+         */
+        this.required = true;
+        /**
+         * Form field label behavior
+         * @default 'auto'
+         */
+        this.floatLabel = 'auto';
+        /**
+         * Form field appearance
+         * @default 'fill'
+         */
+        this.appearance = 'fill';
+        /**
+         * Form field reserved space for one line by default.
+         * @default 'dynamic'
+         */
+        this.subscriptSizing = 'dynamic';
+        /**
+         * Input field label
+         */
+        this.fieldLabel = '';
+        /**
+         * Input field placeholder
+         * @default ''
+         */
+        this.placeHolder = '';
+        /**
+         * Input field control
+         * @ignore
+         */
+        this.formControl = new FormControl('');
+        /**
+         * Input field error message
+         * @ignore
+         */
+        this.errorMessage = '';
+        /**
+         * Optional validators for the field
+         * @default ''
+         */
+        this.validatorsWithMessages = {};
+        /**
+         * Optional async validators for the field
+         * @default ''
+         */
+        this.asyncValidatorsWithMessages = {};
+        /**
+         * Input field changes handler
+         */
+        this.inputStatus = new EventEmitter();
+        merge(this.formControl.statusChanges, this.formControl.valueChanges)
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => {
+            this.updateErrorMessage();
+        });
+    }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnInit() {
+        this.applyValidators();
+    }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes['validatorsWithMessages'] ||
+            changes['asyncValidatorsWithMessages']) {
+            this.applyValidators();
+        }
+    }
+    /**
+     * @ignore
+     * Component lifecycle method
+     */
+    isThereAnyValidator(validatorsWithMessages) {
+        return Object.keys(validatorsWithMessages).length > 0;
+    }
+    /**
+     * Applies all the passed validators
+     * @ignore
+     */
+    applyValidators() {
+        const hasSyncValidators = this.isThereAnyValidator(this.validatorsWithMessages);
+        const hasAsyncValidators = this.isThereAnyValidator(this.asyncValidatorsWithMessages);
+        const activeValidators = hasSyncValidators
+            ? Object.values(this.validatorsWithMessages).map(validatorWithMessage => validatorWithMessage.validator)
+            : [];
+        const activeAsyncValidators = hasAsyncValidators
+            ? Object.values(this.asyncValidatorsWithMessages).map(validatorWithMessage => validatorWithMessage.validator)
+            : [];
+        if (hasSyncValidators || hasAsyncValidators) {
+            this.formControl.setValidators(activeValidators);
+            this.formControl.setAsyncValidators(activeAsyncValidators);
+            this.formControl.updateValueAndValidity();
+        }
+    }
+    /**
+     * Checks if there is any validation error
+     * @ignore
+     */
+    checkValidationErrors(errors, validatorsWithMessages) {
+        for (const errorKey in errors) {
+            if (validatorsWithMessages[errorKey]) {
+                this.errorMessage = validatorsWithMessages[errorKey].message;
+            }
+        }
+    }
+    /**
+     * Emits the formControl variable every time the field value changes
+     * @ignore
+     */
+    onInputChanged() {
+        this.inputStatus.emit(this.formControl);
+    }
+    /**
+     * Updates the error message every time the input value changes
+     * @ignore
+     */
+    updateErrorMessage() {
+        this.errorMessage = '';
+        const errors = this.formControl.errors;
+        if (!errors) {
+            this.errorMessage = '';
+            return;
+        }
+        this.checkValidationErrors(errors, this.validatorsWithMessages);
+        this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);
+        this.onInputChanged();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormInputFieldComponent, isStandalone: true, selector: "lib-tk-form-input-field", inputs: { fieldWidth: "fieldWidth", fieldTitle: "fieldTitle", theme: "theme", required: "required", floatLabel: "floatLabel", appearance: "appearance", subscriptSizing: "subscriptSizing", fieldLabel: "fieldLabel", placeHolder: "placeHolder", inputPrefix: "inputPrefix", inputSuffix: "inputSuffix", validatorsWithMessages: "validatorsWithMessages", asyncValidatorsWithMessages: "asyncValidatorsWithMessages" }, outputs: { inputStatus: "inputStatus" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [floatLabel]=\"floatLabel\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        [required]=\"required\"\n        (input)=\"onInputChanged()\"\n        [placeholder]=\"placeHolder\"\n        [formControl]=\"formControl\"\n        (blur)=\"updateErrorMessage()\" />\n      @if (inputPrefix) {\n        <span class=\"form__field__label\" matTextPrefix\n          >{{ inputPrefix }}&nbsp;</span\n        >\n      }\n      @if (inputSuffix) {\n        <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n      }\n      @if (formControl.invalid) {\n        <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n      }\n    </mat-form-field>\n  </div>\n</section>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;width:fit-content;align-items:flex-start;justify-content:flex-start}.field{flex:1;display:flex;min-width:none;max-width:100%;align-items:flex-start;flex-flow:column nowrap;justify-content:flex-start}.form__field{width:100%;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.form__field__error{font-weight:400;font-style:normal;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;align-self:center;font-size:clamp(1rem,.94rem + .345vw,1.25rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormInputFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tk-form-input-field', standalone: true, imports: [
+                        NgStyle,
+                        FormsModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                    ], template: "<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [floatLabel]=\"floatLabel\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        [required]=\"required\"\n        (input)=\"onInputChanged()\"\n        [placeholder]=\"placeHolder\"\n        [formControl]=\"formControl\"\n        (blur)=\"updateErrorMessage()\" />\n      @if (inputPrefix) {\n        <span class=\"form__field__label\" matTextPrefix\n          >{{ inputPrefix }}&nbsp;</span\n        >\n      }\n      @if (inputSuffix) {\n        <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n      }\n      @if (formControl.invalid) {\n        <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n      }\n    </mat-form-field>\n  </div>\n</section>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;width:fit-content;align-items:flex-start;justify-content:flex-start}.field{flex:1;display:flex;min-width:none;max-width:100%;align-items:flex-start;flex-flow:column nowrap;justify-content:flex-start}.form__field{width:100%;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.form__field__error{font-weight:400;font-style:normal;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;align-self:center;font-size:clamp(1rem,.94rem + .345vw,1.25rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { fieldWidth: [{
+                type: Input
+            }], fieldTitle: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], fieldLabel: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], inputPrefix: [{
+                type: Input
+            }], inputSuffix: [{
+                type: Input
+            }], validatorsWithMessages: [{
+                type: Input
+            }], asyncValidatorsWithMessages: [{
+                type: Input
+            }], inputStatus: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1pbnB1dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvZm9ybXMvdGstZm9ybS1pbnB1dC1maWVsZC90ay1mb3JtLWlucHV0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWlucHV0LWZpZWxkL3RrLWZvcm0taW5wdXQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxFQUVULFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsV0FBVyxFQUNYLFdBQVcsRUFJWCxtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFHTCxrQkFBa0IsR0FFbkIsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQWdCaEUsTUFBTSxPQUFPLHlCQUF5QjtJQThHcEM7OztPQUdHO0lBQ0g7UUFuR0E7OztXQUdHO1FBRUksVUFBSyxHQUFrQixRQUFRLENBQUM7UUFFdkM7OztXQUdHO1FBRUksYUFBUSxHQUFHLElBQUksQ0FBQztRQUV2Qjs7O1dBR0c7UUFFSSxlQUFVLEdBQW1CLE1BQU0sQ0FBQztRQUUzQzs7O1dBR0c7UUFFSSxlQUFVLEdBQTJCLE1BQU0sQ0FBQztRQUVuRDs7O1dB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QyxXQUFXO3NCQURqQixLQUFLO2dCQVFDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBUUMsV0FBVztzQkFEakIsS0FBSztnQkFvQkMsc0JBQXNCO3NCQUQ1QixLQUFLO2dCQVFDLDJCQUEyQjtzQkFEakMsS0FBSztnQkFRQyxXQUFXO3NCQURqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBDb21wb25lbnQsXG4gIE9uQ2hhbmdlcyxcbiAgRXZlbnRFbWl0dGVyLFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEZvcm1Db250cm9sLFxuICBGb3Jtc01vZHVsZSxcbiAgVmFsaWRhdG9yRm4sXG4gIEFzeW5jVmFsaWRhdG9yRm4sXG4gIFZhbGlkYXRpb25FcnJvcnMsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICBGbG9hdExhYmVsVHlwZSxcbiAgU3Vic2NyaXB0U2l6aW5nLFxuICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gIE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgVmFsaWRhdG9yV2l0aE1lc3NhZ2UgfSBmcm9tICcuL21vZGVscy92YWxpZGF0b3Itd2l0aC1tZXNzYWdlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXRrLWZvcm0taW5wdXQtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdTdHlsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWZvcm0taW5wdXQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGstZm9ybS1pbnB1dC1maWVsZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrRm9ybUlucHV0RmllbGRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB3aWR0aFxuICAgKiBAZGVmYXVsdCAxMDAlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRXaWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogT3B0aW9uYWwgaW5wdXQgZmllbGQgdGl0bGVcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZpZWxkVGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFdoYXQgY29sb3IgcGFsZXR0ZSB0byB1c2VcbiAgICogQGRlZmF1bHQgJ2FjY2VudCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aGVtZT86IFRoZW1lUGFsZXR0ZSA9ICdhY2NlbnQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBmaWVsZCBpcyByZXF1aXJlZFxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVxdWlyZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGxhYmVsIGJlaGF2aW9yXG4gICAqIEBkZWZhdWx0ICdhdXRvJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZsb2F0TGFiZWw6IEZsb2F0TGFiZWxUeXBlID0gJ2F1dG8nO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGFwcGVhcmFuY2VcbiAgICogQGRlZmF1bHQgJ2ZpbGwnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9ICdmaWxsJztcblxuICAvKipcbiAgICogRm9ybSBmaWVsZCByZXNlcnZlZCBzcGFjZSBmb3Igb25lIGxpbmUgYnkgZGVmYXVsdC5cbiAgICogQGRlZmF1bHQgJ2R5bmFtaWMnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc3Vic2NyaXB0U2l6aW5nOiBTdWJzY3JpcHRTaXppbmcgPSAnZHluYW1pYyc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGxhYmVsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRMYWJlbCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBwbGFjZWhvbGRlclxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBsYWNlSG9sZGVyID0gJyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIElucHV0IGZpZWxkIHRleHQgcHJlZml4XG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaW5wdXRQcmVmaXg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIElucHV0IGZpZWxkIHRleHQgc3VmZml4XG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaW5wdXRTdWZmaXg/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNvbnRyb2xcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgZXJyb3IgbWVzc2FnZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZXJyb3JNZXNzYWdlOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogT3B0aW9uYWwgdmFsaWRhdG9ycyBmb3IgdGhlIGZpZWxkXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdmFsaWRhdG9yc1dpdGhNZXNzYWdlczogeyBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZSB9ID0ge307XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGFzeW5jIHZhbGlkYXRvcnMgZm9yIHRoZSBmaWVsZFxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlczogeyBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZSB9ID1cbiAgICB7fTtcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGlucHV0U3RhdHVzID0gbmV3IEV2ZW50RW1pdHRlcjxGb3JtQ29udHJvbD4oKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDbGFzcyBjb25zdHJ1Y3RvclxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgbWVyZ2UodGhpcy5mb3JtQ29udHJvbC5zdGF0dXNDaGFuZ2VzLCB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcylcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMudXBkYXRlRXJyb3JNZXNzYWdlKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDb21wb25lbnQgbGlmZWN5Y2xlIG1ldGhvZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5VmFsaWRhdG9ycygpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWyd2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2FzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcyddXG4gICAgKSB7XG4gICAgICB0aGlzLmFwcGx5VmFsaWRhdG9ycygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqL1xuICBwcml2YXRlIGlzVGhlcmVBbnlWYWxpZGF0b3IodmFsaWRhdG9yc1dpdGhNZXNzYWdlczoge1xuICAgIFtrZXk6IHN0cmluZ106IFZhbGlkYXRvcldpdGhNZXNzYWdlO1xuICB9KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKHZhbGlkYXRvcnNXaXRoTWVzc2FnZXMpLmxlbmd0aCA+IDA7XG4gIH1cblxuICAvKipcbiAgICogQXBwbGllcyBhbGwgdGhlIHBhc3NlZCB2YWxpZGF0b3JzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgYXBwbHlWYWxpZGF0b3JzKCk6IHZvaWQge1xuICAgIGNvbnN0IGhhc1N5bmNWYWxpZGF0b3JzID0gdGhpcy5pc1RoZXJlQW55VmFsaWRhdG9yKFxuICAgICAgdGhpcy52YWxpZGF0b3JzV2l0aE1lc3NhZ2VzXG4gICAgKTtcblxuICAgIGNvbnN0IGhhc0FzeW5jVmFsaWRhdG9ycyA9IHRoaXMuaXNUaGVyZUFueVZhbGlkYXRvcihcbiAgICAgIHRoaXMuYXN5bmNWYWxpZGF0b3JzV2l0aE1lc3NhZ2VzXG4gICAgKTtcblxuICAgIGNvbnN0IGFjdGl2ZVZhbGlkYXRvcnM6IFZhbGlkYXRvckZuW10gPSBoYXNTeW5jVmFsaWRhdG9yc1xuICAgICAgPyBPYmplY3QudmFsdWVzKHRoaXMudmFsaWRhdG9yc1dpdGhNZXNzYWdlcykubWFwKFxuICAgICAgICAgIHZhbGlkYXRvcldpdGhNZXNzYWdlID0+IHZhbGlkYXRvcldpdGhNZXNzYWdlLnZhbGlkYXRvclxuICAgICAgICApXG4gICAgICA6IFtdO1xuXG4gICAgY29uc3QgYWN0aXZlQXN5bmNWYWxpZGF0b3JzOiBBc3luY1ZhbGlkYXRvckZuW10gPSBoYXNBc3luY1ZhbGlkYXRvcnNcbiAgICAgID8gT2JqZWN0LnZhbHVlcyh0aGlzLmFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcykubWFwKFxuICAgICAgICAgIHZhbGlkYXRvcldpdGhNZXNzYWdlID0+XG4gICAgICAgICAgICB2YWxpZGF0b3JXaXRoTWVzc2FnZS52YWxpZGF0b3IgYXMgQXN5bmNWYWxpZGF0b3JGblxuICAgICAgICApXG4gICAgICA6IFtdO1xuXG4gICAgaWYgKGhhc1N5bmNWYWxpZGF0b3JzIHx8IGhhc0FzeW5jVmFsaWRhdG9ycykge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWxpZGF0b3JzKGFjdGl2ZVZhbGlkYXRvcnMpO1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5zZXRBc3luY1ZhbGlkYXRvcnMoYWN0aXZlQXN5bmNWYWxpZGF0b3JzKTtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVja3MgaWYgdGhlcmUgaXMgYW55IHZhbGlkYXRpb24gZXJyb3JcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBjaGVja1ZhbGlkYXRpb25FcnJvcnMoXG4gICAgZXJyb3JzOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCxcbiAgICB2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzOiB7XG4gICAgICBba2V5OiBzdHJpbmddOiBWYWxpZGF0b3JXaXRoTWVzc2FnZTtcbiAgICB9XG4gICk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgZXJyb3JLZXkgaW4gZXJyb3JzKSB7XG4gICAgICBpZiAodmFsaWRhdG9yc1dpdGhNZXNzYWdlc1tlcnJvcktleV0pIHtcbiAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB2YWxpZGF0b3JzV2l0aE1lc3NhZ2VzW2Vycm9yS2V5XS5tZXNzYWdlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgZm9ybUNvbnRyb2wgdmFyaWFibGUgZXZlcnkgdGltZSB0aGUgZmllbGQgdmFsdWUgY2hhbmdlc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgb25JbnB1dENoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dFN0YXR1cy5lbWl0KHRoaXMuZm9ybUNvbnRyb2wpO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZXMgdGhlIGVycm9yIG1lc3NhZ2UgZXZlcnkgdGltZSB0aGUgaW5wdXQgdmFsdWUgY2hhbmdlc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgdXBkYXRlRXJyb3JNZXNzYWdlKCk6IHZvaWQge1xuICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gJyc7XG4gICAgY29uc3QgZXJyb3JzID0gdGhpcy5mb3JtQ29udHJvbC5lcnJvcnM7XG5cbiAgICBpZiAoIWVycm9ycykge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAnJztcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNoZWNrVmFsaWRhdGlvbkVycm9ycyhlcnJvcnMsIHRoaXMudmFsaWRhdG9yc1dpdGhNZXNzYWdlcyk7XG4gICAgdGhpcy5jaGVja1ZhbGlkYXRpb25FcnJvcnMoZXJyb3JzLCB0aGlzLmFzeW5jVmFsaWRhdG9yc1dpdGhNZXNzYWdlcyk7XG4gICAgdGhpcy5vbklucHV0Q2hhbmdlZCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgQGlmIChmaWVsZFRpdGxlKSB7XG4gICAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImZpZWxkXCIgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCB9XCI+XG4gICAgPG1hdC1mb3JtLWZpZWxkXG4gICAgICBjbGFzcz1cImZvcm1fX2ZpZWxkXCJcbiAgICAgIFtjb2xvcl09XCJ0aGVtZVwiXG4gICAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICAgIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIlxuICAgICAgW3N1YnNjcmlwdFNpemluZ109XCJzdWJzY3JpcHRTaXppbmdcIj5cbiAgICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2VkKClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAoYmx1cik9XCJ1cGRhdGVFcnJvck1lc3NhZ2UoKVwiIC8+XG4gICAgICBAaWYgKGlucHV0UHJlZml4KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybV9fZmllbGRfX2xhYmVsXCIgbWF0VGV4dFByZWZpeFxuICAgICAgICAgID57eyBpbnB1dFByZWZpeCB9fSZuYnNwOzwvc3BhblxuICAgICAgICA+XG4gICAgICB9XG4gICAgICBAaWYgKGlucHV0U3VmZml4KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9ybV9fZmllbGRfX2xhYmVsXCIgbWF0VGV4dFN1ZmZpeD57eyBpbnB1dFN1ZmZpeCB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICAgIEBpZiAoZm9ybUNvbnRyb2wuaW52YWxpZCkge1xuICAgICAgICA8bWF0LWVycm9yIGNsYXNzPVwiZm9ybV9fZmllbGRfX2Vycm9yXCI+e3sgZXJyb3JNZXNzYWdlIH19PC9tYXQtZXJyb3I+XG4gICAgICB9XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/fesm2022/{tekus-design-system-components-tk-form-autocomplete-field.mjs → tekus-design-system-components-forms-tk-form-autocomplete-field.mjs}

@@ -242,4 +242,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
  */
 
 export { TkFormAutocompleteFieldComponent };
-//# sourceMappingURL=tekus-design-system-components-tk-form-autocomplete-field.mjs.map
+//# sourceMappingURL=tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map

package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-forms-tk-form-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnDestroy,\n  EventEmitter,\n  AfterViewInit,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocomplete,\n  MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  templateUrl: './tk-form-autocomplete-field.component.html',\n  styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl<string | Option>('');\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Whether the first option should be highlighted when the autocomplete panel is opened\n   * @default true\n   */\n  @Input()\n  public autoActiveFirstOption?: boolean = true;\n\n  /**\n   * Whether the active option should be selected as the user is navigating.\n   * @default true\n   */\n  @Input()\n  public autoSelectActiveOption?: boolean = true;\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Filtered options\n   * @ignore\n   */\n  public filteredOptions!: Observable<Option[]>;\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public options: Option[] = [];\n\n  /**\n   * Option changes handler\n   */\n  @Output()\n  public optionSelected = new EventEmitter<string | number>();\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Autocomplete bottom reached handler\n   */\n  @Output()\n  public bottomReached = new EventEmitter<void>();\n\n  /**\n   * Subscriptions property to handle all subscriptions\n   * @ignore\n   */\n  private subscriptions: Subscription = new Subscription();\n\n  /**\n   * Mat-autocomplete reference\n   * @ignore\n   */\n  @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.filteredOptions = this.formControl.valueChanges.pipe(\n      startWith(''),\n      map(value => {\n        const option = typeof value === 'string' ? value : value?.ViewValue;\n        return option ? this._filterOptions(option) : this.options.slice();\n      })\n    );\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngAfterViewInit(): void {\n    this.initAutocompleteListener();\n  }\n\n  /**\n   * Starts the autocomplete subscriptions\n   * @ignore\n   */\n  public initAutocompleteListener(): void {\n    const openedSubscription = this.onAutocompleteOpened();\n    const closedSubscription = this.onAutocompleteClosed();\n\n    this.subscriptions.add(openedSubscription);\n    this.subscriptions.add(closedSubscription);\n  }\n\n  /**\n   * Handles the autocomplete opened event\n   * @ignore\n   */\n  private onAutocompleteOpened(): Subscription {\n    return this.matAutocomplete.opened.subscribe(() => {\n      setTimeout(() => {\n        const panel = this.matAutocomplete.panel?.nativeElement;\n        if (panel) {\n          panel.addEventListener('scroll', this.onScroll.bind(this));\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles the autocomplete closed event\n   * @ignore\n   */\n  private onAutocompleteClosed(): Subscription {\n    return this.matAutocomplete.closed.subscribe(() => {\n      const panel = this.matAutocomplete.panel?.nativeElement;\n      if (panel) {\n        panel.removeEventListener('scroll', this.onScroll.bind(this));\n      }\n    });\n  }\n\n  /**\n   * Handles the scrolling event\n   * @ignore\n   */\n  private onScroll(event: Event) {\n    const panel = event.target as HTMLElement;\n    const scrollTop = panel.scrollTop;\n    const scrollHeight = panel.scrollHeight;\n    const offsetHeight = panel.offsetHeight;\n\n    if (scrollTop + offsetHeight >= scrollHeight) {\n      this.onScrolledToEnd();\n    }\n  }\n\n  /**\n   * Emits the bottomReached when the user reaches the end of the autocomplete panel\n   * @ignore\n   */\n  private onScrolledToEnd(): void {\n    this.bottomReached.emit();\n  }\n\n  /**\n   * Conditions the options' view to display the view value\n   * @ignore\n   */\n  public displayFn(option: Option | null): string {\n    return option?.ViewValue ? option.ViewValue : '';\n  }\n\n  /**\n   * Filters the options according to the input value\n   * @ignore\n   */\n  private _filterOptions(value: string): Option[] {\n    const filterValue = value.toLowerCase();\n\n    return this.options.filter(option =>\n      option.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n\n  /**\n   * Emits the selected option every time it changes\n   * @ignore\n   */\n  public onSelectionChanged(option: Option): void {\n    this.optionSelected.emit(option.Value);\n  }\n\n  /**\n   * Emits the formControl variable every time the input value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions when the component is destroyed\n   * @ignore\n   */\n  ngOnDestroy() {\n    this.subscriptions?.unsubscribe();\n  }\n}\n","<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        aria-label=\"Option\"\n        [required]=\"required\"\n        [matAutocomplete]=\"auto\"\n        (input)=\"onInputChanged()\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeHolder\" />\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        [displayWith]=\"displayFn\"\n        [autoActiveFirstOption]=\"autoActiveFirstOption\"\n        [autoSelectActiveOption]=\"autoSelectActiveOption\"\n        (optionSelected)=\"onSelectionChanged($event.option.value)\">\n        @for (option of filteredOptions | async; track option.Value) {\n          <mat-option [value]=\"option\">\n            <span>{{ option.ViewValue }}</span>\n          </mat-option>\n        }\n      </mat-autocomplete>\n    </mat-form-field>\n  </div>\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/{tekus-design-system-components-tk-form-chips-autocomplete-field.mjs → tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs}

@@ -171,4 +171,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
  */
 
 export { TkFormChipsAutocompleteFieldComponent };
-//# sourceMappingURL=tekus-design-system-components-tk-form-chips-autocomplete-field.mjs.map
+//# sourceMappingURL=tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map

package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  Component,\n  ViewChild,\n  ElementRef,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-chips-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatIconModule,\n    MatChipsModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './tk-form-chips-autocomplete-field.component.html',\n  styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent {\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n  /**\n   * Selected keywords\n   * @ignore\n   */\n  public keywords: Option[] = [];\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Keywords changes handler\n   */\n  @Output()\n  public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n  /**\n   * Separator constants\n   * @ignore\n   */\n  public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public allKeywords: Option[] = [];\n\n  /**\n   * Filtered keywords after the input field changes\n   * @ignore\n   */\n  public readonly filteredKeywords: Observable<Option[]>;\n\n  /**\n   * Keyword Input element reference\n   * @ignore\n   */\n  @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    this.filteredKeywords = this.formControl.valueChanges.pipe(\n      startWith(null),\n      map((keyword: string | null) =>\n        keyword ? this._filter(String(keyword)) : this.allKeywords.slice()\n      )\n    );\n  }\n\n  /**\n   * Handles every keyword deletion\n   * @ignore\n   */\n  public remove(keyword: Option): void {\n    const index = this.keywords.indexOf(keyword);\n\n    if (index >= 0) {\n      this.keywords.splice(index, 1);\n      this.onKeywordsChanged();\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Emits the selected keywords every time they changed\n   * @ignore\n   */\n  public onKeywordsChanged(): void {\n    this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n  }\n\n  /**\n   * Handles the autocomplete selection\n   * @ignore\n   */\n  public selected(event: MatAutocompleteSelectedEvent): void {\n    const value = event.option.value;\n    const selectedKeyword = this.allKeywords.find(\n      option => option.Value === value\n    );\n\n    if (\n      selectedKeyword &&\n      !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n    ) {\n      this.keywords.push(selectedKeyword);\n      this.onKeywordsChanged();\n    }\n\n    this.keywordInput.nativeElement.value = '';\n    this.formControl.setValue(null);\n  }\n\n  /**\n   * Filters the keywords based on the input\n   * @ignore\n   */\n  private _filter(value: string): Option[] {\n    this.onInputChanged();\n    const filterValue = value.toLowerCase();\n\n    return this.allKeywords.filter(keyword =>\n      keyword.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n}\n","<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n        @for (keyword of keywords; track keyword.Value) {\n          <mat-chip-row (removed)=\"remove(keyword)\">\n            {{ keyword.ViewValue }}\n            <button\n              matChipRemove\n              [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input\n        #keywordInput\n        [matAutocomplete]=\"auto\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"placeHolder\"\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n      <mat-autocomplete\n        #auto=\"matAutocomplete\"\n        (optionSelected)=\"selected($event)\">\n        @for (keyword of filteredKeywords | async; track keyword.Value) {\n          <mat-option [value]=\"keyword.Value\">{{\n            keyword.ViewValue\n          }}</mat-option>\n        }\n      </mat-autocomplete>\n    </mat-form-field>\n  </div>\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/{tekus-design-system-components-tk-form-input-field.mjs → tekus-design-system-components-forms-tk-form-input-field.mjs}

@@ -203,4 +203,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
  */
 
 export { TkFormInputFieldComponent };
-//# sourceMappingURL=tekus-design-system-components-tk-form-input-field.mjs.map
+//# sourceMappingURL=tekus-design-system-components-forms-tk-form-input-field.mjs.map

package/fesm2022/tekus-design-system-components-forms-tk-form-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-forms-tk-form-input-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.ts","../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.html","../../../projects/design-system/components/forms/tk-form-input-field/tekus-design-system-components-forms-tk-form-input-field.ts"],"sourcesContent":["import {\n  Input,\n  OnInit,\n  Output,\n  Component,\n  OnChanges,\n  EventEmitter,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  FormControl,\n  FormsModule,\n  ValidatorFn,\n  AsyncValidatorFn,\n  ValidationErrors,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { merge } from 'rxjs';\nimport {\n  FloatLabelType,\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport { NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ValidatorWithMessage } from './models/validator-with-message.model';\n\n@Component({\n  selector: 'lib-tk-form-input-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  templateUrl: './tk-form-input-field.component.html',\n  styleUrl: './tk-form-input-field.component.scss',\n})\nexport class TkFormInputFieldComponent implements OnInit, OnChanges {\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Form field label behavior\n   * @default 'auto'\n   */\n  @Input()\n  public floatLabel: FloatLabelType = 'auto';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional Input field text prefix\n   * @default ''\n   */\n  @Input()\n  public inputPrefix?: string;\n\n  /**\n   * Optional Input field text suffix\n   * @default ''\n   */\n  @Input()\n  public inputSuffix?: string;\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n\n  /**\n   * Input field error message\n   * @ignore\n   */\n  public errorMessage: string = '';\n\n  /**\n   * Optional validators for the field\n   * @default ''\n   */\n  @Input()\n  public validatorsWithMessages: { [key: string]: ValidatorWithMessage } = {};\n\n  /**\n   * Optional async validators for the field\n   * @default ''\n   */\n  @Input()\n  public asyncValidatorsWithMessages: { [key: string]: ValidatorWithMessage } =\n    {};\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    merge(this.formControl.statusChanges, this.formControl.valueChanges)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => {\n        this.updateErrorMessage();\n      });\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.applyValidators();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      changes['validatorsWithMessages'] ||\n      changes['asyncValidatorsWithMessages']\n    ) {\n      this.applyValidators();\n    }\n  }\n\n  /**\n   * @ignore\n   * Component lifecycle method\n   */\n  private isThereAnyValidator(validatorsWithMessages: {\n    [key: string]: ValidatorWithMessage;\n  }): boolean {\n    return Object.keys(validatorsWithMessages).length > 0;\n  }\n\n  /**\n   * Applies all the passed validators\n   * @ignore\n   */\n  private applyValidators(): void {\n    const hasSyncValidators = this.isThereAnyValidator(\n      this.validatorsWithMessages\n    );\n\n    const hasAsyncValidators = this.isThereAnyValidator(\n      this.asyncValidatorsWithMessages\n    );\n\n    const activeValidators: ValidatorFn[] = hasSyncValidators\n      ? Object.values(this.validatorsWithMessages).map(\n          validatorWithMessage => validatorWithMessage.validator\n        )\n      : [];\n\n    const activeAsyncValidators: AsyncValidatorFn[] = hasAsyncValidators\n      ? Object.values(this.asyncValidatorsWithMessages).map(\n          validatorWithMessage =>\n            validatorWithMessage.validator as AsyncValidatorFn\n        )\n      : [];\n\n    if (hasSyncValidators || hasAsyncValidators) {\n      this.formControl.setValidators(activeValidators);\n      this.formControl.setAsyncValidators(activeAsyncValidators);\n      this.formControl.updateValueAndValidity();\n    }\n  }\n\n  /**\n   * Checks if there is any validation error\n   * @ignore\n   */\n  private checkValidationErrors(\n    errors: ValidationErrors | null,\n    validatorsWithMessages: {\n      [key: string]: ValidatorWithMessage;\n    }\n  ): void {\n    for (const errorKey in errors) {\n      if (validatorsWithMessages[errorKey]) {\n        this.errorMessage = validatorsWithMessages[errorKey].message;\n      }\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Updates the error message every time the input value changes\n   * @ignore\n   */\n  public updateErrorMessage(): void {\n    this.errorMessage = '';\n    const errors = this.formControl.errors;\n\n    if (!errors) {\n      this.errorMessage = '';\n      return;\n    }\n\n    this.checkValidationErrors(errors, this.validatorsWithMessages);\n    this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);\n    this.onInputChanged();\n  }\n}\n","<section class=\"section\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <div class=\"field\" [ngStyle]=\"{ width: fieldWidth }\">\n    <mat-form-field\n      class=\"form__field\"\n      [color]=\"theme\"\n      [appearance]=\"appearance\"\n      [floatLabel]=\"floatLabel\"\n      [subscriptSizing]=\"subscriptSizing\">\n      <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n      <input\n        matInput\n        [required]=\"required\"\n        (input)=\"onInputChanged()\"\n        [placeholder]=\"placeHolder\"\n        [formControl]=\"formControl\"\n        (blur)=\"updateErrorMessage()\" />\n      @if (inputPrefix) {\n        <span class=\"form__field__label\" matTextPrefix\n          >{{ inputPrefix }}&nbsp;</span\n        >\n      }\n      @if (inputSuffix) {\n        <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n      }\n      @if (formControl.invalid) {\n        <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n      }\n    </mat-form-field>\n  </div>\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}