@apipass/inputs 1.0.138 → 1.0.140

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

@@ -53,6 +53,10 @@ class KeyValueInputComponent {
     onKeyDrop(model, $event) {
         model[this.keyAttributeName] = this.onDropFn($event, model[this.keyAttributeName]);
     }
+    onKeyDropTemporaryItem(model, $event) {
+        model[this.keyAttributeName] = this.onDropFn($event, model[this.keyAttributeName]);
+        this.addTemporaryAttributeToItems();
+    }
     onValueDrop(model, $event) {
         model[this.valueAttributeName] = this.onDropFn($event, model[this.valueAttributeName]);
     }
@@ -77,12 +81,12 @@ class KeyValueInputComponent {
         return this.componentId ? `${this.componentId}-${id}-${index}` : `${id}-${index}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: KeyValueInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: KeyValueInputComponent, selector: "key-value-input", inputs: { componentId: "componentId", items: "items", size: "size", keyAttributeName: "keyAttributeName", valueAttributeName: "valueAttributeName", keyLabel: "keyLabel", valueLabel: "valueLabel", removeLabel: "removeLabel", inputOptionsWidthPercentage: "inputOptionsWidthPercentage", inputOptionsDefaultSelected: "inputOptionsDefaultSelected", inputOptions: "inputOptions", onDropFn: "onDropFn" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\">\n  </input-text>\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: 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: ["componentId", "label", "disabled", "iconSuffix", "iconPrefix", "autoComplete", "size", "debounceTime", "widthPercentageInputOptions", "inputOptions", "inputOptionsInitSelected"], outputs: ["suffixIconClick", "prefixIconClick", "onDebounce", "optionChanged", "onDropEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: KeyValueInputComponent, selector: "key-value-input", inputs: { componentId: "componentId", items: "items", size: "size", keyAttributeName: "keyAttributeName", valueAttributeName: "valueAttributeName", keyLabel: "keyLabel", valueLabel: "valueLabel", removeLabel: "removeLabel", inputOptionsWidthPercentage: "inputOptionsWidthPercentage", inputOptionsDefaultSelected: "inputOptionsDefaultSelected", inputOptions: "inputOptions", onDropFn: "onDropFn" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\"\n    (onDropEvent)=\"onKeyDropTemporaryItem(temporaryItem, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(temporaryItem, $event)\">\n  </input-text>\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: 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: ["componentId", "label", "disabled", "iconSuffix", "iconPrefix", "autoComplete", "size", "debounceTime", "widthPercentageInputOptions", "inputOptions", "inputOptionsInitSelected"], outputs: ["suffixIconClick", "prefixIconClick", "onDebounce", "optionChanged", "onDropEvent"] }] });
 }
 export { KeyValueInputComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: KeyValueInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'key-value-input', template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\">\n  </input-text>\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"] }]
+            args: [{ selector: 'key-value-input', template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\"\n    (onDropEvent)=\"onKeyDropTemporaryItem(temporaryItem, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(temporaryItem, $event)\">\n  </input-text>\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: { componentId: [{
                 type: Input
             }], items: [{
@@ -110,4 +114,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
             }], itemsChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LXZhbHVlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvaW5wdXQta2V5LXZhbHVlL2tleS12YWx1ZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWtleS12YWx1ZS9rZXktdmFsdWUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQU85QyxNQUthLHNCQUFzQjtJQUV4QixXQUFXLENBQVE7SUFDbkIsS0FBSyxHQUF3QixFQUFFLENBQUE7SUFDL0IsSUFBSSxHQUF1QixTQUFTLENBQUE7SUFDcEMsZ0JBQWdCLEdBQVcsS0FBSyxDQUFBO0lBQ2hDLGtCQUFrQixHQUFXLE9BQU8sQ0FBQTtJQUNwQyxRQUFRLEdBQVcsS0FBSyxDQUFBO0lBQ3hCLFVBQVUsR0FBVyxPQUFPLENBQUE7SUFDNUIsV0FBVyxHQUFXLFFBQVEsQ0FBQTtJQUM5QiwyQkFBMkIsQ0FBUTtJQUNuQywyQkFBMkIsQ0FBUTtJQUNuQyxZQUFZLEdBQUcsRUFBRSxDQUFBO0lBQ2pCLFFBQVEsQ0FBcUQ7SUFDNUQsV0FBVyxHQUFzQyxJQUFJLFlBQVksRUFBdUIsQ0FBQTtJQUUzRixhQUFhLENBQW1CO0lBQ3RCLHdCQUF3QixHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFBO0lBRXRFLDBCQUEwQjtRQUNoQyxPQUFPO1lBQ0wsSUFBSSxFQUFFLElBQUksQ0FBQywyQkFBMkI7WUFDdEMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdC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LHNCQUFzQiw4ZUNmbkMsMGtEQTRDQTs7U0Q3QmEsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQU1sQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRywyQkFBMkI7c0JBQW5DLEtBQUs7Z0JBQ0csMkJBQTJCO3NCQUFuQyxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG5kRHJvcEV2ZW50IH0gZnJvbSAnbmd4LWRyYWctZHJvcCc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2V5VmFsdWVJbnB1dFR5cGUge1xuICBbeDogc3RyaW5nXTogYW55XG4gIHR5cGU6IHN0cmluZ1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrZXktdmFsdWUtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJ2tleS12YWx1ZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydrZXktdmFsdWUtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBLZXlWYWx1ZUlucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjb21wb25lbnRJZDogc3RyaW5nXG4gIEBJbnB1dCgpIGl0ZW1zOiBLZXlWYWx1ZUlucHV0VHlwZVtdID0gW11cbiAgQElucHV0KCkgc2l6ZTogJ0RFRkFVTFQnIHwgJ1NMSU0nID0gJ0RFRkFVTFQnXG4gIEBJbnB1dCgpIGtleUF0dHJpYnV0ZU5hbWU6IHN0cmluZyA9ICdrZXknXG4gIEBJbnB1dCgpIHZhbHVlQXR0cmlidXRlTmFtZTogc3RyaW5nID0gJ3ZhbHVlJ1xuICBASW5wdXQoKSBrZXlMYWJlbDogc3RyaW5nID0gJ0tleSdcbiAgQElucHV0KCkgdmFsdWVMYWJlbDogc3RyaW5nID0gJ1ZhbHVlJ1xuICBASW5wdXQoKSByZW1vdmVMYWJlbDogc3RyaW5nID0gJ1JlbW92ZSdcbiAgQElucHV0KCkgaW5wdXRPcHRpb25zV2lkdGhQZXJjZW50YWdlOiBudW1iZXJcbiAgQElucHV0KCkgaW5wdXRPcHRpb25zRGVmYXVsdFNlbGVjdGVkOiBzdHJpbmdcbiAgQElucHV0KCkgaW5wdXRPcHRpb25zID0gW11cbiAgQElucHV0KCkgb25Ecm9wRm46ICgkZXZlbnQ6IERuZERyb3BFdmVudCwgYXR0cmlidXRlOiBzdHJpbmcpID0+IHN0cmluZ1xuICBAT3V0cHV0KCkgaXRlbXNDaGFuZ2U6IEV2ZW50RW1pdHRlcjxLZXlWYWx1ZUlucHV0VHlwZVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8S2V5VmFsdWVJbnB1dFR5cGVbXT4oKVxuXG4gIHB1YmxpYyB0ZW1wb3JhcnlJdGVtOiBLZXlWYWx1ZUlucHV0VHlwZVxuICBwcml2YXRlIHJlYWRvbmx5IG9uS2V5UHJlc3NlZFRlbXBvcmFyeUtleTogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KClcblxuICBwcml2YXRlIGNyZWF0ZURlZmF1bHRUZW1wb3JhcnlJdGVtKCk6IEtleVZhbHVlSW5wdXRUeXBlIHtcbiAgICByZXR1cm4ge1xuICAgICAgdHlwZTogdGhpcy5pbnB1dE9wdGlvbnNEZWZhdWx0U2VsZWN0ZWQsXG4gICAgICBbdGhpcy5rZXlBdHRyaWJ1dGVOYW1lXTogJycsXG4gICAgICBbdGhpcy52YWx1ZUF0dHJpYnV0ZU5hbWVdOiAnJ1xuICAgIH07XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50ZW1wb3JhcnlJdGVtID0gdGhpcy5jcmVhdGVEZWZhdWx0VGVtcG9yYXJ5SXRlbSgpXG4gICAgaWYgKCF0aGlzLml0ZW1zKSB7XG4gICAgICB0aGlzLml0ZW1zID0gW11cbiAgICAgIHRoaXMuaXRlbXNDaGFuZ2UuZW1pdCh0aGlzLml0ZW1zKVxuICAgIH1cbiAgICB0aGlzLmlucHV0T3B0aW9uc0RlZmF1bHRTZWxlY3RlZCB8fD0gdGhpcy5pbnB1dE9wdGlvbnM/LlswXT8udmFsdWVcbiAgICB0aGlzLm9uS2V5UHJlc3NlZFRlbXBvcmFyeUtleVxuICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDMwMCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5hZGRUZW1wb3JhcnlBdHRyaWJ1dGVUb0l0ZW1zKClcbiAgICAgICAgdGhpcy5mb2N1c09uTGFzdEl0ZW0oKVxuICAgICAgfSlcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVJdGVtKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1zLnNwbGljZShpbmRleCwgMSk7XG4gIH1cblxuICBwdWJsaWMgaW5wdXRPcHRpb25DaGFuZ2VkKGV2ZW50OiBzdHJpbmcsIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1zW2luZGV4XS50eXBlID0gZXZlbnQ7XG4gIH1cblxuICBwdWJsaWMgb25LZXlEcm9wKG1vZGVsOiBLZXlWYWx1ZUlucHV0VHlwZSwgJGV2ZW50OiBEbmREcm9wRXZlbnQpOiB2b2lkIHtcbiAgICBtb2RlbFt0aGlzLmtleUF0dHJpYnV0ZU5hbWVdID0gdGhpcy5vbkRyb3BGbigkZXZlbnQsIG1vZGVsW3RoaXMua2V5QXR0cmlidXRlTmFtZV0pXG4gIH1cblxuICBwdWJsaWMgb25WYWx1ZURyb3AobW9kZWw6IEtleVZhbHVlSW5wdXRUeXBlLCAkZXZlbnQ6IERuZERyb3BFdmVudCk6IHZvaWQge1xuICAgIG1vZGVsW3RoaXMudmFsdWVBdHRyaWJ1dGVOYW1lXSA9IHRoaXMub25Ecm9wRm4oJGV2ZW50LCBtb2RlbFt0aGlzLnZhbHVlQXR0cmlidXRlTmFtZV0pXG4gIH1cblxuICBwdWJsaWMgYWRkVGVtcG9yYXJ5QXR0cmlidXRlVG9JdGVtcygpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1zLnB1c2goeyAuLi50aGlzLnRlbXBvcmFyeUl0ZW0gfSlcbiAgICB0aGlzLnRlbXBvcmFyeUl0ZW0gPSB0aGlzLmNyZWF0ZURlZmF1bHRUZW1wb3JhcnlJdGVtKClcbiAgfVxuXG4gIHB1YmxpYyBmb2N1c09uTGFzdEl0ZW0oKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBpbmRleCA9IHRoaXMuaXRlbXMubGVuZ3RoIC0gMVxuICAgICAgY29uc3QgZm9jdXNJZCA9IGAke3RoaXMuZ2V0Q29tcG9uZW50SWQoJ2tleScsIGluZGV4KX0taW5wdXRgXG4gICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChmb2N1c0lkKS5mb2N1cygpXG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBvbktleVByZXNzZWRUZW1wb3JhcnlLZXlGbigpOiB2b2lkIHtcbiAgICB0aGlzLm9uS2V5UHJlc3NlZFRlbXBvcmFyeUtleS5uZXh0KClcbiAgfVxuXG4gIHB1YmxpYyB0ZW1wb3JhcnlJdGVtT3B0aW9uQ2hhbmdlZChldmVudDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy50ZW1wb3JhcnlJdGVtLnR5cGUgPSBldmVudFxuICB9XG5cbiAgcHVibGljIGdldENvbXBvbmVudElkKGlkOiBzdHJpbmcsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNvbXBvbmVudElkID8gYCR7dGhpcy5jb21wb25lbnRJZH0tJHtpZH0tJHtpbmRleH1gIDogYCR7aWR9LSR7aW5kZXh9YFxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJrZXktdmFsdWUtaXRlbVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBsZXQgaW5kZXggPSBpbmRleFwiPlxuICA8aW5wdXQtdGV4dFxuICAgIFtjb21wb25lbnRJZF09XCJnZXRDb21wb25lbnRJZCgna2V5JywgaW5kZXgpXCJcbiAgICBjbGFzcz1cImlucHV0LWtleVwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gICAgW2xhYmVsXT1cImtleUxhYmVsXCJcbiAgICBbaW5wdXRPcHRpb25zXT1cImlucHV0T3B0aW9uc1wiXG4gICAgW2lucHV0T3B0aW9uc0luaXRTZWxlY3RlZF09XCJpdGVtLnR5cGVcIlxuICAgIFt3aWR0aFBlcmNlbnRhZ2VJbnB1dE9wdGlvbnNdPVwiaW5wdXRPcHRpb25zV2lkdGhQZXJjZW50YWdlXCJcbiAgICBbKG5nTW9kZWwpXT1cIml0ZW1ba2V5QXR0cmlidXRlTmFtZV1cIlxuICAgIChvcHRpb25DaGFuZ2VkKT1cImlucHV0T3B0aW9uQ2hhbmdlZCgkZXZlbnQsIGluZGV4KVwiXG4gICAgKG9uRHJvcEV2ZW50KT1cIm9uS2V5RHJvcChpdGVtLCAkZXZlbnQpXCI+XG4gIDwvaW5wdXQtdGV4dD5cbiAgPGlucHV0LXRleHRcbiAgICBjbGFzcz1cImlucHV0LXZhbHVlXCJcbiAgICBbc2l6ZV09XCJzaXplXCJcbiAgICBbbGFiZWxdPVwidmFsdWVMYWJlbFwiXG4gICAgWyhuZ01vZGVsKV09XCJpdGVtW3ZhbHVlQXR0cmlidXRlTmFtZV1cIlxuICAgIChvbkRyb3BFdmVudCk9XCJvblZhbHVlRHJvcChpdGVtLCAkZXZlbnQpXCI+XG4gIDwvaW5wdXQtdGV4dD5cbiAgPGJ1dHRvbiBjbGFzcz1cImRlbGV0ZS1idXR0b25cIiBbbWF0VG9vbHRpcF09XCJyZW1vdmVMYWJlbFwiIFtuZ0NsYXNzXT1cInsnZGVsZXRlLWJ1dHRvbi1zbGltJzogc2l6ZSA9PT0gJ1NMSU0nfVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwicmVtb3ZlSXRlbShpbmRleClcIj5cbiAgICA8bWF0LWljb24+ZGVsZXRlPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJrZXktdmFsdWUtaXRlbVwiPlxuICA8aW5wdXQtdGV4dFxuICAgIGNsYXNzPVwiaW5wdXQta2V5XCJcbiAgICBbc2l6ZV09XCJzaXplXCJcbiAgICBbbGFiZWxdPVwia2V5TGFiZWxcIlxuICAgIFtpbnB1dE9wdGlvbnNdPVwiaW5wdXRPcHRpb25zXCJcbiAgICBbaW5wdXRPcHRpb25zSW5pdFNlbGVjdGVkXT1cImlucHV0T3B0aW9uc0RlZmF1bHRTZWxlY3RlZFwiXG4gICAgW3dpZHRoUGVyY2VudGFnZUlucHV0T3B0aW9uc109XCJpbnB1dE9wdGlvbnNXaWR0aFBlcmNlbnRhZ2VcIlxuICAgIChpbnB1dCk9XCJvbktleVByZXNzZWRUZW1wb3JhcnlLZXlGbigpXCJcbiAgICAob3B0aW9uQ2hhbmdlZCk9XCJ0ZW1wb3JhcnlJdGVtT3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICBbKG5nTW9kZWwpXT1cInRlbXBvcmFyeUl0ZW1bdGhpcy5rZXlBdHRyaWJ1dGVOYW1lXVwiPlxuICA8L2lucHV0LXRleHQ+XG4gIDxpbnB1dC10ZXh0XG4gICAgY2xhc3M9XCJpbnB1dC12YWx1ZVwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gICAgW2xhYmVsXT1cInZhbHVlTGFiZWxcIlxuICAgIFsobmdNb2RlbCldPVwidGVtcG9yYXJ5SXRlbVt0aGlzLnZhbHVlQXR0cmlidXRlTmFtZV1cIj5cbiAgPC9pbnB1dC10ZXh0PlxuPC9kaXY+XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LXZhbHVlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvaW5wdXQta2V5LXZhbHVlL2tleS12YWx1ZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWtleS12YWx1ZS9rZXktdmFsdWUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQU85QyxNQUthLHNCQUFzQjtJQUV4QixXQUFXLENBQVE7SUFDbkIsS0FBSyxHQUF3QixFQUFFLENBQUE7SUFDL0IsSUFBSSxHQUF1QixTQUFTLENBQUE7SUFDcEMsZ0JBQWdCLEdBQVcsS0FBSyxDQUFBO0lBQ2hDLGtCQUFrQixHQUFXLE9BQU8sQ0FBQTtJQUNwQyxRQUFRLEdBQVcsS0FBSyxDQUFBO0lBQ3hCLFVBQVUsR0FBVyxPQUFPLENBQUE7SUFDNUIsV0FBVyxHQUFXLFFBQVEsQ0FBQTtJQUM5QiwyQkFBMkIsQ0FBUTtJQUNuQywyQkFBMkIsQ0FBUTtJQUNuQyxZQUFZLEdBQUcsRUFBRSxDQUFBO0lBQ2pCLFFBQVEsQ0FBcUQ7SUFDNUQsV0FBVyxHQUFzQyxJQUFJLFlBQVksRUFBdUIsQ0FBQTtJQUUzRixhQUFhLENBQW1CO0lBQ3RCLHdCQUF3QixHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFBO0lBRXRFLDBCQUEwQjtRQUNoQyxPQUFPO1lBQ0wsSUFBSSxFQUFFLElBQUksQ0FBQywyQkFBMkI7WUFDdEMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdC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O0lBRU0sY0FBYyxDQUFDLEVBQVUsRUFBRSxLQUFhO1FBQzdDLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxJQUFJLEVBQUUsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLElBQUksS0FBSyxFQUFFLENBQUE7SUFDbkYsQ0FBQzt1R0F0RlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsOGVDZm5DLHlzREE4Q0E7O1NEL0JhLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFNbEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csMkJBQTJCO3NCQUFuQyxLQUFLO2dCQUNHLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERuZERyb3BFdmVudCB9IGZyb20gJ25neC1kcmFnLWRyb3AnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEtleVZhbHVlSW5wdXRUeXBlIHtcbiAgW3g6IHN0cmluZ106IGFueVxuICB0eXBlOiBzdHJpbmdcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2V5LXZhbHVlLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICdrZXktdmFsdWUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsna2V5LXZhbHVlLWlucHV0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgS2V5VmFsdWVJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgY29tcG9uZW50SWQ6IHN0cmluZ1xuICBASW5wdXQoKSBpdGVtczogS2V5VmFsdWVJbnB1dFR5cGVbXSA9IFtdXG4gIEBJbnB1dCgpIHNpemU6ICdERUZBVUxUJyB8ICdTTElNJyA9ICdERUZBVUxUJ1xuICBASW5wdXQoKSBrZXlBdHRyaWJ1dGVOYW1lOiBzdHJpbmcgPSAna2V5J1xuICBASW5wdXQoKSB2YWx1ZUF0dHJpYnV0ZU5hbWU6IHN0cmluZyA9ICd2YWx1ZSdcbiAgQElucHV0KCkga2V5TGFiZWw6IHN0cmluZyA9ICdLZXknXG4gIEBJbnB1dCgpIHZhbHVlTGFiZWw6IHN0cmluZyA9ICdWYWx1ZSdcbiAgQElucHV0KCkgcmVtb3ZlTGFiZWw6IHN0cmluZyA9ICdSZW1vdmUnXG4gIEBJbnB1dCgpIGlucHV0T3B0aW9uc1dpZHRoUGVyY2VudGFnZTogbnVtYmVyXG4gIEBJbnB1dCgpIGlucHV0T3B0aW9uc0RlZmF1bHRTZWxlY3RlZDogc3RyaW5nXG4gIEBJbnB1dCgpIGlucHV0T3B0aW9ucyA9IFtdXG4gIEBJbnB1dCgpIG9uRHJvcEZuOiAoJGV2ZW50OiBEbmREcm9wRXZlbnQsIGF0dHJpYnV0ZTogc3RyaW5nKSA9PiBzdHJpbmdcbiAgQE91dHB1dCgpIGl0ZW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8S2V5VmFsdWVJbnB1dFR5cGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPEtleVZhbHVlSW5wdXRUeXBlW10+KClcblxuICBwdWJsaWMgdGVtcG9yYXJ5SXRlbTogS2V5VmFsdWVJbnB1dFR5cGVcbiAgcHJpdmF0ZSByZWFkb25seSBvbktleVByZXNzZWRUZW1wb3JhcnlLZXk6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpXG5cbiAgcHJpdmF0ZSBjcmVhdGVEZWZhdWx0VGVtcG9yYXJ5SXRlbSgpOiBLZXlWYWx1ZUlucHV0VHlwZSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHR5cGU6IHRoaXMuaW5wdXRPcHRpb25zRGVmYXVsdFNlbGVjdGVkLFxuICAgICAgW3RoaXMua2V5QXR0cmlidXRlTmFtZV06ICcnLFxuICAgICAgW3RoaXMudmFsdWVBdHRyaWJ1dGVOYW1lXTogJydcbiAgICB9O1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGVtcG9yYXJ5SXRlbSA9IHRoaXMuY3JlYXRlRGVmYXVsdFRlbXBvcmFyeUl0ZW0oKVxuICAgIGlmICghdGhpcy5pdGVtcykge1xuICAgICAgdGhpcy5pdGVtcyA9IFtdXG4gICAgICB0aGlzLml0ZW1zQ2hhbmdlLmVtaXQodGhpcy5pdGVtcylcbiAgICB9XG4gICAgdGhpcy5pbnB1dE9wdGlvbnNEZWZhdWx0U2VsZWN0ZWQgfHw9IHRoaXMuaW5wdXRPcHRpb25zPy5bMF0/LnZhbHVlXG4gICAgdGhpcy5vbktleVByZXNzZWRUZW1wb3JhcnlLZXlcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSgzMDApKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuYWRkVGVtcG9yYXJ5QXR0cmlidXRlVG9JdGVtcygpXG4gICAgICAgIHRoaXMuZm9jdXNPbkxhc3RJdGVtKClcbiAgICAgIH0pXG4gIH1cblxuICBwdWJsaWMgcmVtb3ZlSXRlbShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXgsIDEpO1xuICB9XG5cbiAgcHVibGljIGlucHV0T3B0aW9uQ2hhbmdlZChldmVudDogc3RyaW5nLCBpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtc1tpbmRleF0udHlwZSA9IGV2ZW50O1xuICB9XG5cbiAgcHVibGljIG9uS2V5RHJvcChtb2RlbDogS2V5VmFsdWVJbnB1dFR5cGUsICRldmVudDogRG5kRHJvcEV2ZW50KTogdm9pZCB7XG4gICAgbW9kZWxbdGhpcy5rZXlBdHRyaWJ1dGVOYW1lXSA9IHRoaXMub25Ecm9wRm4oJGV2ZW50LCBtb2RlbFt0aGlzLmtleUF0dHJpYnV0ZU5hbWVdKVxuICB9XG5cbiAgcHVibGljIG9uS2V5RHJvcFRlbXBvcmFyeUl0ZW0obW9kZWw6IEtleVZhbHVlSW5wdXRUeXBlLCAkZXZlbnQ6IERuZERyb3BFdmVudCk6IHZvaWQge1xuICAgIG1vZGVsW3RoaXMua2V5QXR0cmlidXRlTmFtZV0gPSB0aGlzLm9uRHJvcEZuKCRldmVudCwgbW9kZWxbdGhpcy5rZXlBdHRyaWJ1dGVOYW1lXSlcbiAgICB0aGlzLmFkZFRlbXBvcmFyeUF0dHJpYnV0ZVRvSXRlbXMoKVxuICB9XG5cbiAgcHVibGljIG9uVmFsdWVEcm9wKG1vZGVsOiBLZXlWYWx1ZUlucHV0VHlwZSwgJGV2ZW50OiBEbmREcm9wRXZlbnQpOiB2b2lkIHtcbiAgICBtb2RlbFt0aGlzLnZhbHVlQXR0cmlidXRlTmFtZV0gPSB0aGlzLm9uRHJvcEZuKCRldmVudCwgbW9kZWxbdGhpcy52YWx1ZUF0dHJpYnV0ZU5hbWVdKVxuICB9XG5cbiAgcHVibGljIGFkZFRlbXBvcmFyeUF0dHJpYnV0ZVRvSXRlbXMoKTogdm9pZCB7XG4gICAgdGhpcy5pdGVtcy5wdXNoKHsgLi4udGhpcy50ZW1wb3JhcnlJdGVtIH0pXG4gICAgdGhpcy50ZW1wb3JhcnlJdGVtID0gdGhpcy5jcmVhdGVEZWZhdWx0VGVtcG9yYXJ5SXRlbSgpXG4gIH1cblxuICBwdWJsaWMgZm9jdXNPbkxhc3RJdGVtKCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgY29uc3QgaW5kZXggPSB0aGlzLml0ZW1zLmxlbmd0aCAtIDFcbiAgICAgIGNvbnN0IGZvY3VzSWQgPSBgJHt0aGlzLmdldENvbXBvbmVudElkKCdrZXknLCBpbmRleCl9LWlucHV0YFxuICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoZm9jdXNJZCkuZm9jdXMoKVxuICAgIH0pXG4gIH1cblxuICBwdWJsaWMgb25LZXlQcmVzc2VkVGVtcG9yYXJ5S2V5Rm4oKTogdm9pZCB7XG4gICAgdGhpcy5vbktleVByZXNzZWRUZW1wb3JhcnlLZXkubmV4dCgpXG4gIH1cblxuICBwdWJsaWMgdGVtcG9yYXJ5SXRlbU9wdGlvbkNoYW5nZWQoZXZlbnQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudGVtcG9yYXJ5SXRlbS50eXBlID0gZXZlbnRcbiAgfVxuXG4gIHB1YmxpYyBnZXRDb21wb25lbnRJZChpZDogc3RyaW5nLCBpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jb21wb25lbnRJZCA/IGAke3RoaXMuY29tcG9uZW50SWR9LSR7aWR9LSR7aW5kZXh9YCA6IGAke2lkfS0ke2luZGV4fWBcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwia2V5LXZhbHVlLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGluZGV4ID0gaW5kZXhcIj5cbiAgPGlucHV0LXRleHRcbiAgICBbY29tcG9uZW50SWRdPVwiZ2V0Q29tcG9uZW50SWQoJ2tleScsIGluZGV4KVwiXG4gICAgY2xhc3M9XCJpbnB1dC1rZXlcIlxuICAgIFtzaXplXT1cInNpemVcIlxuICAgIFtsYWJlbF09XCJrZXlMYWJlbFwiXG4gICAgW2lucHV0T3B0aW9uc109XCJpbnB1dE9wdGlvbnNcIlxuICAgIFtpbnB1dE9wdGlvbnNJbml0U2VsZWN0ZWRdPVwiaXRlbS50eXBlXCJcbiAgICBbd2lkdGhQZXJjZW50YWdlSW5wdXRPcHRpb25zXT1cImlucHV0T3B0aW9uc1dpZHRoUGVyY2VudGFnZVwiXG4gICAgWyhuZ01vZGVsKV09XCJpdGVtW2tleUF0dHJpYnV0ZU5hbWVdXCJcbiAgICAob3B0aW9uQ2hhbmdlZCk9XCJpbnB1dE9wdGlvbkNoYW5nZWQoJGV2ZW50LCBpbmRleClcIlxuICAgIChvbkRyb3BFdmVudCk9XCJvbktleURyb3AoaXRlbSwgJGV2ZW50KVwiPlxuICA8L2lucHV0LXRleHQ+XG4gIDxpbnB1dC10ZXh0XG4gICAgY2xhc3M9XCJpbnB1dC12YWx1ZVwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gICAgW2xhYmVsXT1cInZhbHVlTGFiZWxcIlxuICAgIFsobmdNb2RlbCldPVwiaXRlbVt2YWx1ZUF0dHJpYnV0ZU5hbWVdXCJcbiAgICAob25Ecm9wRXZlbnQpPVwib25WYWx1ZURyb3AoaXRlbSwgJGV2ZW50KVwiPlxuICA8L2lucHV0LXRleHQ+XG4gIDxidXR0b24gY2xhc3M9XCJkZWxldGUtYnV0dG9uXCIgW21hdFRvb2x0aXBdPVwicmVtb3ZlTGFiZWxcIiBbbmdDbGFzc109XCJ7J2RlbGV0ZS1idXR0b24tc2xpbSc6IHNpemUgPT09ICdTTElNJ31cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInJlbW92ZUl0ZW0oaW5kZXgpXCI+XG4gICAgPG1hdC1pY29uPmRlbGV0ZTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwia2V5LXZhbHVlLWl0ZW1cIj5cbiAgPGlucHV0LXRleHRcbiAgICBjbGFzcz1cImlucHV0LWtleVwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gICAgW2xhYmVsXT1cImtleUxhYmVsXCJcbiAgICBbaW5wdXRPcHRpb25zXT1cImlucHV0T3B0aW9uc1wiXG4gICAgW2lucHV0T3B0aW9uc0luaXRTZWxlY3RlZF09XCJpbnB1dE9wdGlvbnNEZWZhdWx0U2VsZWN0ZWRcIlxuICAgIFt3aWR0aFBlcmNlbnRhZ2VJbnB1dE9wdGlvbnNdPVwiaW5wdXRPcHRpb25zV2lkdGhQZXJjZW50YWdlXCJcbiAgICAoaW5wdXQpPVwib25LZXlQcmVzc2VkVGVtcG9yYXJ5S2V5Rm4oKVwiXG4gICAgKG9wdGlvbkNoYW5nZWQpPVwidGVtcG9yYXJ5SXRlbU9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgWyhuZ01vZGVsKV09XCJ0ZW1wb3JhcnlJdGVtW3RoaXMua2V5QXR0cmlidXRlTmFtZV1cIlxuICAgIChvbkRyb3BFdmVudCk9XCJvbktleURyb3BUZW1wb3JhcnlJdGVtKHRlbXBvcmFyeUl0ZW0sICRldmVudClcIj5cbiAgPC9pbnB1dC10ZXh0PlxuICA8aW5wdXQtdGV4dFxuICAgIGNsYXNzPVwiaW5wdXQtdmFsdWVcIlxuICAgIFtzaXplXT1cInNpemVcIlxuICAgIFtsYWJlbF09XCJ2YWx1ZUxhYmVsXCJcbiAgICBbKG5nTW9kZWwpXT1cInRlbXBvcmFyeUl0ZW1bdGhpcy52YWx1ZUF0dHJpYnV0ZU5hbWVdXCJcbiAgICAob25Ecm9wRXZlbnQpPVwib25WYWx1ZURyb3AodGVtcG9yYXJ5SXRlbSwgJGV2ZW50KVwiPlxuICA8L2lucHV0LXRleHQ+XG48L2Rpdj5cblxuIl19

package/fesm2022/apipass-inputs.mjs

@@ -2185,6 +2185,10 @@ class KeyValueInputComponent {
     onKeyDrop(model, $event) {
         model[this.keyAttributeName] = this.onDropFn($event, model[this.keyAttributeName]);
     }
+    onKeyDropTemporaryItem(model, $event) {
+        model[this.keyAttributeName] = this.onDropFn($event, model[this.keyAttributeName]);
+        this.addTemporaryAttributeToItems();
+    }
     onValueDrop(model, $event) {
         model[this.valueAttributeName] = this.onDropFn($event, model[this.valueAttributeName]);
     }
@@ -2209,11 +2213,11 @@ class KeyValueInputComponent {
         return this.componentId ? `${this.componentId}-${id}-${index}` : `${id}-${index}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: KeyValueInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: KeyValueInputComponent, selector: "key-value-input", inputs: { componentId: "componentId", items: "items", size: "size", keyAttributeName: "keyAttributeName", valueAttributeName: "valueAttributeName", keyLabel: "keyLabel", valueLabel: "valueLabel", removeLabel: "removeLabel", inputOptionsWidthPercentage: "inputOptionsWidthPercentage", inputOptionsDefaultSelected: "inputOptionsDefaultSelected", inputOptions: "inputOptions", onDropFn: "onDropFn" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\">\n  </input-text>\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: 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: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: InputTextComponent, selector: "input-text", inputs: ["componentId", "label", "disabled", "iconSuffix", "iconPrefix", "autoComplete", "size", "debounceTime", "widthPercentageInputOptions", "inputOptions", "inputOptionsInitSelected"], outputs: ["suffixIconClick", "prefixIconClick", "onDebounce", "optionChanged", "onDropEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: KeyValueInputComponent, selector: "key-value-input", inputs: { componentId: "componentId", items: "items", size: "size", keyAttributeName: "keyAttributeName", valueAttributeName: "valueAttributeName", keyLabel: "keyLabel", valueLabel: "valueLabel", removeLabel: "removeLabel", inputOptionsWidthPercentage: "inputOptionsWidthPercentage", inputOptionsDefaultSelected: "inputOptionsDefaultSelected", inputOptions: "inputOptions", onDropFn: "onDropFn" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\"\n    (onDropEvent)=\"onKeyDropTemporaryItem(temporaryItem, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(temporaryItem, $event)\">\n  </input-text>\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: 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: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: InputTextComponent, selector: "input-text", inputs: ["componentId", "label", "disabled", "iconSuffix", "iconPrefix", "autoComplete", "size", "debounceTime", "widthPercentageInputOptions", "inputOptions", "inputOptionsInitSelected"], outputs: ["suffixIconClick", "prefixIconClick", "onDebounce", "optionChanged", "onDropEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: KeyValueInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'key-value-input', template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\">\n  </input-text>\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"] }]
+            args: [{ selector: 'key-value-input', template: "<div class=\"key-value-item\" *ngFor=\"let item of items; let index = index\">\n  <input-text\n    [componentId]=\"getComponentId('key', index)\"\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"item.type\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    [(ngModel)]=\"item[keyAttributeName]\"\n    (optionChanged)=\"inputOptionChanged($event, index)\"\n    (onDropEvent)=\"onKeyDrop(item, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"item[valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(item, $event)\">\n  </input-text>\n  <button class=\"delete-button\" [matTooltip]=\"removeLabel\" [ngClass]=\"{'delete-button-slim': size === 'SLIM'}\" type=\"button\" (click)=\"removeItem(index)\">\n    <mat-icon>delete</mat-icon>\n  </button>\n</div>\n<div class=\"key-value-item\">\n  <input-text\n    class=\"input-key\"\n    [size]=\"size\"\n    [label]=\"keyLabel\"\n    [inputOptions]=\"inputOptions\"\n    [inputOptionsInitSelected]=\"inputOptionsDefaultSelected\"\n    [widthPercentageInputOptions]=\"inputOptionsWidthPercentage\"\n    (input)=\"onKeyPressedTemporaryKeyFn()\"\n    (optionChanged)=\"temporaryItemOptionChanged($event)\"\n    [(ngModel)]=\"temporaryItem[this.keyAttributeName]\"\n    (onDropEvent)=\"onKeyDropTemporaryItem(temporaryItem, $event)\">\n  </input-text>\n  <input-text\n    class=\"input-value\"\n    [size]=\"size\"\n    [label]=\"valueLabel\"\n    [(ngModel)]=\"temporaryItem[this.valueAttributeName]\"\n    (onDropEvent)=\"onValueDrop(temporaryItem, $event)\">\n  </input-text>\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: { componentId: [{
                 type: Input
             }], items: [{