@apipass/inputs 1.0.134 → 1.0.136

package/input-key-value/key-value-input.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { DndDropEvent } from 'ngx-drag-drop';
+import * as i0 from "@angular/core";
+export interface KeyValueInputType {
+    [x: string]: any;
+    type: string;
+}
+export declare class KeyValueInputComponent implements OnInit {
+    componentId: string;
+    items: KeyValueInputType[];
+    size: 'DEFAULT' | 'SLIM';
+    keyAttributeName: string;
+    valueAttributeName: string;
+    keyLabel: string;
+    valueLabel: string;
+    removeLabel: string;
+    inputOptionsWidthPercentage: number;
+    inputOptionsDefaultSelected: string;
+    inputOptions: any[];
+    onDropFn: ($event: DndDropEvent, attribute: string) => string;
+    itemsChange: EventEmitter<KeyValueInputType[]>;
+    temporaryItem: KeyValueInputType;
+    private readonly onKeyPressedTemporaryKey;
+    private createDefaultTemporaryItem;
+    ngOnInit(): void;
+    removeItem(index: number): void;
+    inputOptionChanged(event: string, index: number): void;
+    onKeyDrop(model: KeyValueInputType, $event: DndDropEvent): void;
+    onValueDrop(model: KeyValueInputType, $event: DndDropEvent): void;
+    addTemporaryAttributeToItems(): void;
+    focusOnLastItem(): void;
+    onKeyPressedTemporaryKeyFn(): void;
+    temporaryItemOptionChanged(event: string): void;
+    getComponentId(id: string, index: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyValueInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KeyValueInputComponent, "key-value-input", never, { "componentId": { "alias": "componentId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "keyAttributeName": { "alias": "keyAttributeName"; "required": false; }; "valueAttributeName": { "alias": "valueAttributeName"; "required": false; }; "keyLabel": { "alias": "keyLabel"; "required": false; }; "valueLabel": { "alias": "valueLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "inputOptionsWidthPercentage": { "alias": "inputOptionsWidthPercentage"; "required": false; }; "inputOptionsDefaultSelected": { "alias": "inputOptionsDefaultSelected"; "required": false; }; "inputOptions": { "alias": "inputOptions"; "required": false; }; "onDropFn": { "alias": "onDropFn"; "required": false; }; }, { "itemsChange": "itemsChange"; }, never, never, false, never>;
+}

package/input-text/input-text.component.d.ts

@@ -9,6 +9,7 @@ export interface InputOptionsType {
 export declare class InputTextComponent extends ValueAccessorBase<string> {
     private _inputOptionsInitSelected;
     private _inputOptions;
+    componentId: string;
     label: string;
     disabled: boolean;
     iconSuffix: string;
@@ -29,7 +30,6 @@ export declare class InputTextComponent extends ValueAccessorBase<string> {
     private readonly searchTerms;
     ngOnInit(): void;
     onSearchInput(): void;
-    onKeyDown(event: any): void;
     prefixClick(): void;
     suffixClick(): void;
     isSlim(): boolean;
@@ -38,6 +38,7 @@ export declare class InputTextComponent extends ValueAccessorBase<string> {
     onOptionSelected(event: any): void;
     getSelectWidth(): string;
     onDrop($event: DndDropEvent): void;
+    getComponentId(suffix: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "input-text", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconSuffix": { "alias": "iconSuffix"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "size": { "alias": "size"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "widthPercentageInputOptions": { "alias": "widthPercentageInputOptions"; "required": false; }; "inputOptions": { "alias": "inputOptions"; "required": false; }; "inputOptionsInitSelected": { "alias": "inputOptionsInitSelected"; "required": false; }; }, { "suffixIconClick": "suffixIconClick"; "prefixIconClick": "prefixIconClick"; "onDebounce": "onDebounce"; "optionChanged": "optionChanged"; "onDropEvent": "onDropEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "input-text", never, { "componentId": { "alias": "componentId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconSuffix": { "alias": "iconSuffix"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "size": { "alias": "size"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "widthPercentageInputOptions": { "alias": "widthPercentageInputOptions"; "required": false; }; "inputOptions": { "alias": "inputOptions"; "required": false; }; "inputOptionsInitSelected": { "alias": "inputOptionsInitSelected"; "required": false; }; }, { "suffixIconClick": "suffixIconClick"; "prefixIconClick": "prefixIconClick"; "onDebounce": "onDebounce"; "optionChanged": "optionChanged"; "onDropEvent": "onDropEvent"; }, never, never, false, never>;
 }

package/inputs.module.d.ts

@@ -15,7 +15,7 @@ import * as i13 from "./ace-editor/component";
 import * as i14 from "./ace-editor/directive";
 import * as i15 from "./debounce-model-directive/debouceInput.directive";
 import * as i16 from "./input-date-time-interval/input-date-time-interval.component";
-import * as i17 from "./input-key-value/input-key-value.component";
+import * as i17 from "./input-key-value/key-value-input.component";
 import * as i18 from "@angular/router";
 import * as i19 from "@angular/common";
 import * as i20 from "@angular/forms";
@@ -37,6 +37,6 @@ import * as i35 from "ngx-scrollbar";
 import * as i36 from "ngx-mask";
 export declare class InputsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, [typeof i1.MatSelectInfiniteScrollDirective, typeof i2.SelectBoxComponent, typeof i3.SelectEnumComponent, typeof i4.InputTextComponent, typeof i5.InputNumberComponent, typeof i6.InputBooleanComponent, typeof i7.InputAvatarComponent, typeof i8.InputImageComponent, typeof i9.InputFileComponent, typeof i10.CustomSelectComponent, typeof i11.SelectInterpolationComponent, typeof i12.FieldComponent, typeof i13.AceEditorComponent, typeof i14.AceEditorDirective, typeof i15.DebouceInputDirective, typeof i16.InputDateTimeIntervalComponent, typeof i17.InputKeyValueComponent], [typeof i18.RouterModule, typeof i19.CommonModule, typeof i20.FormsModule, typeof i21.MatFormFieldModule, typeof i22.MatInputModule, typeof i23.MatSelectModule, typeof i24.NgSelectModule, typeof i25.PipeModule, typeof i26.MatIconModule, typeof i27.IconsModule, typeof i28.MatTooltipModule, typeof i29.DndModule, typeof i30.ButtonsModule, typeof i31.OverlayModule, typeof i32.MatCardModule, typeof i33.MatDatepickerModule, typeof i34.MatNativeDateModule, typeof i35.NgScrollbarModule, typeof i36.NgxMaskDirective, typeof i36.NgxMaskPipe, typeof i20.FormsModule], [typeof i2.SelectBoxComponent, typeof i3.SelectEnumComponent, typeof i4.InputTextComponent, typeof i5.InputNumberComponent, typeof i6.InputBooleanComponent, typeof i7.InputAvatarComponent, typeof i8.InputImageComponent, typeof i9.InputFileComponent, typeof i10.CustomSelectComponent, typeof i11.SelectInterpolationComponent, typeof i12.FieldComponent, typeof i13.AceEditorComponent, typeof i14.AceEditorDirective, typeof i15.DebouceInputDirective, typeof i16.InputDateTimeIntervalComponent, typeof i36.NgxMaskDirective, typeof i36.NgxMaskPipe, typeof i17.InputKeyValueComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, [typeof i1.MatSelectInfiniteScrollDirective, typeof i2.SelectBoxComponent, typeof i3.SelectEnumComponent, typeof i4.InputTextComponent, typeof i5.InputNumberComponent, typeof i6.InputBooleanComponent, typeof i7.InputAvatarComponent, typeof i8.InputImageComponent, typeof i9.InputFileComponent, typeof i10.CustomSelectComponent, typeof i11.SelectInterpolationComponent, typeof i12.FieldComponent, typeof i13.AceEditorComponent, typeof i14.AceEditorDirective, typeof i15.DebouceInputDirective, typeof i16.InputDateTimeIntervalComponent, typeof i17.KeyValueInputComponent], [typeof i18.RouterModule, typeof i19.CommonModule, typeof i20.FormsModule, typeof i21.MatFormFieldModule, typeof i22.MatInputModule, typeof i23.MatSelectModule, typeof i24.NgSelectModule, typeof i25.PipeModule, typeof i26.MatIconModule, typeof i27.IconsModule, typeof i28.MatTooltipModule, typeof i29.DndModule, typeof i30.ButtonsModule, typeof i31.OverlayModule, typeof i32.MatCardModule, typeof i33.MatDatepickerModule, typeof i34.MatNativeDateModule, typeof i35.NgScrollbarModule, typeof i36.NgxMaskDirective, typeof i36.NgxMaskPipe, typeof i20.FormsModule], [typeof i2.SelectBoxComponent, typeof i3.SelectEnumComponent, typeof i4.InputTextComponent, typeof i5.InputNumberComponent, typeof i6.InputBooleanComponent, typeof i7.InputAvatarComponent, typeof i8.InputImageComponent, typeof i9.InputFileComponent, typeof i10.CustomSelectComponent, typeof i11.SelectInterpolationComponent, typeof i12.FieldComponent, typeof i13.AceEditorComponent, typeof i14.AceEditorDirective, typeof i15.DebouceInputDirective, typeof i16.InputDateTimeIntervalComponent, typeof i36.NgxMaskDirective, typeof i36.NgxMaskPipe, typeof i17.KeyValueInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/inputs",
-  "version": "1.0.134",
+  "version": "1.0.136",
   "peerDependencies": {
     "@angular/animations": "16.0.2",
     "@angular/cdk": "16.0.1",

package/public-api.d.ts

@@ -19,5 +19,5 @@ export * from './input-text/input-text.component';
 export * from './input-number/input-number.component';
 export * from './input-boolean/input-boolean.component';
 export * from './input-date-time-interval/public-api';
-export * from './input-key-value/input-key-value.component';
+export * from './input-key-value/key-value-input.component';
 export * from 'ngx-mask';

package/esm2022/input-key-value/input-key-value.component.mjs

@@ -1,130 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/tooltip";
-import * as i5 from "../input-text/input-text.component";
-class InputKeyValueComponent {
-    initialized;
-    _model;
-    temporaryItem = {};
-    size = 'DEFAULT';
-    keyField = 'key';
-    valueField = 'value';
-    labelKey = 'Key';
-    labelValue = 'Value';
-    removeLabel = 'Remove';
-    widthPercentageInputOptions;
-    inputOptionsInitSelected = null;
-    inputOptions = [];
-    onKeyDropEvent = new EventEmitter();
-    onValueDropEvent = new EventEmitter();
-    set model(model) {
-        setTimeout(() => {
-            this.initializeModel(model);
-        }, 200);
-    }
-    get model() {
-        return this._model;
-    }
-    initializeModel(model) {
-        if (model?.length > 0) {
-            this._model = [...model];
-            const lastModel = model[model.length - 1];
-            if (lastModel?.[this.keyField] || lastModel?.[this.valueField]) {
-                this._model.push(this.getNewModel());
-                this.model = this._model;
-            }
-        }
-        else if (this.initialized) {
-            this.model = [this.getNewModel()];
-        }
-    }
-    modelChange = new EventEmitter();
-    ngOnInit() {
-        this.inputOptionsInitSelected ||= this.inputOptions?.[0]?.value;
-        this.temporaryItem = this.getNewModel();
-        if (!this.model?.length) {
-            this._model = [this.getNewModel()];
-            this.model = this._model;
-        }
-        this.initialized = true;
-    }
-    getNewModel() {
-        const value = {};
-        value[this.keyField] = '';
-        value[this.valueField] = '';
-        if (this.inputOptions?.length > 0 && this.inputOptionsInitSelected) {
-            value.type = this.inputOptionsInitSelected;
-        }
-        return value;
-    }
-    onChangeValues(last) {
-        if (last) {
-            if (this.temporaryItem?.[this.keyField] || this.temporaryItem?.[this.valueField]) {
-                this.model.push({ ...this.temporaryItem });
-                this.temporaryItem = this.getNewModel();
-            }
-            this.modelChange.emit(this.model);
-        }
-    }
-    removeItem(index) {
-        this.model.splice(index, 1);
-        this.modelChange.emit(this.model);
-    }
-    inputOptionChanged(event, index) {
-        this.model[index].type = event;
-    }
-    onKeyDrop(index, model, $event) {
-        this.onChangeValues(index === this.model?.length - 1);
-        this.onKeyDropEvent.emit({
-            index,
-            model,
-            keyField: this.keyField,
-            event: $event
-        });
-    }
-    onValueDrop(index, model, $event) {
-        this.onValueDropEvent.emit({
-            index,
-            model,
-            valueField: this.valueField,
-            event: $event
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: InputKeyValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: InputKeyValueComponent, selector: "input-key-value", inputs: { size: "size", keyField: "keyField", valueField: "valueField", labelKey: "labelKey", labelValue: "labelValue", removeLabel: "removeLabel", widthPercentageInputOptions: "widthPercentageInputOptions", inputOptionsInitSelected: "inputOptionsInitSelected", inputOptions: "inputOptions", model: "model" }, outputs: { onKeyDropEvent: "onKeyDropEvent", onValueDropEvent: "onValueDropEvent", modelChange: "modelChange" }, ngImport: i0, template: "<div class=\"key-value-item\" *ngFor=\"let item of model; let last = last; let index = index\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"labelKey\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type ? item.type : inputOptionsInitSelected\"\n    [widthPercentageInputOptions]=\"widthPercentageInputOptions\"\n    [(ngModel)]=\"item[keyField]\"\n    (ngModelChange)=\"onChangeValues(last)\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(index, item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"labelValue\"\n    [(ngModel)]=\"item[valueField]\"\n    (onDropEvent)=\"onValueDrop(index, item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" *ngIf=\"!last\"\n          (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n\n", styles: [".key-value-item{display:flex;gap:10px;margin-bottom:10px;width:100%}.key-value-item .input-key{width:50%}.key-value-item .input-key ::ng-deep input{padding-left:10px!important;padding-right:10px!important}.key-value-item .input-value{width:calc(50% - 60px)}.key-value-item .input-value ::ng-deep input{padding-left:10px!important;padding-right:10px!important}.key-value-item .delete-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background:#FFF;color:#c40606;border-radius:5px;border:1px solid var(--color-fonts-tertiary)}.key-value-item .delete-button.delete-button-slim{width:30px;height:30px}.key-value-item .delete-button.delete-button-slim ::ng-deep .mat-icon{width:auto!important;height:auto!important;font-size:22px!important;margin-left:-2.5px;padding:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.InputTextComponent, selector: "input-text", inputs: ["label", "disabled", "iconSuffix", "iconPrefix", "autoComplete", "size", "debounceTime", "widthPercentageInputOptions", "inputOptions", "inputOptionsInitSelected"], outputs: ["suffixIconClick", "prefixIconClick", "onDebounce", "optionChanged", "onDropEvent"] }] });
-}
-export { InputKeyValueComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: InputKeyValueComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'input-key-value', template: "<div class=\"key-value-item\" *ngFor=\"let item of model; let last = last; let index = index\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"labelKey\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type ? item.type : inputOptionsInitSelected\"\n    [widthPercentageInputOptions]=\"widthPercentageInputOptions\"\n    [(ngModel)]=\"item[keyField]\"\n    (ngModelChange)=\"onChangeValues(last)\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(index, item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"labelValue\"\n    [(ngModel)]=\"item[valueField]\"\n    (onDropEvent)=\"onValueDrop(index, item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" *ngIf=\"!last\"\n          (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n\n", styles: [".key-value-item{display:flex;gap:10px;margin-bottom:10px;width:100%}.key-value-item .input-key{width:50%}.key-value-item .input-key ::ng-deep input{padding-left:10px!important;padding-right:10px!important}.key-value-item .input-value{width:calc(50% - 60px)}.key-value-item .input-value ::ng-deep input{padding-left:10px!important;padding-right:10px!important}.key-value-item .delete-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background:#FFF;color:#c40606;border-radius:5px;border:1px solid var(--color-fonts-tertiary)}.key-value-item .delete-button.delete-button-slim{width:30px;height:30px}.key-value-item .delete-button.delete-button-slim ::ng-deep .mat-icon{width:auto!important;height:auto!important;font-size:22px!important;margin-left:-2.5px;padding:0!important}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], keyField: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }], labelKey: [{
-                type: Input
-            }], labelValue: [{
-                type: Input
-            }], removeLabel: [{
-                type: Input
-            }], widthPercentageInputOptions: [{
-                type: Input
-            }], inputOptionsInitSelected: [{
-                type: Input
-            }], inputOptions: [{
-                type: Input
-            }], onKeyDropEvent: [{
-                type: Output
-            }], onValueDropEvent: [{
-                type: Output
-            }], model: [{
-                type: Input
-            }], modelChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQta2V5LXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvaW5wdXQta2V5LXZhbHVlL2lucHV0LWtleS12YWx1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWtleS12YWx1ZS9pbnB1dC1rZXktdmFsdWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQXdCL0UsTUFLYSxzQkFBc0I7SUFFekIsV0FBVyxDQUFVO0lBQ3JCLE1BQU0sQ0FBcUI7SUFDM0IsYUFBYSxHQUFzQixFQUFFLENBQUE7SUFFcEMsSUFBSSxHQUF1QixTQUFTLENBQUE7SUFDcEMsUUFBUSxHQUFXLEtBQUssQ0FBQTtJQUN4QixVQUFVLEdBQVcsT0FBTyxDQUFBO0lBQzVCLFFBQVEsR0FBVyxLQUFLLENBQUE7SUFDeEIsVUFBVSxHQUFXLE9BQU8sQ0FBQTtJQUM1QixXQUFXLEdBQVcsUUFBUSxDQUFBO0lBQzlCLDJCQUEyQixDQUFRO0lBQ25DLHdCQUF3QixHQUFXLElBQUksQ0FBQTtJQUN2QyxZQUFZLEdBQUcsRUFBRSxDQUFBO0lBRVQsY0FBYyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQTtJQUM3RSxnQkFBZ0IsR0FBaUMsSUFBSSxZQUFZLEVBQWtCLENBQUE7SUFFcEcsSUFDSSxLQUFLLENBQUMsS0FBMEI7UUFDbEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFBO0lBQ1QsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FB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ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG5kRHJvcEV2ZW50IH0gZnJvbSAnbmd4LWRyYWctZHJvcCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRLZXlWYWx1ZVR5cGUge1xuICBba2V5OiBzdHJpbmddOiBhbnlcbiAga2V5Pzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIHR5cGU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLZXlEcm9wRXZlbnQge1xuICBpbmRleDogbnVtYmVyXG4gIG1vZGVsOiBJbnB1dEtleVZhbHVlVHlwZVxuICBrZXlGaWVsZDogc3RyaW5nXG4gIGV2ZW50OiBEbmREcm9wRXZlbnRcbn1cblxuZXhwb3J0IGludGVyZmFjZSBWYWx1ZURyb3BFdmVudCB7XG4gIGluZGV4OiBudW1iZXJcbiAgbW9kZWw6IElucHV0S2V5VmFsdWVUeXBlXG4gIHZhbHVlRmllbGQ6IHN0cmluZ1xuICBldmVudDogRG5kRHJvcEV2ZW50XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lucHV0LWtleS12YWx1ZScsXG4gIHRlbXBsYXRlVXJsOiAnaW5wdXQta2V5LXZhbHVlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2lucHV0LWtleS12YWx1ZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0S2V5VmFsdWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHByaXZhdGUgaW5pdGlhbGl6ZWQ6IGJvb2xlYW47XG4gIHByaXZhdGUgX21vZGVsOiBJbnB1dEtleVZhbHVlVHlwZVtdXG4gIHByaXZhdGUgdGVtcG9yYXJ5SXRlbTogSW5wdXRLZXlWYWx1ZVR5cGUgPSB7fVxuXG4gIEBJbnB1dCgpIHNpemU6ICdERUZBVUxUJyB8ICdTTElNJyA9ICdERUZBVUxUJ1xuICBASW5wdXQoKSBrZXlGaWVsZDogc3RyaW5nID0gJ2tleSdcbiAgQElucHV0KCkgdmFsdWVGaWVsZDogc3RyaW5nID0gJ3ZhbHVlJ1xuICBASW5wdXQoKSBsYWJlbEtleTogc3RyaW5nID0gJ0tleSdcbiAgQElucHV0KCkgbGFiZWxWYWx1ZTogc3RyaW5nID0gJ1ZhbHVlJ1xuICBASW5wdXQoKSByZW1vdmVMYWJlbDogc3RyaW5nID0gJ1JlbW92ZSdcbiAgQElucHV0KCkgd2lkdGhQZXJjZW50YWdlSW5wdXRPcHRpb25zOiBudW1iZXJcbiAgQElucHV0KCkgaW5wdXRPcHRpb25zSW5pdFNlbGVjdGVkOiBzdHJpbmcgPSBudWxsXG4gIEBJbnB1dCgpIGlucHV0T3B0aW9ucyA9IFtdXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbktleURyb3BFdmVudDogRXZlbnRFbWl0dGVyPEtleURyb3BFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEtleURyb3BFdmVudD4oKVxuICBAT3V0cHV0KCkgcHVibGljIG9uVmFsdWVEcm9wRXZlbnQ6IEV2ZW50RW1pdHRlcjxWYWx1ZURyb3BFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPFZhbHVlRHJvcEV2ZW50PigpXG5cbiAgQElucHV0KClcbiAgc2V0IG1vZGVsKG1vZGVsOiBJbnB1dEtleVZhbHVlVHlwZVtdKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmluaXRpYWxpemVNb2RlbChtb2RlbCk7XG4gICAgfSwgMjAwKVxuICB9XG5cbiAgZ2V0IG1vZGVsKCk6IElucHV0S2V5VmFsdWVUeXBlW10ge1xuICAgIHJldHVybiB0aGlzLl9tb2RlbDtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdGlhbGl6ZU1vZGVsKG1vZGVsOiBJbnB1dEtleVZhbHVlVHlwZVtdKTogdm9pZCB7XG4gICAgaWYgKG1vZGVsPy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLl9tb2RlbCA9IFsuLi5tb2RlbF1cbiAgICAgIGNvbnN0IGxhc3RNb2RlbCA9IG1vZGVsW21vZGVsLmxlbmd0aCAtIDFdXG4gICAgICBpZiAobGFzdE1vZGVsPy5bdGhpcy5rZXlGaWVsZF0gfHwgbGFzdE1vZGVsPy5bdGhpcy52YWx1ZUZpZWxkXSkge1xuICAgICAgICB0aGlzLl9tb2RlbC5wdXNoKHRoaXMuZ2V0TmV3TW9kZWwoKSlcbiAgICAgICAgdGhpcy5tb2RlbCA9IHRoaXMuX21vZGVsXG4gICAgICB9XG4gICAgfSBlbHNlIGlmICh0aGlzLmluaXRpYWxpemVkKSB7XG4gICAgICB0aGlzLm1vZGVsID0gW3RoaXMuZ2V0TmV3TW9kZWwoKV1cbiAgICB9XG4gIH1cblxuICBAT3V0cHV0KClcbiAgcHVibGljIG1vZGVsQ2hhbmdlOiBFdmVudEVtaXR0ZXI8SW5wdXRLZXlWYWx1ZVR5cGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPElucHV0S2V5VmFsdWVUeXBlW10+KClcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dE9wdGlvbnNJbml0U2VsZWN0ZWQgfHw9IHRoaXMuaW5wdXRPcHRpb25zPy5bMF0/LnZhbHVlXG4gICAgdGhpcy50ZW1wb3JhcnlJdGVtID0gdGhpcy5nZXROZXdNb2RlbCgpO1xuICAgIGlmICghdGhpcy5tb2RlbD8ubGVuZ3RoKSB7XG4gICAgICB0aGlzLl9tb2RlbCA9IFt0aGlzLmdldE5ld01vZGVsKCldXG4gICAgICB0aGlzLm1vZGVsID0gdGhpcy5fbW9kZWxcbiAgICB9XG4gICAgdGhpcy5pbml0aWFsaXplZCA9IHRydWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0TmV3TW9kZWwoKTogSW5wdXRLZXlWYWx1ZVR5cGUge1xuICAgIGNvbnN0IHZhbHVlOiBJbnB1dEtleVZhbHVlVHlwZSA9IHt9O1xuICAgIHZhbHVlW3RoaXMua2V5RmllbGRdID0gJyc7XG4gICAgdmFsdWVbdGhpcy52YWx1ZUZpZWxkXSA9ICcnXG4gICAgaWYgKHRoaXMuaW5wdXRPcHRpb25zPy5sZW5ndGggPiAwICYmIHRoaXMuaW5wdXRPcHRpb25zSW5pdFNlbGVjdGVkKSB7XG4gICAgICB2YWx1ZS50eXBlID0gdGhpcy5pbnB1dE9wdGlvbnNJbml0U2VsZWN0ZWQ7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoYW5nZVZhbHVlcyhsYXN0OiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKGxhc3QpIHtcbiAgICAgIGlmICh0aGlzLnRlbXBvcmFyeUl0ZW0/Llt0aGlzLmtleUZpZWxkXSB8fCB0aGlzLnRlbXBvcmFyeUl0ZW0/Llt0aGlzLnZhbHVlRmllbGRdKSB7XG4gICAgICAgIHRoaXMubW9kZWwucHVzaCh7IC4uLnRoaXMudGVtcG9yYXJ5SXRlbSB9KTtcbiAgICAgICAgdGhpcy50ZW1wb3JhcnlJdGVtID0gdGhpcy5nZXROZXdNb2RlbCgpO1xuICAgICAgfVxuICAgICAgdGhpcy5tb2RlbENoYW5nZS5lbWl0KHRoaXMubW9kZWwpXG4gICAgfVxuICB9XG5cbiAgcHVibGljIHJlbW92ZUl0ZW0oaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMubW9kZWwuc3BsaWNlKGluZGV4LCAxKTtcbiAgICB0aGlzLm1vZGVsQ2hhbmdlLmVtaXQodGhpcy5tb2RlbCk7XG4gIH1cblxuICBwdWJsaWMgaW5wdXRPcHRpb25DaGFuZ2VkKGV2ZW50OiBzdHJpbmcsIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGVsW2luZGV4XS50eXBlID0gZXZlbnQ7XG4gIH1cblxuICBwdWJsaWMgb25LZXlEcm9wKGluZGV4OiBudW1iZXIsIG1vZGVsOiBJbnB1dEtleVZhbHVlVHlwZSwgJGV2ZW50OiBEbmREcm9wRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlVmFsdWVzKGluZGV4ID09PSB0aGlzLm1vZGVsPy5sZW5ndGggLSAxKVxuICAgIHRoaXMub25LZXlEcm9wRXZlbnQuZW1pdCh7XG4gICAgICBpbmRleCxcbiAgICAgIG1vZGVsLFxuICAgICAga2V5RmllbGQ6IHRoaXMua2V5RmllbGQsXG4gICAgICBldmVudDogJGV2ZW50XG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBvblZhbHVlRHJvcChpbmRleDogbnVtYmVyLCBtb2RlbDogSW5wdXRLZXlWYWx1ZVR5cGUsICRldmVudDogRG5kRHJvcEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5vblZhbHVlRHJvcEV2ZW50LmVtaXQoe1xuICAgICAgaW5kZXgsXG4gICAgICBtb2RlbCxcbiAgICAgIHZhbHVlRmllbGQ6IHRoaXMudmFsdWVGaWVsZCxcbiAgICAgIGV2ZW50OiAkZXZlbnRcbiAgICB9KVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJrZXktdmFsdWUtaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1vZGVsOyBsZXQgbGFzdCA9IGxhc3Q7IGxldCBpbmRleCA9IGluZGV4XCI+XG4gIDxpbnB1dC10ZXh0XG4gICAgY2xhc3M9XCJpbnB1dC1rZXlcIlxuICAgIFtzaXplXT1cInNpemVcIlxuICAgIFtsYWJlbF09XCJsYWJlbEtleVwiXG4gICAgW2lucHV0T3B0aW9uc109XCJpbnB1dE9wdGlvbnNcIlxuICAgIFtpbnB1dE9wdGlvbnNJbml0U2VsZWN0ZWRdPVwiaXRlbS50eXBlID8gaXRlbS50eXBlIDogaW5wdXRPcHRpb25zSW5pdFNlbGVjdGVkXCJcbiAgICBbd2lkdGhQZXJjZW50YWdlSW5wdXRPcHRpb25zXT1cIndpZHRoUGVyY2VudGFnZUlucHV0T3B0aW9uc1wiXG4gICAgWyhuZ01vZGVsKV09XCJpdGVtW2tleUZpZWxkXVwiXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2VWYWx1ZXMobGFzdClcIlxuICAgIChvcHRpb25DaGFuZ2VkKT1cImlucHV0T3B0aW9uQ2hhbmdlZCgkZXZlbnQsIGluZGV4KVwiXG4gICAgKG9uRHJvcEV2ZW50KT1cIm9uS2V5RHJvcChpbmRleCwgaXRlbSwgJGV2ZW50KVwiPlxuICA8L2lucHV0LXRleHQ+XG4gIDxpbnB1dC10ZXh0XG4gICAgY2xhc3M9XCJpbnB1dC12YWx1ZVwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gICAgW2xhYmVsXT1cImxhYmVsVmFsdWVcIlxuICAgIFsobmdNb2RlbCldPVwiaXRlbVt2YWx1ZUZpZWxkXVwiXG4gICAgKG9uRHJvcEV2ZW50KT1cIm9uVmFsdWVEcm9wKGluZGV4LCBpdGVtLCAkZXZlbnQpXCI+XG4gIDwvaW5wdXQtdGV4dD5cbiAgPGJ1dHRvbiBjbGFzcz1cImRlbGV0ZS1idXR0b25cIiBbbWF0VG9vbHRpcF09XCJyZW1vdmVMYWJlbFwiIFtuZ0NsYXNzXT1cInsnZGVsZXRlLWJ1dHRvbi1zbGltJzogc2l6ZSA9PT0gJ1NMSU0nfVwiIHR5cGU9XCJidXR0b25cIiAqbmdJZj1cIiFsYXN0XCJcbiAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlSXRlbShpbmRleClcIj5cbiAgICA8bWF0LWljb24+ZGVsZXRlPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cblxuIl19

package/input-key-value/input-key-value.component.d.ts

@@ -1,50 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DndDropEvent } from 'ngx-drag-drop';
-import * as i0 from "@angular/core";
-export interface InputKeyValueType {
-    [key: string]: any;
-    key?: string;
-    value?: string;
-    type?: string;
-}
-export interface KeyDropEvent {
-    index: number;
-    model: InputKeyValueType;
-    keyField: string;
-    event: DndDropEvent;
-}
-export interface ValueDropEvent {
-    index: number;
-    model: InputKeyValueType;
-    valueField: string;
-    event: DndDropEvent;
-}
-export declare class InputKeyValueComponent implements OnInit {
-    private initialized;
-    private _model;
-    private temporaryItem;
-    size: 'DEFAULT' | 'SLIM';
-    keyField: string;
-    valueField: string;
-    labelKey: string;
-    labelValue: string;
-    removeLabel: string;
-    widthPercentageInputOptions: number;
-    inputOptionsInitSelected: string;
-    inputOptions: any[];
-    onKeyDropEvent: EventEmitter<KeyDropEvent>;
-    onValueDropEvent: EventEmitter<ValueDropEvent>;
-    set model(model: InputKeyValueType[]);
-    get model(): InputKeyValueType[];
-    private initializeModel;
-    modelChange: EventEmitter<InputKeyValueType[]>;
-    ngOnInit(): void;
-    getNewModel(): InputKeyValueType;
-    onChangeValues(last: boolean): void;
-    removeItem(index: number): void;
-    inputOptionChanged(event: string, index: number): void;
-    onKeyDrop(index: number, model: InputKeyValueType, $event: DndDropEvent): void;
-    onValueDrop(index: number, model: InputKeyValueType, $event: DndDropEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputKeyValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputKeyValueComponent, "input-key-value", never, { "size": { "alias": "size"; "required": false; }; "keyField": { "alias": "keyField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "labelValue": { "alias": "labelValue"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "widthPercentageInputOptions": { "alias": "widthPercentageInputOptions"; "required": false; }; "inputOptionsInitSelected": { "alias": "inputOptionsInitSelected"; "required": false; }; "inputOptions": { "alias": "inputOptions"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "onKeyDropEvent": "onKeyDropEvent"; "onValueDropEvent": "onValueDropEvent"; "modelChange": "modelChange"; }, never, never, false, never>;
-}