ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-data-source-picker.component-Dzz_o6fJ.mjs

@@ -0,0 +1,261 @@
+import * as i0 from '@angular/core';
+import { signal, input, output, inject, ElementRef, computed, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { DataSources } from 'ngx-t-forms-types';
+import { E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { MatChipListEditorComponent } from './ngx-t-forms-mat-chip-list-editor.component-c7uZT1sr.mjs';
+import { PipelineGeneratorComponent } from './ngx-t-forms-pipeline-generator.component-DmNSc5aw.mjs';
+import { RequiredInputsComponent } from './ngx-t-forms-required-inputs.component-Ch2yNcIS.mjs';
+import { RestApiCallSetupComponent } from './ngx-t-forms-rest-api-call-setup.component-C_aFtdvW.mjs';
+
+/**
+ * Internal editor element for configuring a report's data sources (API calls and
+ * MongoDB pipelines). It is a real `MatFormFieldControl`, rendered by
+ * `t-dynamic-data-edit` inside a `<mat-form-field>` — so the parent owns the
+ * surrounding label, hint, and validation errors, and this component owns only
+ * the source list, the inline editor card, and the add affordance.
+ *
+ * NOTE: `MatFormFieldControl<T>` mandates plain mutable `value` / `disabled` /
+ * `required` / `placeholder` / `id` members, `@Input()` decorators, the
+ * `focused` / `touched` / `stateChanges` members, and the `useExisting`
+ * provider. These are framework wiring, not defects — the CLAUDE.md bans on
+ * `@Input()` / `useExisting` do not apply to MatFormFieldControl integration.
+ */
+class DataSourcePickerComponent {
+    constructor() {
+        /** Emits whenever a piece of `MatFormFieldControl` state changes. */
+        this.stateChanges = new Subject();
+        this.controlType = 'lib-data-source-picker';
+        this.id = `lib-data-source-picker-${DataSourcePickerComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.touched = false;
+        this.required = false;
+        this.describedBy = '';
+        this.autofilled = false;
+        this.userAriaDescribedBy = undefined;
+        this.disableAutomaticLabeling = undefined;
+        /** Validation errors surfaced by the parent for error-state derivation. */
+        this.errors = [];
+        this.#disabled = false;
+        // Mirror of the plain MFC `value` member, so the template + computeds react.
+        this.#value = signal(undefined, ...(ngDevMode ? [{ debugName: "#value" }] : /* istanbul ignore next */ []));
+        // Mirror of the plain `editorConfig` member, so the template reacts.
+        this.#editorConfig = signal(undefined, ...(ngDevMode ? [{ debugName: "#editorConfig" }] : /* istanbul ignore next */ []));
+        /** All available form inputs the user can map a required input to. */
+        this.formInputs = input([], ...(ngDevMode ? [{ debugName: "formInputs" }] : /* istanbul ignore next */ []));
+        /** Emits the mutated data-source list whenever the user adds or removes a source. */
+        this.valueChange = output();
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        this.#elementRef = inject(ElementRef);
+        /** Source-type enum, exposed to the template. */
+        this.dataSources = DataSources;
+        /** The selectable source types in the chip selector. */
+        this.dataSourceOptions = [
+            { label: 'API', value: DataSources.Api },
+            { label: 'MongoDB', value: DataSources.MongoDb },
+        ];
+        /** The in-edit draft, or `undefined` when the editor card is closed. */
+        this.draft = signal(undefined, ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        /** Decorated rows for the configured-source list. */
+        this.rows = computed(() => (this.#value() ?? []).map((source, index) => ({
+            source,
+            name: this.#name(source, index),
+            icon: source.source === DataSources.Api ? 'api' : 'storage',
+            endpoint: this.#endpoint(source),
+            isApi: source.source === DataSources.Api,
+        })), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        /** Whether any data source is configured. */
+        this.hasSources = computed(() => (this.#value() ?? []).length > 0, ...(ngDevMode ? [{ debugName: "hasSources" }] : /* istanbul ignore next */ []));
+        /** The `minimumInputRequired` list of the draft's API config, or `undefined`. */
+        this.draftMinimumInputRequired = computed(() => {
+            const config = this.draft()?.config;
+            if (!config || !this.#isApiConfig(config)) {
+                return undefined;
+            }
+            return config.backEndConfig?.minimumInputRequired;
+        }, ...(ngDevMode ? [{ debugName: "draftMinimumInputRequired" }] : /* istanbul ignore next */ []));
+        this.onTouched = () => { };
+    }
+    static { this.nextId = 0; }
+    #disabled;
+    /** Whether the control is inert. */
+    get disabled() {
+        return this.#disabled;
+    }
+    set disabled(value) {
+        this.#disabled = value;
+        this.stateChanges.next();
+    }
+    // Mirror of the plain MFC `value` member, so the template + computeds react.
+    #value;
+    /** Current list of configured data sources. */
+    get value() {
+        return this.#value();
+    }
+    set value(value) {
+        if (this.#value() === value) {
+            return;
+        }
+        this.#value.set(value);
+        this.stateChanges.next();
+    }
+    // Mirror of the plain `editorConfig` member, so the template reacts.
+    #editorConfig;
+    /** Editor configuration supplying postman / workflow option providers. */
+    get editorConfig() {
+        return this.#editorConfig();
+    }
+    set editorConfig(config) {
+        this.#editorConfig.set(config);
+    }
+    #elementRef;
+    // ---- MatFormFieldControl getters (read during the framework's CD) --------
+    get empty() {
+        return (this.#value() ?? []).length === 0;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const requiredUnset = this.empty && this.required;
+        const ngControlError = this.ngControl?.errors != null;
+        const externalError = (this.errors?.length ?? 0) > 0 && this.touched;
+        return requiredUnset || ngControlError || externalError;
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+        const el = this.#elementRef.nativeElement;
+        const control = el.querySelector('.lib-data-source-picker__list');
+        control?.setAttribute('aria-describedby', this.describedBy);
+        this.stateChanges.next();
+    }
+    onContainerClick() {
+        this.markAsTouched();
+        if (!this.focused) {
+            this.focused = true;
+        }
+        this.stateChanges.next();
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.touched = true;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    // ---- Draft editing -------------------------------------------------------
+    /** Open the editor card with an empty draft. */
+    startEditing() {
+        this.draft.set({});
+    }
+    /** Discard the draft and close the editor card. */
+    cancelEditing() {
+        this.draft.set(undefined);
+    }
+    /** Set the draft's source type. Child chip editor emits an unknown payload. */
+    sourceTypeChanged(source) {
+        this.draft.update((current) => current ? { ...current, source: source } : current);
+    }
+    /** Set the draft's source config (API setup or pipeline). */
+    sourceConfigChanged(config) {
+        this.draft.update((current) => (current ? { ...current, config } : current));
+    }
+    /** Merge the required-input list into the draft's API config. */
+    minimumInputRequiredValueChanged(value) {
+        this.draft.update((current) => {
+            if (!current?.config || !this.#isApiConfig(current.config)) {
+                return current;
+            }
+            const config = {
+                ...current.config,
+                backEndConfig: { ...current.config.backEndConfig, minimumInputRequired: value },
+            };
+            return { ...current, config };
+        });
+    }
+    /** Commit the draft as a new source (assigning a fresh id) and emit. */
+    saveNewSource() {
+        const current = this.draft();
+        if (!current) {
+            return;
+        }
+        const data = { ...current, id: crypto.randomUUID() };
+        const next = [...(this.#value() ?? []), data];
+        this.value = next;
+        this.draft.set(undefined);
+        this.markAsTouched();
+        this.valueChange.emit(next);
+    }
+    /** Remove a configured source by id and emit. */
+    removeSource(source) {
+        const current = this.#value();
+        if (!current) {
+            return;
+        }
+        const next = current.filter((item) => item.id !== source.id);
+        this.value = next;
+        this.markAsTouched();
+        this.valueChange.emit(next);
+    }
+    #name(value, index) {
+        if (this.#isApiConfig(value.config) && value.config.name) {
+            return value.config.name;
+        }
+        return value.source === DataSources.Api ? `API ${index + 1}` : `MongoDB ${index + 1}`;
+    }
+    #endpoint(value) {
+        if (this.#isApiConfig(value.config)) {
+            return value.config.httpEndPoint ?? '';
+        }
+        return value.config.workflowId ?? '';
+    }
+    #isApiConfig(config) {
+        return config?.source === DataSources.Api;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DataSourcePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DataSourcePickerComponent, isStandalone: true, selector: "lib-data-source-picker", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, editorConfig: { classPropertyName: "editorConfig", publicName: "editorConfig", isSignal: false, isRequired: false, transformFunction: null }, formInputs: { classPropertyName: "formInputs", publicName: "formInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "id", "class.lib-data-source-picker--focused": "focused", "class.lib-data-source-picker--disabled": "disabled" }, classAttribute: "lib-data-source-picker" }, providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent }], ngImport: i0, template: "<div class=\"lib-data-source-picker__list\">\n  @if (hasSources()) {\n    <mat-list class=\"lib-data-source-picker__sources\">\n      @for (row of rows(); track row.source.id) {\n        <mat-list-item\n          class=\"lib-data-source-picker__source\"\n          matTooltipPosition=\"before\"\n          [matTooltip]=\"row.source.source + ' ' + row.endpoint\">\n          <mat-icon\n            matListItemIcon\n            class=\"lib-data-source-picker__icon\"\n            [class.lib-data-source-picker__icon--api]=\"row.isApi\">\n            {{ row.icon }}\n          </mat-icon>\n          <span matListItemTitle class=\"lib-data-source-picker__name\">{{ row.name }}</span>\n          <span matListItemLine class=\"lib-data-source-picker__endpoint\">{{ row.endpoint }}</span>\n          <button\n            matListItemMeta\n            mat-icon-button\n            type=\"button\"\n            [attr.aria-label]=\"'Remove ' + row.name\"\n            [disabled]=\"disabled\"\n            (click)=\"removeSource(row.source)\">\n            <mat-icon>delete</mat-icon>\n          </button>\n        </mat-list-item>\n      }\n    </mat-list>\n  } @else {\n    <lib-empty-state icon=\"storage\" message=\"No data sources configured. Add one to get started.\" />\n  }\n</div>\n\n@if (draft(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-data-source-picker__editor\">\n    <mat-card-content>\n      <label [attr.for]=\"id + '-type'\" class=\"lib-data-source-picker__label\">Select source type</label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-type'\"\n        [value]=\"draft.source\"\n        [options]=\"dataSourceOptions\"\n        (valueChange)=\"sourceTypeChanged($event)\" />\n\n      @if (draft.source !== undefined) {\n        @switch (draft.source) {\n          @case (dataSources.Api) {\n            <label [attr.for]=\"id + '-api'\" class=\"lib-data-source-picker__label\">Select API</label>\n            <lib-rest-api-call-setup\n              [id]=\"id + '-api'\"\n              [postmanCollectionConfig]=\"editorConfig?.postmanCollectionConfig\"\n              [httpGetDataFunction]=\"editorConfig?.httpGetDataFunction\"\n              [value]=\"$any(draft.config)\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n\n            @if (draftMinimumInputRequired(); as minimumInputRequired) {\n              <lib-required-inputs\n                [id]=\"id + '-required-inputs'\"\n                [formInputs]=\"formInputs() || []\"\n                [value]=\"minimumInputRequired\"\n                [errors]=\"[]\"\n                (valueChanged)=\"minimumInputRequiredValueChanged($event)\" />\n            }\n          }\n          @case (dataSources.MongoDb) {\n            <label [attr.for]=\"id + '-pipeline'\" class=\"lib-data-source-picker__label\">Add a MongoDB pipeline</label>\n            <lib-pipeline-generator\n              [id]=\"id + '-pipeline'\"\n              [value]=\"$any(draft.config)\"\n              [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n          }\n        }\n      }\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-data-source-picker__actions\">\n      <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"saveNewSource()\">Save source</button>\n      <span class=\"lib-data-source-picker__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEditing()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-data-source-picker__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startEditing()\">\n    <mat-icon>add</mat-icon>\n    Add data source\n  </button>\n}\n", styles: [":host{display:block}.lib-data-source-picker__list{display:block}.lib-data-source-picker__sources{padding:0}.lib-data-source-picker__source{border-radius:var(--lib-forms-radius-sm, 8px)}.lib-data-source-picker__icon{color:var(--lib-forms-on-surface-variant)}.lib-data-source-picker__icon--api{color:var(--lib-forms-primary)}.lib-data-source-picker__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-data-source-picker__endpoint{color:var(--lib-forms-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-data-source-picker__editor{margin-top:1.5rem;background:var(--lib-forms-surface)}.lib-data-source-picker__label{display:block;margin-top:.75rem;margin-bottom:.5rem;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-data-source-picker__actions{display:flex;align-items:center;margin-top:1.5rem}.lib-data-source-picker__spacer{flex:1 1 auto}.lib-data-source-picker__add{width:100%;margin-top:1.5rem}:host(.lib-data-source-picker--disabled){opacity:.55;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: EmptyStateComponent, selector: "lib-empty-state", inputs: ["icon", "message"] }, { kind: "component", type: MatChipListEditorComponent, selector: "lib-mat-chip-list-editor", inputs: ["disabled", "multiple", "required", "errors", "value", "options"], outputs: ["valueChange"] }, { kind: "component", type: PipelineGeneratorComponent, selector: "lib-pipeline-generator", inputs: ["disabled", "value", "getWorkflowOptions", "userName", "errors"], outputs: ["valueChanged"] }, { kind: "component", type: RequiredInputsComponent, selector: "lib-required-inputs", inputs: ["value", "formInputs", "disabled", "errors", "id"], outputs: ["valueChanged"] }, { kind: "component", type: RestApiCallSetupComponent, selector: "lib-rest-api-call-setup", inputs: ["id", "postmanCollectionConfig", "httpGetDataFunction", "disabled", "value", "errors"], outputs: ["valueChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DataSourcePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-data-source-picker', imports: [
+                        MatButtonModule,
+                        MatCardModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatTooltipModule,
+                        EmptyStateComponent,
+                        MatChipListEditorComponent,
+                        PipelineGeneratorComponent,
+                        RequiredInputsComponent,
+                        RestApiCallSetupComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent }], host: {
+                        'class': 'lib-data-source-picker',
+                        '[attr.id]': 'id',
+                        '[class.lib-data-source-picker--focused]': 'focused',
+                        '[class.lib-data-source-picker--disabled]': 'disabled',
+                    }, template: "<div class=\"lib-data-source-picker__list\">\n  @if (hasSources()) {\n    <mat-list class=\"lib-data-source-picker__sources\">\n      @for (row of rows(); track row.source.id) {\n        <mat-list-item\n          class=\"lib-data-source-picker__source\"\n          matTooltipPosition=\"before\"\n          [matTooltip]=\"row.source.source + ' ' + row.endpoint\">\n          <mat-icon\n            matListItemIcon\n            class=\"lib-data-source-picker__icon\"\n            [class.lib-data-source-picker__icon--api]=\"row.isApi\">\n            {{ row.icon }}\n          </mat-icon>\n          <span matListItemTitle class=\"lib-data-source-picker__name\">{{ row.name }}</span>\n          <span matListItemLine class=\"lib-data-source-picker__endpoint\">{{ row.endpoint }}</span>\n          <button\n            matListItemMeta\n            mat-icon-button\n            type=\"button\"\n            [attr.aria-label]=\"'Remove ' + row.name\"\n            [disabled]=\"disabled\"\n            (click)=\"removeSource(row.source)\">\n            <mat-icon>delete</mat-icon>\n          </button>\n        </mat-list-item>\n      }\n    </mat-list>\n  } @else {\n    <lib-empty-state icon=\"storage\" message=\"No data sources configured. Add one to get started.\" />\n  }\n</div>\n\n@if (draft(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-data-source-picker__editor\">\n    <mat-card-content>\n      <label [attr.for]=\"id + '-type'\" class=\"lib-data-source-picker__label\">Select source type</label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-type'\"\n        [value]=\"draft.source\"\n        [options]=\"dataSourceOptions\"\n        (valueChange)=\"sourceTypeChanged($event)\" />\n\n      @if (draft.source !== undefined) {\n        @switch (draft.source) {\n          @case (dataSources.Api) {\n            <label [attr.for]=\"id + '-api'\" class=\"lib-data-source-picker__label\">Select API</label>\n            <lib-rest-api-call-setup\n              [id]=\"id + '-api'\"\n              [postmanCollectionConfig]=\"editorConfig?.postmanCollectionConfig\"\n              [httpGetDataFunction]=\"editorConfig?.httpGetDataFunction\"\n              [value]=\"$any(draft.config)\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n\n            @if (draftMinimumInputRequired(); as minimumInputRequired) {\n              <lib-required-inputs\n                [id]=\"id + '-required-inputs'\"\n                [formInputs]=\"formInputs() || []\"\n                [value]=\"minimumInputRequired\"\n                [errors]=\"[]\"\n                (valueChanged)=\"minimumInputRequiredValueChanged($event)\" />\n            }\n          }\n          @case (dataSources.MongoDb) {\n            <label [attr.for]=\"id + '-pipeline'\" class=\"lib-data-source-picker__label\">Add a MongoDB pipeline</label>\n            <lib-pipeline-generator\n              [id]=\"id + '-pipeline'\"\n              [value]=\"$any(draft.config)\"\n              [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n          }\n        }\n      }\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-data-source-picker__actions\">\n      <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"saveNewSource()\">Save source</button>\n      <span class=\"lib-data-source-picker__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEditing()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-data-source-picker__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startEditing()\">\n    <mat-icon>add</mat-icon>\n    Add data source\n  </button>\n}\n", styles: [":host{display:block}.lib-data-source-picker__list{display:block}.lib-data-source-picker__sources{padding:0}.lib-data-source-picker__source{border-radius:var(--lib-forms-radius-sm, 8px)}.lib-data-source-picker__icon{color:var(--lib-forms-on-surface-variant)}.lib-data-source-picker__icon--api{color:var(--lib-forms-primary)}.lib-data-source-picker__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-data-source-picker__endpoint{color:var(--lib-forms-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-data-source-picker__editor{margin-top:1.5rem;background:var(--lib-forms-surface)}.lib-data-source-picker__label{display:block;margin-top:.75rem;margin-bottom:.5rem;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-data-source-picker__actions{display:flex;align-items:center;margin-top:1.5rem}.lib-data-source-picker__spacer{flex:1 1 auto}.lib-data-source-picker__add{width:100%;margin-top:1.5rem}:host(.lib-data-source-picker--disabled){opacity:.55;pointer-events:none}\n"] }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], editorConfig: [{
+                type: Input
+            }], formInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "formInputs", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+export { DataSourcePickerComponent };
+//# sourceMappingURL=ngx-t-forms-data-source-picker.component-Dzz_o6fJ.mjs.map

package/fesm2022/ngx-t-forms-data-source-picker.component-Dzz_o6fJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-data-source-picker.component-Dzz_o6fJ.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/data-source-picker/data-source-picker.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/data-source-picker/data-source-picker.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { Subject } from 'rxjs';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport {\n  APIDataFetchingConfigurationInterface,\n  DataSources,\n  ElementEditorInnerSectionElementInterface,\n  FormColumnInputs,\n  IReportDataSources,\n  MinimumInputRequiredInterface,\n  MongoDbPipeLineConfigInterface,\n} from 'ngx-t-forms-types';\nimport type { IConfigElementError } from '../../t-dynamic-data-edit.component';\nimport { EmptyStateComponent } from '../_shared/empty-state/empty-state.component';\nimport { MatChipListEditorComponent } from '../mat-chip-list-editor/mat-chip-list-editor.component';\nimport { PipelineGeneratorComponent } from '../pipeline-generator/pipeline-generator.component';\nimport { RequiredInputsComponent } from '../required-inputs/required-inputs.component';\nimport { RestApiCallSetupComponent } from '../rest-api-call-setup/rest-api-call-setup.component';\n\n/** Source-type option rendered in the chip selector. */\ninterface DataSourceOption {\n  label: string;\n  value: DataSources;\n}\n\n/** A configured data source decorated with the derived fields the list row renders. */\ninterface DataSourceRow {\n  readonly source: IReportDataSources;\n  readonly name: string;\n  readonly icon: string;\n  readonly endpoint: string;\n  readonly isApi: boolean;\n}\n\n/** The in-edit working draft: a partial source being composed before save. */\ntype DataSourceDraft = Partial<IReportDataSources>;\n\n/**\n * Internal editor element for configuring a report's data sources (API calls and\n * MongoDB pipelines). It is a real `MatFormFieldControl`, rendered by\n * `t-dynamic-data-edit` inside a `<mat-form-field>` — so the parent owns the\n * surrounding label, hint, and validation errors, and this component owns only\n * the source list, the inline editor card, and the add affordance.\n *\n * NOTE: `MatFormFieldControl<T>` mandates plain mutable `value` / `disabled` /\n * `required` / `placeholder` / `id` members, `@Input()` decorators, the\n * `focused` / `touched` / `stateChanges` members, and the `useExisting`\n * provider. These are framework wiring, not defects — the CLAUDE.md bans on\n * `@Input()` / `useExisting` do not apply to MatFormFieldControl integration.\n */\n@Component({\n  selector: 'lib-data-source-picker',\n  imports: [\n    MatButtonModule,\n    MatCardModule,\n    MatIconModule,\n    MatListModule,\n    MatTooltipModule,\n    EmptyStateComponent,\n    MatChipListEditorComponent,\n    PipelineGeneratorComponent,\n    RequiredInputsComponent,\n    RestApiCallSetupComponent,\n  ],\n  templateUrl: './data-source-picker.component.html',\n  styleUrl: './data-source-picker.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [{ provide: MatFormFieldControl, useExisting: DataSourcePickerComponent }],\n  host: {\n    'class': 'lib-data-source-picker',\n    '[attr.id]': 'id',\n    '[class.lib-data-source-picker--focused]': 'focused',\n    '[class.lib-data-source-picker--disabled]': 'disabled',\n  },\n})\nexport class DataSourcePickerComponent\n  implements MatFormFieldControl<Array<IReportDataSources> | undefined>\n{\n  static nextId = 0;\n\n  /** Emits whenever a piece of `MatFormFieldControl` state changes. */\n  readonly stateChanges = new Subject<void>();\n  readonly controlType = 'lib-data-source-picker';\n\n  id = `lib-data-source-picker-${DataSourcePickerComponent.nextId++}`;\n  placeholder = '';\n  focused = false;\n  touched = false;\n  required = false;\n  describedBy = '';\n  autofilled = false;\n  userAriaDescribedBy: string | undefined = undefined;\n  disableAutomaticLabeling: boolean | undefined = undefined;\n\n  /** Validation errors surfaced by the parent for error-state derivation. */\n  @Input() errors: IConfigElementError[] | undefined = [];\n\n  #disabled = false;\n  /** Whether the control is inert. */\n  @Input()\n  get disabled(): boolean {\n    return this.#disabled;\n  }\n  set disabled(value: boolean) {\n    this.#disabled = value;\n    this.stateChanges.next();\n  }\n\n  // Mirror of the plain MFC `value` member, so the template + computeds react.\n  readonly #value = signal<Array<IReportDataSources> | undefined>(undefined);\n\n  /** Current list of configured data sources. */\n  @Input()\n  get value(): Array<IReportDataSources> | undefined {\n    return this.#value();\n  }\n  set value(value: Array<IReportDataSources> | undefined) {\n    if (this.#value() === value) {\n      return;\n    }\n    this.#value.set(value);\n    this.stateChanges.next();\n  }\n\n  // Mirror of the plain `editorConfig` member, so the template reacts.\n  readonly #editorConfig = signal<ElementEditorInnerSectionElementInterface | undefined>(\n    undefined,\n  );\n\n  /** Editor configuration supplying postman / workflow option providers. */\n  @Input()\n  get editorConfig(): ElementEditorInnerSectionElementInterface | undefined {\n    return this.#editorConfig();\n  }\n  set editorConfig(config: ElementEditorInnerSectionElementInterface | undefined) {\n    this.#editorConfig.set(config);\n  }\n\n  /** All available form inputs the user can map a required input to. */\n  readonly formInputs = input<Array<FormColumnInputs>>([]);\n\n  /** Emits the mutated data-source list whenever the user adds or removes a source. */\n  readonly valueChange = output<Array<IReportDataSources> | undefined>();\n\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n  readonly #elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /** Source-type enum, exposed to the template. */\n  protected readonly dataSources = DataSources;\n\n  /** The selectable source types in the chip selector. */\n  protected readonly dataSourceOptions: DataSourceOption[] = [\n    { label: 'API', value: DataSources.Api },\n    { label: 'MongoDB', value: DataSources.MongoDb },\n  ];\n\n  /** The in-edit draft, or `undefined` when the editor card is closed. */\n  protected readonly draft = signal<DataSourceDraft | undefined>(undefined);\n\n  /** Decorated rows for the configured-source list. */\n  protected readonly rows = computed<readonly DataSourceRow[]>(() =>\n    (this.#value() ?? []).map((source, index) => ({\n      source,\n      name: this.#name(source, index),\n      icon: source.source === DataSources.Api ? 'api' : 'storage',\n      endpoint: this.#endpoint(source),\n      isApi: source.source === DataSources.Api,\n    })),\n  );\n\n  /** Whether any data source is configured. */\n  protected readonly hasSources = computed<boolean>(() => (this.#value() ?? []).length > 0);\n\n  /** The `minimumInputRequired` list of the draft's API config, or `undefined`. */\n  protected readonly draftMinimumInputRequired = computed<\n    readonly MinimumInputRequiredInterface[] | undefined\n  >(() => {\n    const config = this.draft()?.config;\n    if (!config || !this.#isApiConfig(config)) {\n      return undefined;\n    }\n    return config.backEndConfig?.minimumInputRequired;\n  });\n\n  // ---- MatFormFieldControl getters (read during the framework's CD) --------\n\n  get empty(): boolean {\n    return (this.#value() ?? []).length === 0;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  get errorState(): boolean {\n    const requiredUnset = this.empty && this.required;\n    const ngControlError = this.ngControl?.errors != null;\n    const externalError = (this.errors?.length ?? 0) > 0 && this.touched;\n    return requiredUnset || ngControlError || externalError;\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this.describedBy = ids.join(' ');\n    const el = this.#elementRef.nativeElement;\n    const control = el.querySelector('.lib-data-source-picker__list');\n    control?.setAttribute('aria-describedby', this.describedBy);\n    this.stateChanges.next();\n  }\n\n  onContainerClick(): void {\n    this.markAsTouched();\n    if (!this.focused) {\n      this.focused = true;\n    }\n    this.stateChanges.next();\n  }\n\n  onTouched: () => void = () => {};\n\n  markAsTouched(): void {\n    if (!this.touched) {\n      this.touched = true;\n      this.onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  // ---- Draft editing -------------------------------------------------------\n\n  /** Open the editor card with an empty draft. */\n  protected startEditing(): void {\n    this.draft.set({});\n  }\n\n  /** Discard the draft and close the editor card. */\n  protected cancelEditing(): void {\n    this.draft.set(undefined);\n  }\n\n  /** Set the draft's source type. Child chip editor emits an unknown payload. */\n  protected sourceTypeChanged(source: unknown): void {\n    this.draft.update((current) =>\n      current ? { ...current, source: source as DataSources | undefined } : current,\n    );\n  }\n\n  /** Set the draft's source config (API setup or pipeline). */\n  protected sourceConfigChanged(\n    config: APIDataFetchingConfigurationInterface | MongoDbPipeLineConfigInterface | undefined,\n  ): void {\n    this.draft.update((current) => (current ? { ...current, config } : current));\n  }\n\n  /** Merge the required-input list into the draft's API config. */\n  protected minimumInputRequiredValueChanged(\n    value: Array<MinimumInputRequiredInterface>,\n  ): void {\n    this.draft.update((current) => {\n      if (!current?.config || !this.#isApiConfig(current.config)) {\n        return current;\n      }\n      const config: APIDataFetchingConfigurationInterface = {\n        ...current.config,\n        backEndConfig: { ...current.config.backEndConfig, minimumInputRequired: value },\n      };\n      return { ...current, config };\n    });\n  }\n\n  /** Commit the draft as a new source (assigning a fresh id) and emit. */\n  protected saveNewSource(): void {\n    const current = this.draft();\n    if (!current) {\n      return;\n    }\n    const data: IReportDataSources = { ...current, id: crypto.randomUUID() } as IReportDataSources;\n    const next = [...(this.#value() ?? []), data];\n    this.value = next;\n    this.draft.set(undefined);\n    this.markAsTouched();\n    this.valueChange.emit(next);\n  }\n\n  /** Remove a configured source by id and emit. */\n  protected removeSource(source: IReportDataSources): void {\n    const current = this.#value();\n    if (!current) {\n      return;\n    }\n    const next = current.filter((item) => item.id !== source.id);\n    this.value = next;\n    this.markAsTouched();\n    this.valueChange.emit(next);\n  }\n\n  #name(value: IReportDataSources, index: number): string {\n    if (this.#isApiConfig(value.config) && value.config.name) {\n      return value.config.name;\n    }\n    return value.source === DataSources.Api ? `API ${index + 1}` : `MongoDB ${index + 1}`;\n  }\n\n  #endpoint(value: IReportDataSources): string {\n    if (this.#isApiConfig(value.config)) {\n      return value.config.httpEndPoint ?? '';\n    }\n    return value.config.workflowId ?? '';\n  }\n\n  #isApiConfig(\n    config: APIDataFetchingConfigurationInterface | MongoDbPipeLineConfigInterface | undefined,\n  ): config is APIDataFetchingConfigurationInterface {\n    return config?.source === DataSources.Api;\n  }\n}\n","<div class=\"lib-data-source-picker__list\">\n  @if (hasSources()) {\n    <mat-list class=\"lib-data-source-picker__sources\">\n      @for (row of rows(); track row.source.id) {\n        <mat-list-item\n          class=\"lib-data-source-picker__source\"\n          matTooltipPosition=\"before\"\n          [matTooltip]=\"row.source.source + ' ' + row.endpoint\">\n          <mat-icon\n            matListItemIcon\n            class=\"lib-data-source-picker__icon\"\n            [class.lib-data-source-picker__icon--api]=\"row.isApi\">\n            {{ row.icon }}\n          </mat-icon>\n          <span matListItemTitle class=\"lib-data-source-picker__name\">{{ row.name }}</span>\n          <span matListItemLine class=\"lib-data-source-picker__endpoint\">{{ row.endpoint }}</span>\n          <button\n            matListItemMeta\n            mat-icon-button\n            type=\"button\"\n            [attr.aria-label]=\"'Remove ' + row.name\"\n            [disabled]=\"disabled\"\n            (click)=\"removeSource(row.source)\">\n            <mat-icon>delete</mat-icon>\n          </button>\n        </mat-list-item>\n      }\n    </mat-list>\n  } @else {\n    <lib-empty-state icon=\"storage\" message=\"No data sources configured. Add one to get started.\" />\n  }\n</div>\n\n@if (draft(); as draft) {\n  <mat-card appearance=\"outlined\" class=\"lib-data-source-picker__editor\">\n    <mat-card-content>\n      <label [attr.for]=\"id + '-type'\" class=\"lib-data-source-picker__label\">Select source type</label>\n      <lib-mat-chip-list-editor\n        [id]=\"id + '-type'\"\n        [value]=\"draft.source\"\n        [options]=\"dataSourceOptions\"\n        (valueChange)=\"sourceTypeChanged($event)\" />\n\n      @if (draft.source !== undefined) {\n        @switch (draft.source) {\n          @case (dataSources.Api) {\n            <label [attr.for]=\"id + '-api'\" class=\"lib-data-source-picker__label\">Select API</label>\n            <lib-rest-api-call-setup\n              [id]=\"id + '-api'\"\n              [postmanCollectionConfig]=\"editorConfig?.postmanCollectionConfig\"\n              [httpGetDataFunction]=\"editorConfig?.httpGetDataFunction\"\n              [value]=\"$any(draft.config)\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n\n            @if (draftMinimumInputRequired(); as minimumInputRequired) {\n              <lib-required-inputs\n                [id]=\"id + '-required-inputs'\"\n                [formInputs]=\"formInputs() || []\"\n                [value]=\"minimumInputRequired\"\n                [errors]=\"[]\"\n                (valueChanged)=\"minimumInputRequiredValueChanged($event)\" />\n            }\n          }\n          @case (dataSources.MongoDb) {\n            <label [attr.for]=\"id + '-pipeline'\" class=\"lib-data-source-picker__label\">Add a MongoDB pipeline</label>\n            <lib-pipeline-generator\n              [id]=\"id + '-pipeline'\"\n              [value]=\"$any(draft.config)\"\n              [getWorkflowOptions]=\"editorConfig?.getWorkflowOptions\"\n              (valueChanged)=\"sourceConfigChanged($event)\" />\n          }\n        }\n      }\n    </mat-card-content>\n\n    <mat-card-actions class=\"lib-data-source-picker__actions\">\n      <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"saveNewSource()\">Save source</button>\n      <span class=\"lib-data-source-picker__spacer\"></span>\n      <button mat-button color=\"warn\" type=\"button\" (click)=\"cancelEditing()\">Cancel</button>\n    </mat-card-actions>\n  </mat-card>\n} @else {\n  <button\n    mat-stroked-button\n    color=\"primary\"\n    type=\"button\"\n    class=\"lib-data-source-picker__add\"\n    [disabled]=\"disabled\"\n    (click)=\"startEditing()\">\n    <mat-icon>add</mat-icon>\n    Add data source\n  </button>\n}\n"],"names":["i2","i3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsDA;;;;;;;;;;;;AAYG;MA2BU,yBAAyB,CAAA;AA1BtC,IAAA,WAAA,GAAA;;AAgCW,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;QAClC,IAAA,CAAA,WAAW,GAAG,wBAAwB;AAE/C,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,uBAAA,EAA0B,yBAAyB,CAAC,MAAM,EAAE,EAAE;QACnE,IAAA,CAAA,WAAW,GAAG,EAAE;QAChB,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,QAAQ,GAAG,KAAK;QAChB,IAAA,CAAA,WAAW,GAAG,EAAE;QAChB,IAAA,CAAA,UAAU,GAAG,KAAK;QAClB,IAAA,CAAA,mBAAmB,GAAuB,SAAS;QACnD,IAAA,CAAA,wBAAwB,GAAwB,SAAS;;QAGhD,IAAA,CAAA,MAAM,GAAsC,EAAE;QAEvD,IAAA,CAAA,SAAS,GAAG,KAAK;;AAYR,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAwC,SAAS,6EAAC;;AAgBjE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAC7B,SAAS,oFACV;;AAYQ,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA0B,EAAE,iFAAC;;QAG/C,IAAA,CAAA,WAAW,GAAG,MAAM,EAAyC;AAE7D,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC7D,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAA0B,UAAU,CAAC;;QAG/C,IAAA,CAAA,WAAW,GAAG,WAAW;;AAGzB,QAAA,IAAA,CAAA,iBAAiB,GAAuB;YACzD,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE;YACxC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE;SACjD;;AAGkB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAA8B,SAAS,4EAAC;;QAGtD,IAAA,CAAA,IAAI,GAAG,QAAQ,CAA2B,MAC3D,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAAM;YAC5C,MAAM;YACN,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAC/B,YAAA,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,WAAW,CAAC,GAAG,GAAG,KAAK,GAAG,SAAS;AAC3D,YAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,WAAW,CAAC,GAAG;SACzC,CAAC,CAAC,2EACJ;;AAGkB,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAU,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,iFAAC;;AAGtE,QAAA,IAAA,CAAA,yBAAyB,GAAG,QAAQ,CAErD,MAAK;YACL,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM;YACnC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AACzC,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,OAAO,MAAM,CAAC,aAAa,EAAE,oBAAoB;AACnD,QAAA,CAAC,gGAAC;AAmCF,QAAA,IAAA,CAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAiGjC,IAAA;aA5OQ,IAAA,CAAA,MAAM,GAAG,CAAH,CAAK;AAmBlB,IAAA,SAAS;;AAET,IAAA,IACI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;;AAGS,IAAA,MAAM;;AAGf,IAAA,IACI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE;IACtB;IACA,IAAI,KAAK,CAAC,KAA4C,EAAA;AACpD,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,KAAK,EAAE;YAC3B;QACF;AACA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;;AAGS,IAAA,aAAa;;AAKtB,IAAA,IACI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;IAC7B;IACA,IAAI,YAAY,CAAC,MAA6D,EAAA;AAC5E,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;IAChC;AASS,IAAA,WAAW;;AAyCpB,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,KAAK,CAAC;IAC3C;AAEA,IAAA,IAAI,gBAAgB,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;IACpC;AAEA,IAAA,IAAI,UAAU,GAAA;QACZ,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;QACjD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,IAAI;AACrD,QAAA,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO;AACpE,QAAA,OAAO,aAAa,IAAI,cAAc,IAAI,aAAa;IACzD;AAEA,IAAA,iBAAiB,CAAC,GAAa,EAAA;QAC7B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;AAChC,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QACzC,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,+BAA+B,CAAC;QACjE,OAAO,EAAE,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,WAAW,CAAC;AAC3D,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAIA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACnB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;;;IAKU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;IACpB;;IAGU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;IAC3B;;AAGU,IAAA,iBAAiB,CAAC,MAAe,EAAA;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,KACxB,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,MAAiC,EAAE,GAAG,OAAO,CAC9E;IACH;;AAGU,IAAA,mBAAmB,CAC3B,MAA0F,EAAA;QAE1F,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,MAAM,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;IAC9E;;AAGU,IAAA,gCAAgC,CACxC,KAA2C,EAAA;QAE3C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,KAAI;AAC5B,YAAA,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC1D,gBAAA,OAAO,OAAO;YAChB;AACA,YAAA,MAAM,MAAM,GAA0C;gBACpD,GAAG,OAAO,CAAC,MAAM;AACjB,gBAAA,aAAa,EAAE,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,EAAE;aAChF;AACD,YAAA,OAAO,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE;AAC/B,QAAA,CAAC,CAAC;IACJ;;IAGU,aAAa,GAAA;AACrB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE;QAC5B,IAAI,CAAC,OAAO,EAAE;YACZ;QACF;AACA,QAAA,MAAM,IAAI,GAAuB,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAwB;AAC9F,QAAA,MAAM,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;QACzB,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;IAC7B;;AAGU,IAAA,YAAY,CAAC,MAA0B,EAAA;AAC/C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE;YACZ;QACF;AACA,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC;AAC5D,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;QACjB,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;IAC7B;IAEA,KAAK,CAAC,KAAyB,EAAE,KAAa,EAAA;AAC5C,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE;AACxD,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI;QAC1B;QACA,OAAO,KAAK,CAAC,MAAM,KAAK,WAAW,CAAC,GAAG,GAAG,CAAA,IAAA,EAAO,KAAK,GAAG,CAAC,CAAA,CAAE,GAAG,WAAW,KAAK,GAAG,CAAC,CAAA,CAAE;IACvF;AAEA,IAAA,SAAS,CAAC,KAAyB,EAAA;QACjC,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE;QACxC;AACA,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE;IACtC;AAEA,IAAA,YAAY,CACV,MAA0F,EAAA;AAE1F,QAAA,OAAO,MAAM,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG;IAC3C;+GA9OW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uCAAA,EAAA,SAAA,EAAA,wCAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,EAAA,SAAA,EARzB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,yBAAyB,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrFvF,2uHA6FA,EAAA,MAAA,EAAA,CAAA,4lCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBI,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,aAAa,ylBACb,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,mBAAmB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,0BAA0B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,0BAA0B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,uBAAuB,wJACvB,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,yBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAchB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBA1BrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,OAAA,EACzB;wBACP,eAAe;wBACf,aAAa;wBACb,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,mBAAmB;wBACnB,0BAA0B;wBAC1B,0BAA0B;wBAC1B,uBAAuB;wBACvB,yBAAyB;AAC1B,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,QAAQ,EAAA,SAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,yBAA2B,EAAE,CAAC,EAAA,IAAA,EAC/E;AACJ,wBAAA,OAAO,EAAE,wBAAwB;AACjC,wBAAA,WAAW,EAAE,IAAI;AACjB,wBAAA,yCAAyC,EAAE,SAAS;AACpD,wBAAA,0CAA0C,EAAE,UAAU;AACvD,qBAAA,EAAA,QAAA,EAAA,2uHAAA,EAAA,MAAA,EAAA,CAAA,4lCAAA,CAAA,EAAA;;sBAsBA;;sBAIA;;sBAaA;;sBAkBA;;;;;"}

package/fesm2022/ngx-t-forms-date-picker-input-element.component-CYUbVyzP.mjs

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, ChangeDetectionStrategy, Component, output, computed } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgControl, ReactiveFormsModule } from '@angular/forms';
+import { provideNativeDateAdapter } from '@angular/material/core';
+import * as i2$1 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import * as i6 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { B as BaseCustomInput, m as getInputErrorMessage, n as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+
+const customInputConfig = {
+    controlType: 'lib-auto-complet-reactive-input',
+    nextId: 0
+};
+class DatePickerReactiveInputComponent extends BaseCustomInput {
+    constructor() {
+        super(inject(NgControl, { optional: true, self: true }), inject(ElementRef), customInputConfig);
+        this.picker = input.required(...(ngDevMode ? [{ debugName: "picker" }] : /* istanbul ignore next */ []));
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+    }
+    get empty() {
+        const n = this.value;
+        // Check for null, undefined, or empty string, but allow 0
+        return n === null || n === undefined || n === '';
+    }
+    get shouldLabelFloat() {
+        return true;
+    }
+    changed(event) {
+        this.value = event.value;
+        this.stateChanges.next();
+        this.onChange(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DatePickerReactiveInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: DatePickerReactiveInputComponent, isStandalone: true, selector: "lib-date-picker-reactive-input", inputs: { picker: { classPropertyName: "picker", publicName: "picker", isSignal: true, isRequired: true, transformFunction: null }, inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: DatePickerReactiveInputComponent }], usesInheritance: true, ngImport: i0, template: "<input\r\n[required]=\"inputConfig().required\"\r\n[disabled]=\"inputConfig().disabled || inputConfig().readonly\"\r\n[min]=\"inputConfig().min\"\r\n(dateChange)=\"changed($event)\"\r\n[value]=\"value\"\r\n[max]=\"inputConfig().max\" matInput\r\n[matDatepicker]=\"picker()\" />\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatFormFieldModule }, { 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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DatePickerReactiveInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-date-picker-reactive-input', imports: [
+                        MatDatepickerModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule
+                    ], host: {
+                        '[class.floating]': 'shouldLabelFloat',
+                        '[id]': 'id',
+                    }, providers: [{ provide: MatFormFieldControl, useExisting: DatePickerReactiveInputComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\r\n[required]=\"inputConfig().required\"\r\n[disabled]=\"inputConfig().disabled || inputConfig().readonly\"\r\n[min]=\"inputConfig().min\"\r\n(dateChange)=\"changed($event)\"\r\n[value]=\"value\"\r\n[max]=\"inputConfig().max\" matInput\r\n[matDatepicker]=\"picker()\" />\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { picker: [{ type: i0.Input, args: [{ isSignal: true, alias: "picker", required: true }] }], inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }] } });
+
+/** Wraps a reactive date-picker control inside a `mat-form-field`. */
+class DatePickerInputElementComponent {
+    constructor() {
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
+        this.reload = output();
+        this.errorMessage = computed(() => getInputErrorMessage(this.inputConfig(), this.formGroup()), ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DatePickerInputElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DatePickerInputElementComponent, isStandalone: true, selector: "lib-date-picker-input-element", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { reload: "reload" }, providers: [provideNativeDateAdapter()], ngImport: i0, template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-date-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [picker]=\"picker\"\r\n      ></lib-date-picker-reactive-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker>\r\n        <button mat-button matDatepickerCancel>Cancel</button>\r\n        <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n      </mat-datepicker>\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon) {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }, { kind: "component", type: DatePickerReactiveInputComponent, selector: "lib-date-picker-reactive-input", inputs: ["picker", "inputConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DatePickerInputElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-date-picker-input-element', changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideNativeDateAdapter()], imports: [
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatDatepickerModule,
+                        TFormInputStatusComponent,
+                        DatePickerReactiveInputComponent,
+                    ], template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-date-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [picker]=\"picker\"\r\n      ></lib-date-picker-reactive-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker>\r\n        <button mat-button matDatepickerCancel>Cancel</button>\r\n        <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n      </mat-datepicker>\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon) {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
+
+export { DatePickerInputElementComponent };
+//# sourceMappingURL=ngx-t-forms-date-picker-input-element.component-CYUbVyzP.mjs.map

package/fesm2022/ngx-t-forms-date-picker-input-element.component-CYUbVyzP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-date-picker-input-element.component-CYUbVyzP.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-picker-input-element/core/date-picker-reactive-input/date-picker-reactive-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-picker-input-element/core/date-picker-reactive-input/date-picker-reactive-input.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-picker-input-element/date-picker-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-picker-input-element/date-picker-input-element.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, inject, input } from '@angular/core';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { NgControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatDatepicker, MatDatepickerInputEvent, MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-auto-complet-reactive-input',\r\n  nextId: 0\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-date-picker-reactive-input',\r\n  imports: [\r\n    MatDatepickerModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    ReactiveFormsModule\r\n  ],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: DatePickerReactiveInputComponent }],\r\n  templateUrl: './date-picker-reactive-input.component.html',\r\n  styleUrl: './date-picker-reactive-input.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DatePickerReactiveInputComponent extends BaseCustomInput<Date> {\r\n  readonly picker = input.required<MatDatepicker<unknown>>();\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  constructor() {\r\n    super(\r\n      inject(NgControl, { optional: true, self: true }) as NgControl,\r\n      inject<ElementRef<HTMLElement>>(ElementRef),\r\n      customInputConfig\r\n    );\r\n  }\r\n\r\n  override get empty(): boolean {\r\n    const n = this.value;\r\n    // Check for null, undefined, or empty string, but allow 0\r\n    return n === null || n === undefined || (n as unknown) === '';\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  protected changed(event: MatDatepickerInputEvent<unknown, unknown>): void {\r\n    this.value = event.value as Date | null;\r\n    this.stateChanges.next();\r\n    this.onChange(this.value);\r\n  }\r\n}\r\n","<input\r\n[required]=\"inputConfig().required\"\r\n[disabled]=\"inputConfig().disabled || inputConfig().readonly\"\r\n[min]=\"inputConfig().min\"\r\n(dateChange)=\"changed($event)\"\r\n[value]=\"value\"\r\n[max]=\"inputConfig().max\" matInput\r\n[matDatepicker]=\"picker()\" />\r\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { provideNativeDateAdapter } from '@angular/material/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport type { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { DatePickerReactiveInputComponent } from './core/date-picker-reactive-input/date-picker-reactive-input.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps a reactive date-picker control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-date-picker-input-element',\r\n  templateUrl: './date-picker-input-element.component.html',\r\n  styleUrl: './date-picker-input-element.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [provideNativeDateAdapter()],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    MatDatepickerModule,\r\n    TFormInputStatusComponent,\r\n    DatePickerReactiveInputComponent,\r\n  ],\r\n})\r\nexport class DatePickerInputElementComponent {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n  readonly reload = output<void>();\r\n\r\n  protected readonly errorMessage = computed(() =>\r\n    getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n}\r\n","<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-date-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [picker]=\"picker\"\r\n      ></lib-date-picker-reactive-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #picker>\r\n        <button mat-button matDatepickerCancel>Cancel</button>\r\n        <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n      </mat-datepicker>\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon) {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n"],"names":["i4"],"mappings":"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"}