verben-ng-ui 0.8.3 → 0.8.4

package/esm2022/lib/Verbena-input/verbena-input.component.mjs

@@ -30,6 +30,7 @@ export class VerbenaInputComponent {
     errorBorderColor;
     errorPosition = 'bottom';
     svg = '';
+    fontSize = '';
     svgWidth = 20;
     svgHeight = 20;
     svgColor = '';
@@ -40,7 +41,6 @@ export class VerbenaInputComponent {
     inputWrapperClass = '';
     passwordToggle = false;
     customErrorMessages = {};
-    fontSize = "14px";
     valueChange = new EventEmitter();
     errorMessage;
     inputId = '';
@@ -157,14 +157,10 @@ export class VerbenaInputComponent {
             this.isInvalid = true;
             return;
         }
-        //phone number
-        if (this.type === 'tel') {
-            const phoneNumberRegex = /^\+?[0-9\s\-().]{7,}$/;
-            if (!phoneNumberRegex.test(this.value)) {
-                this.errorMessage = this.customErrorMessages.tel || 'Please enter a valid telephone number.';
-                this.isInvalid = true;
-                return;
-            }
+        if (this.type === 'tel' && !/^\+?[1-9]\d{1,14}$/.test(this.value)) {
+            this.errorMessage = this.customErrorMessages.tel || 'Please enter a valid telephone number.';
+            this.isInvalid = true;
+            return;
         }
         if (this.type === 'url' && !/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/.test(this.value)) {
             this.errorMessage = this.customErrorMessages.url || 'Please enter a valid URL.';
@@ -190,7 +186,7 @@ export class VerbenaInputComponent {
         this.validate(); // for manual validation
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaInputComponent, deps: [{ token: forwardRef(() => NgControl), optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaInputComponent, selector: "verbena-input", inputs: { label: "label", placeHolder: "placeHolder", required: "required", svgPosition: "svgPosition", minLength: "minLength", maxLength: "maxLength", type: "type", bgColor: "bgColor", border: "border", borderRadius: "borderRadius", textColor: "textColor", value: "value", labelPosition: "labelPosition", labelColor: "labelColor", disable: "disable", readOnly: "readOnly", min: "min", max: "max", showBorder: "showBorder", showErrorMessage: "showErrorMessage", errorMessageColor: "errorMessageColor", errorBorderColor: "errorBorderColor", errorPosition: "errorPosition", svg: "svg", svgWidth: "svgWidth", svgHeight: "svgHeight", svgColor: "svgColor", capitalization: "capitalization", inputContainerClass: "inputContainerClass", inputFieldClass: "inputFieldClass", passLength: "passLength", inputWrapperClass: "inputWrapperClass", passwordToggle: "passwordToggle", customErrorMessages: "customErrorMessages", fontSize: "fontSize", icon: "icon", textPass: "textPass" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-container {{ inputContainerClass }}\"\n     [ngStyle]=\"{\n      'display': 'flex',\n      'flex-direction': 'column'\n     }\"\n>\n  <div\n    [ngStyle]=\"{\n      'display': 'flex',\n      'justify-content': labelPosition,\n      'color': labelColor,\n      'padding': '0'\n    }\"\n    class=\"input-field\"\n  >\n    <div [ngStyle]=\"{\n      'width': '100%',\n      'display': 'flex',\n      'justify-content':'space-between'\n\n     }\">\n      <label [for]=\"label\">{{ label }}</label>\n      <!-- incase i need it back  -->\n      <!-- <div *ngIf=\" passwordToggle === true\" [ngStyle]=\"{\n\n        'display': 'flex',\n        'align-item':'center',\n        'gap':'4px',\n        'color':'grey',\n        'cursor':'pointer'\n\n       }\"\n      (click)=\"toggleIcon()\"\n       >\n        <verben-svg\n        [icon]=\"icon\"\n        [width]=\"20\"\n        [height]=\"20\"\n        color=\"black\"\n      ></verben-svg>\n       <p>{{ textPass }}</p>\n    </div> -->\n    </div>\n  </div>\n\n  <div class=\"input-wrapper \">\n    <div *ngIf=\" passwordToggle === true\" [ngStyle]=\"{\n\n      'display': 'grid',\n      'align-items':'center',\n      'justify-content':'center',\n      'gap':'4px',\n      'color':'grey',\n      'cursor':'pointer',\n      'position': 'absolute',\n      'right':'8px',\n      'top':'0',\n      'bottom':'0',\n\n      'margin': 'auto',\n\n\n     }\"\n    (click)=\"toggleIcon()\"\n     >\n      <verben-svg\n      [icon]=\"icon\"\n      [width]=\"20\"\n      [height]=\"20\"\n      color=\"black\"\n    ></verben-svg>\n\n  </div>\n    <input\n      [ngClass]=\"{'ng-invalid': isInvalid}\"\n      (blur)=\"onBlur()\"\n      [id]=\"label\"\n      [attr.type]=\"type\"\n      [attr.placeholder]=\"placeHolder\"\n      [attr.minlength]=\"minLength?.toString()\"\n      [attr.maxlength]=\"maxLength?.toString()\"\n      [attr.disabled]=\"disable ? true : null\"\n      [attr.readOnly]=\"readOnly ? true : null\"\n      (input)=\"onInput($event)\"\n      [(ngModel)]=\"value\"\n      [ngStyle]=\"{\n        'background-color': bgColor,\n        'border': isInvalid && errorBorderColor ? '1px solid ' + errorBorderColor : border,\n        'border-radius': borderRadius,\n        'color': textColor,\n        'font-size': fontSize,\n      }\"\n      class=\"input-field verben-input {{ inputWrapperClass }}\"\n    />\n  </div>\n\n  <div *ngIf=\"isInvalid && showErrorMessage\" class=\"error-message\" [ngStyle]=\"{\n    'color': errorMessageColor,\n    'position': errorPosition\n  }\">\n    {{ errorMessage }}\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.input-container{display:flex;flex-direction:column;gap:5px;position:relative}.input-field{width:100%;display:block;padding:6px}.error-message-text{font-size:12px;margin:0}.error-top{position:absolute;top:0;left:50%}.error-bottom{position:relative;margin-top:5px}.error-left{position:absolute;left:-10px}.error-right{position:absolute;right:-10px;top:0}.input-wrapper{position:relative}.input-field{width:100%;padding:8px}.error-dot{position:absolute;top:0%;right:-10px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;cursor:pointer}.error-message{position:absolute;z-index:1;left:0;right:0;bottom:-20px}.top-error .error-message{position:absolute!important;top:-20px!important;bottom:initial!important}.left-error{position:absolute!important;bottom:50%!important;right:calc(100% + 10px)!important;width:max-content;left:initial!important;transform:translateY(50%);top:-100px}.right-error .error-message{position:absolute!important;bottom:50%!important;left:calc(100% + 10px)!important;width:max-content;right:initial!important;transform:translateY(50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaInputComponent, selector: "verbena-input", inputs: { label: "label", placeHolder: "placeHolder", required: "required", svgPosition: "svgPosition", minLength: "minLength", maxLength: "maxLength", type: "type", bgColor: "bgColor", border: "border", borderRadius: "borderRadius", textColor: "textColor", value: "value", labelPosition: "labelPosition", labelColor: "labelColor", disable: "disable", readOnly: "readOnly", min: "min", max: "max", showBorder: "showBorder", showErrorMessage: "showErrorMessage", errorMessageColor: "errorMessageColor", errorBorderColor: "errorBorderColor", errorPosition: "errorPosition", svg: "svg", fontSize: "fontSize", svgWidth: "svgWidth", svgHeight: "svgHeight", svgColor: "svgColor", capitalization: "capitalization", inputContainerClass: "inputContainerClass", inputFieldClass: "inputFieldClass", passLength: "passLength", inputWrapperClass: "inputWrapperClass", passwordToggle: "passwordToggle", customErrorMessages: "customErrorMessages", icon: "icon", textPass: "textPass" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-container {{ inputContainerClass }}\"\n     [ngStyle]=\"{\n      'display': 'flex',\n      'flex-direction': 'column'\n     }\"\n>\n  <div\n    [ngStyle]=\"{\n      'display': 'flex',\n      'justify-content': labelPosition,\n      'color': labelColor,\n      'padding': '0'\n    }\"\n    class=\"input-field\"\n  >\n    <div [ngStyle]=\"{\n      'width': '100%',\n      'display': 'flex',\n      'justify-content':'space-between'\n\n     }\">\n      <label [for]=\"label\">{{ label }}</label>\n      <!-- incase i need it back  -->\n      <!-- <div *ngIf=\" passwordToggle === true\" [ngStyle]=\"{\n\n        'display': 'flex',\n        'align-item':'center',\n        'gap':'4px',\n        'color':'grey',\n        'cursor':'pointer'\n\n       }\"\n      (click)=\"toggleIcon()\"\n       >\n        <verben-svg\n        [icon]=\"icon\"\n        [width]=\"20\"\n        [height]=\"20\"\n        color=\"black\"\n      ></verben-svg>\n       <p>{{ textPass }}</p>\n    </div> -->\n    </div>\n  </div>\n\n  <div class=\"input-wrapper \">\n    <div *ngIf=\" passwordToggle === true\" [ngStyle]=\"{\n\n      'display': 'grid',\n      'align-items':'center',\n      'justify-content':'center',\n      'gap':'4px',\n      'color':'grey',\n      'cursor':'pointer',\n      'position': 'absolute',\n      'right':'8px',\n      'top':'0',\n      'bottom':'0',\n\n      'margin': 'auto',\n\n\n     }\"\n    (click)=\"toggleIcon()\"\n     >\n      <verben-svg\n      [icon]=\"icon\"\n      [width]=\"20\"\n      [height]=\"20\"\n      color=\"black\"\n    ></verben-svg>\n\n  </div>\n    <input\n      [ngClass]=\"{'ng-invalid': isInvalid}\"\n      (blur)=\"onBlur()\"\n      [id]=\"label\"\n      [attr.type]=\"type\"\n      [attr.placeholder]=\"placeHolder\"\n      [attr.minlength]=\"minLength?.toString()\"\n      [attr.maxlength]=\"maxLength?.toString()\"\n      [attr.disabled]=\"disable ? true : null\"\n      [attr.readOnly]=\"readOnly ? true : null\"\n      (input)=\"onInput($event)\"\n      [(ngModel)]=\"value\"\n      [ngStyle]=\"{\n        'background-color': bgColor,\n        'border': isInvalid && errorBorderColor ? '1px solid ' + errorBorderColor : border,\n        'border-radius': borderRadius,\n        'color': textColor,\n        'font-size': fontSize,\n      }\"\n      class=\"input-field verben-input {{ inputWrapperClass }}\"\n    />\n  </div>\n\n  <div *ngIf=\"isInvalid && showErrorMessage\" class=\"error-message\" [ngStyle]=\"{\n    'color': errorMessageColor,\n    'position': errorPosition\n  }\">\n    {{ errorMessage }}\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.input-container{display:flex;flex-direction:column;gap:5px;position:relative}.input-field{width:100%;display:block;padding:6px}.error-message-text{font-size:12px;margin:0}.error-top{position:absolute;top:0;left:50%}.error-bottom{position:relative;margin-top:5px}.error-left{position:absolute;left:-10px}.error-right{position:absolute;right:-10px;top:0}.input-wrapper{position:relative}.input-field{width:100%;padding:8px}.error-dot{position:absolute;top:0%;right:-10px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;cursor:pointer}.error-message{position:absolute;z-index:1;left:0;right:0;bottom:-20px}.top-error .error-message{position:absolute!important;top:-20px!important;bottom:initial!important}.left-error{position:absolute!important;bottom:50%!important;right:calc(100% + 10px)!important;width:max-content;left:initial!important;transform:translateY(50%);top:-100px}.right-error .error-message{position:absolute!important;bottom:50%!important;left:calc(100% + 10px)!important;width:max-content;right:initial!important;transform:translateY(50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaInputComponent, decorators: [{
             type: Component,
@@ -250,6 +246,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                 type: Input
             }], svg: [{
                 type: Input
+            }], fontSize: [{
+                type: Input
             }], svgWidth: [{
                 type: Input
             }], svgHeight: [{
@@ -270,8 +268,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
                 type: Input
             }], customErrorMessages: [{
                 type: Input
-            }], fontSize: [{
-                type: Input
             }], valueChange: [{
                 type: Output
             }], icon: [{
@@ -279,4 +275,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
             }], textPass: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyYmVuYS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi9WZXJiZW5hLWlucHV0L3ZlcmJlbmEtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLW5nLXVpL3NyYy9saWIvVmVyYmVuYS1pbnB1dC92ZXJiZW5hLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBd0IsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUWpFLE1BQU0sT0FBTyxxQkFBcUI7SUFzRTZDO0lBckVwRSxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixXQUFXLEdBQXFCLE1BQU0sQ0FBQztJQUN2QyxTQUFTLENBQVU7SUFDbkIsU0FBUyxDQUFVO0lBQ25CLElBQUksR0FBNEgsTUFBTSxDQUFDO0lBQ3ZJLE9BQU8sR0FBVyxTQUFTLENBQUM7SUFDNUIsTUFBTSxHQUFXLEVBQUUsQ0FBQztJQUNwQixZQUFZLEdBQVcsS0FBSyxDQUFDO0lBQzdCLFNBQVMsR0FBVyxNQUFNLENBQUM7SUFDM0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixhQUFhLEdBQVcsT0FBTyxDQUFDO0lBQ2hDLFVBQVUsR0FBVyxPQUFPLENBQUM7SUFDN0IsT0FBTyxHQUFZLEtBQUssQ0FBQyxDQUFDLGdCQUFnQjtJQUMxQyxRQUFRLEdBQVksS0FBSyxDQUFDLENBQUMsa0JBQWtCO0lBQzdDLEdBQUcs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SztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBY0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQVNFLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgT3B0aW9uYWwsIFNlbGYsIEluamVjdCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ZXJiZW5hLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcmJlbmEtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92ZXJiZW5hLWlucHV0LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWZXJiZW5hSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHN2Z1Bvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuICBASW5wdXQoKSBtaW5MZW5ndGg/OiBudW1iZXI7XG4gIEBJbnB1dCgpIG1heExlbmd0aD86IG51bWJlcjtcbiAgQElucHV0KCkgdHlwZTogJ3RleHQnIHwgJ3Bhc3N3b3JkJyB8ICdpbnRlZ2VyJyB8ICdudW1iZXInIHwgJ2RlY2ltYWwnIHwgJ2VtYWlsJyB8ICdkYXRlJyB8ICd0ZWwnIHwgJ3VybCcgfCAnZmlsZScgfCAnY29sb3InIHwgJ3NlYXJjaCcgPSAndGV4dCc7XG4gIEBJbnB1dCgpIGJnQ29sb3I6IHN0cmluZyA9ICcjZjlmOWY5JztcbiAgQElucHV0KCkgYm9yZGVyOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgYm9yZGVyUmFkaXVzOiBzdHJpbmcgPSAnNXB4JztcbiAgQElucHV0KCkgdGV4dENvbG9yOiBzdHJpbmcgPSAnIzMzMyc7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogc3RyaW5nID0gJ3N0YXJ0JztcbiAgQElucHV0KCkgbGFiZWxDb2xvcjogc3RyaW5nID0gJ2JsYWNrJztcbiAgQElucHV0KCkgZGlzYWJsZTogYm9vbGVhbiA9IGZhbHNlOyAvLyBEaXNhYmxlIGlucHV0XG4gIEBJbnB1dCgpIHJlYWRPbmx5OiBib29sZWFuID0gZmFsc2U7IC8vIFJlYWQtb25seSBpbnB1dFxuICBASW5wdXQoKSBtaW4/OiBudW1iZXI7XG4gIEBJbnB1dCgpIG1heD86IG51bWJlcjtcbiAgQElucHV0KCkgc2hvd0JvcmRlcjogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dFcnJvck1lc3NhZ2U6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2VDb2xvcjogc3RyaW5nID0gJ3JlZCc7XG4gIEBJbnB1dCgpIGVycm9yQm9yZGVyQ29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVycm9yUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIHN2Zzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN2Z1dpZHRoOiBudW1iZXIgPSAyMDtcbiAgQElucHV0KCkgc3ZnSGVpZ2h0OiBudW1iZXIgPSAyMDtcbiAgQElucHV0KCkgc3ZnQ29sb3I6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjYXBpdGFsaXphdGlvbjogJ25vbmUnIHwgJ3VwcGVyY2FzZScgfCAnbG93ZXJjYXNlJyB8ICdzZW50ZW5jZWNhc2UnIHwgJ3Bhc2NhbGNhc2UnIHwgJ2NhbWVsY2FzZScgPSAnbm9uZSc7XG4gIEBJbnB1dCgpIGlucHV0Q29udGFpbmVyQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpbnB1dEZpZWxkQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwYXNzTGVuZ3RoOiBudW1iZXIgPSA4O1xuICBASW5wdXQoKSBpbnB1dFdyYXBwZXJDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHBhc3N3b3JkVG9nZ2xlPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjdXN0b21FcnJvck1lc3NhZ2VzOiB7XG4gICAgcmVxdWlyZWQ/OiBzdHJpbmc7XG4gICAgbWluTGVuZ3RoPzogc3RyaW5nO1xuICAgIG1heExlbmd0aD86IHN0cmluZztcbiAgICBtaW5WYWx1ZT86IHN0cmluZztcbiAgICBtYXhWYWx1ZT86IHN0cmluZztcbiAgICBpbnRlZ2VyPzogc3RyaW5nO1xuICAgIG51bWJlcj86IHN0cmluZztcbiAgICBkZWNpbWFsPzogc3RyaW5nO1xuICAgIGVtYWlsPzogc3RyaW5nO1xuICAgIHBhc3N3b3JkPzogc3RyaW5nO1xuICAgIHRlbD86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gIH0gPSB7fTtcbiAgQElucHV0KCkgZm9udFNpemU6IHN0cmluZyA9IFwiMTRweFwiO1xuXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgRmlsZUxpc3Q+KCk7XG5cbiAgZXJyb3JNZXNzYWdlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGlucHV0SWQ6IHN0cmluZyA9ICcnO1xuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xuICBpc0ludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICdleWUnO1xuICBASW5wdXQoKSB0ZXh0UGFzczogc3RyaW5nID0gJ1Nob3cnO1xuXG5cbiAgdG9nZ2xlSWNvbigpOiB2b2lkIHtcbiAgICB0aGlzLmljb24gPSB0aGlzLmljb24gPT09ICdleWUnID8gJ2V5ZS1jbG9zZWQnIDogJ2V5ZSc7XG4gICAgdGhpcy50ZXh0UGFzcyA9IHRoaXMudGV4dFBhc3MgPT09ICdTaG93JyA/ICdIaWRlJyA6ICdTaG93JztcbiAgICB0aGlzLnR5cGUgPSB0aGlzLnR5cGUgPT09ICdwYXNzd29yZCcgPyAndGV4dCcgOiAncGFzc3dvcmQnO1xuXG4gIH1cblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBAU2VsZigpIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBOZ0NvbnRyb2wpKSBwcml2YXRlIG5nQ29udHJvbDogTmdDb250cm9sKSB7XG4gICAgaWYgKHRoaXMubmdDb250cm9sKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgICAgIHRoaXMubmdDb250cm9sPy5zdGF0dXNDaGFuZ2VzPy5zdWJzY3JpYmUoKHN0YXR1cykgPT4ge1xuICAgICAgICB0aGlzLmlzSW52YWxpZCA9IHRoaXMubmdDb250cm9sLnRvdWNoZWRcbiAgICAgICAgICA/IHN0YXR1cyA9PT0gJ0lOVkFMSUQnICYmIHRoaXMubmdDb250cm9sLnRvdWNoZWRcbiAgICAgICAgICA6IGZhbHNlO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pbnB1dElkID0gYHZlcmJlbmEtaW5wdXQtJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHIoMiwgOSl9YDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG5cbiAgICBpZiAodGhpcy50eXBlID09PSAnZmlsZScgJiYgdGFyZ2V0LmZpbGVzKSB7XG4gICAgICBjb25zdCBmaWxlcyA9IHRhcmdldC5maWxlcztcbiAgICAgIHRoaXMub25DaGFuZ2UoZmlsZXMpO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGZpbGVzKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy52YWx1ZSA9IHRhcmdldC52YWx1ZS50cmltKCk7XG4gICAgICB0aGlzLnZhbHVlID0gdGhpcy5hcHBseUNhcGl0YWxpemF0aW9uKHRoaXMudmFsdWUsIHRoaXMuY2FwaXRhbGl6YXRpb24pO1xuICAgICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgICAgY29uc3Qgc2FuaXRpemVkVmFsdWUgPSB0aGlzLnNhbml0aXplVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgICB0aGlzLm9uQ2hhbmdlKHNhbml0aXplZFZhbHVlKTtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdChzYW5pdGl6ZWRWYWx1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgIFxuICB9XG5cbiAgYXBwbHlDYXBpdGFsaXphdGlvbih2YWx1ZTogc3RyaW5nLCBmb3JtYXQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgc3dpdGNoIChmb3JtYXQpIHtcbiAgICAgIGNhc2UgJ3VwcGVyY2FzZSc6IHJldHVybiB2YWx1ZS50b1VwcGVyQ2FzZSgpO1xuICAgICAgY2FzZSAnbG93ZXJjYXNlJzogcmV0dXJuIHZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gICAgICBjYXNlICdzZW50ZW5jZWNhc2UnOiByZXR1cm4gdmFsdWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB2YWx1ZS5zbGljZSgxKS50b0xvd2VyQ2FzZSgpO1xuICAgICAgY2FzZSAncGFzY2FsY2FzZSc6IHJldHVybiB2YWx1ZS5yZXBsYWNlKC9cXHcrL2csICh3KSA9PiB3WzBdLnRvVXBwZXJDYXNlKCkgKyB3LnNsaWNlKDEpLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgY2FzZSAnY2FtZWxjYXNlJzogcmV0dXJuIHZhbHVlLnJlcGxhY2UoLyg/Ol5cXHd8W0EtWl18XFxiXFx3fFxccyspL2csIChtYXRjaCwgaW5kZXgpID0+XG4gICAgICAgIGluZGV4ID09PSAwID8gbWF0Y2gudG9Mb3dlckNhc2UoKSA6IG1hdGNoLnRvVXBwZXJDYXNlKCkpLnJlcGxhY2UoL1xccysvZywgJycpO1xuICAgICAgZGVmYXVsdDogcmV0dXJuIHZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIHNhbml0aXplVmFsdWUodmFsdWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgaWYgKFsnbnVtYmVyJywgJ2RlY2ltYWwnLCAnaW50ZWdlciddLmluY2x1ZGVzKHRoaXMudHlwZSkpIHtcbiAgICAgIHJldHVybiB2YWx1ZS5yZXBsYWNlKC8sL2csICcnKTtcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9XG5cbiAgdmFsaWRhdGUoKSB7XG4gICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAnJztcblxuICAgIGlmICh0aGlzLnJlcXVpcmVkICYmICF0aGlzLnZhbHVlKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5yZXF1aXJlZCB8fCAnVGhpcyBmaWVsZCBpcyByZXF1aXJlZC4nO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLm1pbkxlbmd0aCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IHRoaXMubWluTGVuZ3RoKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5taW5MZW5ndGggfHwgYE1pbmltdW0gbGVuZ3RoIGlzICR7dGhpcy5taW5MZW5ndGh9LmA7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubWF4TGVuZ3RoICYmIHRoaXMudmFsdWUubGVuZ3RoID4gdGhpcy5tYXhMZW5ndGgpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLm1heExlbmd0aCB8fCBgTWF4aW11bSBsZW5ndGggaXMgJHt0aGlzLm1heExlbmd0aH0uYDtcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBzYW5pdGl6ZWRWYWx1ZSA9IHRoaXMuc2FuaXRpemVWYWx1ZSh0aGlzLnZhbHVlKTtcbiAgICBjb25zdCBudW1lcmljVmFsdWUgPSBwYXJzZUZsb2F0KHNhbml0aXplZFZhbHVlKTtcblxuICAgIGlmIChbJ2ludGVnZXInLCAnbnVtYmVyJywgJ2RlY2ltYWwnXS5pbmNsdWRlcyh0aGlzLnR5cGUpKSB7XG4gICAgICBpZiAodGhpcy5taW4gIT09IHVuZGVmaW5lZCAmJiBudW1lcmljVmFsdWUgPCB0aGlzLm1pbikge1xuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5taW5WYWx1ZSB8fCBgTWluaW11bSB2YWx1ZSBpcyAke3RoaXMubWlufS5gO1xuICAgICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5tYXggIT09IHVuZGVmaW5lZCAmJiBudW1lcmljVmFsdWUgPiB0aGlzLm1heCkge1xuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5tYXhWYWx1ZSB8fCBgTWF4aW11bSB2YWx1ZSBpcyAke3RoaXMubWF4fS5gO1xuICAgICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAodGhpcy50eXBlID09PSAnaW50ZWdlcicgJiYgIS9eXFxkKyQvLnRlc3QodGhpcy52YWx1ZSkpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLmludGVnZXIgfHwgJ1BsZWFzZSBlbnRlciBhIHZhbGlkIGludGVnZXIuJztcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy50eXBlID09PSAnbnVtYmVyJyAmJiAhL15cXGQrKFxcLlxcZCspPyQvLnRlc3QodGhpcy52YWx1ZSkpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLm51bWJlciB8fCAnUGxlYXNlIGVudGVyIGEgdmFsaWQgbnVtYmVyLic7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ2RlY2ltYWwnICYmICEvXlxcZCsoXFwuXFxkKyk/JC8udGVzdCh0aGlzLnZhbHVlKSkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMuZGVjaW1hbCB8fCAnUGxlYXNlIGVudGVyIGEgdmFsaWQgZGVjaW1hbC4nO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnR5cGUgPT09ICdlbWFpbCcgJiYgIS9eW15cXHNAXStAW15cXHNAXStcXC5bXlxcc0BdKyQvLnRlc3QodGhpcy52YWx1ZSkpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLmVtYWlsIHx8ICdQbGVhc2UgZW50ZXIgYSB2YWxpZCBlbWFpbCBhZGRyZXNzLic7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJiB0aGlzLnZhbHVlLmxlbmd0aCA8IHRoaXMucGFzc0xlbmd0aCkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMucGFzc3dvcmQgfHwgYFBhc3N3b3JkIG11c3QgYmUgYXQgbGVhc3QgJHt0aGlzLnBhc3NMZW5ndGh9IGNoYXJhY3RlcnMgbG9uZy5gO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBcblxuICAgIC8vcGhvbmUgbnVtYmVyXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ3RlbCcpIHtcbiAgICAgIGNvbnN0IHBob25lTnVtYmVyUmVnZXggPSAvXlxcKz9bMC05XFxzXFwtKCkuXXs3LH0kLztcbiAgICAgIGlmICghcGhvbmVOdW1iZXJSZWdleC50ZXN0KHRoaXMudmFsdWUpKSB7XG4gICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLnRlbCB8fCAnUGxlYXNlIGVudGVyIGEgdmFsaWQgdGVsZXBob25lIG51bWJlci4nO1xuICAgICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAodGhpcy50eXBlID09PSAndXJsJyAmJiAhL14oaHR0cHM/fGZ0cCk6XFwvXFwvW15cXHMvJC4/I10uW15cXHNdKiQvLnRlc3QodGhpcy52YWx1ZSkpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLnVybCB8fCAnUGxlYXNlIGVudGVyIGEgdmFsaWQgVVJMLic7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5pc0ludmFsaWQgPSBmYWxzZTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSA/IHRoaXMuYXBwbHlDYXBpdGFsaXphdGlvbih2YWx1ZS50cmltKCksIHRoaXMuY2FwaXRhbGl6YXRpb24pIDogJyc7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGUgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIHRoaXMub25Ub3VjaCgpOyAgLy8gZm9yIENvbnRyb2xWYWx1ZUFjY2Vzc29yXG4gICAgdGhpcy52YWxpZGF0ZSgpOyAvLyBmb3IgbWFudWFsIHZhbGlkYXRpb25cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lciB7eyBpbnB1dENvbnRhaW5lckNsYXNzIH19XCJcbiAgICAgW25nU3R5bGVdPVwie1xuICAgICAgJ2Rpc3BsYXknOiAnZmxleCcsXG4gICAgICAnZmxleC1kaXJlY3Rpb24nOiAnY29sdW1uJ1xuICAgICB9XCJcbj5cbiAgPGRpdlxuICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICdkaXNwbGF5JzogJ2ZsZXgnLFxuICAgICAgJ2p1c3RpZnktY29udGVudCc6IGxhYmVsUG9zaXRpb24sXG4gICAgICAnY29sb3InOiBsYWJlbENvbG9yLFxuICAgICAgJ3BhZGRpbmcnOiAnMCdcbiAgICB9XCJcbiAgICBjbGFzcz1cImlucHV0LWZpZWxkXCJcbiAgPlxuICAgIDxkaXYgW25nU3R5bGVdPVwie1xuICAgICAgJ3dpZHRoJzogJzEwMCUnLFxuICAgICAgJ2Rpc3BsYXknOiAnZmxleCcsXG4gICAgICAnanVzdGlmeS1jb250ZW50Jzonc3BhY2UtYmV0d2VlbidcblxuICAgICB9XCI+XG4gICAgICA8bGFiZWwgW2Zvcl09XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cbiAgICAgIDwhLS0gaW5jYXNlIGkgbmVlZCBpdCBiYWNrICAtLT5cbiAgICAgIDwhLS0gPGRpdiAqbmdJZj1cIiBwYXNzd29yZFRvZ2dsZSA9PT0gdHJ1ZVwiIFtuZ1N0eWxlXT1cIntcblxuICAgICAgICAnZGlzcGxheSc6ICdmbGV4JyxcbiAgICAgICAgJ2FsaWduLWl0ZW0nOidjZW50ZXInLFxuICAgICAgICAnZ2FwJzonNHB4JyxcbiAgICAgICAgJ2NvbG9yJzonZ3JleScsXG4gICAgICAgICdjdXJzb3InOidwb2ludGVyJ1xuXG4gICAgICAgfVwiXG4gICAgICAoY2xpY2spPVwidG9nZ2xlSWNvbigpXCJcbiAgICAgICA+XG4gICAgICAgIDx2ZXJiZW4tc3ZnXG4gICAgICAgIFtpY29uXT1cImljb25cIlxuICAgICAgICBbd2lkdGhdPVwiMjBcIlxuICAgICAgICBbaGVpZ2h0XT1cIjIwXCJcbiAgICAgICAgY29sb3I9XCJibGFja1wiXG4gICAgICA+PC92ZXJiZW4tc3ZnPlxuICAgICAgIDxwPnt7IHRleHRQYXNzIH19PC9wPlxuICAgIDwvZGl2PiAtLT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImlucHV0LXdyYXBwZXIgXCI+XG4gICAgPGRpdiAqbmdJZj1cIiBwYXNzd29yZFRvZ2dsZSA9PT0gdHJ1ZVwiIFtuZ1N0eWxlXT1cIntcblxuICAgICAgJ2Rpc3BsYXknOiAnZ3JpZCcsXG4gICAgICAnYWxpZ24taXRlbXMnOidjZW50ZXInLFxuICAgICAgJ2p1c3RpZnktY29udGVudCc6J2NlbnRlcicsXG4gICAgICAnZ2FwJzonNHB4JyxcbiAgICAgICdjb2xvcic6J2dyZXknLFxuICAgICAgJ2N1cnNvcic6J3BvaW50ZXInLFxuICAgICAgJ3Bvc2l0aW9uJzogJ2Fic29sdXRlJyxcbiAgICAgICdyaWdodCc6JzhweCcsXG4gICAgICAndG9wJzonMCcsXG4gICAgICAnYm90dG9tJzonMCcsXG5cbiAgICAgICdtYXJnaW4nOiAnYXV0bycsXG5cblxuICAgICB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlSWNvbigpXCJcbiAgICAgPlxuICAgICAgPHZlcmJlbi1zdmdcbiAgICAgIFtpY29uXT1cImljb25cIlxuICAgICAgW3dpZHRoXT1cIjIwXCJcbiAgICAgIFtoZWlnaHRdPVwiMjBcIlxuICAgICAgY29sb3I9XCJibGFja1wiXG4gICAgPjwvdmVyYmVuLXN2Zz5cblxuICA8L2Rpdj5cbiAgICA8aW5wdXRcbiAgICAgIFtuZ0NsYXNzXT1cInsnbmctaW52YWxpZCc6IGlzSW52YWxpZH1cIlxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxuICAgICAgW2lkXT1cImxhYmVsXCJcbiAgICAgIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gICAgICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZUhvbGRlclwiXG4gICAgICBbYXR0ci5taW5sZW5ndGhdPVwibWluTGVuZ3RoPy50b1N0cmluZygpXCJcbiAgICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhMZW5ndGg/LnRvU3RyaW5nKClcIlxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZSA/IHRydWUgOiBudWxsXCJcbiAgICAgIFthdHRyLnJlYWRPbmx5XT1cInJlYWRPbmx5ID8gdHJ1ZSA6IG51bGxcIlxuICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBiZ0NvbG9yLFxuICAgICAgICAnYm9yZGVyJzogaXNJbnZhbGlkICYmIGVycm9yQm9yZGVyQ29sb3IgPyAnMXB4IHNvbGlkICcgKyBlcnJvckJvcmRlckNvbG9yIDogYm9yZGVyLFxuICAgICAgICAnYm9yZGVyLXJhZGl1cyc6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgJ2NvbG9yJzogdGV4dENvbG9yLFxuICAgICAgICAnZm9udC1zaXplJzogZm9udFNpemUsXG4gICAgICB9XCJcbiAgICAgIGNsYXNzPVwiaW5wdXQtZmllbGQgdmVyYmVuLWlucHV0IHt7IGlucHV0V3JhcHBlckNsYXNzIH19XCJcbiAgICAvPlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiaXNJbnZhbGlkICYmIHNob3dFcnJvck1lc3NhZ2VcIiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiBbbmdTdHlsZV09XCJ7XG4gICAgJ2NvbG9yJzogZXJyb3JNZXNzYWdlQ29sb3IsXG4gICAgJ3Bvc2l0aW9uJzogZXJyb3JQb3NpdGlvblxuICB9XCI+XG4gICAge3sgZXJyb3JNZXNzYWdlIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyYmVuYS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi9WZXJiZW5hLWlucHV0L3ZlcmJlbmEtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLW5nLXVpL3NyYy9saWIvVmVyYmVuYS1pbnB1dC92ZXJiZW5hLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBd0IsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUWpFLE1BQU0sT0FBTyxxQkFBcUI7SUFzRTZDO0lBckVwRSxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixXQUFXLEdBQXFCLE1BQU0sQ0FBQztJQUN2QyxTQUFTLENBQVU7SUFDbkIsU0FBUyxDQUFVO0lBQ25CLElBQUksR0FBNEgsTUFBTSxDQUFDO0lBQ3ZJLE9BQU8sR0FBVyxTQUFTLENBQUM7SUFDNUIsTUFBTSxHQUFXLEVBQUUsQ0FBQztJQUNwQixZQUFZLEdBQVcsS0FBSyxDQUFDO0lBQzdCLFNBQVMsR0FBVyxNQUFNLENBQUM7SUFDM0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixhQUFhLEdBQVcsT0FBTyxDQUFDO0lBQ2hDLFVBQVUsR0FBVyxPQUFPLENBQUM7SUFDN0IsT0FBTyxHQUFZLEtBQUssQ0FBQyxDQUFDLGdCQUFnQjtJQUMxQyxRQUFRLEdBQVksS0FBSyxDQUFDLENBQUMsa0JBQWtCO0lBQzdDLEdBQUcs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RyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBZUksV0FBVztzQkFBcEIsTUFBTTtnQkFTRSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkluaXQsIE9wdGlvbmFsLCBTZWxmLCBJbmplY3QsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVyYmVuYS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJiZW5hLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdmVyYmVuYS1pbnB1dC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmVyYmVuYUlucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXI6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdmdQb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcbiAgQElucHV0KCkgbWluTGVuZ3RoPzogbnVtYmVyO1xuICBASW5wdXQoKSBtYXhMZW5ndGg/OiBudW1iZXI7XG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdwYXNzd29yZCcgfCAnaW50ZWdlcicgfCAnbnVtYmVyJyB8ICdkZWNpbWFsJyB8ICdlbWFpbCcgfCAnZGF0ZScgfCAndGVsJyB8ICd1cmwnIHwgJ2ZpbGUnIHwgJ2NvbG9yJyB8ICdzZWFyY2gnID0gJ3RleHQnO1xuICBASW5wdXQoKSBiZ0NvbG9yOiBzdHJpbmcgPSAnI2Y5ZjlmOSc7XG4gIEBJbnB1dCgpIGJvcmRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGJvcmRlclJhZGl1czogc3RyaW5nID0gJzVweCc7XG4gIEBJbnB1dCgpIHRleHRDb2xvcjogc3RyaW5nID0gJyMzMzMnO1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsUG9zaXRpb246IHN0cmluZyA9ICdzdGFydCc7XG4gIEBJbnB1dCgpIGxhYmVsQ29sb3I6IHN0cmluZyA9ICdibGFjayc7XG4gIEBJbnB1dCgpIGRpc2FibGU6IGJvb2xlYW4gPSBmYWxzZTsgLy8gRGlzYWJsZSBpbnB1dFxuICBASW5wdXQoKSByZWFkT25seTogYm9vbGVhbiA9IGZhbHNlOyAvLyBSZWFkLW9ubHkgaW5wdXRcbiAgQElucHV0KCkgbWluPzogbnVtYmVyO1xuICBASW5wdXQoKSBtYXg/OiBudW1iZXI7XG4gIEBJbnB1dCgpIHNob3dCb3JkZXI6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzaG93RXJyb3JNZXNzYWdlOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlQ29sb3I6IHN0cmluZyA9ICdyZWQnO1xuICBASW5wdXQoKSBlcnJvckJvcmRlckNvbG9yPzogc3RyaW5nO1xuICBASW5wdXQoKSBlcnJvclBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBzdmc6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBmb250U2l6ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN2Z1dpZHRoOiBudW1iZXIgPSAyMDtcbiAgQElucHV0KCkgc3ZnSGVpZ2h0OiBudW1iZXIgPSAyMDtcbiAgQElucHV0KCkgc3ZnQ29sb3I6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjYXBpdGFsaXphdGlvbjogJ25vbmUnIHwgJ3VwcGVyY2FzZScgfCAnbG93ZXJjYXNlJyB8ICdzZW50ZW5jZWNhc2UnIHwgJ3Bhc2NhbGNhc2UnIHwgJ2NhbWVsY2FzZScgPSAnbm9uZSc7XG4gIEBJbnB1dCgpIGlucHV0Q29udGFpbmVyQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpbnB1dEZpZWxkQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwYXNzTGVuZ3RoOiBudW1iZXIgPSA4O1xuICBASW5wdXQoKSBpbnB1dFdyYXBwZXJDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHBhc3N3b3JkVG9nZ2xlPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjdXN0b21FcnJvck1lc3NhZ2VzOiB7XG4gICAgcmVxdWlyZWQ/OiBzdHJpbmc7XG4gICAgbWluTGVuZ3RoPzogc3RyaW5nO1xuICAgIG1heExlbmd0aD86IHN0cmluZztcbiAgICBtaW5WYWx1ZT86IHN0cmluZztcbiAgICBtYXhWYWx1ZT86IHN0cmluZztcbiAgICBpbnRlZ2VyPzogc3RyaW5nO1xuICAgIG51bWJlcj86IHN0cmluZztcbiAgICBkZWNpbWFsPzogc3RyaW5nO1xuICAgIGVtYWlsPzogc3RyaW5nO1xuICAgIHBhc3N3b3JkPzogc3RyaW5nO1xuICAgIHRlbD86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gIH0gPSB7fTtcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IEZpbGVMaXN0PigpO1xuXG4gIGVycm9yTWVzc2FnZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBpbnB1dElkOiBzdHJpbmcgPSAnJztcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcbiAgaXNJbnZhbGlkOiBib29sZWFuID0gZmFsc2U7XG5cblxuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSAnZXllJztcbiAgQElucHV0KCkgdGV4dFBhc3M6IHN0cmluZyA9ICdTaG93JztcblxuXG4gIHRvZ2dsZUljb24oKTogdm9pZCB7XG4gICAgdGhpcy5pY29uID0gdGhpcy5pY29uID09PSAnZXllJyA/ICdleWUtY2xvc2VkJyA6ICdleWUnO1xuICAgIHRoaXMudGV4dFBhc3MgPSB0aGlzLnRleHRQYXNzID09PSAnU2hvdycgPyAnSGlkZScgOiAnU2hvdyc7XG4gICAgdGhpcy50eXBlID0gdGhpcy50eXBlID09PSAncGFzc3dvcmQnID8gJ3RleHQnIDogJ3Bhc3N3b3JkJztcblxuICB9XG5cbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNlbGYoKSBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gTmdDb250cm9sKSkgcHJpdmF0ZSBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xuICAgIGlmICh0aGlzLm5nQ29udHJvbCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gICAgICB0aGlzLm5nQ29udHJvbD8uc3RhdHVzQ2hhbmdlcz8uc3Vic2NyaWJlKChzdGF0dXMpID0+IHtcbiAgICAgICAgdGhpcy5pc0ludmFsaWQgPSB0aGlzLm5nQ29udHJvbC50b3VjaGVkXG4gICAgICAgICAgPyBzdGF0dXMgPT09ICdJTlZBTElEJyAmJiB0aGlzLm5nQ29udHJvbC50b3VjaGVkXG4gICAgICAgICAgOiBmYWxzZTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaW5wdXRJZCA9IGB2ZXJiZW5hLWlucHV0LSR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpfWA7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ2ZpbGUnICYmIHRhcmdldC5maWxlcykge1xuICAgICAgY29uc3QgZmlsZXMgPSB0YXJnZXQuZmlsZXM7XG4gICAgICB0aGlzLm9uQ2hhbmdlKGZpbGVzKTtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdChmaWxlcyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudmFsdWUgPSB0YXJnZXQudmFsdWUudHJpbSgpO1xuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMuYXBwbHlDYXBpdGFsaXphdGlvbih0aGlzLnZhbHVlLCB0aGlzLmNhcGl0YWxpemF0aW9uKTtcbiAgICAgIHRoaXMudmFsaWRhdGUoKTtcbiAgICAgIGNvbnN0IHNhbml0aXplZFZhbHVlID0gdGhpcy5zYW5pdGl6ZVZhbHVlKHRoaXMudmFsdWUpO1xuICAgICAgdGhpcy5vbkNoYW5nZShzYW5pdGl6ZWRWYWx1ZSk7XG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoc2FuaXRpemVkVmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMudmFsaWRhdGUoKTtcbiAgICBcbiAgfVxuXG4gIGFwcGx5Q2FwaXRhbGl6YXRpb24odmFsdWU6IHN0cmluZywgZm9ybWF0OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAoZm9ybWF0KSB7XG4gICAgICBjYXNlICd1cHBlcmNhc2UnOiByZXR1cm4gdmFsdWUudG9VcHBlckNhc2UoKTtcbiAgICAgIGNhc2UgJ2xvd2VyY2FzZSc6IHJldHVybiB2YWx1ZS50b0xvd2VyQ2FzZSgpO1xuICAgICAgY2FzZSAnc2VudGVuY2VjYXNlJzogcmV0dXJuIHZhbHVlLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdmFsdWUuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgICAgIGNhc2UgJ3Bhc2NhbGNhc2UnOiByZXR1cm4gdmFsdWUucmVwbGFjZSgvXFx3Ky9nLCAodykgPT4gd1swXS50b1VwcGVyQ2FzZSgpICsgdy5zbGljZSgxKS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgIGNhc2UgJ2NhbWVsY2FzZSc6IHJldHVybiB2YWx1ZS5yZXBsYWNlKC8oPzpeXFx3fFtBLVpdfFxcYlxcd3xcXHMrKS9nLCAobWF0Y2gsIGluZGV4KSA9PlxuICAgICAgICBpbmRleCA9PT0gMCA/IG1hdGNoLnRvTG93ZXJDYXNlKCkgOiBtYXRjaC50b1VwcGVyQ2FzZSgpKS5yZXBsYWNlKC9cXHMrL2csICcnKTtcbiAgICAgIGRlZmF1bHQ6IHJldHVybiB2YWx1ZTtcbiAgICB9XG4gIH1cblxuICBzYW5pdGl6ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmIChbJ251bWJlcicsICdkZWNpbWFsJywgJ2ludGVnZXInXS5pbmNsdWRlcyh0aGlzLnR5cGUpKSB7XG4gICAgICByZXR1cm4gdmFsdWUucmVwbGFjZSgvLC9nLCAnJyk7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIHZhbGlkYXRlKCkge1xuICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gJyc7XG5cbiAgICBpZiAodGhpcy5yZXF1aXJlZCAmJiAhdGhpcy52YWx1ZSkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMucmVxdWlyZWQgfHwgJ1RoaXMgZmllbGQgaXMgcmVxdWlyZWQuJztcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5taW5MZW5ndGggJiYgdGhpcy52YWx1ZS5sZW5ndGggPCB0aGlzLm1pbkxlbmd0aCkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMubWluTGVuZ3RoIHx8IGBNaW5pbXVtIGxlbmd0aCBpcyAke3RoaXMubWluTGVuZ3RofS5gO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLm1heExlbmd0aCAmJiB0aGlzLnZhbHVlLmxlbmd0aCA+IHRoaXMubWF4TGVuZ3RoKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5tYXhMZW5ndGggfHwgYE1heGltdW0gbGVuZ3RoIGlzICR7dGhpcy5tYXhMZW5ndGh9LmA7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc2FuaXRpemVkVmFsdWUgPSB0aGlzLnNhbml0aXplVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgY29uc3QgbnVtZXJpY1ZhbHVlID0gcGFyc2VGbG9hdChzYW5pdGl6ZWRWYWx1ZSk7XG5cbiAgICBpZiAoWydpbnRlZ2VyJywgJ251bWJlcicsICdkZWNpbWFsJ10uaW5jbHVkZXModGhpcy50eXBlKSkge1xuICAgICAgaWYgKHRoaXMubWluICE9PSB1bmRlZmluZWQgJiYgbnVtZXJpY1ZhbHVlIDwgdGhpcy5taW4pIHtcbiAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMubWluVmFsdWUgfHwgYE1pbmltdW0gdmFsdWUgaXMgJHt0aGlzLm1pbn0uYDtcbiAgICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgICByZXR1cm47XG4gICAgICB9IGVsc2UgaWYgKHRoaXMubWF4ICE9PSB1bmRlZmluZWQgJiYgbnVtZXJpY1ZhbHVlID4gdGhpcy5tYXgpIHtcbiAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMubWF4VmFsdWUgfHwgYE1heGltdW0gdmFsdWUgaXMgJHt0aGlzLm1heH0uYDtcbiAgICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ2ludGVnZXInICYmICEvXlxcZCskLy50ZXN0KHRoaXMudmFsdWUpKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5pbnRlZ2VyIHx8ICdQbGVhc2UgZW50ZXIgYSB2YWxpZCBpbnRlZ2VyLic7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ251bWJlcicgJiYgIS9eXFxkKyhcXC5cXGQrKT8kLy50ZXN0KHRoaXMudmFsdWUpKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5udW1iZXIgfHwgJ1BsZWFzZSBlbnRlciBhIHZhbGlkIG51bWJlci4nO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnR5cGUgPT09ICdkZWNpbWFsJyAmJiAhL15cXGQrKFxcLlxcZCspPyQvLnRlc3QodGhpcy52YWx1ZSkpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLmRlY2ltYWwgfHwgJ1BsZWFzZSBlbnRlciBhIHZhbGlkIGRlY2ltYWwuJztcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy50eXBlID09PSAnZW1haWwnICYmICEvXlteXFxzQF0rQFteXFxzQF0rXFwuW15cXHNAXSskLy50ZXN0KHRoaXMudmFsdWUpKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy5lbWFpbCB8fCAnUGxlYXNlIGVudGVyIGEgdmFsaWQgZW1haWwgYWRkcmVzcy4nO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnR5cGUgPT09ICdwYXNzd29yZCcgJiYgdGhpcy52YWx1ZS5sZW5ndGggPCB0aGlzLnBhc3NMZW5ndGgpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gdGhpcy5jdXN0b21FcnJvck1lc3NhZ2VzLnBhc3N3b3JkIHx8IGBQYXNzd29yZCBtdXN0IGJlIGF0IGxlYXN0ICR7dGhpcy5wYXNzTGVuZ3RofSBjaGFyYWN0ZXJzIGxvbmcuYDtcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ3RlbCcgJiYgIS9eXFwrP1sxLTldXFxkezEsMTR9JC8udGVzdCh0aGlzLnZhbHVlKSkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSB0aGlzLmN1c3RvbUVycm9yTWVzc2FnZXMudGVsIHx8ICdQbGVhc2UgZW50ZXIgYSB2YWxpZCB0ZWxlcGhvbmUgbnVtYmVyLic7XG4gICAgICB0aGlzLmlzSW52YWxpZCA9IHRydWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ3VybCcgJiYgIS9eKGh0dHBzP3xmdHApOlxcL1xcL1teXFxzLyQuPyNdLlteXFxzXSokLy50ZXN0KHRoaXMudmFsdWUpKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuY3VzdG9tRXJyb3JNZXNzYWdlcy51cmwgfHwgJ1BsZWFzZSBlbnRlciBhIHZhbGlkIFVSTC4nO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNJbnZhbGlkID0gZmFsc2U7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWUgPyB0aGlzLmFwcGx5Q2FwaXRhbGl6YXRpb24odmFsdWUudHJpbSgpLCB0aGlzLmNhcGl0YWxpemF0aW9uKSA6ICcnO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIG9uQmx1cigpIHtcbiAgICB0aGlzLm9uVG91Y2goKTsgIC8vIGZvciBDb250cm9sVmFsdWVBY2Nlc3NvclxuICAgIHRoaXMudmFsaWRhdGUoKTsgLy8gZm9yIG1hbnVhbCB2YWxpZGF0aW9uXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXIge3sgaW5wdXRDb250YWluZXJDbGFzcyB9fVwiXG4gICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICdkaXNwbGF5JzogJ2ZsZXgnLFxuICAgICAgJ2ZsZXgtZGlyZWN0aW9uJzogJ2NvbHVtbidcbiAgICAgfVwiXG4+XG4gIDxkaXZcbiAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAnZGlzcGxheSc6ICdmbGV4JyxcbiAgICAgICdqdXN0aWZ5LWNvbnRlbnQnOiBsYWJlbFBvc2l0aW9uLFxuICAgICAgJ2NvbG9yJzogbGFiZWxDb2xvcixcbiAgICAgICdwYWRkaW5nJzogJzAnXG4gICAgfVwiXG4gICAgY2xhc3M9XCJpbnB1dC1maWVsZFwiXG4gID5cbiAgICA8ZGl2IFtuZ1N0eWxlXT1cIntcbiAgICAgICd3aWR0aCc6ICcxMDAlJyxcbiAgICAgICdkaXNwbGF5JzogJ2ZsZXgnLFxuICAgICAgJ2p1c3RpZnktY29udGVudCc6J3NwYWNlLWJldHdlZW4nXG5cbiAgICAgfVwiPlxuICAgICAgPGxhYmVsIFtmb3JdPVwibGFiZWxcIj57eyBsYWJlbCB9fTwvbGFiZWw+XG4gICAgICA8IS0tIGluY2FzZSBpIG5lZWQgaXQgYmFjayAgLS0+XG4gICAgICA8IS0tIDxkaXYgKm5nSWY9XCIgcGFzc3dvcmRUb2dnbGUgPT09IHRydWVcIiBbbmdTdHlsZV09XCJ7XG5cbiAgICAgICAgJ2Rpc3BsYXknOiAnZmxleCcsXG4gICAgICAgICdhbGlnbi1pdGVtJzonY2VudGVyJyxcbiAgICAgICAgJ2dhcCc6JzRweCcsXG4gICAgICAgICdjb2xvcic6J2dyZXknLFxuICAgICAgICAnY3Vyc29yJzoncG9pbnRlcidcblxuICAgICAgIH1cIlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZUljb24oKVwiXG4gICAgICAgPlxuICAgICAgICA8dmVyYmVuLXN2Z1xuICAgICAgICBbaWNvbl09XCJpY29uXCJcbiAgICAgICAgW3dpZHRoXT1cIjIwXCJcbiAgICAgICAgW2hlaWdodF09XCIyMFwiXG4gICAgICAgIGNvbG9yPVwiYmxhY2tcIlxuICAgICAgPjwvdmVyYmVuLXN2Zz5cbiAgICAgICA8cD57eyB0ZXh0UGFzcyB9fTwvcD5cbiAgICA8L2Rpdj4gLS0+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJpbnB1dC13cmFwcGVyIFwiPlxuICAgIDxkaXYgKm5nSWY9XCIgcGFzc3dvcmRUb2dnbGUgPT09IHRydWVcIiBbbmdTdHlsZV09XCJ7XG5cbiAgICAgICdkaXNwbGF5JzogJ2dyaWQnLFxuICAgICAgJ2FsaWduLWl0ZW1zJzonY2VudGVyJyxcbiAgICAgICdqdXN0aWZ5LWNvbnRlbnQnOidjZW50ZXInLFxuICAgICAgJ2dhcCc6JzRweCcsXG4gICAgICAnY29sb3InOidncmV5JyxcbiAgICAgICdjdXJzb3InOidwb2ludGVyJyxcbiAgICAgICdwb3NpdGlvbic6ICdhYnNvbHV0ZScsXG4gICAgICAncmlnaHQnOic4cHgnLFxuICAgICAgJ3RvcCc6JzAnLFxuICAgICAgJ2JvdHRvbSc6JzAnLFxuXG4gICAgICAnbWFyZ2luJzogJ2F1dG8nLFxuXG5cbiAgICAgfVwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZUljb24oKVwiXG4gICAgID5cbiAgICAgIDx2ZXJiZW4tc3ZnXG4gICAgICBbaWNvbl09XCJpY29uXCJcbiAgICAgIFt3aWR0aF09XCIyMFwiXG4gICAgICBbaGVpZ2h0XT1cIjIwXCJcbiAgICAgIGNvbG9yPVwiYmxhY2tcIlxuICAgID48L3ZlcmJlbi1zdmc+XG5cbiAgPC9kaXY+XG4gICAgPGlucHV0XG4gICAgICBbbmdDbGFzc109XCJ7J25nLWludmFsaWQnOiBpc0ludmFsaWR9XCJcbiAgICAgIChibHVyKT1cIm9uQmx1cigpXCJcbiAgICAgIFtpZF09XCJsYWJlbFwiXG4gICAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIlxuICAgICAgW2F0dHIubWlubGVuZ3RoXT1cIm1pbkxlbmd0aD8udG9TdHJpbmcoKVwiXG4gICAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoPy50b1N0cmluZygpXCJcbiAgICAgIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGUgPyB0cnVlIDogbnVsbFwiXG4gICAgICBbYXR0ci5yZWFkT25seV09XCJyZWFkT25seSA/IHRydWUgOiBudWxsXCJcbiAgICAgIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICdiYWNrZ3JvdW5kLWNvbG9yJzogYmdDb2xvcixcbiAgICAgICAgJ2JvcmRlcic6IGlzSW52YWxpZCAmJiBlcnJvckJvcmRlckNvbG9yID8gJzFweCBzb2xpZCAnICsgZXJyb3JCb3JkZXJDb2xvciA6IGJvcmRlcixcbiAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICdjb2xvcic6IHRleHRDb2xvcixcbiAgICAgICAgJ2ZvbnQtc2l6ZSc6IGZvbnRTaXplLFxuICAgICAgfVwiXG4gICAgICBjbGFzcz1cImlucHV0LWZpZWxkIHZlcmJlbi1pbnB1dCB7eyBpbnB1dFdyYXBwZXJDbGFzcyB9fVwiXG4gICAgLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cImlzSW52YWxpZCAmJiBzaG93RXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgW25nU3R5bGVdPVwie1xuICAgICdjb2xvcic6IGVycm9yTWVzc2FnZUNvbG9yLFxuICAgICdwb3NpdGlvbic6IGVycm9yUG9zaXRpb25cbiAgfVwiPlxuICAgIHt7IGVycm9yTWVzc2FnZSB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/data-export/data-export.component.mjs

@@ -192,7 +192,7 @@ export class DataExportComponent {
         this.showAllGroups = !this.showAllGroups;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataExportComponent, deps: [{ token: i1.DataExportService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataExportComponent, selector: "lib-data-export", inputs: { columns: "columns", data: "data" }, outputs: { exportDataEvent: "exportDataEvent" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Export</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Profiles</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let profile of visibleProfiles; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'profile-' + i\"\n            [(ngModel)]=\"profile.selected\"\n          />\n          <label [for]=\"'profile-' + i\" class=\"checkbox-label\">\n            {{ profile.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editProfile(profile)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeProfile(profile)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"profiles.length > 3\"\n        (click)=\"toggleShowAllProfiles()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAllProfiles ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"black\"\n          stroke=\"black\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Group</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"newGroupForm\" (ngSubmit)=\"addGroup()\">\n        <verbena-input\n          placeholder=\"Group name\"\n          border=\"1px solid #ccc\"\n          borderRadius=\"5px\"\n          textColor=\"black\"\n          width=\"100%\"\n          fontSize=\"11px\"\n          height=\"20px\"\n          pd=\"2px 4px !important\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [showErrorMessage]=\"true\"\n          [errorPosition]=\"'bottom'\"\n          formControlName=\"name\"\n        ></verbena-input>\n      </form>\n      <div *ngFor=\"let item of visibleGroups; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'group-' + i\"\n            [(ngModel)]=\"item.selected\"\n          />\n          <label [for]=\"'group-' + i\" class=\"checkbox-label\">\n            {{ item.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\" *ngIf=\"item.type === 'operation'\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editOperation(item)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeOperation(item)\"\n          ></verben-svg>\n        </div>\n      </div>\n\n      <div class=\"flex items-center justify-between\">\n        <button\n          *ngIf=\"groupItems.length > 3\"\n          (click)=\"toggleShowAllGroups()\"\n          class=\"show-more\"\n        >\n          <span>{{ showAllGroups ? \"Show less\" : \"Show more\" }}</span>\n          <verben-svg\n            icon=\"chevron\"\n            [width]=\"8\"\n            [height]=\"6\"\n            fill=\"black\"\n            stroke=\"black\"\n          ></verben-svg>\n        </button>\n        <button class=\"add-button\" (click)=\"addGroup()\">+ Add</button>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <verbena-input\n        placeholder=\"Operation name\"\n        border=\"1px solid #ccc\"\n        borderRadius=\"5px\"\n        textColor=\"black\"\n        fontSize=\"11px\"\n        width=\"100%\"\n        height=\"20px\"\n        pd=\"2px 6px\"\n        bgColor=\"transparent\"\n        [showBorder]=\"true\"\n        [showErrorMessage]=\"true\"\n        [errorPosition]=\"'bottom'\"\n        [(ngModel)]=\"newOperation.name\"\n      ></verbena-input>\n      <div class=\"operation-grid\">\n        <verben-drop-down\n          width=\"'8rem'\"\n          height=\"'1.25rem'\"\n          placeholder=\"Select field\"\n          [options]=\"numericProperties.concat(stringProperties)\"\n          [(ngModel)]=\"newOperation.field1\"\n          (ngModelChange)=\"onField1Change()\"\n        >\n        </verben-drop-down>\n        <verben-drop-down\n          width=\"'8rem'\"\n          height=\"'1.25rem'\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          [(ngModel)]=\"newOperation.operator\"\n        >\n        </verben-drop-down>\n        <verben-drop-down\n          width=\"'8rem'\"\n          placeholder=\"Select field\"\n          [options]=\"availableFields2\"\n          [(ngModel)]=\"newOperation.field2\"\n        >\n        </verben-drop-down>\n      </div>\n      <button class=\"add-button ml-auto\" (click)=\"addOrUpdateOperation()\">\n        {{ isEditingOperation ? \"Update\" : \"+ Add\" }}\n      </button>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"exportData()\">Export</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i5.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i7.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "fontSize", "icon", "textPass"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataExportComponent, selector: "lib-data-export", inputs: { columns: "columns", data: "data" }, outputs: { exportDataEvent: "exportDataEvent" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Export</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Profiles</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let profile of visibleProfiles; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'profile-' + i\"\n            [(ngModel)]=\"profile.selected\"\n          />\n          <label [for]=\"'profile-' + i\" class=\"checkbox-label\">\n            {{ profile.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editProfile(profile)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeProfile(profile)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"profiles.length > 3\"\n        (click)=\"toggleShowAllProfiles()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAllProfiles ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"black\"\n          stroke=\"black\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Group</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"newGroupForm\" (ngSubmit)=\"addGroup()\">\n        <verbena-input\n          placeholder=\"Group name\"\n          border=\"1px solid #ccc\"\n          borderRadius=\"5px\"\n          textColor=\"black\"\n          width=\"100%\"\n          fontSize=\"11px\"\n          height=\"20px\"\n          pd=\"2px 4px !important\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [showErrorMessage]=\"true\"\n          [errorPosition]=\"'bottom'\"\n          formControlName=\"name\"\n        ></verbena-input>\n      </form>\n      <div *ngFor=\"let item of visibleGroups; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'group-' + i\"\n            [(ngModel)]=\"item.selected\"\n          />\n          <label [for]=\"'group-' + i\" class=\"checkbox-label\">\n            {{ item.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\" *ngIf=\"item.type === 'operation'\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editOperation(item)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeOperation(item)\"\n          ></verben-svg>\n        </div>\n      </div>\n\n      <div class=\"flex items-center justify-between\">\n        <button\n          *ngIf=\"groupItems.length > 3\"\n          (click)=\"toggleShowAllGroups()\"\n          class=\"show-more\"\n        >\n          <span>{{ showAllGroups ? \"Show less\" : \"Show more\" }}</span>\n          <verben-svg\n            icon=\"chevron\"\n            [width]=\"8\"\n            [height]=\"6\"\n            fill=\"black\"\n            stroke=\"black\"\n          ></verben-svg>\n        </button>\n        <button class=\"add-button\" (click)=\"addGroup()\">+ Add</button>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <verbena-input\n        placeholder=\"Operation name\"\n        border=\"1px solid #ccc\"\n        borderRadius=\"5px\"\n        textColor=\"black\"\n        fontSize=\"11px\"\n        width=\"100%\"\n        height=\"20px\"\n        pd=\"2px 6px\"\n        bgColor=\"transparent\"\n        [showBorder]=\"true\"\n        [showErrorMessage]=\"true\"\n        [errorPosition]=\"'bottom'\"\n        [(ngModel)]=\"newOperation.name\"\n      ></verbena-input>\n      <div class=\"operation-grid\">\n        <verben-drop-down\n          width=\"'8rem'\"\n          height=\"'1.25rem'\"\n          placeholder=\"Select field\"\n          [options]=\"numericProperties.concat(stringProperties)\"\n          [(ngModel)]=\"newOperation.field1\"\n          (ngModelChange)=\"onField1Change()\"\n        >\n        </verben-drop-down>\n        <verben-drop-down\n          width=\"'8rem'\"\n          height=\"'1.25rem'\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          [(ngModel)]=\"newOperation.operator\"\n        >\n        </verben-drop-down>\n        <verben-drop-down\n          width=\"'8rem'\"\n          placeholder=\"Select field\"\n          [options]=\"availableFields2\"\n          [(ngModel)]=\"newOperation.field2\"\n        >\n        </verben-drop-down>\n      </div>\n      <button class=\"add-button ml-auto\" (click)=\"addOrUpdateOperation()\">\n        {{ isEditingOperation ? \"Update\" : \"+ Add\" }}\n      </button>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"exportData()\">Export</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i5.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i7.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataExportComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/data-extend/data-extend.component.mjs

@@ -104,7 +104,7 @@ export class DataExtendComponent {
         this.selectedItem = item;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataExtendComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataExtendComponent, selector: "lib-data-extend", inputs: { properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { extendDataEvent: "extendDataEvent" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Expand</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Entity</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let item of visibleItems(); let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <!-- <input\n            type=\"checkbox\"\n            [id]=\"'item-' + i\"\n            [(ngModel)]=\"item.selected\"\n          /> -->\n          <label [for]=\"'item-' + i\" class=\"checkbox-label\">\n            {{ item.Name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editItem(i)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeItem(i)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"items().length > 3\"\n        (click)=\"toggleShowAll()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAll() ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"black\"\n          stroke=\"black\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Properties</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"form\" (ngSubmit)=\"addItem()\">\n        <div class=\"\">\n          <p class=\"\">Name</p>\n          <verbena-input\n            placeholder=\"Enter property name\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            fontSize=\"11px\"\n            height=\"20px\"\n            pd=\"2px 4px !important\"\n            bgColor=\"transparent\"\n            [showBorder]=\"true\"\n            [showErrorMessage]=\"true\"\n            [errorPosition]=\"'bottom'\"\n            formControlName=\"Name\"\n          ></verbena-input>\n        </div>\n\n        <div>\n          <label for=\"DataType\">Data Type</label>\n          <verben-drop-down\n            id=\"DataType\"\n            width=\"'100%'\"\n            height=\"'1.25rem'\"\n            placeholder=\"Select type\"\n            [options]=\"dataTypes\"\n            formControlName=\"DataType\"\n          >\n          </verben-drop-down>\n        </div>\n\n        <div>\n          <label htmlFor=\"Options\" class=\"mb-2\">Enter Options</label>\n          <verben-chip\n            label=\"Options\"\n            id=\"Options\"\n            [placeholder]=\"'Enter Options'\"\n            formControlName=\"Options\"\n          ></verben-chip>\n        </div>\n\n        <div>\n          <label for=\"DefaultValue\">Default Value</label>\n\n          <verbena-input\n            [placeHolder]=\"'Enter default text'\"\n            formControlName=\"DefaultValue\"\n            id=\"DefaultValue\"\n            label=\"Default Value (optional)\"\n          />\n        </div>\n\n        <div>\n          <p class=\"mb-2\">Required</p>\n\n          <verbena-switch\n            label=\"Required\"\n            [onColor]=\"'#1A237E'\"\n            formControlName=\"IsRequired\"\n          ></verbena-switch>\n        </div>\n\n        <div class=\"value-range\">\n          <verbena-input\n            [type]=\"'number'\"\n            name=\"minValue\"\n            label=\"Min Value\"\n            formControlName=\"MinValue\"\n          />\n          <verbena-input\n            [type]=\"'number'\"\n            name=\"maxValue\"\n            label=\"Max Value\"\n            formControlName=\"MinValue\"\n          />\n        </div>\n\n        <button\n          [disabled]=\"!form.valid\"\n          class=\"add-button ml-auto\"\n          type=\"submit\"\n        >\n          + Add\n        </button>\n      </form>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"save()\">Extend</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}.value-range{display:flex;gap:.5rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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],form:not([ngNoForm]),[ngForm]" }, { 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: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "fontSize", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i7.VerbenaSwitchComponent, selector: "verbena-switch", inputs: ["label", "checked", "disabled", "offColor", "onColor", "onText", "offText", "width", "height", "customStyles"], outputs: ["change"] }, { kind: "component", type: i8.ChipComponent, selector: "verben-chip", inputs: ["width", "placeholder", "max", "styleClass", "separator", "disabled", "required", "invalidMessage", "errorPosition"], outputs: ["onChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataExtendComponent, selector: "lib-data-extend", inputs: { properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { extendDataEvent: "extendDataEvent" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Expand</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Entity</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let item of visibleItems(); let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <!-- <input\n            type=\"checkbox\"\n            [id]=\"'item-' + i\"\n            [(ngModel)]=\"item.selected\"\n          /> -->\n          <label [for]=\"'item-' + i\" class=\"checkbox-label\">\n            {{ item.Name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#3479E9\"\n            fill=\"white\"\n            (click)=\"editItem(i)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"#E20000\"\n            (click)=\"removeItem(i)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"items().length > 3\"\n        (click)=\"toggleShowAll()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAll() ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"black\"\n          stroke=\"black\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Properties</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"form\" (ngSubmit)=\"addItem()\">\n        <div class=\"\">\n          <p class=\"\">Name</p>\n          <verbena-input\n            placeholder=\"Enter property name\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            fontSize=\"11px\"\n            height=\"20px\"\n            pd=\"2px 4px !important\"\n            bgColor=\"transparent\"\n            [showBorder]=\"true\"\n            [showErrorMessage]=\"true\"\n            [errorPosition]=\"'bottom'\"\n            formControlName=\"Name\"\n          ></verbena-input>\n        </div>\n\n        <div>\n          <label for=\"DataType\">Data Type</label>\n          <verben-drop-down\n            id=\"DataType\"\n            width=\"'100%'\"\n            height=\"'1.25rem'\"\n            placeholder=\"Select type\"\n            [options]=\"dataTypes\"\n            formControlName=\"DataType\"\n          >\n          </verben-drop-down>\n        </div>\n\n        <div>\n          <label htmlFor=\"Options\" class=\"mb-2\">Enter Options</label>\n          <verben-chip\n            label=\"Options\"\n            id=\"Options\"\n            [placeholder]=\"'Enter Options'\"\n            formControlName=\"Options\"\n          ></verben-chip>\n        </div>\n\n        <div>\n          <label for=\"DefaultValue\">Default Value</label>\n\n          <verbena-input\n            [placeHolder]=\"'Enter default text'\"\n            formControlName=\"DefaultValue\"\n            id=\"DefaultValue\"\n            label=\"Default Value (optional)\"\n          />\n        </div>\n\n        <div>\n          <p class=\"mb-2\">Required</p>\n\n          <verbena-switch\n            label=\"Required\"\n            [onColor]=\"'#1A237E'\"\n            formControlName=\"IsRequired\"\n          ></verbena-switch>\n        </div>\n\n        <div class=\"value-range\">\n          <verbena-input\n            [type]=\"'number'\"\n            name=\"minValue\"\n            label=\"Min Value\"\n            formControlName=\"MinValue\"\n          />\n          <verbena-input\n            [type]=\"'number'\"\n            name=\"maxValue\"\n            label=\"Max Value\"\n            formControlName=\"MinValue\"\n          />\n        </div>\n\n        <button\n          [disabled]=\"!form.valid\"\n          class=\"add-button ml-auto\"\n          type=\"submit\"\n        >\n          + Add\n        </button>\n      </form>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"save()\">Extend</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}.value-range{display:flex;gap:.5rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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],form:not([ngNoForm]),[ngForm]" }, { 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: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i7.VerbenaSwitchComponent, selector: "verbena-switch", inputs: ["label", "checked", "disabled", "offColor", "onColor", "onText", "offText", "width", "height", "customStyles"], outputs: ["change"] }, { kind: "component", type: i8.ChipComponent, selector: "verben-chip", inputs: ["width", "placeholder", "max", "styleClass", "separator", "disabled", "required", "invalidMessage", "errorPosition"], outputs: ["onChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataExtendComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/data-filter/data-filter.component.mjs

@@ -136,7 +136,7 @@ export class DataFilterComponent {
         return this.savedFilters.filter((filter) => filter.selected).length;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataFilterComponent, selector: "lib-data-filter", inputs: { columns: "columns", data: "data" }, outputs: { filterApplied: "filterApplied", resetFilter: "resetFilter" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">\n      Filter <sup>({{ activeFilterCount }})</sup>\n    </h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n\n  <div card-body class=\"card-body\">\n    <!-- Saved Filters Section -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Filters</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n\n      <div *ngFor=\"let filter of visibleFilters\" class=\"item\">\n        <div class=\"item-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"filter.selected\" />\n          <label>{{ getFilterDescription(filter) }}</label>\n        </div>\n      </div>\n\n      <div\n        *ngIf=\"savedFilters.length > maxVisibleItems\"\n        class=\"show-more\"\n        (click)=\"showAllFilters = !showAllFilters\"\n      >\n        {{ showAllFilters ? \"Show Less\" : \"Show More\" }}\n      </div>\n    </section>\n\n    <hr class=\"divider\" />\n\n    <!-- New Filter Operation -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n\n      <div class=\"operation-grid\">\n        <!-- Column Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select column\"\n          [options]=\"filterableColumns\"\n          optionLabel=\"header\"\n          optionValue=\"id\"\n          [(ngModel)]=\"currentFilter.columnId\"\n          (ngModelChange)=\"onColumnSelect($event)\"\n        ></verben-drop-down>\n\n        <!-- Operator Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          [(ngModel)]=\"currentFilter.operator\"\n        ></verben-drop-down>\n\n        <!-- Value Input based on type -->\n        <ng-container [ngSwitch]=\"currentColumnType\">\n          <!-- Date Input -->\n          <verbena-input\n            *ngSwitchCase=\"'date'\"\n            type=\"date\"\n            placeholder=\"Select date\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Number Input -->\n          <verbena-input\n            *ngSwitchCase=\"'number'\"\n            type=\"number\"\n            placeholder=\"Enter number\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Text Input (default) -->\n          <verbena-input\n            *ngSwitchCase=\"'string'\"\n            type=\"text\"\n            placeholder=\"Enter text\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n        </ng-container>\n      </div>\n\n      <button class=\"add-button ml-auto\" (click)=\"addFilter()\">+ Add</button>\n    </section>\n  </div>\n\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"applyFilters()\">Filter</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}sup{color:#3479e9}\n"], dependencies: [{ 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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "fontSize", "icon", "textPass"], outputs: ["valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataFilterComponent, selector: "lib-data-filter", inputs: { columns: "columns", data: "data" }, outputs: { filterApplied: "filterApplied", resetFilter: "resetFilter" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">\n      Filter <sup>({{ activeFilterCount }})</sup>\n    </h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n\n  <div card-body class=\"card-body\">\n    <!-- Saved Filters Section -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Filters</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n\n      <div *ngFor=\"let filter of visibleFilters\" class=\"item\">\n        <div class=\"item-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"filter.selected\" />\n          <label>{{ getFilterDescription(filter) }}</label>\n        </div>\n      </div>\n\n      <div\n        *ngIf=\"savedFilters.length > maxVisibleItems\"\n        class=\"show-more\"\n        (click)=\"showAllFilters = !showAllFilters\"\n      >\n        {{ showAllFilters ? \"Show Less\" : \"Show More\" }}\n      </div>\n    </section>\n\n    <hr class=\"divider\" />\n\n    <!-- New Filter Operation -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"grey\"\n        ></verben-svg>\n      </div>\n\n      <div class=\"operation-grid\">\n        <!-- Column Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select column\"\n          [options]=\"filterableColumns\"\n          optionLabel=\"header\"\n          optionValue=\"id\"\n          [(ngModel)]=\"currentFilter.columnId\"\n          (ngModelChange)=\"onColumnSelect($event)\"\n        ></verben-drop-down>\n\n        <!-- Operator Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          [(ngModel)]=\"currentFilter.operator\"\n        ></verben-drop-down>\n\n        <!-- Value Input based on type -->\n        <ng-container [ngSwitch]=\"currentColumnType\">\n          <!-- Date Input -->\n          <verbena-input\n            *ngSwitchCase=\"'date'\"\n            type=\"date\"\n            placeholder=\"Select date\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Number Input -->\n          <verbena-input\n            *ngSwitchCase=\"'number'\"\n            type=\"number\"\n            placeholder=\"Enter number\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Text Input (default) -->\n          <verbena-input\n            *ngSwitchCase=\"'string'\"\n            type=\"text\"\n            placeholder=\"Enter text\"\n            border=\"1px solid #ccc\"\n            borderRadius=\"5px\"\n            textColor=\"black\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n        </ng-container>\n      </div>\n\n      <button class=\"add-button ml-auto\" (click)=\"addFilter()\">+ Add</button>\n    </section>\n  </div>\n\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"applyFilters()\">Filter</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:#ffe681;color:#404040;font-size:.75rem;font-weight:600;cursor:pointer}sup{color:#3479e9}\n"], dependencies: [{ 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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataFilterComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/data-import/data-import.component.mjs

@@ -100,7 +100,7 @@ export class DataImportComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataImportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: DataImportComponent, selector: "lib-data-import", inputs: { previewColumns: { classPropertyName: "previewColumns", publicName: "previewColumns", isSignal: true, isRequired: true, transformFunction: null }, formGroupConfig: { classPropertyName: "formGroupConfig", publicName: "formGroupConfig", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, previewData: { classPropertyName: "previewData", publicName: "previewData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { exportTemplateEvent: "exportTemplateEvent", importEvent: "importEvent", importEventData: "importEventData" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Import</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <div class=\"flex gap-4 justify-between\">\n      <button class=\"export-button\" (click)=\"handleTemplateExport()\">\n        Download Template\n      </button>\n      <button class=\"export-button\" (click)=\"save()\">Upload File</button>\n    </div>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div\n        class=\"drop-area\"\n        (dragover)=\"onDragOver($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p>\n          Drag and drop files here or\n          <label for=\"fileInput\">click to browse</label>\n        </p>\n        <input\n          type=\"file\"\n          id=\"fileInput\"\n          (change)=\"onFileSelected($event)\"\n          style=\"display: none\"\n          accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\n          multiple\n        />\n      </div>\n      <div *ngIf=\"files.length > 0\">\n        <h3>Uploaded Files:</h3>\n        <ul>\n          <li *ngFor=\"let file of files\">{{ file.name }}</li>\n        </ul>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"save()\">Import</button>\n  </div>\n</verben-card>\n\n<!-- Modal Component -->\n<verben-dialogue\n  [showCloseIcon]=\"true\"\n  [dismissOutsideClick]=\"true\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'large'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'my-modal-custom-class'\"\n  [disableFooter]=\"false\"\n  [modalData]=\"[{ data: { first_name: 'verben-ng', last_name: 'verbena' } }]\"\n  [isVisible]=\"showPreview\"\n  [headerTemplate]=\"headerTemplate\"\n  [bodyTemplate]=\"bodyTemplate\"\n  [footerTemplate]=\"footerTemplate\"\n>\n  <a download=\"\"></a>\n</verben-dialogue>\n\n<!-- Define templates -->\n<ng-template #headerTemplate>\n  <h2>Upload Preview</h2>\n</ng-template>\n\n<ng-template #bodyTemplate>\n  <div class=\"flex gap-4 items-center justify-between my-4\">\n    <p class=\"\">Total Items: {{ previewData().length }}</p>\n\n    <p class=\"\">Duplicates: {{ duplicateIndexSet.size }}</p>\n\n    <p class=\"\">Invalid Items: {{ 0 }}</p>\n\n    <verben-drop-down\n      [multiselect]=\"true\"\n      placeholder=\"Find duplicates by\"\n      [options]=\"fields()\"\n      [ngModel]=\"uniqueIdentifiers()\"\n      (ngModelChange)=\"uniqueIdentifiers.set($event)\"\n    ></verben-drop-down>\n  </div>\n  <lib-data-table\n    [data]=\"previewData()\"\n    [columns]=\"previewColumnsList()\"\n    [formGroupConfig]=\"formGroupConfig()\"\n  >\n    @for (column of previewColumns(); track column.id) {\n    <ng-container [libColumn]=\"column.id\">\n      <ng-template\n        #cellEdit\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n        let-updateValue=\"updateValue\"\n      >\n        <verbena-input\n          [value]=\"value\"\n          (valueChange)=\"updateValue($event)\"\n        ></verbena-input>\n      </ng-template>\n      <!-- @if (column.formControlName || column.accessorKey) {\n      <ng-template\n        #cell\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n      >\n        @if (formControl) {\n        <input type=\"text\" [formControl]=\"formControl\" />\n        } @else if (column.accessorKey) {\n        <input type=\"text\" [ngModel]=\"value\" />\n        } @else if (column.cellEditTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"column.cellEditTemplate\"\n          [ngTemplateOutletContext]=\"formControl\"\n        ></ng-container>\n        }\n      </ng-template>\n\n      <ng-template\n        #cellEdit\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n      >\n        @if (formControl) {\n        <input type=\"text\" [formControl]=\"formControl\" />\n        } @else if (column.accessorKey) {\n        <input type=\"text\" [ngModel]=\"value\" />\n        } @else if (column.cellEditTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"column.cellEditTemplate\"\n          [ngTemplateOutletContext]=\"formControl\"\n        ></ng-container>\n        }\n      </ng-template>\n      } -->\n    </ng-container>\n    }\n\n    <ng-container libColumn=\"actions\">\n      <ng-template\n        #cell\n        let-value\n        let-deleteRow=\"deleteRow\"\n        let-isEditing=\"isEditing\"\n        let-toggleRowEdit=\"toggleRowEdit\"\n        let-row=\"row\"\n        let-rowIndex=\"rowIndex\"\n      >\n        <div class=\"flex gap-6\">\n          <verben-svg\n            (click)=\"toggleRowEdit()\"\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"deleteRow()\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n        </div>\n      </ng-template>\n\n      <ng-template\n        #cellEdit\n        let-value\n        let-deleteRow\n        let-isEditing=\"isEditing\"\n        let-toggleRowEdit=\"toggleRowEdit\"\n        let-row=\"row\"\n        let-rowIndex=\"rowIndex\"\n      >\n        <div class=\"flex gap-6\">\n          <verben-svg\n            (click)=\"toggleRowEdit()\"\n            icon=\"tick\"\n            [width]=\"15\"\n            [height]=\"15\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"deleteRow()\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n        </div>\n      </ng-template>\n    </ng-container>\n  </lib-data-table>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"footer-buttons flex gap-4 items-center justify-between my-4\">\n    <button class=\"btn btn-secondary\" (click)=\"showPreview = false\">\n      Cancel\n    </button>\n    <button class=\"btn btn-primary export-button\" (click)=\"save()\">\n      Complete\n    </button>\n  </div>\n</ng-template>\n", styles: [".drop-area{border:2px dashed #ccc;padding:20px;text-align:center;cursor:pointer}.drop-area.drag-active{background-color:#eee}.export-card{font-size:.75rem;z-index:10}.card-header,.card-footer{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body{display:flex;flex-direction:column;gap:.5rem;padding-top:-8px!important}.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.footer-buttons{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.cancel-button,.export-button{outline:none;border:none;padding:.2rem 1.6rem;font-size:.75rem;font-weight:600;cursor:pointer}.cancel-button{background-color:#404040;color:#fff}.export-button{background-color:#ffe681;color:#404040}.value-range{display:flex;gap:.5rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i3.VerbenDialogueComponent, selector: "verben-dialogue", inputs: ["headerTemplate", "bodyTemplate", "footerTemplate", "showCloseIcon", "dismissOutsideClick", "closeOnEscape", "isVisible", "size", "backdropColor", "customClass", "disableFooter", "margin", "padding", "borderRadius", "dialogueBgColor", "closeIconClass", "boxShadow", "enableTransition", "modalData", "mode", "position", "drawerWidth"], outputs: ["openModal", "closeModal"] }, { kind: "component", type: i4.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowDelete", "selectionChange"] }, { kind: "directive", type: i5.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "fontSize", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i7.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: DataImportComponent, selector: "lib-data-import", inputs: { previewColumns: { classPropertyName: "previewColumns", publicName: "previewColumns", isSignal: true, isRequired: true, transformFunction: null }, formGroupConfig: { classPropertyName: "formGroupConfig", publicName: "formGroupConfig", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, previewData: { classPropertyName: "previewData", publicName: "previewData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { exportTemplateEvent: "exportTemplateEvent", importEvent: "importEvent", importEventData: "importEventData" }, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid #D4A007'\"\n  bgColor=\"#FFFFFF\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Import</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'#3479E9'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <div class=\"flex gap-4 justify-between\">\n      <button class=\"export-button\" (click)=\"handleTemplateExport()\">\n        Download Template\n      </button>\n      <button class=\"export-button\" (click)=\"save()\">Upload File</button>\n    </div>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div\n        class=\"drop-area\"\n        (dragover)=\"onDragOver($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p>\n          Drag and drop files here or\n          <label for=\"fileInput\">click to browse</label>\n        </p>\n        <input\n          type=\"file\"\n          id=\"fileInput\"\n          (change)=\"onFileSelected($event)\"\n          style=\"display: none\"\n          accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\n          multiple\n        />\n      </div>\n      <div *ngIf=\"files.length > 0\">\n        <h3>Uploaded Files:</h3>\n        <ul>\n          <li *ngFor=\"let file of files\">{{ file.name }}</li>\n        </ul>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"save()\">Import</button>\n  </div>\n</verben-card>\n\n<!-- Modal Component -->\n<verben-dialogue\n  [showCloseIcon]=\"true\"\n  [dismissOutsideClick]=\"true\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'large'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'my-modal-custom-class'\"\n  [disableFooter]=\"false\"\n  [modalData]=\"[{ data: { first_name: 'verben-ng', last_name: 'verbena' } }]\"\n  [isVisible]=\"showPreview\"\n  [headerTemplate]=\"headerTemplate\"\n  [bodyTemplate]=\"bodyTemplate\"\n  [footerTemplate]=\"footerTemplate\"\n>\n  <a download=\"\"></a>\n</verben-dialogue>\n\n<!-- Define templates -->\n<ng-template #headerTemplate>\n  <h2>Upload Preview</h2>\n</ng-template>\n\n<ng-template #bodyTemplate>\n  <div class=\"flex gap-4 items-center justify-between my-4\">\n    <p class=\"\">Total Items: {{ previewData().length }}</p>\n\n    <p class=\"\">Duplicates: {{ duplicateIndexSet.size }}</p>\n\n    <p class=\"\">Invalid Items: {{ 0 }}</p>\n\n    <verben-drop-down\n      [multiselect]=\"true\"\n      placeholder=\"Find duplicates by\"\n      [options]=\"fields()\"\n      [ngModel]=\"uniqueIdentifiers()\"\n      (ngModelChange)=\"uniqueIdentifiers.set($event)\"\n    ></verben-drop-down>\n  </div>\n  <lib-data-table\n    [data]=\"previewData()\"\n    [columns]=\"previewColumnsList()\"\n    [formGroupConfig]=\"formGroupConfig()\"\n  >\n    @for (column of previewColumns(); track column.id) {\n    <ng-container [libColumn]=\"column.id\">\n      <ng-template\n        #cellEdit\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n        let-updateValue=\"updateValue\"\n      >\n        <verbena-input\n          [value]=\"value\"\n          (valueChange)=\"updateValue($event)\"\n        ></verbena-input>\n      </ng-template>\n      <!-- @if (column.formControlName || column.accessorKey) {\n      <ng-template\n        #cell\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n      >\n        @if (formControl) {\n        <input type=\"text\" [formControl]=\"formControl\" />\n        } @else if (column.accessorKey) {\n        <input type=\"text\" [ngModel]=\"value\" />\n        } @else if (column.cellEditTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"column.cellEditTemplate\"\n          [ngTemplateOutletContext]=\"formControl\"\n        ></ng-container>\n        }\n      </ng-template>\n\n      <ng-template\n        #cellEdit\n        let-value=\"value\"\n        let-row=\"row\"\n        let-formControl=\"formControl\"\n      >\n        @if (formControl) {\n        <input type=\"text\" [formControl]=\"formControl\" />\n        } @else if (column.accessorKey) {\n        <input type=\"text\" [ngModel]=\"value\" />\n        } @else if (column.cellEditTemplate) {\n        <ng-container\n          [ngTemplateOutlet]=\"column.cellEditTemplate\"\n          [ngTemplateOutletContext]=\"formControl\"\n        ></ng-container>\n        }\n      </ng-template>\n      } -->\n    </ng-container>\n    }\n\n    <ng-container libColumn=\"actions\">\n      <ng-template\n        #cell\n        let-value\n        let-deleteRow=\"deleteRow\"\n        let-isEditing=\"isEditing\"\n        let-toggleRowEdit=\"toggleRowEdit\"\n        let-row=\"row\"\n        let-rowIndex=\"rowIndex\"\n      >\n        <div class=\"flex gap-6\">\n          <verben-svg\n            (click)=\"toggleRowEdit()\"\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"deleteRow()\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n        </div>\n      </ng-template>\n\n      <ng-template\n        #cellEdit\n        let-value\n        let-deleteRow\n        let-isEditing=\"isEditing\"\n        let-toggleRowEdit=\"toggleRowEdit\"\n        let-row=\"row\"\n        let-rowIndex=\"rowIndex\"\n      >\n        <div class=\"flex gap-6\">\n          <verben-svg\n            (click)=\"toggleRowEdit()\"\n            icon=\"tick\"\n            [width]=\"15\"\n            [height]=\"15\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"deleteRow()\"\n            class=\"cursor-pointer\"\n          ></verben-svg>\n        </div>\n      </ng-template>\n    </ng-container>\n  </lib-data-table>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"footer-buttons flex gap-4 items-center justify-between my-4\">\n    <button class=\"btn btn-secondary\" (click)=\"showPreview = false\">\n      Cancel\n    </button>\n    <button class=\"btn btn-primary export-button\" (click)=\"save()\">\n      Complete\n    </button>\n  </div>\n</ng-template>\n", styles: [".drop-area{border:2px dashed #ccc;padding:20px;text-align:center;cursor:pointer}.drop-area.drag-active{background-color:#eee}.export-card{font-size:.75rem;z-index:10}.card-header,.card-footer{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body{display:flex;flex-direction:column;gap:.5rem;padding-top:-8px!important}.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:#6b7280;cursor:pointer}.divider{border:none;border-top:1px solid #e8eaf1}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:#3479e9;font-size:.75rem;font-weight:500;cursor:pointer}.footer-buttons{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.cancel-button,.export-button{outline:none;border:none;padding:.2rem 1.6rem;font-size:.75rem;font-weight:600;cursor:pointer}.cancel-button{background-color:#404040;color:#fff}.export-button{background-color:#ffe681;color:#404040}.value-range{display:flex;gap:.5rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i3.VerbenDialogueComponent, selector: "verben-dialogue", inputs: ["headerTemplate", "bodyTemplate", "footerTemplate", "showCloseIcon", "dismissOutsideClick", "closeOnEscape", "isVisible", "size", "backdropColor", "customClass", "disableFooter", "margin", "padding", "borderRadius", "dialogueBgColor", "width", "closeIconClass", "boxShadow", "enableTransition", "modalData", "mode", "position", "drawerWidth"], outputs: ["openModal", "closeModal"] }, { kind: "component", type: i4.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowDelete", "selectionChange"] }, { kind: "directive", type: i5.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i7.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataImportComponent, decorators: [{
             type: Component,