verben-workflow-ui 0.2.5 → 0.2.7

package/esm2022/lib/components/designer/components/node-selector.component.mjs

@@ -190,7 +190,7 @@ export class NodeSelectorComponent {
         } }
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: VerbenDialogueModule }, { kind: "component", type: i1.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: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropDownModule }, { kind: "component", type: i1.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"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: VerbenDialogueModule }, { kind: "component", type: i1.VerbenDialogueComponent, selector: "verben-dialogue", inputs: ["dialogueWidth", "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: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropDownModule }, { kind: "component", type: i1.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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NodeSelectorComponent, decorators: [{
             type: Component,
@@ -316,4 +316,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], propDecorators: { select: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4td29ya2Zsb3ctdWkvc3JjL2xpYi9jb21wb25lbnRzL2Rlc2lnbmVyL2NvbXBvbmVudHMvbm9kZS1zZWxlY3Rvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRXBFLE9BQU8sRUFDTCx1QkFBdUIsR0FFeEIsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQXlIL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyx5Q0FBeUM7SUFDL0IsWUFBWSxHQUFVLEVBQUUsQ0FBQztJQUN6QixjQUFjLEdBQVcsRUFBRSxDQUFDO0lBQzVCLGtCQUFrQixHQUFXLEVBQUUsQ0FBQztJQUNoQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ2YsbUJBQW1CLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7SUFFdEQsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO0lBRXhELGdDQUFnQztJQUN0QixvQkFBb0IsQ0FBQyxLQUFVO1FBQ3ZDLHdDQUF3QztRQUN4QyxPQUFPLENBQUMsR0FBRyxDQUFDLHdCQUF3QixFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsS0FBVTtRQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLDZCQUE2QixFQUFFLEtBQUss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Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUhUO2lCQUNGOzhCQVNXLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIFVwZGF0ZSBpbXBvcnRzXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGluamVjdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERyb3BEb3duTW9kdWxlLCBWZXJiZW5EaWFsb2d1ZU1vZHVsZSB9IGZyb20gJ3ZlcmJlbi1uZy11aSc7XG5pbXBvcnQgeyBUYWcgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvVGFnJztcbmltcG9ydCB7XG4gIE5vZGVQcmVjb25kaXRpb25TZXJ2aWNlLFxuICBQcmVjb25kaXRpb25EYXRhLFxufSBmcm9tICcuLi9zZXJ2aWNlcy9ub2RlLXByZWNvbmRpdGlvbi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2Ytbm9kZS1zZWxlY3RvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFZlcmJlbkRpYWxvZ3VlTW9kdWxlLCBGb3Jtc01vZHVsZSwgRHJvcERvd25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx2ZXJiZW4tZGlhbG9ndWVcbiAgICAgIFtpc1Zpc2libGVdPVwiISFwcmVjb25kaXRpb25TZXJ2aWNlLnBlbmRpbmdOb2RlKClcIlxuICAgICAgW3Nob3dDbG9zZUljb25dPVwidHJ1ZVwiXG4gICAgICBbZGlzbWlzc091dHNpZGVDbGlja109XCJ0cnVlXCJcbiAgICAgIFtjbG9zZU9uRXNjYXBlXT1cInRydWVcIlxuICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICBbbW9kZV09XCInZGlhbG9ndWUnXCJcbiAgICAgIFtjdXN0b21DbGFzc109XCIncHJlY29uZGl0aW9uLWRpYWxvZ3VlJ1wiXG4gICAgICBbaGVhZGVyVGVtcGxhdGVdPVwiaGVhZGVyVGVtcGxhdGVcIlxuICAgICAgW2JvZHlUZW1wbGF0ZV09XCJib2R5VGVtcGxhdGVcIlxuICAgICAgKGNsb3NlTW9kYWwpPVwib25Nb2RhbENsb3NlKCRldmVudClcIlxuICAgID5cbiAgICA8L3ZlcmJlbi1kaWFsb2d1ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjaGVhZGVyVGVtcGxhdGU+XG4gICAgICA8aDMgY2xhc3M9XCJ0ZXh0LWxnIGZvbnQtc2VtaWJvbGRcIj57eyBnZXREaWFsb2dUaXRsZSgpIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNib2R5VGVtcGxhdGU+XG4gICAgICA8ZGl2IGNsYXNzPVwicC02XCI+XG4gICAgICAgIEBzd2l0Y2ggKHByZWNvbmRpdGlvblNlcnZpY2UucGVuZGluZ05vZGUoKT8udHlwZSkgeyBAY2FzZSAoJ3N3aW1sYW5lJykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwic3BhY2UteS00XCI+XG4gICAgICAgICAgPHZlcmJlbi1kcm9wLWRvd25cbiAgICAgICAgICAgIFttdWx0aXNlbGVjdF09XCJ0cnVlXCJcbiAgICAgICAgICAgIGRpc3BsYXk9XCJjaGlwXCJcbiAgICAgICAgICAgIFtyZXF1aXJlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgVGFnc1wiXG4gICAgICAgICAgICBvcHRpb25MYWJlbD1cIk5hbWVcIlxuICAgICAgICAgICAgc3R5bGVDbGFzcz1cInctZnVsbFwiXG4gICAgICAgICAgICBbb3B0aW9uc109XCJwcmVjb25kaXRpb25TZXJ2aWNlLnRhZ3MoKVwiXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkVGFnc1wiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwib25UYWdTZWxlY3Rpb25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvdmVyYmVuLWRyb3AtZG93bj5cblxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsIHB4LTQgcHktMiBiZy1wdXJwbGUtNjAwIHRleHQtd2hpdGUgcm91bmRlZC1tZFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiIXNlbGVjdGVkVGFncy5sZW5ndGhcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uVGFnc1N1Ym1pdCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBBcHBseSBUYWdzXG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB9IEBjYXNlICgnZGVjaXNpb24nKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZS15LTRcIj5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYmxvY2sgdGV4dC1zbSBmb250LW1lZGl1bSBtYi0yXCI+Q29uZGl0aW9uPC9sYWJlbD5cbiAgICAgICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgICAgICBjbGFzcz1cInctZnVsbCBwLTIgYm9yZGVyIHJvdW5kZWQtbWRcIlxuICAgICAgICAgICAgICByb3dzPVwiM1wiXG4gICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiY29uZGl0aW9uXCJcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJFbnRlciBjb25kaXRpb24uLi5cIlxuICAgICAgICAgICAgPjwvdGV4dGFyZWE+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgcHgtNCBweS0yIGJnLXB1cnBsZS02MDAgdGV4dC13aGl0ZSByb3VuZGVkLW1kXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhY29uZGl0aW9uXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNvbmRpdGlvblN1Ym1pdCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBBcHBseSBDb25kaXRpb25cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIH0gQGNhc2UgKCdmb3JtJykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwic3BhY2UteS00XCI+XG4gICAgICAgICAgPHZlcmJlbi1kcm9wLWRvd25cbiAgICAgICAgICAgIFtyZXF1aXJlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgRm9ybVwiXG4gICAgICAgICAgICBvcHRpb25MYWJlbD1cIm5hbWVcIlxuICAgICAgICAgICAgb3B0aW9uVmFsdWU9XCJpZFwiXG4gICAgICAgICAgICBzdHlsZUNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cInByZWNvbmRpdGlvblNlcnZpY2UuZm9ybXMoKVwiXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkRm9ybUlkXCJcbiAgICAgICAgICAgIChvbkNoYW5nZSk9XCJvbkRyb3Bkb3duQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgID48L3ZlcmJlbi1kcm9wLWRvd24+XG5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cInctZnVsbCBweC00IHB5LTIgYmctcHVycGxlLTYwMCB0ZXh0LXdoaXRlIHJvdW5kZWQtbWRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFzZWxlY3RlZEZvcm1JZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25Gb3JtU3VibWl0KClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIFNlbGVjdCBGb3JtXG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB9IEBkZWZhdWx0IHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInNwYWNlLXktNFwiPlxuICAgICAgICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxuICAgICAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IFdvcmtmbG93XCJcbiAgICAgICAgICAgIG9wdGlvbkxhYmVsPVwibmFtZVwiXG4gICAgICAgICAgICBvcHRpb25WYWx1ZT1cImlkXCJcbiAgICAgICAgICAgIHN0eWxlQ2xhc3M9XCJ3LWZ1bGxcIlxuICAgICAgICAgICAgW29wdGlvbnNdPVwicHJlY29uZGl0aW9uU2VydmljZS53b3JrZmxvd3MoKVwiXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkV29ya2Zsb3dJZFwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwib25Ecm9wZG93bkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICA+PC92ZXJiZW4tZHJvcC1kb3duPlxuXG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgcHgtNCBweS0yIGJnLXB1cnBsZS02MDAgdGV4dC13aGl0ZSByb3VuZGVkLW1kXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhc2VsZWN0ZWRXb3JrZmxvd0lkXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbldvcmtmbG93U3VibWl0KClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIFNlbGVjdCBXb3JrZmxvd1xuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSB9XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBOb2RlU2VsZWN0b3JDb21wb25lbnQge1xuICAvLyBSZXBsYWNlIGV4aXN0aW5nIHByb3BlcnRpZXMgd2l0aCB0aGVzZVxuICBwcm90ZWN0ZWQgc2VsZWN0ZWRUYWdzOiBUYWdbXSA9IFtdO1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRGb3JtSWQ6IHN0cmluZyA9ICcnO1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWRXb3JrZmxvd0lkOiBzdHJpbmcgPSAnJztcbiAgcHJvdGVjdGVkIGNvbmRpdGlvbiA9ICcnO1xuICBwcm90ZWN0ZWQgcHJlY29uZGl0aW9uU2VydmljZSA9IGluamVjdChOb2RlUHJlY29uZGl0aW9uU2VydmljZSk7XG5cbiAgQE91dHB1dCgpIHNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8UHJlY29uZGl0aW9uRGF0YT4oKTtcblxuICAvLyBNZXRob2RzIGZvciBkcm9wZG93biBoYW5kbGluZ1xuICBwcm90ZWN0ZWQgb25UYWdTZWxlY3Rpb25DaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIC8vIEhhbmRsZSB0YWcgc2VsZWN0aW9uIGNoYW5nZSBpZiBuZWVkZWRcbiAgICBjb25zb2xlLmxvZygnVGFnIHNlbGVjdGlvbiBjaGFuZ2VkOicsIHRoaXMuc2VsZWN0ZWRUYWdzKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyb3Bkb3duQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICBjb25zb2xlLmxvZygnRHJvcGRvd24gc2VsZWN0aW9uIGNoYW5nZWQ6JywgZXZlbnQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uRm9ybVN1Ym1pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBzZWxlY3RlZEZvcm0gPSB0aGlzLnByZWNvbmRpdGlvblNlcnZpY2VcbiAgICAgIC5mb3JtcygpXG4gICAgICAuZmluZCgoZikgPT4gZi5pZCA9PT0gdGhpcy5zZWxlY3RlZEZvcm1JZCk7XG4gICAgaWYgKHNlbGVjdGVkRm9ybSkge1xuICAgICAgdGhpcy5zZWxlY3QuZW1pdChzZWxlY3RlZEZvcm0pO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvbldvcmtmbG93U3VibWl0KCk6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkV29ya2Zsb3cgPSB0aGlzLnByZWNvbmRpdGlvblNlcnZpY2VcbiAgICAgIC53b3JrZmxvd3MoKVxuICAgICAgLmZpbmQoKHcpID0+IHcuaWQgPT09IHRoaXMuc2VsZWN0ZWRXb3JrZmxvd0lkKTtcbiAgICBpZiAoc2VsZWN0ZWRXb3JrZmxvdykge1xuICAgICAgdGhpcy5zZWxlY3QuZW1pdChzZWxlY3RlZFdvcmtmbG93KTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0RGlhbG9nVGl0bGUoKTogc3RyaW5nIHtcbiAgICBjb25zdCB0eXBlID0gdGhpcy5wcmVjb25kaXRpb25TZXJ2aWNlLnBlbmRpbmdOb2RlKCk/LnR5cGU7XG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlICdmb3JtJzpcbiAgICAgICAgcmV0dXJuICdTZWxlY3QgRm9ybSc7XG4gICAgICBjYXNlICdzdWJmbG93JzpcbiAgICAgICAgcmV0dXJuICdTZWxlY3QgV29ya2Zsb3cnO1xuICAgICAgY2FzZSAnc3dpbWxhbmUnOlxuICAgICAgICByZXR1cm4gJ1NlbGVjdCBUYWdzJztcbiAgICAgIGNhc2UgJ2RlY2lzaW9uJzpcbiAgICAgICAgcmV0dXJuICdTZXQgQ29uZGl0aW9uJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnU2VsZWN0JztcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb25UYWdzU3VibWl0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0LmVtaXQoe1xuICAgICAgdHlwZTogJ3N3aW1sYW5lJyxcbiAgICAgIGlkOiBjcnlwdG8ucmFuZG9tVVVJRCgpLFxuICAgICAgbmFtZTogJ1N3aW1sYW5lJyxcbiAgICAgIHRhZ3M6IHRoaXMuc2VsZWN0ZWRUYWdzLFxuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ29uZGl0aW9uU3VibWl0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0LmVtaXQoe1xuICAgICAgdHlwZTogJ2RlY2lzaW9uJyxcbiAgICAgIGlkOiBjcnlwdG8ucmFuZG9tVVVJRCgpLFxuICAgICAgbmFtZTogJ0RlY2lzaW9uJyxcbiAgICAgIGNvbmRpdGlvbjogdGhpcy5jb25kaXRpb24sXG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25TZWxlY3QoZGF0YTogUHJlY29uZGl0aW9uRGF0YSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0LmVtaXQoZGF0YSk7XG4gIH1cblxuICBvbk1vZGFsQ2xvc2UoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMucHJlY29uZGl0aW9uU2VydmljZS5jbGVhclBlbmRpbmdOb2RlKCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4td29ya2Zsb3ctdWkvc3JjL2xpYi9jb21wb25lbnRzL2Rlc2lnbmVyL2NvbXBvbmVudHMvbm9kZS1zZWxlY3Rvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRXBFLE9BQU8sRUFDTCx1QkFBdUIsR0FFeEIsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQXlIL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyx5Q0FBeUM7SUFDL0IsWUFBWSxHQUFVLEVBQUUsQ0FBQztJQUN6QixjQUFjLEdBQVcsRUFBRSxDQUFDO0lBQzVCLGtCQUFrQixHQUFXLEVBQUUsQ0FBQztJQUNoQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ2YsbUJBQW1CLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7SUFFdEQsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO0lBRXhELGdDQUFnQztJQUN0QixvQkFBb0IsQ0FBQyxLQUFVO1FBQ3ZDLHdDQUF3QztRQUN4QyxPQUFPLENBQUMsR0FBRyxDQUFDLHdCQUF3QixFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsS0FBVTtRQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLDZCQUE2QixFQUFFLEtBQUss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Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlIVDtpQkFDRjs4QkFTVyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBVcGRhdGUgaW1wb3J0c1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEcm9wRG93bk1vZHVsZSwgVmVyYmVuRGlhbG9ndWVNb2R1bGUgfSBmcm9tICd2ZXJiZW4tbmctdWknO1xuaW1wb3J0IHsgVGFnIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL1RhZyc7XG5pbXBvcnQge1xuICBOb2RlUHJlY29uZGl0aW9uU2VydmljZSxcbiAgUHJlY29uZGl0aW9uRGF0YSxcbn0gZnJvbSAnLi4vc2VydmljZXMvbm9kZS1wcmVjb25kaXRpb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dmLW5vZGUtc2VsZWN0b3InLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBWZXJiZW5EaWFsb2d1ZU1vZHVsZSwgRm9ybXNNb2R1bGUsIERyb3BEb3duTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8dmVyYmVuLWRpYWxvZ3VlXG4gICAgICBbaXNWaXNpYmxlXT1cIiEhcHJlY29uZGl0aW9uU2VydmljZS5wZW5kaW5nTm9kZSgpXCJcbiAgICAgIFtzaG93Q2xvc2VJY29uXT1cInRydWVcIlxuICAgICAgW2Rpc21pc3NPdXRzaWRlQ2xpY2tdPVwidHJ1ZVwiXG4gICAgICBbY2xvc2VPbkVzY2FwZV09XCJ0cnVlXCJcbiAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgW21vZGVdPVwiJ2RpYWxvZ3VlJ1wiXG4gICAgICBbY3VzdG9tQ2xhc3NdPVwiJ3ByZWNvbmRpdGlvbi1kaWFsb2d1ZSdcIlxuICAgICAgW2hlYWRlclRlbXBsYXRlXT1cImhlYWRlclRlbXBsYXRlXCJcbiAgICAgIFtib2R5VGVtcGxhdGVdPVwiYm9keVRlbXBsYXRlXCJcbiAgICAgIChjbG9zZU1vZGFsKT1cIm9uTW9kYWxDbG9zZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC92ZXJiZW4tZGlhbG9ndWU+XG5cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlclRlbXBsYXRlPlxuICAgICAgPGgzIGNsYXNzPVwidGV4dC1sZyBmb250LXNlbWlib2xkXCI+e3sgZ2V0RGlhbG9nVGl0bGUoKSB9fTwvaDM+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjYm9keVRlbXBsYXRlPlxuICAgICAgPGRpdiBjbGFzcz1cInAtNlwiPlxuICAgICAgICBAc3dpdGNoIChwcmVjb25kaXRpb25TZXJ2aWNlLnBlbmRpbmdOb2RlKCk/LnR5cGUpIHsgQGNhc2UgKCdzd2ltbGFuZScpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInNwYWNlLXktNFwiPlxuICAgICAgICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICAgICAgICBbbXVsdGlzZWxlY3RdPVwidHJ1ZVwiXG4gICAgICAgICAgICBkaXNwbGF5PVwiY2hpcFwiXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxuICAgICAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IFRhZ3NcIlxuICAgICAgICAgICAgb3B0aW9uTGFiZWw9XCJOYW1lXCJcbiAgICAgICAgICAgIHN0eWxlQ2xhc3M9XCJ3LWZ1bGxcIlxuICAgICAgICAgICAgW29wdGlvbnNdPVwicHJlY29uZGl0aW9uU2VydmljZS50YWdzKClcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFRhZ3NcIlxuICAgICAgICAgICAgKG9uQ2hhbmdlKT1cIm9uVGFnU2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgID48L3ZlcmJlbi1kcm9wLWRvd24+XG5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cInctZnVsbCBweC00IHB5LTIgYmctcHVycGxlLTYwMCB0ZXh0LXdoaXRlIHJvdW5kZWQtbWRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFzZWxlY3RlZFRhZ3MubGVuZ3RoXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvblRhZ3NTdWJtaXQoKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgQXBwbHkgVGFnc1xuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAY2FzZSAoJ2RlY2lzaW9uJykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwic3BhY2UteS00XCI+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImJsb2NrIHRleHQtc20gZm9udC1tZWRpdW0gbWItMlwiPkNvbmRpdGlvbjwvbGFiZWw+XG4gICAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgcC0yIGJvcmRlciByb3VuZGVkLW1kXCJcbiAgICAgICAgICAgICAgcm93cz1cIjNcIlxuICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImNvbmRpdGlvblwiXG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiRW50ZXIgY29uZGl0aW9uLi4uXCJcbiAgICAgICAgICAgID48L3RleHRhcmVhPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsIHB4LTQgcHktMiBiZy1wdXJwbGUtNjAwIHRleHQtd2hpdGUgcm91bmRlZC1tZFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWNvbmRpdGlvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25Db25kaXRpb25TdWJtaXQoKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgQXBwbHkgQ29uZGl0aW9uXG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB9IEBjYXNlICgnZm9ybScpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInNwYWNlLXktNFwiPlxuICAgICAgICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICAgICAgICBbcmVxdWlyZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxuICAgICAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IEZvcm1cIlxuICAgICAgICAgICAgb3B0aW9uTGFiZWw9XCJuYW1lXCJcbiAgICAgICAgICAgIG9wdGlvblZhbHVlPVwiaWRcIlxuICAgICAgICAgICAgc3R5bGVDbGFzcz1cInctZnVsbFwiXG4gICAgICAgICAgICBbb3B0aW9uc109XCJwcmVjb25kaXRpb25TZXJ2aWNlLmZvcm1zKClcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZEZvcm1JZFwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwib25Ecm9wZG93bkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICA+PC92ZXJiZW4tZHJvcC1kb3duPlxuXG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgcHgtNCBweS0yIGJnLXB1cnBsZS02MDAgdGV4dC13aGl0ZSByb3VuZGVkLW1kXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhc2VsZWN0ZWRGb3JtSWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uRm9ybVN1Ym1pdCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBTZWxlY3QgRm9ybVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZGVmYXVsdCB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZS15LTRcIj5cbiAgICAgICAgICA8dmVyYmVuLWRyb3AtZG93blxuICAgICAgICAgICAgW3JlcXVpcmVkXT1cInRydWVcIlxuICAgICAgICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwidHJ1ZVwiXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBXb3JrZmxvd1wiXG4gICAgICAgICAgICBvcHRpb25MYWJlbD1cIm5hbWVcIlxuICAgICAgICAgICAgb3B0aW9uVmFsdWU9XCJpZFwiXG4gICAgICAgICAgICBzdHlsZUNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cInByZWNvbmRpdGlvblNlcnZpY2Uud29ya2Zsb3dzKClcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFdvcmtmbG93SWRcIlxuICAgICAgICAgICAgKG9uQ2hhbmdlKT1cIm9uRHJvcGRvd25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvdmVyYmVuLWRyb3AtZG93bj5cblxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsIHB4LTQgcHktMiBiZy1wdXJwbGUtNjAwIHRleHQtd2hpdGUgcm91bmRlZC1tZFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiIXNlbGVjdGVkV29ya2Zsb3dJZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25Xb3JrZmxvd1N1Ym1pdCgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBTZWxlY3QgV29ya2Zsb3dcbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIH0gfVxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgTm9kZVNlbGVjdG9yQ29tcG9uZW50IHtcbiAgLy8gUmVwbGFjZSBleGlzdGluZyBwcm9wZXJ0aWVzIHdpdGggdGhlc2VcbiAgcHJvdGVjdGVkIHNlbGVjdGVkVGFnczogVGFnW10gPSBbXTtcbiAgcHJvdGVjdGVkIHNlbGVjdGVkRm9ybUlkOiBzdHJpbmcgPSAnJztcbiAgcHJvdGVjdGVkIHNlbGVjdGVkV29ya2Zsb3dJZDogc3RyaW5nID0gJyc7XG4gIHByb3RlY3RlZCBjb25kaXRpb24gPSAnJztcbiAgcHJvdGVjdGVkIHByZWNvbmRpdGlvblNlcnZpY2UgPSBpbmplY3QoTm9kZVByZWNvbmRpdGlvblNlcnZpY2UpO1xuXG4gIEBPdXRwdXQoKSBzZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFByZWNvbmRpdGlvbkRhdGE+KCk7XG5cbiAgLy8gTWV0aG9kcyBmb3IgZHJvcGRvd24gaGFuZGxpbmdcbiAgcHJvdGVjdGVkIG9uVGFnU2VsZWN0aW9uQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAvLyBIYW5kbGUgdGFnIHNlbGVjdGlvbiBjaGFuZ2UgaWYgbmVlZGVkXG4gICAgY29uc29sZS5sb2coJ1RhZyBzZWxlY3Rpb24gY2hhbmdlZDonLCB0aGlzLnNlbGVjdGVkVGFncyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25Ecm9wZG93bkNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgY29uc29sZS5sb2coJ0Ryb3Bkb3duIHNlbGVjdGlvbiBjaGFuZ2VkOicsIGV2ZW50KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkZvcm1TdWJtaXQoKTogdm9pZCB7XG4gICAgY29uc3Qgc2VsZWN0ZWRGb3JtID0gdGhpcy5wcmVjb25kaXRpb25TZXJ2aWNlXG4gICAgICAuZm9ybXMoKVxuICAgICAgLmZpbmQoKGYpID0+IGYuaWQgPT09IHRoaXMuc2VsZWN0ZWRGb3JtSWQpO1xuICAgIGlmIChzZWxlY3RlZEZvcm0pIHtcbiAgICAgIHRoaXMuc2VsZWN0LmVtaXQoc2VsZWN0ZWRGb3JtKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb25Xb3JrZmxvd1N1Ym1pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBzZWxlY3RlZFdvcmtmbG93ID0gdGhpcy5wcmVjb25kaXRpb25TZXJ2aWNlXG4gICAgICAud29ya2Zsb3dzKClcbiAgICAgIC5maW5kKCh3KSA9PiB3LmlkID09PSB0aGlzLnNlbGVjdGVkV29ya2Zsb3dJZCk7XG4gICAgaWYgKHNlbGVjdGVkV29ya2Zsb3cpIHtcbiAgICAgIHRoaXMuc2VsZWN0LmVtaXQoc2VsZWN0ZWRXb3JrZmxvdyk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGdldERpYWxvZ1RpdGxlKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdHlwZSA9IHRoaXMucHJlY29uZGl0aW9uU2VydmljZS5wZW5kaW5nTm9kZSgpPy50eXBlO1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSAnZm9ybSc6XG4gICAgICAgIHJldHVybiAnU2VsZWN0IEZvcm0nO1xuICAgICAgY2FzZSAnc3ViZmxvdyc6XG4gICAgICAgIHJldHVybiAnU2VsZWN0IFdvcmtmbG93JztcbiAgICAgIGNhc2UgJ3N3aW1sYW5lJzpcbiAgICAgICAgcmV0dXJuICdTZWxlY3QgVGFncyc7XG4gICAgICBjYXNlICdkZWNpc2lvbic6XG4gICAgICAgIHJldHVybiAnU2V0IENvbmRpdGlvbic7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ1NlbGVjdCc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uVGFnc1N1Ym1pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdC5lbWl0KHtcbiAgICAgIHR5cGU6ICdzd2ltbGFuZScsXG4gICAgICBpZDogY3J5cHRvLnJhbmRvbVVVSUQoKSxcbiAgICAgIG5hbWU6ICdTd2ltbGFuZScsXG4gICAgICB0YWdzOiB0aGlzLnNlbGVjdGVkVGFncyxcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkNvbmRpdGlvblN1Ym1pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdC5lbWl0KHtcbiAgICAgIHR5cGU6ICdkZWNpc2lvbicsXG4gICAgICBpZDogY3J5cHRvLnJhbmRvbVVVSUQoKSxcbiAgICAgIG5hbWU6ICdEZWNpc2lvbicsXG4gICAgICBjb25kaXRpb246IHRoaXMuY29uZGl0aW9uLFxuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uU2VsZWN0KGRhdGE6IFByZWNvbmRpdGlvbkRhdGEpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdC5lbWl0KGRhdGEpO1xuICB9XG5cbiAgb25Nb2RhbENsb3NlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnByZWNvbmRpdGlvblNlcnZpY2UuY2xlYXJQZW5kaW5nTm9kZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/expiration/expiration.component.mjs

@@ -0,0 +1,49 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "verben-ng-ui";
+export class ExpirationComponent {
+    idOptions = ['12uio899920000', '12uio8999299000', '896o899920000'];
+    chipArray = [];
+    cycle = [
+        {
+            id: 0,
+            expanded: false,
+            messages: [{ messageId: 'Default ID 1', subject: 'Default Subject 1', recipients: 'Default Recipients 1' }]
+        },
+        {
+            id: 1,
+            expanded: false,
+            messages: [{ messageId: 'Default ID 2', subject: 'Default Subject 2', recipients: 'Default Recipients 2' }]
+        },
+        {
+            id: 2,
+            expanded: false,
+            messages: [{ messageId: 'Default ID 3', subject: 'Default Subject 3', recipients: 'Default Recipients 3' }]
+        }
+    ];
+    toggle = new EventEmitter();
+    toggleCycle(index) {
+        this.cycle[index].expanded = !this.cycle[index].expanded;
+        this.toggle.emit(this.cycle[index].id);
+    }
+    addMessage(index) {
+        this.cycle[index].messages.push({
+            messageId: 'New Message ID',
+            subject: 'New Subject',
+            recipients: 'New Recipients'
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpirationComponent, selector: "lib-expiration", inputs: { cycle: "cycle" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"w-full bg-white p-4\">\n    <div *ngFor=\"let item of cycle; let i = index\">\n      <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n        <span>Cycle {{ item.id + 1 }}</span>\n        <span class=\" cursor-pointer\">{{ item.expanded ? '\u25B2' : '\u25BC' }}</span>\n      </div>\n  \n      <div *ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n        <div *ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n          <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n          <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n          <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n        </div>\n  \n        <div class=\"flex justify-end mt-4\">\n          <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [""], 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: 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.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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i3.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: i3.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.13", ngImport: i0, type: ExpirationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-expiration', template: "<div class=\"w-full bg-white p-4\">\n    <div *ngFor=\"let item of cycle; let i = index\">\n      <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n        <span>Cycle {{ item.id + 1 }}</span>\n        <span class=\" cursor-pointer\">{{ item.expanded ? '\u25B2' : '\u25BC' }}</span>\n      </div>\n  \n      <div *ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n        <div *ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n          <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n          <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n          <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n        </div>\n  \n        <div class=\"flex justify-end mt-4\">\n          <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n        </div>\n      </div>\n    </div>\n  </div>\n  " }]
+        }], propDecorators: { cycle: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwaXJhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4td29ya2Zsb3ctdWkvc3JjL2xpYi9jb21wb25lbnRzL2V4cGlyYXRpb24vZXhwaXJhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4td29ya2Zsb3ctdWkvc3JjL2xpYi9jb21wb25lbnRzL2V4cGlyYXRpb24vZXhwaXJhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU92RSxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFNBQVMsR0FBYSxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzdFLFNBQVMsR0FBYSxFQUFFLENBQUM7SUFFaEIsS0FBSyxHQVFUO1FBQ0g7WUFDRSxFQUFFLEVBQUUsQ0FBQztZQUNMLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxVQUFVLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQztTQUM1RztRQUNEO1lBQ0UsRUFBRSxFQUFFLENBQUM7WUFDTCxRQUFRLEVBQUUsS0FBSztZQUNmLFFBQVEsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLHNCQUFzQixFQUFFLENBQUM7U0FDNUc7UUFDRDtZQUNFLEVBQUUsRUFBRSxDQUFDO1lBQ0wsUUFBUSxFQUFFLEtBQUs7WUFDZixRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxzQkFBc0IsRUFBRSxDQUFDO1NBQzVHO0tBQ0YsQ0FBQztJQUVRLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRTlDLFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxRQUFRLENBQUM7UUFDekQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzlCLFNBQVMsRUFBRSxnQkFBZ0I7WUFDM0IsT0FBTyxFQUFFLGFBQWE7WUFDdEIsVUFBVSxFQUFFLGdCQUFnQjtTQUM3QixDQUFDLENBQUM7SUFDTCxDQUFDO3dHQTNDVSxtQkFBbUI7NEZBQW5CLG1CQUFtQixpSENQaEMseW1DQW9CRTs7NEZEYlcsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQjs4QkFRakIsS0FBSztzQkFBYixLQUFLO2dCQTBCSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZXhwaXJhdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBpcmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2V4cGlyYXRpb24uY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgRXhwaXJhdGlvbkNvbXBvbmVudCB7XG4gIGlkT3B0aW9uczogc3RyaW5nW10gPSBbJzEydWlvODk5OTIwMDAwJywgJzEydWlvODk5OTI5OTAwMCcsICc4OTZvODk5OTIwMDAwJ107XG4gIGNoaXBBcnJheTogc3RyaW5nW10gPSBbXTtcblxuICBASW5wdXQoKSBjeWNsZTogQXJyYXk8eyBcbiAgICBpZDogbnVtYmVyOyBcbiAgICBleHBhbmRlZDogYm9vbGVhbjsgXG4gICAgbWVzc2FnZXM6IHsgXG4gICAgICBtZXNzYWdlSWQ6IHN0cmluZzsgXG4gICAgICBzdWJqZWN0OiBzdHJpbmc7IFxuICAgICAgcmVjaXBpZW50czogc3RyaW5nOyBcbiAgICB9W10gXG4gIH0+ID0gW1xuICAgIHsgXG4gICAgICBpZDogMCwgXG4gICAgICBleHBhbmRlZDogZmFsc2UsIFxuICAgICAgbWVzc2FnZXM6IFt7IG1lc3NhZ2VJZDogJ0RlZmF1bHQgSUQgMScsIHN1YmplY3Q6ICdEZWZhdWx0IFN1YmplY3QgMScsIHJlY2lwaWVudHM6ICdEZWZhdWx0IFJlY2lwaWVudHMgMScgfV1cbiAgICB9LFxuICAgIHsgXG4gICAgICBpZDogMSwgXG4gICAgICBleHBhbmRlZDogZmFsc2UsIFxuICAgICAgbWVzc2FnZXM6IFt7IG1lc3NhZ2VJZDogJ0RlZmF1bHQgSUQgMicsIHN1YmplY3Q6ICdEZWZhdWx0IFN1YmplY3QgMicsIHJlY2lwaWVudHM6ICdEZWZhdWx0IFJlY2lwaWVudHMgMicgfV1cbiAgICB9LFxuICAgIHsgXG4gICAgICBpZDogMiwgXG4gICAgICBleHBhbmRlZDogZmFsc2UsIFxuICAgICAgbWVzc2FnZXM6IFt7IG1lc3NhZ2VJZDogJ0RlZmF1bHQgSUQgMycsIHN1YmplY3Q6ICdEZWZhdWx0IFN1YmplY3QgMycsIHJlY2lwaWVudHM6ICdEZWZhdWx0IFJlY2lwaWVudHMgMycgfV1cbiAgICB9XG4gIF07XG5cbiAgQE91dHB1dCgpIHRvZ2dsZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHRvZ2dsZUN5Y2xlKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmN5Y2xlW2luZGV4XS5leHBhbmRlZCA9ICF0aGlzLmN5Y2xlW2luZGV4XS5leHBhbmRlZDtcbiAgICB0aGlzLnRvZ2dsZS5lbWl0KHRoaXMuY3ljbGVbaW5kZXhdLmlkKTtcbiAgfVxuXG4gIGFkZE1lc3NhZ2UoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuY3ljbGVbaW5kZXhdLm1lc3NhZ2VzLnB1c2goe1xuICAgICAgbWVzc2FnZUlkOiAnTmV3IE1lc3NhZ2UgSUQnLFxuICAgICAgc3ViamVjdDogJ05ldyBTdWJqZWN0JyxcbiAgICAgIHJlY2lwaWVudHM6ICdOZXcgUmVjaXBpZW50cydcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInctZnVsbCBiZy13aGl0ZSBwLTRcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGN5Y2xlOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYmctWyNGRkU2ODFCMl0gcHgtNiBweS0zIGZsZXggaXRlbXMtY2VudGVyIG1iLTYganVzdGlmeS1iZXR3ZWVuXCIgKGNsaWNrKT1cInRvZ2dsZUN5Y2xlKGkpXCI+XG4gICAgICAgIDxzcGFuPkN5Y2xlIHt7IGl0ZW0uaWQgKyAxIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlclwiPnt7IGl0ZW0uZXhwYW5kZWQgPyAn4payJyA6ICfilrwnIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gIFxuICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uZXhwYW5kZWRcIiBjbGFzcz1cImN5Y2xlLWNvbnRlbnQgYm9yZGVyIGJvcmRlci1wcmltYXJ5IHAtNlwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGl0ZW0ubWVzc2FnZXNcIiBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTYgbWItNFwiPlxuICAgICAgICAgIDx2ZXJiZW4tZHJvcC1kb3duIHdpZHRoPVwiMTAwJVwiIHBsYWNlaG9sZGVyPVwiU2VsZWN0IE1lc3NhZ2UgSURcIiBbKG9wdGlvbnMpXT1cImlkT3B0aW9uc1wiPjwvdmVyYmVuLWRyb3AtZG93bj5cbiAgICAgICAgICA8dmVyYmVuYS1pbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlSG9sZGVyPVwiTWVzc2FnZSBTdWJqZWN0XCIgYmdDb2xvcj1cIndoaXRlXCI+PC92ZXJiZW5hLWlucHV0PlxuICAgICAgICAgIDx2ZXJiZW4tY2hpcCBbKG5nTW9kZWwpXT1cImNoaXBBcnJheVwiIHBsYWNlaG9sZGVyPVwiUmVjaXBpZW50c1wiPjwvdmVyYmVuLWNoaXA+XG4gICAgICAgIDwvZGl2PlxuICBcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1lbmQgbXQtNFwiPlxuICAgICAgICAgIDx2ZXJiZW5hLWJ1dHRvbiB0ZXh0PVwiKyBBZGQgTWVzc2FnZVwiIGJnQ29sb3I9XCJ0cmFuc3BhcmVudFwiIHBkPVwiMFwiIHRleHRDb2xvcj1cImJsdWVcIiAoY2xpY2spPVwiYWRkTWVzc2FnZShpKVwiPjwvdmVyYmVuYS1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICAiXX0=

package/esm2022/lib/components/expiration/expiration.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '../../shared/shared.module';
+import { ExpirationComponent } from './expiration.component';
+import * as i0 from "@angular/core";
+export class ExpirationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, declarations: [ExpirationComponent], imports: [CommonModule, SharedModule], exports: [ExpirationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, imports: [CommonModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ExpirationComponent],
+                    imports: [CommonModule, SharedModule],
+                    exports: [ExpirationComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwaXJhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4td29ya2Zsb3ctdWkvc3JjL2xpYi9jb21wb25lbnRzL2V4cGlyYXRpb24vZXhwaXJhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU83RCxNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7eUdBQWhCLGdCQUFnQixpQkFKWixtQkFBbUIsYUFDeEIsWUFBWSxFQUFDLFlBQVksYUFDekIsbUJBQW1CO3lHQUVsQixnQkFBZ0IsWUFIakIsWUFBWSxFQUFDLFlBQVk7OzRGQUd4QixnQkFBZ0I7a0JBTDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBQyxZQUFZLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3NoYXJlZC5tb2R1bGUnO1xuaW1wb3J0IHsgRXhwaXJhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZXhwaXJhdGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtFeHBpcmF0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSxTaGFyZWRNb2R1bGVdLFxuICBleHBvcnRzOiBbRXhwaXJhdGlvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRXhwaXJhdGlvbk1vZHVsZSB7fSJdfQ==

package/esm2022/lib/components/file-upload/file-upload.component.mjs

@@ -51,7 +51,7 @@ export class FileUploadComponent {
         this.selectedFilesChange.emit(this.selectedFiles);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileUploadComponent, selector: "file-upload", inputs: { multiple: "multiple", label: "label", accept: "accept", selectedFiles: "selectedFiles" }, outputs: { selectedFilesChange: "selectedFilesChange" }, ngImport: i0, template: "<div class=\"file-upload-container\" (dragover)=\"onDragOver($event)\" (drop)=\"onDrop($event)\">\n    <label>{{label}}</label>\n    \n    <div *ngIf=\"multiple\" class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\">\n      <span class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" *ngFor=\"let file of selectedFiles; let i = index\">\n        {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}  \n        <verben-svg [stroke]=\"'#D4A007'\" [icon]=\"'close'\" [width]=\"10\" [height]=\"10\" (click)=\"removeFile(i)\"></verben-svg>\n      </span>\n      <button (click)=\"fileInput.click()\" class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\">\n        <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg> Add File\n      </button>\n      <input #fileInput type=\"file\" [accept]=\"accept\" (change)=\"onFileSelected($event)\" class=\"hidden\"/>\n    </div>\n    \n    <div *ngIf=\"!multiple\" class=\"border rounded-lg flex justify-between border-[#9A9FBF66] mt-2 mb-3\">\n      <div>\n        <span class=\"flex items-center gap-1 m-2 text-[#0000FF] px-1 py-1 rounded-lg w-fit\" *ngFor=\"let file of selectedFiles; let i = index\">\n          {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}  \n          <verben-svg [stroke]=\"'#0000FF'\" [icon]=\"'close'\" [width]=\"10\" [height]=\"10\" (click)=\"removeFile(i)\"></verben-svg>\n        </span>\n      </div>\n      <verbena-button [bgColor]=\"'#D9D9D980'\" (click)=\"fileInput.click()\" [text]=\"'Browse Files'\"></verbena-button>\n    </div>\n    \n    <input [accept]=\"accept\" type=\"file\" [multiple]=\"multiple\" (change)=\"onFileSelected($event)\" hidden #fileInput/>\n    \n    <div class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\" (click)=\"fileInput.click()\">\n      <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n      <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n    </div>\n  </div>\n  ", styles: [""], 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "svgPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "styleType", "svg", "svgWidth", "svgHeight", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileUploadComponent, selector: "file-upload", inputs: { multiple: "multiple", label: "label", accept: "accept", selectedFiles: "selectedFiles" }, outputs: { selectedFilesChange: "selectedFilesChange" }, ngImport: i0, template: "<div class=\"file-upload-container\" (dragover)=\"onDragOver($event)\" (drop)=\"onDrop($event)\">\n    <label>{{label}}</label>\n    \n    <div *ngIf=\"multiple\" class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\">\n      <span class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" *ngFor=\"let file of selectedFiles; let i = index\">\n        {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}  \n        <verben-svg [stroke]=\"'#D4A007'\" [icon]=\"'close'\" [width]=\"10\" [height]=\"10\" (click)=\"removeFile(i)\"></verben-svg>\n      </span>\n      <button (click)=\"fileInput.click()\" class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\">\n        <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg> Add File\n      </button>\n      <input #fileInput type=\"file\" [accept]=\"accept\" (change)=\"onFileSelected($event)\" class=\"hidden\"/>\n    </div>\n    \n    <div *ngIf=\"!multiple\" class=\"border rounded-lg flex justify-between border-[#9A9FBF66] mt-2 mb-3\">\n      <div>\n        <span class=\"flex items-center gap-1 m-2 text-[#0000FF] px-1 py-1 rounded-lg w-fit\" *ngFor=\"let file of selectedFiles; let i = index\">\n          {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}  \n          <verben-svg [stroke]=\"'#0000FF'\" [icon]=\"'close'\" [width]=\"10\" [height]=\"10\" (click)=\"removeFile(i)\"></verben-svg>\n        </span>\n      </div>\n      <verbena-button [bgColor]=\"'#D9D9D980'\" (click)=\"fileInput.click()\" [text]=\"'Browse Files'\"></verbena-button>\n    </div>\n    \n    <input [accept]=\"accept\" type=\"file\" [multiple]=\"multiple\" (change)=\"onFileSelected($event)\" hidden #fileInput/>\n    \n    <div class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\" (click)=\"fileInput.click()\">\n      <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n      <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n    </div>\n  </div>\n  ", styles: [""], 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.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/form-control/form-control.component.mjs

@@ -36,7 +36,7 @@ export class FormControlComponent {
         console.log(files);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormControlComponent, selector: "form-control", inputs: { dataType: "dataType", value: "value", boolInputType: "boolInputType", formProperties: "formProperties" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6 w-full\">\n  <div *ngFor=\"let property of formProperties\">\n    <ng-container [ngSwitch]=\"property.DataType\">\n      <!-- Text, URL, and Color -->\n      <verbena-input *ngSwitchCase=\"'Text'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter text'\"></verbena-input>\n      <verbena-input *ngSwitchCase=\"'MailAddress'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\"  [type]=\"'email'\" [placeHolder]=\"'Enter email'\"></verbena-input>\n      <verbena-input *ngSwitchCase=\"'URL'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [type]=\"'url'\" [placeHolder]=\"'https://example.com'\"></verbena-input>\n       <div *ngSwitchCase=\"'Colour'\">\n        <label [htmlFor]=\"property.id\">\n          {{formatLabel(property)}}\n         <span class=\"flex items-center gap-1\">\n          <input [id]=\"property.id\" [(ngModel)]=\"property.Value\"  class=\"block mt-2 w-[100px]\"  [type]=\"'color'\"/> <span *ngIf=\"property.Value!==''\" class=\"font-semibold\" [style.color]=\"property.Value\">:{{property.Value}}</span>\n         </span>\n        </label>\n       \n\n       </div>\n      <verbena-textarea [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'MultilineText'\" [label]=\"formatLabel(property)\"></verbena-textarea>\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'PhoneNumber'\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter text'\"></verbena-input>\n\n      <!-- Numeric inputs -->\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'Number'\" [label]=\"formatLabel(property)\"  [type]=\"'number'\" [placeHolder]=\"'Enter an integer'\" [max]=\"property.MaxValue\" [min]=\"property.MinValue\"></verbena-input>\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'Decimal'\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter decimal value'\"></verbena-input>\n\n      <!-- Boolean input -->\n      <ng-container *ngSwitchCase=\"'YesNo'\" >\n        <label [htmlFor]=\"property.id\" class=\"block mb-2\">{{formatLabel(property)}}</label>\n        <verbena-switch [(ngModel)]=\"property.Value\" [onText]=\"''\" [offText]=\"''\" [onColor]=\"'#1A237E'\" [label]=\"formatLabel(property)\" ></verbena-switch>\n      </ng-container>\n\n      <!-- File selection for Video, Audio -->\n      <div *ngSwitchCase=\"'Video'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'video/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n      <div *ngSwitchCase=\"'Image'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'image/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n      <div  *ngSwitchCase=\"'Audio'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'audio/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n\n      <!-- Multi/Single selection -->\n      <div *ngSwitchCase=\"'SingleSelection'\">\n        <div class=\"mb-2\">{{formatLabel(property)}}</div>\n        <verben-drop-down width=\"100%\" [placeholder]=\"property.Name\" [filter]=\"true\" [options]=\"optionsArray(property)\" [(ngModel)]=\"property.Value\"></verben-drop-down>\n      </div>\n      <div *ngSwitchCase=\"'MultiSelection'\">\n        <div class=\"mb-2\">{{formatLabel(property)}}</div>\n        <verben-drop-down width=\"100%\" [multiselect]=\"true\" [placeholder]=\"property.Name\" [options]=\"optionsArray(property)\" [(ngModel)]=\"property.Value\"></verben-drop-down>\n      </div>\n\n      <!-- Single and Multi file selection -->\n      <div *ngSwitchCase=\"'SingleFileSelection'\">\n        <file-upload [multiple]=\"false\" [label]=\"formatLabel(property)\"></file-upload>\n      </div>\n      <div *ngSwitchCase=\"'MultiFileSelection'\">\n        <file-upload (selectedFilesChange)=\"onSelectedFileChange($event)\"  [multiple]=\"true\" [label]=\"formatLabel(property)\"></file-upload>\n      </div>\n\n      <!-- Fallback for unsupported types -->\n      <div *ngSwitchDefault>\n        Unsupported data type: {{ property.DataType }}\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [""], 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: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.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: i3.VerbenaSwitchComponent, selector: "verbena-switch", inputs: ["label", "checked", "disabled", "offColor", "onColor", "onText", "offText", "width", "height", "customStyles"], outputs: ["change"] }, { kind: "component", type: i3.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: i4.FileUploadComponent, selector: "file-upload", inputs: ["multiple", "label", "accept", "selectedFiles"], outputs: ["selectedFilesChange"] }, { kind: "component", type: i3.VerbenaTextareaComponent, selector: "verbena-textarea", inputs: ["label", "required", "rows", "cols", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "value", "errorMessageColor"], outputs: ["valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormControlComponent, selector: "form-control", inputs: { dataType: "dataType", value: "value", boolInputType: "boolInputType", formProperties: "formProperties" }, ngImport: i0, template: "<div class=\"flex flex-col gap-6 w-full\">\n  <div *ngFor=\"let property of formProperties\">\n    <ng-container [ngSwitch]=\"property.DataType\">\n      <!-- Text, URL, and Color -->\n      <verbena-input *ngSwitchCase=\"'Text'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter text'\"></verbena-input>\n      <verbena-input *ngSwitchCase=\"'MailAddress'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\"  [type]=\"'email'\" [placeHolder]=\"'Enter email'\"></verbena-input>\n      <verbena-input *ngSwitchCase=\"'URL'\" [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [type]=\"'url'\" [placeHolder]=\"'https://example.com'\"></verbena-input>\n       <div *ngSwitchCase=\"'Colour'\">\n        <label [htmlFor]=\"property.id\">\n          {{formatLabel(property)}}\n         <span class=\"flex items-center gap-1\">\n          <input [id]=\"property.id\" [(ngModel)]=\"property.Value\"  class=\"block mt-2 w-[100px]\"  [type]=\"'color'\"/> <span *ngIf=\"property.Value!==''\" class=\"font-semibold\" [style.color]=\"property.Value\">:{{property.Value}}</span>\n         </span>\n        </label>\n       \n\n       </div>\n      <verbena-textarea [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'MultilineText'\" [label]=\"formatLabel(property)\"></verbena-textarea>\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'PhoneNumber'\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter text'\"></verbena-input>\n\n      <!-- Numeric inputs -->\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'Number'\" [label]=\"formatLabel(property)\"  [type]=\"'number'\" [placeHolder]=\"'Enter an integer'\" [max]=\"property.MaxValue\" [min]=\"property.MinValue\"></verbena-input>\n      <verbena-input [(ngModel)]=\"property.Value\" *ngSwitchCase=\"'Decimal'\" [label]=\"formatLabel(property)\"  [type]=\"'text'\" [placeHolder]=\"'Enter decimal value'\"></verbena-input>\n\n      <!-- Boolean input -->\n      <ng-container *ngSwitchCase=\"'YesNo'\" >\n        <label [htmlFor]=\"property.id\" class=\"block mb-2\">{{formatLabel(property)}}</label>\n        <verbena-switch [(ngModel)]=\"property.Value\" [onText]=\"''\" [offText]=\"''\" [onColor]=\"'#1A237E'\" [label]=\"formatLabel(property)\" ></verbena-switch>\n      </ng-container>\n\n      <!-- File selection for Video, Audio -->\n      <div *ngSwitchCase=\"'Video'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'video/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n      <div *ngSwitchCase=\"'Image'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'image/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n      <div  *ngSwitchCase=\"'Audio'\">\n        <file-upload [(ngModel)]=\"property.Value\" [label]=\"formatLabel(property)\" [accept]=\"'audio/*'\" [multiple]=\"false\"></file-upload>\n      </div>\n\n      <!-- Multi/Single selection -->\n      <div *ngSwitchCase=\"'SingleSelection'\">\n        <div class=\"mb-2\">{{formatLabel(property)}}</div>\n        <verben-drop-down width=\"100%\" [placeholder]=\"property.Name\" [filter]=\"true\" [options]=\"optionsArray(property)\" [(ngModel)]=\"property.Value\"></verben-drop-down>\n      </div>\n      <div *ngSwitchCase=\"'MultiSelection'\">\n        <div class=\"mb-2\">{{formatLabel(property)}}</div>\n        <verben-drop-down width=\"100%\" [multiselect]=\"true\" [placeholder]=\"property.Name\" [options]=\"optionsArray(property)\" [(ngModel)]=\"property.Value\"></verben-drop-down>\n      </div>\n\n      <!-- Single and Multi file selection -->\n      <div *ngSwitchCase=\"'SingleFileSelection'\">\n        <file-upload [multiple]=\"false\" [label]=\"formatLabel(property)\"></file-upload>\n      </div>\n      <div *ngSwitchCase=\"'MultiFileSelection'\">\n        <file-upload (selectedFilesChange)=\"onSelectedFileChange($event)\"  [multiple]=\"true\" [label]=\"formatLabel(property)\"></file-upload>\n      </div>\n\n      <!-- Fallback for unsupported types -->\n      <div *ngSwitchDefault>\n        Unsupported data type: {{ property.DataType }}\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [""], 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: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.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: i3.VerbenaSwitchComponent, selector: "verbena-switch", inputs: ["label", "checked", "disabled", "offColor", "onColor", "onText", "offText", "width", "height", "customStyles"], outputs: ["change"] }, { kind: "component", type: i3.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: i4.FileUploadComponent, selector: "file-upload", inputs: ["multiple", "label", "accept", "selectedFiles"], outputs: ["selectedFilesChange"] }, { kind: "component", type: i3.VerbenaTextareaComponent, selector: "verbena-textarea", inputs: ["label", "required", "rows", "cols", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "value", "errorMessageColor"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormControlComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/form-group/form-fields/form-fields.component.mjs

@@ -857,7 +857,7 @@ export class FormFieldsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldsComponent, deps: [{ token: i1.UtilService }, { token: i2.HttpWebRequestService }, { token: i0.ChangeDetectorRef }, { token: i3.FormBuilder }, { token: i4.EnvironmentService }, { token: i5.Router }, { token: i5.ActivatedRoute }, { token: i6.FormsFieldService }, { token: i7.Location }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldsComponent, selector: "lib-form-fields", inputs: { path: "path", application: "application", pageSize: "pageSize", searchDebounceTime: "searchDebounceTime" }, outputs: { onViewProcessClicked: "onViewProcessClicked" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }, { propertyName: "cardDataView", first: true, predicate: ["vdcv"], descendants: true }, { propertyName: "dataView", first: true, predicate: ["vdv"], descendants: true }, { propertyName: "tableView", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<header class=\"rounded-lg shadow-lg flex justify-between items-center px-6 py-2 bg-[#D4A00773]\">\n  <h4 class=\"font-semibold\">{{formName}}</h4>\n  <verben-svg (click)=\"goBack()\" class=\"cursor-pointer\" [width]=\"17\" [height]=\"17\" [icon]=\"'close'\"></verben-svg>\n</header>\n<div #messageLog class=\"flex flex-col gap-4 message-log-container\">\n  <verben-data-view #vdv [viewState]=\"{\n        isSearch: true,\n        isColumn: true,\n        isFilter: true,\n        isSort: true,\n        isExport: true,\n        isSelect: true,\n        isCreate: true,\n        isToggle:true,\n      }\" [buttonClass]=\"'my-custom-button-class'\" [iconClass]=\"'my-icon-class'\"\n      [showSortChild]=\"showSort\" [showColumnChild]=\"showColumn\"\n    [activeIconClass]=\"'my-active-icon-class'\" [selectedColumnCount]=\"selectedColumnTableCount\" [selectedSortCount]=\"selectedSortTableCount\"\n    [selectedFilterTableCount]=\"selectedFilterTableCount\" [showFilterChild]=\"showFilter\" [searchValue]=\"searchTerm\"\n    (viewChange)=\"onViewChange($event)\" (stateChange)=\"onStateChange($event)\" (onSearchChange)=\"onSearch($event)\">\n    <div class=\"mt-2\" table-content>\n      <lib-data-table #dt [data]=\"data[0].Properties\" [columns]=\"visibleColumnDef\" [styleConfig]=\"styles\"\n        (selectionChange)=\"onSelectionChange($event)\">\n        <ng-container libColumn=\"select\">\n          <ng-template #cell let-isSelected=\"isSelected\" let-toggleRowSelection=\"toggleRowSelection\">\n            <input type=\"checkbox\" [checked]=\"isSelected\" (change)=\"toggleRowSelection()\" />\n          </ng-template>\n          <ng-template #header let-allRowsSelected=\"allRowsSelected\" let-someRowsSelected=\"someRowsSelected\"\n            let-toggleAllRows=\"toggleAllRows\">\n            <input type=\"checkbox\" [checked]=\"allRowsSelected()\" [indeterminate]=\"someRowsSelected()\"\n              (change)=\"toggleAllRows()\" />\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"name\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value.Name }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input inputContainerClass=\"w-fit\" [(ngModel)]=\"row.Name\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"minValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'number'\" [ngModel]=\"getStringValue(row, 'MinValue')\"\n              (valueChange)=\"convertToInt($event, row, 'MinValue')\" inputContainerClass=\"w-[130px]\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"maxValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'number'\" inputContainerClass=\"w-[130px]\" [ngModel]=\"getStringValue(row, 'MaxValue')\"\n              (valueChange)=\"convertToInt($event, row, 'MaxValue')\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"defaultValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'text'\" inputContainerClass=\"w-[130px]\"\n              [(ngModel)]=\"row.DefaultValue\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"dataType\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <div class=\"flex flex-col gap-1\">\n              <verben-drop-down width=\"100%\" placeholder=\"Change Data Type\" [(options)]=\"dataType\"\n                [(ngModel)]=\"row.DataType\">\n              </verben-drop-down>\n            </div>\n          </ng-template>\n        </ng-container>\n\n        <ng-container libColumn=\"isRequired\">\n          <ng-template #cell let-row=\"row\" let-value>\n            <verben-svg *ngIf=\"value === true\" [icon]=\"'check'\"></verben-svg>\n            <verben-svg *ngIf=\"value === false\" [icon]=\"'error'\"></verben-svg>\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-switch [onColor]=\"'#1A237E'\" [(ngModel)]=\"row.IsRequired\"></verbena-switch>\n          </ng-template>\n        </ng-container>\n\n        <ng-container libColumn=\"actions\">\n          <ng-template #cell let-isEditing=\"isEditing\" let-toggleRowEdit=\"toggleRowEdit\" let-row=\"row\" let-value>\n            <verben-pop-Up [customStyles]=\"{'z-index': '99'}\" [dropdownOpen]=\"openDropdownId===row.id\"\n              [enableMouseLeave]=\"false\" (close)=\"onClose()\">\n              <verben-svg class=\"cursor-pointer actions-icon\" (click)=\"openDropdown(row)\" dropdown-trigger\n                icon=\"list\"></verben-svg>\n              <div class=\"pop-up-content flex flex-col\" *ngIf=\"openDropdownId===row.Id\" dropdown-content>\n                <div (click)=\"toggleRowEdit()\" class=\"pop-up-value cursor-pointer\">Edit</div>\n                <div class=\"pop-up-value cursor-pointer\">Delete</div>\n              </div>\n            </verben-pop-Up>\n          </ng-template>\n          <ng-template #cellEdit let-isEditing=\"isEditing\" let-toggleRowEdit=\"toggleRowEdit\" let-row=\"row\" let-value>\n            <div class=\"flex gap-2 items-center\">\n              <verben-svg icon=\"check\" [width]=\"15\" [height]=\"15\"\n                (click)=\"saveViaTable(row, toggleRowEdit)\"></verben-svg>\n              <verben-svg icon=\"delete\" [width]=\"15\" [height]=\"15\"></verben-svg>\n              <verben-svg icon=\"cardViewAlt\" [width]=\"15\" [height]=\"15\" (click)=\"goToCardView(value)\"></verben-svg>\n            </div>\n          </ng-template>\n        </ng-container>\n      </lib-data-table>\n    </div>\n    <div card-content>\n      <verben-card-data-view borderRadius=\"12px\" #vdcv dataId=\"Id\" border=\"5px\" [cardDataList]=\"cardData\"\n        rbgColor=\"#f5f6f9\" mg=\"0px\">\n        <verben-left-card-data-view class=\"space-y-7\">\n          <verben-left-card-data #vlcd [parent]=\"vdcv\" dataId=\"id\"\n            class=\"bg-secondary-100 rounded-xl border-primary border-[1px]\" [cardDataList]=\"cardData\">\n            <ng-template #card let-item>\n              <div (click)=\"userCardClicked(item)\" class=\"flex cursor-pointer h-[max-content]\">\n                <!-- <verben-svg [width]=\"15\" [height]=\"15\" (click)=\"toggleChildren(item); $event.stopPropagation()\"\n                    [ngClass]=\"item.children && item.children.length?'visible':'invisible'\"\n                    class=\"items-center flex  pr-1 cursor-pointer\" [icon]=\"item.isChildrenExpanded?'minus':'plus'\" /> -->\n                <div class=\"flex w-full bg-secondary rounded-xl\">\n                  <div class=\"w-3 rounded-xl rounded-tr-none rounded-br-none\" [ngClass]=\"\n                      item.selected ? 'bg-primary' : 'bg-secondary-200'\n                    \"></div>\n                  <div class=\"py-3 px-4 flex-1 h-[100%]\">\n                    <div class=\"flex items-start flex-1 gap-1 justify-between h-[100%]\">\n                      <div class=\"flex flex-col flex-1 card-min-height justify-between h-[100%]\">\n                        <div class=\"flex justify-between mr-4\">\n                          <div>\n                            <h3 class=\"my-0 font-bold text-[#404040] leading-[19.5px]\">\n                              {{ item.data.Name }}\n                            </h3>\n                            <span class=\"flex items-center gap-1 mt-2\">\n                              <span class=\"!text-[10px] text-[#404040]\">Data Type:</span>\n                              <span class=\"!text-[13px] font-bold\">{{\n                                item.data.DataType\n                                }}</span>\n                            </span>\n                          </div>\n\n                          <div>\n                            <span class=\"!text-[10px] text-[#404040]\">Default Value:</span>\n                            <p class=\"!text-[12px]\">\n                              {{ item.data.DefaultValue }}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n\n                      <!-- <div class=\"flex items-end h-[100%]\">\n                          <span class=\"enum-val {{item.data.Status}}\">{{item.data.Status}}</span>\n                        </div> -->\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </verben-left-card-data>\n        </verben-left-card-data-view>\n        <verben-right-card-data-view>\n          <ng-template #parent>\n            <div *ngIf=\"currentData\" class=\"flex flex-col rounded-xl h-full w-full relative gap-6\">\n              <verbena-input name=\"Name\" label=\"Name\" (ngModelChange)=\"updateTable()\"\n                [(ngModel)]=\"currentData.data.Name\" />\n              <div class=\"flex flex-col gap-1\">\n                <div>Data Type</div>\n                <verben-drop-down width=\"100%\" placeholder=\"Change Data Type\" [(options)]=\"dataType\"\n                  [(ngModel)]=\"currentData.data.DataType\" (ngModelChange)=\"onDropDownChange($event)\">\n                </verben-drop-down>\n              </div>\n\n              <div *ngIf=\"currentData.data.DataType==='SingleSelection' || currentData.data.DataType==='MultiSelection'\">\n                <p class=\"mb-2\">Enter Options</p>\n                <verben-chip [placeholder]=\"'Enter Options'\" [(ngModel)]=\"chipArray\" (onChange)=\"onChipChange($event)\"></verben-chip>\n              </div>\n                <div>\n                  <verbena-input\n                    [placeHolder]=\"'Enter default text'\"\n                    [(ngModel)]=\"currentData.data.DefaultValue\"\n                    name=\"DefaultValue\"\n                    label=\"Default Value (optional)\"\n                    (ngModelChange)=\"updateTable()\"\n                  />\n           \n              \n              </div>\n              <div>\n                <p class=\"mb-2\">Required</p>\n\n                <verbena-switch [onColor]=\"'#1A237E'\" [(ngModel)]=\"currentData.data.IsRequired\"></verbena-switch>\n              </div>\n            <div *ngIf=\"currentData.data.DataType==='Number'||currentData.data.DataType==='Text' \" class=\" flex flex-col gap-6\">\n              <verbena-input\n              [type]=\"'number'\"\n              name=\"minValue\"\n              label=\"Min Value\"\n              (ngModelChange)=\"updateTable()\"\n              [ngModel]=\"getStringValue(currentData.data, 'MinValue')\"\n              (valueChange)=\"\n                convertToInt($event, currentData.data, 'MinValue')\n              \" />\n                <verbena-input [type]=\"'number'\" name=\"maxValue\" label=\"Max Value\" (ngModelChange)=\"updateTable()\"\n                  [ngModel]=\"getStringValue(currentData.data, 'MaxValue')\" (valueChange)=\"\n                convertToInt($event, currentData.data, 'MaxValue')\n              \" />\n              </div>\n              <!-- buttons -->\n              <div class=\"flex justify-between w-full bottom-8 left-0 right-0\">\n                <verbena-button class=\"verben-delete-button\" text=\"Delete\"></verbena-button>\n                <div class=\"flex gap-3\">\n                  <verbena-button class=\"verben-switch-button\" (click)=\"goToTableView()\"\n                    text=\"Switch To Table\"></verbena-button>\n                  <verbena-button class=\"verben-primary-button\" (click)=\"saveUser()\" text=\"Save\"></verbena-button>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </verben-right-card-data-view>\n        <!-- <verben-right-card-data-view>\n            yeshhhhhh\n          </verben-right-card-data-view> -->\n\n        <verben-card-data-view-footer>\n          <div class=\"flex gap-2 justify-between\">\n            <div *ngIf=\"!vdcv.hasCurrentItem()\" class=\"message-log-button-container flex justify-between\">\n              <verbena-button [fontWeight]=\"'bold'\" [bgColor]=\"'#8E8D87'\" [borderRadius]=\"'4px'\" [textColor]=\"'#fff'\"\n                [text]=\"'Delete'\">\n              </verbena-button>\n            </div>\n            <div class=\"flex {{\n                vdcv.hasCurrentItem() ? 'flex-1' : ''\n              }} justify-end items-center gap-5\">\n              <span class=\"paginator-text\">{{ cardData.length }} records loaded</span>\n            </div>\n          </div>\n        </verben-card-data-view-footer>\n      </verben-card-data-view>\n    </div>\n    <div column-content>\n      <verben-visible-column (resetFilter)=\"getProperties(Id, showColumn)\" (columnsUpdated)=\"onColumnsUpdated($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"400px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" [columns]=\"visibleColumns\"\n        [displayedColumns]=\"5\"></verben-visible-column>\n    </div>\n    <div filter-content>\n      <verben-table-filter (resetSortData)=\"getProperties(Id, showFilter)\" (filtersApplied)=\"onFilterApplied($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"420px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" tertiaryColor=\"#404040\" [filterOptions]=\"filterArray\"\n        [maxFilterLength]=\"3\"></verben-table-filter>\n    </div>\n    <div sort-content>\n      <verben-sort-table (resetSortData)=\"getProperties(Id, showSort)\" (selectedOptions)=\"onSortUpdated($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"400px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" tertiaryColor=\"#404040\" [enableDragAndDrop]=\"true\"\n        [sortOptions]=\"sortOptions\"></verben-sort-table>\n    </div>\n    <div export-content>\n      <lib-data-export [data]=\"data[0].Properties\" (exportDataEvent)=\"handleExport($event)\">\n      </lib-data-export>\n    </div>\n  </verben-data-view>\n  <div *ngIf=\"vdv.isTableView\" class=\"flex gap-2 justify-between\">\n    <div class=\"message-log-button-container flex justify-between\">\n      <verbena-button [fontWeight]=\"'bold'\" [bgColor]=\"'#8E8D87'\" [borderRadius]=\"'4px'\" [textColor]=\"'#fff'\"\n        [text]=\"'Delete'\">\n      </verbena-button>\n    </div>\n    <div class=\"flex justify-end items-center gap-5\">\n      <span class=\"paginator-text\">{{ cardData.length }} records loaded</span>\n      <button (click)=\"loadMore()\" class=\"load-more view-links\">\n        Load more\n      </button>\n    </div>\n  </div>\n</div>\n<!-- <div class=\"w-[400px] bg-white p-4 shadow-lg border\">\n  <form-control  [dataType]=\"dataType2\" [formProperties]=\"data[0].Properties\"></form-control>\n</div> -->\n", styles: [".view-links{font-size:14px!important;color:#00f;font-weight:600;cursor:pointer}.view-links:hover{text-decoration:underline;text-underline-offset:3px}.context-banner{background-color:#d4a00773}.card-min-height{gap:10px}::ng-deep .childrenPadding{max-height:300px;overflow-y:auto}::ng-deep .toolbar{margin-bottom:15px}::ng-deep .master-only-container{margin:0!important;padding:0!important}::ng-deep .master-detail-container{margin:0!important;padding:0!important}.pop-up-content{border-radius:4px;background-color:#fff;border:1px solid rgba(212,161,7,.5)}.pop-up-value{padding:10px 20px}.pop-up-content>div:nth-child(1){border-bottom:4px solid #FFE681}.enum-val{padding:2px 10px;width:100%;min-width:max-content;text-align:center}.enum-val.Active{background-color:#d6f3e6;color:#2db76f}.enum-val.InActive{background-color:#ffdfdf;color:#eb5757}.toggle-container{width:53px;padding:1px;color:#fff;height:22px;position:relative;background-color:#1a237e;border-radius:2rem;cursor:pointer}.toggle-circle{width:50%;height:100%;position:absolute;left:0;padding:5px;top:0;background-color:#fff;border-radius:50%;transform:scale(1);transition:transform .3s}.translate-100{transform:translate(100%)}.translate-0{transform:translate(0)}.toggle-text-on{display:block;font-size:12px;margin-left:4px}.toggle-text-off{display:block;font-size:12px;margin-right:4px;text-align:right}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "groupBy", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowDelete", "selectionChange"] }, { kind: "directive", type: i8.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i8.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i8.VerbenPopUpComponent, selector: "verben-pop-Up", inputs: ["dropdownOpen", "dropdownWidth", "color", "customStyles", "popUpClass", "border", "borderRadius", "enableMouseLeave"], outputs: ["dropdownOpenChange", "close"] }, { kind: "component", type: i8.DataViewComponent, selector: "verben-data-view", inputs: ["buttonClass", "iconClass", "activeIconClass", "columnCustomClass", "filterCustomClass", "sortCustomClass", "exportCustomClass", "selectCustomClass", "zIndex", "createCustomClass", "tableIcon", "cardIcon", "cardClass", "tableClass", "searchKey", "searchValue", "viewState", "searchTemplate", "columnTemplate", "filterTemplate", "sortTemplate", "children", "exportTemplate", "createTemplate", "selectedColumnCount", "selectedSortCount", "selectedFilterTableCount", "inputWidth", "milliseconds", "showColumnChild", "showSortChild", "showFilterChild", "showExportChild", "create", "showSelected", "isTableView"], outputs: ["viewChange", "stateChange", "onSearchChange"] }, { kind: "component", type: i8.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "svgPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "styleType", "svg", "svgWidth", "svgHeight", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i8.CardDataViewComponent, selector: "verben-card-data-view", inputs: ["pd", "mg", "lHeight", "rHeight", "rWidth", "lWidth", "textColor", "lbgColor", "rbgColor", "border", "display", "borderRadius", "activeCss", "inActiveCss", "displayAsRow", "cardDataList", "dataId", "totalRecords", "footer", "noOfVisibleChildren", "onItemClick", "onCardChildClick"], outputs: ["loadMoreClick"] }, { kind: "component", type: i8.LeftCardDataComponent, selector: "verben-left-card-data", inputs: ["pd", "mg", "height", "weight", "activeCss", "inActiveCss", "cardDataList", "iconCollapse", "iconExpanded", "parent", "dataId"] }, { kind: "component", type: i8.LeftCardDataViewComponent, selector: "verben-left-card-data-view", inputs: ["cardDataList"] }, { kind: "component", type: i8.RightCardDataViewComponent, selector: "verben-right-card-data-view", inputs: ["parentData", "chilData", "meth"] }, { kind: "component", type: i8.CardDataViewFooterComponent, selector: "verben-card-data-view-footer" }, { kind: "component", type: i8.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: i8.TableFilterComponent, selector: "verben-table-filter", inputs: ["filterOptions", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "maxFilterLength", "tooltip"], outputs: ["filtersApplied", "resetSortData"] }, { kind: "component", type: i8.VisibleColumnComponent, selector: "verben-visible-column", inputs: ["columns", "items", "enableDragAndDrop", "displayedColumns", "showMore", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "closeColumn"], outputs: ["columnsUpdated", "resetFilter"] }, { kind: "component", type: i8.SortTableComponent, selector: "verben-sort-table", inputs: ["enableDragAndDrop", "sortOptions", "resetText", "displayedOptions", "propertyText", "showMoreText", "sortButtonText", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "containerHeight"], outputs: ["selectedOptions", "resetSortData"] }, { kind: "component", type: i8.DataExportComponent, selector: "lib-data-export", inputs: ["columns", "data"], outputs: ["exportDataEvent"] }, { kind: "component", type: i8.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: i8.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: "14.0.0", version: "18.2.13", type: FormFieldsComponent, selector: "lib-form-fields", inputs: { path: "path", application: "application", pageSize: "pageSize", searchDebounceTime: "searchDebounceTime" }, outputs: { onViewProcessClicked: "onViewProcessClicked" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }, { propertyName: "cardDataView", first: true, predicate: ["vdcv"], descendants: true }, { propertyName: "dataView", first: true, predicate: ["vdv"], descendants: true }, { propertyName: "tableView", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<header class=\"rounded-lg shadow-lg flex justify-between items-center px-6 py-2 bg-[#D4A00773]\">\n  <h4 class=\"font-semibold\">{{formName}}</h4>\n  <verben-svg (click)=\"goBack()\" class=\"cursor-pointer\" [width]=\"17\" [height]=\"17\" [icon]=\"'close'\"></verben-svg>\n</header>\n<div #messageLog class=\"flex flex-col gap-4 message-log-container\">\n  <verben-data-view #vdv [viewState]=\"{\n        isSearch: true,\n        isColumn: true,\n        isFilter: true,\n        isSort: true,\n        isExport: true,\n        isSelect: true,\n        isCreate: true,\n        isToggle:true,\n      }\" [buttonClass]=\"'my-custom-button-class'\" [iconClass]=\"'my-icon-class'\"\n      [showSortChild]=\"showSort\" [showColumnChild]=\"showColumn\"\n    [activeIconClass]=\"'my-active-icon-class'\" [selectedColumnCount]=\"selectedColumnTableCount\" [selectedSortCount]=\"selectedSortTableCount\"\n    [selectedFilterTableCount]=\"selectedFilterTableCount\" [showFilterChild]=\"showFilter\" [searchValue]=\"searchTerm\"\n    (viewChange)=\"onViewChange($event)\" (stateChange)=\"onStateChange($event)\" (onSearchChange)=\"onSearch($event)\">\n    <div class=\"mt-2\" table-content>\n      <lib-data-table #dt [data]=\"data[0].Properties\" [columns]=\"visibleColumnDef\" [styleConfig]=\"styles\"\n        (selectionChange)=\"onSelectionChange($event)\">\n        <ng-container libColumn=\"select\">\n          <ng-template #cell let-isSelected=\"isSelected\" let-toggleRowSelection=\"toggleRowSelection\">\n            <input type=\"checkbox\" [checked]=\"isSelected\" (change)=\"toggleRowSelection()\" />\n          </ng-template>\n          <ng-template #header let-allRowsSelected=\"allRowsSelected\" let-someRowsSelected=\"someRowsSelected\"\n            let-toggleAllRows=\"toggleAllRows\">\n            <input type=\"checkbox\" [checked]=\"allRowsSelected()\" [indeterminate]=\"someRowsSelected()\"\n              (change)=\"toggleAllRows()\" />\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"name\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value.Name }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input inputContainerClass=\"w-fit\" [(ngModel)]=\"row.Name\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"minValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'number'\" [ngModel]=\"getStringValue(row, 'MinValue')\"\n              (valueChange)=\"convertToInt($event, row, 'MinValue')\" inputContainerClass=\"w-[130px]\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"maxValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'number'\" inputContainerClass=\"w-[130px]\" [ngModel]=\"getStringValue(row, 'MaxValue')\"\n              (valueChange)=\"convertToInt($event, row, 'MaxValue')\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"defaultValue\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-input [type]=\"'text'\" inputContainerClass=\"w-[130px]\"\n              [(ngModel)]=\"row.DefaultValue\"></verbena-input>\n          </ng-template>\n        </ng-container>\n        <ng-container libColumn=\"dataType\">\n          <ng-template #cell let-row=\"row\" let-value>\n            {{ value }}\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <div class=\"flex flex-col gap-1\">\n              <verben-drop-down width=\"100%\" placeholder=\"Change Data Type\" [(options)]=\"dataType\"\n                [(ngModel)]=\"row.DataType\">\n              </verben-drop-down>\n            </div>\n          </ng-template>\n        </ng-container>\n\n        <ng-container libColumn=\"isRequired\">\n          <ng-template #cell let-row=\"row\" let-value>\n            <verben-svg *ngIf=\"value === true\" [icon]=\"'check'\"></verben-svg>\n            <verben-svg *ngIf=\"value === false\" [icon]=\"'error'\"></verben-svg>\n          </ng-template>\n          <ng-template #cellEdit let-row=\"row\" let-updateValue=\"updateValue\" let-value>\n            <verbena-switch [onColor]=\"'#1A237E'\" [(ngModel)]=\"row.IsRequired\"></verbena-switch>\n          </ng-template>\n        </ng-container>\n\n        <ng-container libColumn=\"actions\">\n          <ng-template #cell let-isEditing=\"isEditing\" let-toggleRowEdit=\"toggleRowEdit\" let-row=\"row\" let-value>\n            <verben-pop-Up [customStyles]=\"{'z-index': '99'}\" [dropdownOpen]=\"openDropdownId===row.id\"\n              [enableMouseLeave]=\"false\" (close)=\"onClose()\">\n              <verben-svg class=\"cursor-pointer actions-icon\" (click)=\"openDropdown(row)\" dropdown-trigger\n                icon=\"list\"></verben-svg>\n              <div class=\"pop-up-content flex flex-col\" *ngIf=\"openDropdownId===row.Id\" dropdown-content>\n                <div (click)=\"toggleRowEdit()\" class=\"pop-up-value cursor-pointer\">Edit</div>\n                <div class=\"pop-up-value cursor-pointer\">Delete</div>\n              </div>\n            </verben-pop-Up>\n          </ng-template>\n          <ng-template #cellEdit let-isEditing=\"isEditing\" let-toggleRowEdit=\"toggleRowEdit\" let-row=\"row\" let-value>\n            <div class=\"flex gap-2 items-center\">\n              <verben-svg icon=\"check\" [width]=\"15\" [height]=\"15\"\n                (click)=\"saveViaTable(row, toggleRowEdit)\"></verben-svg>\n              <verben-svg icon=\"delete\" [width]=\"15\" [height]=\"15\"></verben-svg>\n              <verben-svg icon=\"cardViewAlt\" [width]=\"15\" [height]=\"15\" (click)=\"goToCardView(value)\"></verben-svg>\n            </div>\n          </ng-template>\n        </ng-container>\n      </lib-data-table>\n    </div>\n    <div card-content>\n      <verben-card-data-view borderRadius=\"12px\" #vdcv dataId=\"Id\" border=\"5px\" [cardDataList]=\"cardData\"\n        rbgColor=\"#f5f6f9\" mg=\"0px\">\n        <verben-left-card-data-view class=\"space-y-7\">\n          <verben-left-card-data #vlcd [parent]=\"vdcv\" dataId=\"id\"\n            class=\"bg-secondary-100 rounded-xl border-primary border-[1px]\" [cardDataList]=\"cardData\">\n            <ng-template #card let-item>\n              <div (click)=\"userCardClicked(item)\" class=\"flex cursor-pointer h-[max-content]\">\n                <!-- <verben-svg [width]=\"15\" [height]=\"15\" (click)=\"toggleChildren(item); $event.stopPropagation()\"\n                    [ngClass]=\"item.children && item.children.length?'visible':'invisible'\"\n                    class=\"items-center flex  pr-1 cursor-pointer\" [icon]=\"item.isChildrenExpanded?'minus':'plus'\" /> -->\n                <div class=\"flex w-full bg-secondary rounded-xl\">\n                  <div class=\"w-3 rounded-xl rounded-tr-none rounded-br-none\" [ngClass]=\"\n                      item.selected ? 'bg-primary' : 'bg-secondary-200'\n                    \"></div>\n                  <div class=\"py-3 px-4 flex-1 h-[100%]\">\n                    <div class=\"flex items-start flex-1 gap-1 justify-between h-[100%]\">\n                      <div class=\"flex flex-col flex-1 card-min-height justify-between h-[100%]\">\n                        <div class=\"flex justify-between mr-4\">\n                          <div>\n                            <h3 class=\"my-0 font-bold text-[#404040] leading-[19.5px]\">\n                              {{ item.data.Name }}\n                            </h3>\n                            <span class=\"flex items-center gap-1 mt-2\">\n                              <span class=\"!text-[10px] text-[#404040]\">Data Type:</span>\n                              <span class=\"!text-[13px] font-bold\">{{\n                                item.data.DataType\n                                }}</span>\n                            </span>\n                          </div>\n\n                          <div>\n                            <span class=\"!text-[10px] text-[#404040]\">Default Value:</span>\n                            <p class=\"!text-[12px]\">\n                              {{ item.data.DefaultValue }}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n\n                      <!-- <div class=\"flex items-end h-[100%]\">\n                          <span class=\"enum-val {{item.data.Status}}\">{{item.data.Status}}</span>\n                        </div> -->\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </verben-left-card-data>\n        </verben-left-card-data-view>\n        <verben-right-card-data-view>\n          <ng-template #parent>\n            <div *ngIf=\"currentData\" class=\"flex flex-col rounded-xl h-full w-full relative gap-6\">\n              <verbena-input name=\"Name\" label=\"Name\" (ngModelChange)=\"updateTable()\"\n                [(ngModel)]=\"currentData.data.Name\" />\n              <div class=\"flex flex-col gap-1\">\n                <div>Data Type</div>\n                <verben-drop-down width=\"100%\" placeholder=\"Change Data Type\" [(options)]=\"dataType\"\n                  [(ngModel)]=\"currentData.data.DataType\" (ngModelChange)=\"onDropDownChange($event)\">\n                </verben-drop-down>\n              </div>\n\n              <div *ngIf=\"currentData.data.DataType==='SingleSelection' || currentData.data.DataType==='MultiSelection'\">\n                <p class=\"mb-2\">Enter Options</p>\n                <verben-chip [placeholder]=\"'Enter Options'\" [(ngModel)]=\"chipArray\" (onChange)=\"onChipChange($event)\"></verben-chip>\n              </div>\n                <div>\n                  <verbena-input\n                    [placeHolder]=\"'Enter default text'\"\n                    [(ngModel)]=\"currentData.data.DefaultValue\"\n                    name=\"DefaultValue\"\n                    label=\"Default Value (optional)\"\n                    (ngModelChange)=\"updateTable()\"\n                  />\n           \n              \n              </div>\n              <div>\n                <p class=\"mb-2\">Required</p>\n\n                <verbena-switch [onColor]=\"'#1A237E'\" [(ngModel)]=\"currentData.data.IsRequired\"></verbena-switch>\n              </div>\n            <div *ngIf=\"currentData.data.DataType==='Number'||currentData.data.DataType==='Text' \" class=\" flex flex-col gap-6\">\n              <verbena-input\n              [type]=\"'number'\"\n              name=\"minValue\"\n              label=\"Min Value\"\n              (ngModelChange)=\"updateTable()\"\n              [ngModel]=\"getStringValue(currentData.data, 'MinValue')\"\n              (valueChange)=\"\n                convertToInt($event, currentData.data, 'MinValue')\n              \" />\n                <verbena-input [type]=\"'number'\" name=\"maxValue\" label=\"Max Value\" (ngModelChange)=\"updateTable()\"\n                  [ngModel]=\"getStringValue(currentData.data, 'MaxValue')\" (valueChange)=\"\n                convertToInt($event, currentData.data, 'MaxValue')\n              \" />\n              </div>\n              <!-- buttons -->\n              <div class=\"flex justify-between w-full bottom-8 left-0 right-0\">\n                <verbena-button class=\"verben-delete-button\" text=\"Delete\"></verbena-button>\n                <div class=\"flex gap-3\">\n                  <verbena-button class=\"verben-switch-button\" (click)=\"goToTableView()\"\n                    text=\"Switch To Table\"></verbena-button>\n                  <verbena-button class=\"verben-primary-button\" (click)=\"saveUser()\" text=\"Save\"></verbena-button>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </verben-right-card-data-view>\n        <!-- <verben-right-card-data-view>\n            yeshhhhhh\n          </verben-right-card-data-view> -->\n\n        <verben-card-data-view-footer>\n          <div class=\"flex gap-2 justify-between\">\n            <div *ngIf=\"!vdcv.hasCurrentItem()\" class=\"message-log-button-container flex justify-between\">\n              <verbena-button [fontWeight]=\"'bold'\" [bgColor]=\"'#8E8D87'\" [borderRadius]=\"'4px'\" [textColor]=\"'#fff'\"\n                [text]=\"'Delete'\">\n              </verbena-button>\n            </div>\n            <div class=\"flex {{\n                vdcv.hasCurrentItem() ? 'flex-1' : ''\n              }} justify-end items-center gap-5\">\n              <span class=\"paginator-text\">{{ cardData.length }} records loaded</span>\n            </div>\n          </div>\n        </verben-card-data-view-footer>\n      </verben-card-data-view>\n    </div>\n    <div column-content>\n      <verben-visible-column (resetFilter)=\"getProperties(Id, showColumn)\" (columnsUpdated)=\"onColumnsUpdated($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"400px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" [columns]=\"visibleColumns\"\n        [displayedColumns]=\"5\"></verben-visible-column>\n    </div>\n    <div filter-content>\n      <verben-table-filter (resetSortData)=\"getProperties(Id, showFilter)\" (filtersApplied)=\"onFilterApplied($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"420px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" tertiaryColor=\"#404040\" [filterOptions]=\"filterArray\"\n        [maxFilterLength]=\"3\"></verben-table-filter>\n    </div>\n    <div sort-content>\n      <verben-sort-table (resetSortData)=\"getProperties(Id, showSort)\" (selectedOptions)=\"onSortUpdated($event)\" [border]=\"'1px solid rgba(212, 160, 7, 1)'\"\n        borderRadius=\"10px\" boxShadow=\"2px 2px 2px 0px silver\" bgColor=\"white\" width=\"400px\" textColor=\"black\" pd=\"1rem\"\n        primaryColor=\"#FFE681\" secondaryColor=\"#3479E9\" tertiaryColor=\"#404040\" [enableDragAndDrop]=\"true\"\n        [sortOptions]=\"sortOptions\"></verben-sort-table>\n    </div>\n    <div export-content>\n      <lib-data-export [data]=\"data[0].Properties\" (exportDataEvent)=\"handleExport($event)\">\n      </lib-data-export>\n    </div>\n  </verben-data-view>\n  <div *ngIf=\"vdv.isTableView\" class=\"flex gap-2 justify-between\">\n    <div class=\"message-log-button-container flex justify-between\">\n      <verbena-button [fontWeight]=\"'bold'\" [bgColor]=\"'#8E8D87'\" [borderRadius]=\"'4px'\" [textColor]=\"'#fff'\"\n        [text]=\"'Delete'\">\n      </verbena-button>\n    </div>\n    <div class=\"flex justify-end items-center gap-5\">\n      <span class=\"paginator-text\">{{ cardData.length }} records loaded</span>\n      <button (click)=\"loadMore()\" class=\"load-more view-links\">\n        Load more\n      </button>\n    </div>\n  </div>\n</div>\n<!-- <div class=\"w-[400px] bg-white p-4 shadow-lg border\">\n  <form-control  [dataType]=\"dataType2\" [formProperties]=\"data[0].Properties\"></form-control>\n</div> -->\n", styles: [".view-links{font-size:14px!important;color:#00f;font-weight:600;cursor:pointer}.view-links:hover{text-decoration:underline;text-underline-offset:3px}.context-banner{background-color:#d4a00773}.card-min-height{gap:10px}::ng-deep .childrenPadding{max-height:300px;overflow-y:auto}::ng-deep .toolbar{margin-bottom:15px}::ng-deep .master-only-container{margin:0!important;padding:0!important}::ng-deep .master-detail-container{margin:0!important;padding:0!important}.pop-up-content{border-radius:4px;background-color:#fff;border:1px solid rgba(212,161,7,.5)}.pop-up-value{padding:10px 20px}.pop-up-content>div:nth-child(1){border-bottom:4px solid #FFE681}.enum-val{padding:2px 10px;width:100%;min-width:max-content;text-align:center}.enum-val.Active{background-color:#d6f3e6;color:#2db76f}.enum-val.InActive{background-color:#ffdfdf;color:#eb5757}.toggle-container{width:53px;padding:1px;color:#fff;height:22px;position:relative;background-color:#1a237e;border-radius:2rem;cursor:pointer}.toggle-circle{width:50%;height:100%;position:absolute;left:0;padding:5px;top:0;background-color:#fff;border-radius:50%;transform:scale(1);transition:transform .3s}.translate-100{transform:translate(100%)}.translate-0{transform:translate(0)}.toggle-text-on{display:block;font-size:12px;margin-left:4px}.toggle-text-off{display:block;font-size:12px;margin-right:4px;text-align:right}\n"], dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowRevert", "rowDelete", "selectionChange"] }, { kind: "directive", type: i8.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i8.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i8.VerbenPopUpComponent, selector: "verben-pop-Up", inputs: ["dropdownOpen", "dropdownWidth", "color", "customStyles", "popUpClass", "border", "borderRadius", "enableMouseLeave", "cdkPosition"], outputs: ["dropdownOpenChange", "close"] }, { kind: "component", type: i8.DataViewComponent, selector: "verben-data-view", inputs: ["buttonClass", "iconClass", "activeIconClass", "columnCustomClass", "filterCustomClass", "sortCustomClass", "extendCustomClass", "exportCustomClass", "selectCustomClass", "importCustomClass", "zIndex", "createCustomClass", "tableIcon", "cardIcon", "cardClass", "tableClass", "searchKey", "searchValue", "viewState", "searchTemplate", "importTemplate", "columnTemplate", "extendTemplate", "filterTemplate", "sortTemplate", "children", "exportTemplate", "createTemplate", "selectedColumnCount", "selectedSortCount", "selectedFilterTableCount", "inputWidth", "milliseconds", "showColumnChild", "showSortChild", "showFilterChild", "showImportChild", "showExportChild", "showExtendChild", "create", "showSelected", "isTableView"], outputs: ["viewChange", "stateChange", "onSearchChange"] }, { kind: "component", type: i8.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i8.CardDataViewComponent, selector: "verben-card-data-view", inputs: ["pd", "mg", "lHeight", "rHeight", "rWidth", "lWidth", "textColor", "lbgColor", "rbgColor", "border", "display", "borderRadius", "activeCss", "inActiveCss", "displayAsRow", "cardDataList", "dataId", "totalRecords", "footer", "noOfVisibleChildren", "onItemClick", "onCardChildClick"], outputs: ["loadMoreClick"] }, { kind: "component", type: i8.LeftCardDataComponent, selector: "verben-left-card-data", inputs: ["pd", "mg", "height", "weight", "activeCss", "inActiveCss", "cardDataList", "iconCollapse", "iconExpanded", "parent", "dataId"] }, { kind: "component", type: i8.LeftCardDataViewComponent, selector: "verben-left-card-data-view", inputs: ["cardDataList"] }, { kind: "component", type: i8.RightCardDataViewComponent, selector: "verben-right-card-data-view", inputs: ["parentData", "chilData", "meth"] }, { kind: "component", type: i8.CardDataViewFooterComponent, selector: "verben-card-data-view-footer" }, { kind: "component", type: i8.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: i8.TableFilterComponent, selector: "verben-table-filter", inputs: ["filterOptions", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "maxFilterLength", "tooltip"], outputs: ["filtersApplied", "resetSortData"] }, { kind: "component", type: i8.VisibleColumnComponent, selector: "verben-visible-column", inputs: ["columns", "items", "enableDragAndDrop", "displayedColumns", "showMore", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "closeColumn"], outputs: ["columnsUpdated", "resetFilter"] }, { kind: "component", type: i8.SortTableComponent, selector: "verben-sort-table", inputs: ["enableDragAndDrop", "sortOptions", "resetText", "displayedOptions", "propertyText", "showMoreText", "sortButtonText", "pd", "mg", "height", "width", "bgColor", "boxShadow", "textColor", "primaryColor", "secondaryColor", "tertiaryColor", "border", "borderRadius", "selectWidth", "containerHeight"], outputs: ["selectedOptions", "resetSortData"] }, { kind: "component", type: i8.DataExportComponent, selector: "lib-data-export", inputs: ["columns", "data"], outputs: ["exportDataEvent"] }, { kind: "component", type: i8.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: i8.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.13", ngImport: i0, type: FormFieldsComponent, decorators: [{
             type: Component,