verben-ng-ui 1.4.4 → 1.4.6

package/esm2022/public-api.mjs

@@ -52,6 +52,7 @@ export * from 'verben-ng-ui/src/lib/components/icons';
 export * from 'verben-ng-ui/src/lib/components/verbena-icon';
 export * from 'verben-ng-ui/src/lib/components/verbena-tab';
 export * from 'verben-ng-ui/src/lib/components/number-input';
+export * from 'verben-ng-ui/src/lib/components/verben-date-picker';
 // Exporting modules
 // export * from './lib/components/card-data-view/card-data-view.component';
 // export * from './lib/components/card-data-view/card-data-view.module';
@@ -185,4 +186,4 @@ export * from 'verben-ng-ui/src/lib/components/number-input';
 // export * from './lib/components/verbena-tab/tab-item.component';
 // export * from './lib/components/number-input/number-input.component';
 // export * from './lib/components/number-input/number-input.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1uZy11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILDhDQUE4QztBQUM5QyxnREFBZ0Q7QUFDaEQsYUFBYTtBQUViLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDO0FBRTdELG9CQUFvQjtBQUNwQiw0RUFBNEU7QUFDNUUseUVBQXlFO0FBQ3pFLDZEQUE2RDtBQUM3RCwyRkFBMkY7QUFDM0YscUdBQXFHO0FBQ3JHLHVHQUF1RztBQUN2Ryx5R0FBeUc7QUFDekcseUdBQXlHO0FBRXpHLCtEQUErRDtBQUMvRCxrRUFBa0U7QUFDbEUsZ0VBQWdFO0FBQ2hFLHlEQUF5RDtBQUN6RCwrREFBK0Q7QUFDL0Qsa0VBQWtFO0FBQ2xFLHFEQUFxRDtBQUNyRCx3REFBd0Q7QUFDeEQsa0RBQWtEO0FBQ2xELGdFQUFnRTtBQUVoRSx1REFBdUQ7QUFDdkQsMERBQTBEO0FBRTFELDhEQUE4RDtBQUM5RCwyREFBMkQ7QUFFM0QsbURBQW1EO0FBQ25ELHNEQUFzRDtBQUV0RCxxRUFBcUU7QUFDckUsd0VBQXdFO0FBRXhFLHFFQUFxRTtBQUNyRSx3RUFBd0U7QUFFeEUscURBQXFEO0FBQ3JELHdEQUF3RDtBQUV4RCxvRUFBb0U7QUFDcEUsc0VBQXNFO0FBQ3RFLG9FQUFvRTtBQUNwRSxpRUFBaUU7QUFDakUsNEVBQTRFO0FBQzVFLHlFQUF5RTtBQUN6RSxrRUFBa0U7QUFDbEUsK0RBQStEO0FBQy9ELHNFQUFzRTtBQUN0RSxtRUFBbUU7QUFDbkUseUVBQXlFO0FBQ3pFLDBEQUEwRDtBQUUxRCw4REFBOEQ7QUFFOUQsbURBQW1EO0FBQ25ELHVFQUF1RTtBQUN2RSx5RUFBeUU7QUFDekUsNEVBQTRFO0FBQzVFLDZEQUE2RDtBQUM3RCxpRUFBaUU7QUFFakUsc0RBQXNEO0FBQ3RELDBEQUEwRDtBQUMxRCw2REFBNkQ7QUFFN0QsNkRBQTZEO0FBQzdELGdFQUFnRTtBQUVoRSw4REFBOEQ7QUFDOUQsOERBQThEO0FBQzlELGlFQUFpRTtBQUVqRSxnRUFBZ0U7QUFDaEUsZ0VBQWdFO0FBQ2hFLG1FQUFtRTtBQUVuRSxpRUFBaUU7QUFDakUsb0VBQW9FO0FBQ3BFLGdFQUFnRTtBQUNoRSxnRUFBZ0U7QUFDaEUsMkRBQTJEO0FBRTNELG1FQUFtRTtBQUNuRSxvRUFBb0U7QUFDcEUsc0VBQXNFO0FBQ3RFLGtFQUFrRTtBQUVsRSxtRUFBbUU7QUFDbkUsdUVBQXVFO0FBQ3ZFLHNFQUFzRTtBQUN0RSxxRUFBcUU7QUFFckUsbUVBQW1FO0FBQ25FLHVFQUF1RTtBQUN2RSxzRUFBc0U7QUFDdEUsa0VBQWtFO0FBRWxFLGlFQUFpRTtBQUNqRSxrRUFBa0U7QUFDbEUsb0VBQW9FO0FBQ3BFLG1FQUFtRTtBQUVuRSxtRUFBbUU7QUFDbkUsb0VBQW9FO0FBQ3BFLHNFQUFzRTtBQUN0RSxrRUFBa0U7QUFFbEUsK0RBQStEO0FBQy9ELGdFQUFnRTtBQUNoRSxrRUFBa0U7QUFDbEUsOERBQThEO0FBRTlELHFFQUFxRTtBQUNyRSxzRUFBc0U7QUFDdEUsd0VBQXdFO0FBRXhFLDhEQUE4RDtBQUM5RCxnRUFBZ0U7QUFDaEUsbUVBQW1FO0FBQ25FLHdDQUF3QztBQUN4Qyw2Q0FBNkM7QUFDN0MsMkNBQTJDO0FBRTNDLHdEQUF3RDtBQUN4RCxxREFBcUQ7QUFDckQsa0RBQWtEO0FBRWxELCtEQUErRDtBQUMvRCw0REFBNEQ7QUFFNUQsaUVBQWlFO0FBQ2pFLDhEQUE4RDtBQUU5RCwrREFBK0Q7QUFDL0QsNERBQTREO0FBRTVELHFFQUFxRTtBQUNyRSxrRUFBa0U7QUFFbEUsaUVBQWlFO0FBQ2pFLDhEQUE4RDtBQUU5RCxtRUFBbUU7QUFDbkUsc0VBQXNFO0FBRXRFLDJFQUEyRTtBQUMzRSw4RUFBOEU7QUFFOUUsaUZBQWlGO0FBQ2pGLG9GQUFvRjtBQUVwRix5QkFBeUI7QUFDekIsd0RBQXdEO0FBRXhELHlEQUF5RDtBQUN6RCw0REFBNEQ7QUFFNUQsZ0NBQWdDO0FBRWhDLDRFQUE0RTtBQUM1RSxrRkFBa0Y7QUFDbEYscUVBQXFFO0FBRXJFLGdHQUFnRztBQUNoRywyRkFBMkY7QUFFM0YsbUVBQW1FO0FBQ25FLHNFQUFzRTtBQUN0RSxtRUFBbUU7QUFFbkUsd0VBQXdFO0FBQ3hFLHFFQUFxRSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdmVyYmVuLW5nLXVpXG4gKi9cblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuLW5nLXVpLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuLW5nLXVpLmNvbXBvbmVudCc7XG4vL05ldyBFeHBvcnRzXG5cbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3RoZW1lJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3RoZW1lLXN3aXRjaGVyJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL21vZGVscyc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9zZXJ2aWNlcyc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZHJvcC1kb3duJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvY2hpcCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3N2Zyc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlLWZpbHRlcic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29udmVydC10by1udW1iZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29udmVydC10by1pbnRlZ2VyJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvc29ydC10YWJsZSc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3Zpc2libGUtY29sdW1uJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS12aWV3JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvcGhvbmUtbnVtYmVyJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZhbGlkYXRlLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL251bWJlci1yYW5nZSc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9yZXF1aXJlZC1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLWV4cG9ydCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtaW1wb3J0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS1leHRlbmQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLXhwb3J0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS1maWx0ZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLXNvcnQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLWNvbHVtbnMnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29udHJvbC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZhbGlkYXRlJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2VtYWlsLXZhbGlkYXRvcic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi92ZXJiZW5hLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZlcmJlbmEtYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZlcmJlbmEtYmFkZ2UnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdmVyYmVuYS10ZXh0YXJlYSc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi92ZXJiZW5hLXN3aXRjaCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1tYWlsJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVyYmVuLWRpYWxvZ3VlJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVyYmVuLXRpbWUtcGlja2VyJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvcG9wLXVwJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvaWNvbnMnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJiZW5hLWljb24nO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJiZW5hLXRhYic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL251bWJlci1pbnB1dCc7XG5cbi8vIEV4cG9ydGluZyBtb2R1bGVzXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2NhcmQtZGF0YS12aWV3LmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2NhcmQtZGF0YS12aWV3Lm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2NhcmQtZGF0YSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2xlZnQtY2FyZC1kYXRhL2xlZnQtY2FyZC1kYXRhLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2xlZnQtY2FyZC1kYXRhLXZpZXcvbGVmdC1jYXJkLWRhdGEtdmlldy5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9yaWdodC1jYXJkLWRhdGEtdmlldy9yaWdodC1jYXJkLWRhdGEtdmlldy5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9jYXJkLWRhdGEtdmlldy1oZWFkZXIvY2FyZC1kYXRhLXZpZXctaGVhZGVyLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2NhcmQtZGF0YS12aWV3LWZvb3Rlci9jYXJkLWRhdGEtdmlldy1mb290ZXIuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kcm9wLWRvd24vRHJvcGRvd25NZW51SXRlbSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Ryb3AtZG93bi9Ecm9wZG93bkNoYW5nZUV2ZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHJvcC1kb3duL0Ryb3Bkb3duTG9hZEV2ZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hpcC9DaGlwQ2hhbmdlRXZlbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kcm9wLWRvd24vZHJvcC1kb3duLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Ryb3AtZG93bi9kcm9wLWRvd24uY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hpcC9jaGlwLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoaXAvY2hpcC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zaGFyZWQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvVGVtcGxhdGVEaXJlY3RpdmUuZGlyZWN0aXZlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbWFnZS9pbWFnZS5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbWFnZS9pbWFnZS5jb21wb25lbnQnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdmcvc3ZnLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N2Zy9zdmcuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90YWJsZS1maWx0ZXIvdGFibGUtZmlsdGVyLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3RhYmxlLWZpbHRlci90YWJsZS1maWx0ZXIuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkL2NhcmQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnZlcnQtdG8tbnVtYmVyL2NvbnZlcnQtdG8tbnVtYmVyLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb252ZXJ0LXRvLWludGVnZXIvY29udmVydC10by1pbnRlZ2VyLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NvcnQtdGFibGUvc29ydC10YWJsZS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zb3J0LXRhYmxlL3NvcnQtdGFibGUubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmlzaWJsZS1jb2x1bW4vdmlzaWJsZS1jb2x1bW4uY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmlzaWJsZS1jb2x1bW4vdmlzaWJsZS1jb2x1bW4ubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS12aWV3L2RhdGEtdmlldy5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXZpZXcvZGF0YS12aWV3Lm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLm1vZHVsZSc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb252ZXJ0LXRvLWRlY2ltYWwvY29udmVydC10by1kZWNpbWFsLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9waG9uZS1udW1iZXIvcGhvbmUtbnVtYmVyLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRlLWlucHV0L3ZhbGlkYXRlLWlucHV0Lm1vZHVsZSc7XG5cbi8vIC8vIEFsc28gZXhwb3J0IHRoZSBkaXJlY3RpdmVzIGlmIG5lZWRlZCBkaXJlY3RseVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29udmVydC10by1udW1iZXIvY29udmVydC10by1udW1iZXIuZGlyZWN0aXZlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnZlcnQtdG8taW50ZWdlci9jb252ZXJ0LXRvLWludGVnZXIuZGlyZWN0aXZlJztcbi8vIC8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnZlcnQtdG8tZGVjaW1hbC9jb252ZXJ0LXRvLWRlY2ltYWwuZGlyZWN0aXZlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3Bob25lLW51bWJlci9waG9uZS1udW1iZXIuZGlyZWN0aXZlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRlLWlucHV0L3ZhbGlkYXRlLWlucHV0LmRpcmVjdGl2ZSc7XG5cbi8vIC8vIEV4cG9ydGluZyBNYXhOdW1iZXJNb2R1bGUgYW5kIE1heE51bWJlckRpcmVjdGl2ZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtYmVyLXJhbmdlL251bWJlci1yYW5nZS5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtYmVyLXJhbmdlL251bWJlci1yYW5nZS5kaXJlY3RpdmUnO1xuXG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9udW1iZXItcmFuZ2UvbnVtYmVyLXJhbmdlLm1vZHVsZSc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9udW1iZXItcmFuZ2UvbnVtYmVyLXJhbmdlLmRpcmVjdGl2ZSc7XG5cbi8vIC8vIEV4cG9ydGluZyBSZXF1aXJlZElucHV0TW9kdWxlIGFuZCBSZXF1aXJlZElucHV0RGlyZWN0aXZlXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9yZXF1aXJlZC1pbnB1dC9yZXF1aXJlZC1pbnB1dC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvcmVxdWlyZWQtaW5wdXQvcmVxdWlyZWQtaW5wdXQuZGlyZWN0aXZlJztcblxuLy8gLy8gRXhwb3J0aW5nIEVtYWlsVmFsaWRhdG9yTW9kdWxlIGFuZCBFbWFpbFZhbGlkYXRvckRpcmVjdGl2ZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvZW1haWwtdmFsaWRhdG9yL2VtYWlsLXZhbGlkYXRvci5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvZW1haWwtdmFsaWRhdG9yL2VtYWlsLXZhbGlkYXRvci5kaXJlY3RpdmUnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUvZGF0YS10YWJsZS5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXRhYmxlL2RhdGEtdGFibGUuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZS9jb2x1bW4uZGlyZWN0aXZlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZS9kYXRhLXRhYmxlLnR5cGVzJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZS9zdHlsZS50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1leHBvcnQvZGF0YS1leHBvcnQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1leHBvcnQvZGF0YS1leHBvcnQuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXhwb3J0L2RhdGEtZXhwb3J0LmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXhwb3J0L2RhdGEtZXhwb3J0LnR5cGVzJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWltcG9ydC9kYXRhLWltcG9ydC5tb2R1bGUnO1xuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWltcG9ydC9kYXRhLWltcG9ydC5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1pbXBvcnQvZGF0YS1pbXBvcnQuY29tcG9uZW50Jztcbi8vIC8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1pbXBvcnQvZGF0YS1pbXBvcnQudHlwZXMnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXh0ZW5kL2RhdGEtZXh0ZW5kLm1vZHVsZSc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXh0ZW5kL2RhdGEtZXh0ZW5kLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4dGVuZC9kYXRhLWV4dGVuZC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4dGVuZC9kYXRhLWV4dGVuZC50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS14cG9ydC9kYXRhLXhwb3J0Lm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEteHBvcnQvZGF0YS14cG9ydC5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS14cG9ydC9kYXRhLXhwb3J0LmNvbXBvbmVudCc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEteHBvcnQvZGF0YS14cG9ydC50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1maWx0ZXIvZGF0YS1maWx0ZXIubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1maWx0ZXIvZGF0YS1maWx0ZXIuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZmlsdGVyL2RhdGEtZmlsdGVyLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZmlsdGVyL2RhdGEtZmlsdGVyLnR5cGVzJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXNvcnQvZGF0YS1zb3J0Lm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtc29ydC9kYXRhLXNvcnQuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtc29ydC9kYXRhLXNvcnQuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1zb3J0L2RhdGEtc29ydC50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1jb2x1bW5zL2RhdGEtY29sdW1ucy5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWNvbHVtbnMvZGF0YS1jb2x1bW5zLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWNvbHVtbnMvZGF0YS1jb2x1bW5zLmNvbXBvbmVudCc7XG5cbi8vIC8vIEV4cG9ydGluZyBDb250cm9sT3B0aW9uTW9kdWxlIGFuZCBDb250cm9sT3B0aW9uRGlyZWN0aXZlXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9sLW9wdGlvbnMvY29udHJvbC1vcHRpb25zLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb250cm9sLW9wdGlvbnMvY29udHJvbC1vcHRpb25zLmRpcmVjdGl2ZSc7XG4vLyAvLyBFeHBvcnRpbmcgRW51bSB0eXBlIGZvciBzb3J0IHRhYmxlXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvdGFibGUtZmlsdGVyJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9tYWlsLW1vZGVsJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdGUvZXJyb3ItbWVzc2FnZS5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRlL3ZhbGlkYXRlLmRpcmVjdGl2ZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92YWxpZGF0ZS92YWxpZGF0ZS5tb2R1bGUnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLWlucHV0L3ZlcmJlbmEtaW5wdXQuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtaW5wdXQvdmVyYmVuYS1pbnB1dC5tb2R1bGUnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLWJ1dHRvbi92ZXJiZW5hLWJ1dHRvbi5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1idXR0b24vdmVyYmVuYS1idXR0b24ubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1iYWRnZS92ZXJiZW5hLWJhZGdlLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLWJhZGdlL3ZlcmJlbmEtYmFkZ2UubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS10ZXh0YXJlYS92ZXJiZW5hLXRleHRhcmVhLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLXRleHRhcmVhL3ZlcmJlbmEtdGV4dGFyZWEubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1zd2l0Y2gvdmVyYmVuYS1zd2l0Y2guY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtc3dpdGNoL3ZlcmJlbmEtc3dpdGNoLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuLW1haWwvdmVyYmVuLW1haWwubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuLW1haWwvdmVyYmVuLW1haWwuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW4tZGlhbG9ndWUvdmVyYmVuLWRpYWxvZ3VlLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1kaWFsb2d1ZS92ZXJiZW4tZGlhbG9ndWUuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW4tdGltZS1waWNrZXIvdmVyYmVuLXRpbWUtcGlja2VyLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbi10aW1lLXBpY2tlci92ZXJiZW4tdGltZS1waWNrZXIuY29tcG9uZW50JztcblxuLy8gLy9ub3RpZmljYXRpb24gc2VydmljZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvbm90aWZpY2F0aW9uLnNlcnZpY2VzJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wb3AtdXAvcG9wLXVwLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3BvcC11cC9wb3AtdXAuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdG9rZW5zJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29ucy9pY29ucy5tb2R1bGUnOyAvLyBFeHBvcnQgSWNvbk1vZHVsZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pY29ucy9pY29ucy5jb21wb25lbnQnOyAvLyBFeHBvcnQgSWNvbkNvbXBvbmVudFxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvaWNvbi5zZXJ2aWNlJzsgLy8gRXhwb3J0IEljb25TZXJ2aWNlXG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuYS1pY29uL3ZlcmJlbmEtaWNvbi5jb21wb25lbnQnOyAvLyBFeHBvcnQgSWNvbkNvbXBvbmVudFxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW5hLWljb24vdmVyYmVuYS1pY29uLm1vZHVsZSc7IC8vIEV4cG9ydCBJY29uU2VydmljZVxuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtdGFiL3ZlcmJlbmEtdGFiLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtdGFiL3ZlcmJlbmEtdGFiLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtdGFiL3RhYi1pdGVtLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbnVtYmVyLWlucHV0L251bWJlci1pbnB1dC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0Lm1vZHVsZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1uZy11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILDhDQUE4QztBQUM5QyxnREFBZ0Q7QUFDaEQsYUFBYTtBQUViLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDO0FBRTdELGNBQWMsb0RBQW9ELENBQUM7QUFFbkUsb0JBQW9CO0FBQ3BCLDRFQUE0RTtBQUM1RSx5RUFBeUU7QUFDekUsNkRBQTZEO0FBQzdELDJGQUEyRjtBQUMzRixxR0FBcUc7QUFDckcsdUdBQXVHO0FBQ3ZHLHlHQUF5RztBQUN6Ryx5R0FBeUc7QUFFekcsK0RBQStEO0FBQy9ELGtFQUFrRTtBQUNsRSxnRUFBZ0U7QUFDaEUseURBQXlEO0FBQ3pELCtEQUErRDtBQUMvRCxrRUFBa0U7QUFDbEUscURBQXFEO0FBQ3JELHdEQUF3RDtBQUN4RCxrREFBa0Q7QUFDbEQsZ0VBQWdFO0FBRWhFLHVEQUF1RDtBQUN2RCwwREFBMEQ7QUFFMUQsOERBQThEO0FBQzlELDJEQUEyRDtBQUUzRCxtREFBbUQ7QUFDbkQsc0RBQXNEO0FBRXRELHFFQUFxRTtBQUNyRSx3RUFBd0U7QUFFeEUscUVBQXFFO0FBQ3JFLHdFQUF3RTtBQUV4RSxxREFBcUQ7QUFDckQsd0RBQXdEO0FBRXhELG9FQUFvRTtBQUNwRSxzRUFBc0U7QUFDdEUsb0VBQW9FO0FBQ3BFLGlFQUFpRTtBQUNqRSw0RUFBNEU7QUFDNUUseUVBQXlFO0FBQ3pFLGtFQUFrRTtBQUNsRSwrREFBK0Q7QUFDL0Qsc0VBQXNFO0FBQ3RFLG1FQUFtRTtBQUNuRSx5RUFBeUU7QUFDekUsMERBQTBEO0FBRTFELDhEQUE4RDtBQUU5RCxtREFBbUQ7QUFDbkQsdUVBQXVFO0FBQ3ZFLHlFQUF5RTtBQUN6RSw0RUFBNEU7QUFDNUUsNkRBQTZEO0FBQzdELGlFQUFpRTtBQUVqRSxzREFBc0Q7QUFDdEQsMERBQTBEO0FBQzFELDZEQUE2RDtBQUU3RCw2REFBNkQ7QUFDN0QsZ0VBQWdFO0FBRWhFLDhEQUE4RDtBQUM5RCw4REFBOEQ7QUFDOUQsaUVBQWlFO0FBRWpFLGdFQUFnRTtBQUNoRSxnRUFBZ0U7QUFDaEUsbUVBQW1FO0FBRW5FLGlFQUFpRTtBQUNqRSxvRUFBb0U7QUFDcEUsZ0VBQWdFO0FBQ2hFLGdFQUFnRTtBQUNoRSwyREFBMkQ7QUFFM0QsbUVBQW1FO0FBQ25FLG9FQUFvRTtBQUNwRSxzRUFBc0U7QUFDdEUsa0VBQWtFO0FBRWxFLG1FQUFtRTtBQUNuRSx1RUFBdUU7QUFDdkUsc0VBQXNFO0FBQ3RFLHFFQUFxRTtBQUVyRSxtRUFBbUU7QUFDbkUsdUVBQXVFO0FBQ3ZFLHNFQUFzRTtBQUN0RSxrRUFBa0U7QUFFbEUsaUVBQWlFO0FBQ2pFLGtFQUFrRTtBQUNsRSxvRUFBb0U7QUFDcEUsbUVBQW1FO0FBRW5FLG1FQUFtRTtBQUNuRSxvRUFBb0U7QUFDcEUsc0VBQXNFO0FBQ3RFLGtFQUFrRTtBQUVsRSwrREFBK0Q7QUFDL0QsZ0VBQWdFO0FBQ2hFLGtFQUFrRTtBQUNsRSw4REFBOEQ7QUFFOUQscUVBQXFFO0FBQ3JFLHNFQUFzRTtBQUN0RSx3RUFBd0U7QUFFeEUsOERBQThEO0FBQzlELGdFQUFnRTtBQUNoRSxtRUFBbUU7QUFDbkUsd0NBQXdDO0FBQ3hDLDZDQUE2QztBQUM3QywyQ0FBMkM7QUFFM0Msd0RBQXdEO0FBQ3hELHFEQUFxRDtBQUNyRCxrREFBa0Q7QUFFbEQsK0RBQStEO0FBQy9ELDREQUE0RDtBQUU1RCxpRUFBaUU7QUFDakUsOERBQThEO0FBRTlELCtEQUErRDtBQUMvRCw0REFBNEQ7QUFFNUQscUVBQXFFO0FBQ3JFLGtFQUFrRTtBQUVsRSxpRUFBaUU7QUFDakUsOERBQThEO0FBRTlELG1FQUFtRTtBQUNuRSxzRUFBc0U7QUFFdEUsMkVBQTJFO0FBQzNFLDhFQUE4RTtBQUU5RSxpRkFBaUY7QUFDakYsb0ZBQW9GO0FBRXBGLHlCQUF5QjtBQUN6Qix3REFBd0Q7QUFFeEQseURBQXlEO0FBQ3pELDREQUE0RDtBQUU1RCxnQ0FBZ0M7QUFFaEMsNEVBQTRFO0FBQzVFLGtGQUFrRjtBQUNsRixxRUFBcUU7QUFFckUsZ0dBQWdHO0FBQ2hHLDJGQUEyRjtBQUUzRixtRUFBbUU7QUFDbkUsc0VBQXNFO0FBQ3RFLG1FQUFtRTtBQUVuRSx3RUFBd0U7QUFDeEUscUVBQXFFIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2ZXJiZW4tbmctdWlcbiAqL1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW4tbmctdWkuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW4tbmctdWkuY29tcG9uZW50Jztcbi8vTmV3IEV4cG9ydHNcblxuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdGhlbWUnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdGhlbWUtc3dpdGNoZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvbW9kZWxzJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3NlcnZpY2VzJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC1kYXRhLXZpZXcnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kcm9wLWRvd24nO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9jaGlwJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3ZnJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2UnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy90b29sdGlwJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUtZmlsdGVyJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FyZCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb252ZXJ0LXRvLW51bWJlcic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb252ZXJ0LXRvLWludGVnZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9zb3J0LXRhYmxlJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmlzaWJsZS1jb2x1bW4nO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLXZpZXcnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlcic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9waG9uZS1udW1iZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdmFsaWRhdGUtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvbnVtYmVyLXJhbmdlJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3JlcXVpcmVkLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZSc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtZXhwb3J0JztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS1pbXBvcnQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLWV4dGVuZCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEteHBvcnQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRhLWZpbHRlcic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtc29ydCc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtY29sdW1ucyc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb250cm9sLW9wdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdmFsaWRhdGUnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvZW1haWwtdmFsaWRhdG9yJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZlcmJlbmEtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdmVyYmVuYS1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvdmVyYmVuYS1iYWRnZSc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi92ZXJiZW5hLXRleHRhcmVhJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL3ZlcmJlbmEtc3dpdGNoJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVyYmVuLW1haWwnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJiZW4tZGlhbG9ndWUnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJiZW4tdGltZS1waWNrZXInO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9wb3AtdXAnO1xuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9pY29ucyc7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtaWNvbic7XG5leHBvcnQgKiBmcm9tICd2ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtdGFiJztcbmV4cG9ydCAqIGZyb20gJ3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvbnVtYmVyLWlucHV0JztcblxuZXhwb3J0ICogZnJvbSAndmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy92ZXJiZW4tZGF0ZS1waWNrZXInO1xuXG4vLyBFeHBvcnRpbmcgbW9kdWxlc1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9jYXJkLWRhdGEtdmlldy5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9jYXJkLWRhdGEtdmlldy5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9jYXJkLWRhdGEnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9sZWZ0LWNhcmQtZGF0YS9sZWZ0LWNhcmQtZGF0YS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9sZWZ0LWNhcmQtZGF0YS12aWV3L2xlZnQtY2FyZC1kYXRhLXZpZXcuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC1kYXRhLXZpZXcvcmlnaHQtY2FyZC1kYXRhLXZpZXcvcmlnaHQtY2FyZC1kYXRhLXZpZXcuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC1kYXRhLXZpZXcvY2FyZC1kYXRhLXZpZXctaGVhZGVyL2NhcmQtZGF0YS12aWV3LWhlYWRlci5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9jYXJkLWRhdGEtdmlldy1mb290ZXIvY2FyZC1kYXRhLXZpZXctZm9vdGVyLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHJvcC1kb3duL0Ryb3Bkb3duTWVudUl0ZW0nO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kcm9wLWRvd24vRHJvcGRvd25DaGFuZ2VFdmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Ryb3AtZG93bi9Ecm9wZG93bkxvYWRFdmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoaXAvQ2hpcENoYW5nZUV2ZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHJvcC1kb3duL2Ryb3AtZG93bi5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kcm9wLWRvd24vZHJvcC1kb3duLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoaXAvY2hpcC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hhcmVkLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL1RlbXBsYXRlRGlyZWN0aXZlLmRpcmVjdGl2ZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW1hZ2UvaW1hZ2UubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50JztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3ZnL3N2Zy5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdGFibGUtZmlsdGVyL3RhYmxlLWZpbHRlci5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90YWJsZS1maWx0ZXIvdGFibGUtZmlsdGVyLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb252ZXJ0LXRvLW51bWJlci9jb252ZXJ0LXRvLW51bWJlci5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29udmVydC10by1pbnRlZ2VyL2NvbnZlcnQtdG8taW50ZWdlci5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zb3J0LXRhYmxlL3NvcnQtdGFibGUuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc29ydC10YWJsZS9zb3J0LXRhYmxlLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3Zpc2libGUtY29sdW1uL3Zpc2libGUtY29sdW1uLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3Zpc2libGUtY29sdW1uL3Zpc2libGUtY29sdW1uLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdmlldy9kYXRhLXZpZXcuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS12aWV3L2RhdGEtdmlldy5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5tb2R1bGUnO1xuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29udmVydC10by1kZWNpbWFsL2NvbnZlcnQtdG8tZGVjaW1hbC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvcGhvbmUtbnVtYmVyL3Bob25lLW51bWJlci5tb2R1bGUnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92YWxpZGF0ZS1pbnB1dC92YWxpZGF0ZS1pbnB1dC5tb2R1bGUnO1xuXG4vLyAvLyBBbHNvIGV4cG9ydCB0aGUgZGlyZWN0aXZlcyBpZiBuZWVkZWQgZGlyZWN0bHlcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnZlcnQtdG8tbnVtYmVyL2NvbnZlcnQtdG8tbnVtYmVyLmRpcmVjdGl2ZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb252ZXJ0LXRvLWludGVnZXIvY29udmVydC10by1pbnRlZ2VyLmRpcmVjdGl2ZSc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb252ZXJ0LXRvLWRlY2ltYWwvY29udmVydC10by1kZWNpbWFsLmRpcmVjdGl2ZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9waG9uZS1udW1iZXIvcGhvbmUtbnVtYmVyLmRpcmVjdGl2ZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92YWxpZGF0ZS1pbnB1dC92YWxpZGF0ZS1pbnB1dC5kaXJlY3RpdmUnO1xuXG4vLyAvLyBFeHBvcnRpbmcgTWF4TnVtYmVyTW9kdWxlIGFuZCBNYXhOdW1iZXJEaXJlY3RpdmVcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL251bWJlci1yYW5nZS9udW1iZXItcmFuZ2UubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL251bWJlci1yYW5nZS9udW1iZXItcmFuZ2UuZGlyZWN0aXZlJztcblxuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtYmVyLXJhbmdlL251bWJlci1yYW5nZS5tb2R1bGUnO1xuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtYmVyLXJhbmdlL251bWJlci1yYW5nZS5kaXJlY3RpdmUnO1xuXG4vLyAvLyBFeHBvcnRpbmcgUmVxdWlyZWRJbnB1dE1vZHVsZSBhbmQgUmVxdWlyZWRJbnB1dERpcmVjdGl2ZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvcmVxdWlyZWQtaW5wdXQvcmVxdWlyZWQtaW5wdXQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3JlcXVpcmVkLWlucHV0L3JlcXVpcmVkLWlucHV0LmRpcmVjdGl2ZSc7XG5cbi8vIC8vIEV4cG9ydGluZyBFbWFpbFZhbGlkYXRvck1vZHVsZSBhbmQgRW1haWxWYWxpZGF0b3JEaXJlY3RpdmVcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2VtYWlsLXZhbGlkYXRvci9lbWFpbC12YWxpZGF0b3IubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2VtYWlsLXZhbGlkYXRvci9lbWFpbC12YWxpZGF0b3IuZGlyZWN0aXZlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXRhYmxlL2RhdGEtdGFibGUubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS10YWJsZS9kYXRhLXRhYmxlLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUvY29sdW1uLmRpcmVjdGl2ZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUvZGF0YS10YWJsZS50eXBlcyc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtdGFibGUvc3R5bGUudHlwZXMnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXhwb3J0L2RhdGEtZXhwb3J0Lm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZXhwb3J0L2RhdGEtZXhwb3J0LnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4cG9ydC9kYXRhLWV4cG9ydC5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4cG9ydC9kYXRhLWV4cG9ydC50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1pbXBvcnQvZGF0YS1pbXBvcnQubW9kdWxlJztcbi8vIC8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1pbXBvcnQvZGF0YS1pbXBvcnQuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtaW1wb3J0L2RhdGEtaW1wb3J0LmNvbXBvbmVudCc7XG4vLyAvLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtaW1wb3J0L2RhdGEtaW1wb3J0LnR5cGVzJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4dGVuZC9kYXRhLWV4dGVuZC5tb2R1bGUnO1xuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWV4dGVuZC9kYXRhLWV4dGVuZC5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1leHRlbmQvZGF0YS1leHRlbmQuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1leHRlbmQvZGF0YS1leHRlbmQudHlwZXMnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEteHBvcnQvZGF0YS14cG9ydC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXhwb3J0L2RhdGEteHBvcnQuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEteHBvcnQvZGF0YS14cG9ydC5jb21wb25lbnQnO1xuLy8gLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXhwb3J0L2RhdGEteHBvcnQudHlwZXMnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZmlsdGVyL2RhdGEtZmlsdGVyLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtZmlsdGVyL2RhdGEtZmlsdGVyLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWZpbHRlci9kYXRhLWZpbHRlci5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLWZpbHRlci9kYXRhLWZpbHRlci50eXBlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1zb3J0L2RhdGEtc29ydC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXNvcnQvZGF0YS1zb3J0LnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRhLXNvcnQvZGF0YS1zb3J0LmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtc29ydC9kYXRhLXNvcnQudHlwZXMnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGEtY29sdW1ucy9kYXRhLWNvbHVtbnMubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1jb2x1bW5zL2RhdGEtY29sdW1ucy5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0YS1jb2x1bW5zL2RhdGEtY29sdW1ucy5jb21wb25lbnQnO1xuXG4vLyAvLyBFeHBvcnRpbmcgQ29udHJvbE9wdGlvbk1vZHVsZSBhbmQgQ29udHJvbE9wdGlvbkRpcmVjdGl2ZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC1vcHRpb25zL2NvbnRyb2wtb3B0aW9ucy5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29udHJvbC1vcHRpb25zL2NvbnRyb2wtb3B0aW9ucy5kaXJlY3RpdmUnO1xuLy8gLy8gRXhwb3J0aW5nIEVudW0gdHlwZSBmb3Igc29ydCB0YWJsZVxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL3RhYmxlLWZpbHRlcic7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvbWFpbC1tb2RlbCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZhbGlkYXRlL2Vycm9yLW1lc3NhZ2Uuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92YWxpZGF0ZS92YWxpZGF0ZS5kaXJlY3RpdmUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmFsaWRhdGUvdmFsaWRhdGUubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1pbnB1dC92ZXJiZW5hLWlucHV0LmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLWlucHV0L3ZlcmJlbmEtaW5wdXQubW9kdWxlJztcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1idXR0b24vdmVyYmVuYS1idXR0b24uY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtYnV0dG9uL3ZlcmJlbmEtYnV0dG9uLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtYmFkZ2UvdmVyYmVuYS1iYWRnZS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS1iYWRnZS92ZXJiZW5hLWJhZGdlLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtdGV4dGFyZWEvdmVyYmVuYS10ZXh0YXJlYS5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvdmVyYmVuYS10ZXh0YXJlYS92ZXJiZW5hLXRleHRhcmVhLm1vZHVsZSc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3ZlcmJlbmEtc3dpdGNoL3ZlcmJlbmEtc3dpdGNoLmNvbXBvbmVudCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi92ZXJiZW5hLXN3aXRjaC92ZXJiZW5hLXN3aXRjaC5tb2R1bGUnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1tYWlsL3ZlcmJlbi1tYWlsLm1vZHVsZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1tYWlsL3ZlcmJlbi1tYWlsLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuLWRpYWxvZ3VlL3ZlcmJlbi1kaWFsb2d1ZS5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW4tZGlhbG9ndWUvdmVyYmVuLWRpYWxvZ3VlLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuLXRpbWUtcGlja2VyL3ZlcmJlbi10aW1lLXBpY2tlci5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW4tdGltZS1waWNrZXIvdmVyYmVuLXRpbWUtcGlja2VyLmNvbXBvbmVudCc7XG5cbi8vIC8vbm90aWZpY2F0aW9uIHNlcnZpY2Vcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL25vdGlmaWNhdGlvbi5zZXJ2aWNlcyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcG9wLXVwL3BvcC11cC5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9wb3AtdXAvcG9wLXVwLmNvbXBvbmVudCc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3Rva2Vucyc7XG5cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbnMvaWNvbnMubW9kdWxlJzsgLy8gRXhwb3J0IEljb25Nb2R1bGVcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbnMvaWNvbnMuY29tcG9uZW50JzsgLy8gRXhwb3J0IEljb25Db21wb25lbnRcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2ljb24uc2VydmljZSc7IC8vIEV4cG9ydCBJY29uU2VydmljZVxuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3ZlcmJlbmEtaWNvbi92ZXJiZW5hLWljb24uY29tcG9uZW50JzsgLy8gRXhwb3J0IEljb25Db21wb25lbnRcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvdmVyYmVuYS1pY29uL3ZlcmJlbmEtaWNvbi5tb2R1bGUnOyAvLyBFeHBvcnQgSWNvblNlcnZpY2VcblxuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW5hLXRhYi92ZXJiZW5hLXRhYi5tb2R1bGUnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW5hLXRhYi92ZXJiZW5hLXRhYi5jb21wb25lbnQnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ZXJiZW5hLXRhYi90YWItaXRlbS5jb21wb25lbnQnO1xuXG4vLyBleHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL251bWJlci1pbnB1dC9udW1iZXItaW5wdXQuY29tcG9uZW50Jztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbnVtYmVyLWlucHV0L251bWJlci1pbnB1dC5tb2R1bGUnO1xuIl19

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

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

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

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

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

@@ -401,7 +401,7 @@ export class DataFilterComponent {
         return this.savedFilters.filter((filter) => filter.selected || this.isRequired(filter)).length;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataFilterComponent, selector: "lib-data-filter", inputs: { columns: "columns", data: "data", initialFilters: "initialFilters" }, outputs: { filterApplied: "filterApplied", resetFilter: "resetFilter" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">\n      Filter <sup>({{ activeFilterCount }})</sup>\n    </h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n\n  <div card-body class=\"card-body\">\n    <!-- Saved Filters Section -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Filters</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n\n      <div\n        *ngFor=\"let filter of visibleFilters\"\n        class=\"item\"\n        [class.item-editing]=\"isEditing(filter)\"\n      >\n        <div class=\"item-label\">\n          <!-- A required filter is always active, so its checkbox is ticked and\n               locked rather than hidden \u2014 the state stays readable. -->\n          <input\n            type=\"checkbox\"\n            [(ngModel)]=\"filter.selected\"\n            [disabled]=\"isRequired(filter)\"\n            (ngModelChange)=\"markTouched()\"\n          />\n          <label>{{ getFilterDescription(filter) }}</label>\n        </div>\n\n        <div class=\"item-actions\">\n          <button\n            type=\"button\"\n            class=\"icon-button\"\n            aria-label=\"Edit filter\"\n            (click)=\"editFilter(filter)\"\n          >\n            <!-- Only `stroke` is passed: `verben-svg` resolves a single colour as\n                 `fill || stroke` and applies it to both, so also passing `fill`\n                 would paint the icon in whatever `fill` holds. -->\n            <verben-svg\n              icon=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              stroke=\"var(--vbn-color-border-focus)\"\n            ></verben-svg>\n          </button>\n          <button\n            type=\"button\"\n            class=\"icon-button\"\n            aria-label=\"Delete filter\"\n            [disabled]=\"isRequired(filter)\"\n            (click)=\"deleteFilter(filter)\"\n          >\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              stroke=\"var(--vbn-color-error)\"\n            ></verben-svg>\n          </button>\n        </div>\n      </div>\n\n      <div\n        *ngIf=\"savedFilters.length > maxVisibleItems\"\n        class=\"show-more\"\n        (click)=\"showAllFilters = !showAllFilters\"\n      >\n        {{ showAllFilters ? \"Show Less\" : \"Show More\" }}\n      </div>\n    </section>\n\n    <hr class=\"divider\" />\n\n    <!-- New Filter Operation -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n\n      <div class=\"operation-grid\">\n        <!-- Column Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select column\"\n          [options]=\"filterableColumns\"\n          optionLabel=\"header\"\n          optionValue=\"id\"\n          [disabled]=\"isEditingRequired\"\n          [(ngModel)]=\"currentFilter.columnId\"\n          (ngModelChange)=\"onColumnSelect($event)\"\n        ></verben-drop-down>\n\n        <!-- Operator Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          [(ngModel)]=\"currentFilter.operator\"\n        ></verben-drop-down>\n\n        <!-- Value Input based on type -->\n        <ng-container [ngSwitch]=\"currentColumnType\">\n          <!-- Date Input \u2014 native rather than the library date picker, whose\n               overlay renders off screen from this narrow panel. -->\n          <verbena-input\n            *ngSwitchCase=\"'date'\"\n            type=\"date\"\n            placeHolder=\"Select date\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Number Input -->\n          <verbena-input\n            *ngSwitchCase=\"'number'\"\n            type=\"number\"\n            placeHolder=\"Enter number\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Yes / No Selection -->\n          <verben-drop-down\n            *ngSwitchCase=\"'bool'\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select value\"\n            [options]=\"valueOptions\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verben-drop-down>\n\n          <!-- Enum Member Selection -->\n          <verben-drop-down\n            *ngSwitchCase=\"'enum'\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select value\"\n            [options]=\"valueOptions\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verben-drop-down>\n\n          <!-- Text Input (default) -->\n          <verbena-input\n            *ngSwitchDefault\n            type=\"text\"\n            placeHolder=\"Enter text\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n        </ng-container>\n      </div>\n\n      <div class=\"operation-actions\">\n        <button class=\"clear-button\" (click)=\"clearCurrentFilter()\">\n          Clear\n        </button>\n        <button class=\"add-button\" (click)=\"addFilter()\">+ Add</button>\n      </div>\n    </section>\n  </div>\n\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"applyFilters()\">Filter</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.item-editing{background-color:var(--vbn-color-surface-alt);border-radius:4px}.item-label{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.item-label label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.icon-button{display:inline-flex;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.icon-button[disabled]{cursor:not-allowed;opacity:.4}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.operation-actions{display:flex;justify-content:flex-end;gap:.75rem}.add-button,.clear-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;font-size:.75rem;font-weight:500;cursor:pointer}.add-button{color:var(--vbn-color-border-focus)}.clear-button{color:var(--vbn-color-text-muted)}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary);font-size:.75rem;font-weight:600;cursor:pointer}sup{color:var(--vbn-color-border-focus)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: DataFilterComponent, selector: "lib-data-filter", inputs: { columns: "columns", data: "data", initialFilters: "initialFilters" }, outputs: { filterApplied: "filterApplied", resetFilter: "resetFilter" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">\n      Filter <sup>({{ activeFilterCount }})</sup>\n    </h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n\n  <div card-body class=\"card-body\">\n    <!-- Saved Filters Section -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Filters</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n\n      <div\n        *ngFor=\"let filter of visibleFilters\"\n        class=\"item\"\n        [class.item-editing]=\"isEditing(filter)\"\n      >\n        <div class=\"item-label\">\n          <!-- A required filter is always active, so its checkbox is ticked and\n               locked rather than hidden \u2014 the state stays readable. -->\n          <input\n            type=\"checkbox\"\n            [(ngModel)]=\"filter.selected\"\n            [disabled]=\"isRequired(filter)\"\n            (ngModelChange)=\"markTouched()\"\n          />\n          <label>{{ getFilterDescription(filter) }}</label>\n        </div>\n\n        <div class=\"item-actions\">\n          <button\n            type=\"button\"\n            class=\"icon-button\"\n            aria-label=\"Edit filter\"\n            (click)=\"editFilter(filter)\"\n          >\n            <!-- Only `stroke` is passed: `verben-svg` resolves a single colour as\n                 `fill || stroke` and applies it to both, so also passing `fill`\n                 would paint the icon in whatever `fill` holds. -->\n            <verben-svg\n              icon=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              stroke=\"var(--vbn-color-border-focus)\"\n            ></verben-svg>\n          </button>\n          <button\n            type=\"button\"\n            class=\"icon-button\"\n            aria-label=\"Delete filter\"\n            [disabled]=\"isRequired(filter)\"\n            (click)=\"deleteFilter(filter)\"\n          >\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              stroke=\"var(--vbn-color-error)\"\n            ></verben-svg>\n          </button>\n        </div>\n      </div>\n\n      <div\n        *ngIf=\"savedFilters.length > maxVisibleItems\"\n        class=\"show-more\"\n        (click)=\"showAllFilters = !showAllFilters\"\n      >\n        {{ showAllFilters ? \"Show Less\" : \"Show More\" }}\n      </div>\n    </section>\n\n    <hr class=\"divider\" />\n\n    <!-- New Filter Operation -->\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n\n      <div class=\"operation-grid\">\n        <!-- Column Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select column\"\n          [options]=\"filterableColumns\"\n          optionLabel=\"header\"\n          optionValue=\"id\"\n          [disabled]=\"isEditingRequired\"\n          [(ngModel)]=\"currentFilter.columnId\"\n          (ngModelChange)=\"onColumnSelect($event)\"\n        ></verben-drop-down>\n\n        <!-- Operator Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select operator\"\n          [options]=\"availableOperators\"\n          optionLabel=\"label\"\n          optionValue=\"value\"\n          [(ngModel)]=\"currentFilter.operator\"\n        ></verben-drop-down>\n\n        <!-- Value Input based on type -->\n        <ng-container [ngSwitch]=\"currentColumnType\">\n          <!-- Date Input \u2014 native rather than the library date picker, whose\n               overlay renders off screen from this narrow panel. -->\n          <verbena-input\n            *ngSwitchCase=\"'date'\"\n            type=\"date\"\n            placeHolder=\"Select date\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Number Input -->\n          <verbena-input\n            *ngSwitchCase=\"'number'\"\n            type=\"number\"\n            placeHolder=\"Enter number\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n\n          <!-- Yes / No Selection -->\n          <verben-drop-down\n            *ngSwitchCase=\"'bool'\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select value\"\n            [options]=\"valueOptions\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verben-drop-down>\n\n          <!-- Enum Member Selection -->\n          <verben-drop-down\n            *ngSwitchCase=\"'enum'\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select value\"\n            [options]=\"valueOptions\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verben-drop-down>\n\n          <!-- Text Input (default) -->\n          <verbena-input\n            *ngSwitchDefault\n            type=\"text\"\n            placeHolder=\"Enter text\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            [(ngModel)]=\"currentFilter.value\"\n          ></verbena-input>\n        </ng-container>\n      </div>\n\n      <div class=\"operation-actions\">\n        <button class=\"clear-button\" (click)=\"clearCurrentFilter()\">\n          Clear\n        </button>\n        <button class=\"add-button\" (click)=\"addFilter()\">+ Add</button>\n      </div>\n    </section>\n  </div>\n\n  <div card-footer class=\"card-footer\">\n    <button class=\"export-button\" (click)=\"applyFilters()\">Filter</button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.item-editing{background-color:var(--vbn-color-surface-alt);border-radius:4px}.item-label{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.item-label label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.icon-button{display:inline-flex;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.icon-button[disabled]{cursor:not-allowed;opacity:.4}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.operation-actions{display:flex;justify-content:flex-end;gap:.75rem}.add-button,.clear-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;font-size:.75rem;font-weight:500;cursor:pointer}.add-button{color:var(--vbn-color-border-focus)}.clear-button{color:var(--vbn-color-text-muted)}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary);font-size:.75rem;font-weight:600;cursor:pointer}sup{color:var(--vbn-color-border-focus)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i4.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i5.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "autoScrollToCurrentItem", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i6.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataFilterComponent, decorators: [{
             type: Component,

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

@@ -177,7 +177,7 @@ export class DataImportComponent {
         // this.exportTemplateEvent.emit(this.headers());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataImportComponent, deps: [{ token: i1.DataImportService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataImportComponent, selector: "lib-data-import", inputs: { previewColumns: { classPropertyName: "previewColumns", publicName: "previewColumns", isSignal: true, isRequired: true, transformFunction: null }, formGroupConfig: { classPropertyName: "formGroupConfig", publicName: "formGroupConfig", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, columnTemplates: { classPropertyName: "columnTemplates", publicName: "columnTemplates", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, previewData: { classPropertyName: "previewData", publicName: "previewData", isSignal: true, isRequired: false, transformFunction: null }, onImportComplete: { classPropertyName: "onImportComplete", publicName: "onImportComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportTemplateEvent: "exportTemplateEvent", importEvent: "importEvent", importEventData: "importEventData", rowSave: "rowSave" }, providers: [DataImportService], ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Import</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <div class=\"flex gap-4 justify-between\">\n      <button class=\"export-button\" (click)=\"handleTemplateExport()\">\n        Download Template\n      </button>\n      <label [attr.for]=\"fileInputId\" class=\"export-button\">Upload File</label>\n    </div>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div\n        class=\"drop-area\"\n        (dragover)=\"onDragOver($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p>\n          Drag and drop files here or\n          <label\n            [attr.for]=\"fileInputId\"\n            [style.color]=\"'var(--vbn-color-border-focus)'\"\n            >click to browse</label\n          >\n        </p>\n        <input\n          type=\"file\"\n          [attr.id]=\"fileInputId\"\n          (change)=\"onFileSelected($event)\"\n          style=\"display: none\"\n          accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\n          multiple\n        />\n      </div>\n      <div *ngIf=\"files.length > 0\">\n        <h3>Uploaded Files:</h3>\n        <ul>\n          <li *ngFor=\"let file of files\">{{ file.name }}</li>\n        </ul>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button\n      [disabled]=\"service.importedData().length < 1\"\n      class=\"export-button\"\n      (click)=\"save()\"\n    >\n      Import\n    </button>\n  </div>\n</verben-card>\n\n<!-- Modal Component -->\n<verben-dialogue\n  [showCloseIcon]=\"true\"\n  [dismissOutsideClick]=\"true\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'large'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'my-modal-custom-class'\"\n  [disableFooter]=\"false\"\n  [modalData]=\"[{ data: {} }]\"\n  [isVisible]=\"showPreview\"\n  [headerTemplate]=\"headerTemplate\"\n  [bodyTemplate]=\"bodyTemplate\"\n  [footerTemplate]=\"footerTemplate\"\n  dialogueWidth=\"85%\"\n>\n  <a download=\"\"></a>\n</verben-dialogue>\n\n<!-- Define templates -->\n<ng-template #headerTemplate>\n  <h2>Upload Preview</h2>\n</ng-template>\n\n<ng-template #bodyTemplate>\n  <div class=\"flex gap-4 items-center justify-between my-4\">\n    <p class=\"\">Total Items: {{ service.importedData().length }}</p>\n\n    <p class=\"\">Duplicates: {{ duplicateIndexSet.size }}</p>\n\n    <p class=\"\">Invalid Items: {{ invalidIndexSet.size }}</p>\n\n    <verben-drop-down\n      [multiselect]=\"true\"\n      placeholder=\"Find duplicates by\"\n      [options]=\"headers()\"\n      [ngModel]=\"uniqueIdentifiers()\"\n      (ngModelChange)=\"uniqueIdentifiers.set($event)\"\n    ></verben-drop-down>\n  </div>\n  <div style=\"max-height: min(75vh, 780px); overflow: auto\">\n    <lib-data-table\n      [data]=\"service.importedData()\"\n      [columns]=\"previewColumnsList()\"\n      [formGroupConfig]=\"formGroupConfig()\"\n      [useVirtualScroll]=\"true\"\n      (rowSave)=\"service.addRow($event)\"\n    >\n      <ng-container libColumn=\"actions\">\n        <ng-template\n          #cell\n          let-value\n          let-deleteRow=\"deleteRow\"\n          let-isEditing=\"isEditing\"\n          let-toggleRowEdit=\"toggleRowEdit\"\n          let-row=\"row\"\n          let-rowIndex=\"rowIndex\"\n        >\n          <div class=\"flex action-buttons\">\n            <verben-svg\n              (click)=\"toggleRowEdit()\"\n              icon=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"deleteRow()\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n          </div>\n        </ng-template>\n\n        <ng-template\n          #cellEdit\n          let-value\n          let-deleteRow=\"deleteRow\"\n          let-isEditing=\"isEditing\"\n          let-toggleRowEdit=\"toggleRowEdit\"\n          let-row=\"row\"\n          let-rowIndex=\"rowIndex\"\n        >\n          <div class=\"flex action-buttons\">\n            <verben-svg\n              (click)=\"toggleRowEdit()\"\n              icon=\"tick\"\n              [width]=\"15\"\n              [height]=\"15\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"deleteRow()\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n          </div>\n        </ng-template>\n      </ng-container>\n    </lib-data-table>\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"footer-buttons flex gap-4 items-center justify-between my-4\">\n    <button\n      class=\"btn btn-secondary cancel-button\"\n      (click)=\"showPreview = false\"\n    >\n      Cancel\n    </button>\n    <button class=\"btn btn-primary export-button\" (click)=\"save()\">\n      Complete\n    </button>\n  </div>\n</ng-template>\n", styles: [".drop-area{border:2px dashed var(--vbn-color-border);padding:20px;text-align:center;cursor:pointer}.drop-area.drag-active{background-color:var(--vbn-color-surface-alt)}.export-card{font-size:.75rem;z-index:10}.card-header,.card-footer{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body{display:flex;flex-direction:column;gap:.5rem;padding-top:-8px!important}.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:var(--vbn-color-border-focus);font-size:.75rem;font-weight:500;cursor:pointer}.footer-buttons{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:100%}.cancel-button,.export-button{outline:none;border:none;padding:.2rem 1.6rem;font-size:.75rem;font-weight:600;cursor:pointer}.cancel-button{background-color:var(--vbn-color-on-primary);color:var(--vbn-color-surface)}.export-button{background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary)}.value-range{display:flex;gap:.5rem;align-items:center}.action-buttons{display:flex;align-items:center;gap:2rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i4.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: "component", type: i5.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "useVirtualScroll", "virtualScrollItemSize", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowRevert", "rowDelete", "selectionChange"] }, { kind: "directive", type: i5.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataImportComponent, selector: "lib-data-import", inputs: { previewColumns: { classPropertyName: "previewColumns", publicName: "previewColumns", isSignal: true, isRequired: true, transformFunction: null }, formGroupConfig: { classPropertyName: "formGroupConfig", publicName: "formGroupConfig", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, columnTemplates: { classPropertyName: "columnTemplates", publicName: "columnTemplates", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, previewData: { classPropertyName: "previewData", publicName: "previewData", isSignal: true, isRequired: false, transformFunction: null }, onImportComplete: { classPropertyName: "onImportComplete", publicName: "onImportComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportTemplateEvent: "exportTemplateEvent", importEvent: "importEvent", importEventData: "importEventData", rowSave: "rowSave" }, providers: [DataImportService], ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Import</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"reset()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <div class=\"flex gap-4 justify-between\">\n      <button class=\"export-button\" (click)=\"handleTemplateExport()\">\n        Download Template\n      </button>\n      <label [attr.for]=\"fileInputId\" class=\"export-button\">Upload File</label>\n    </div>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div\n        class=\"drop-area\"\n        (dragover)=\"onDragOver($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p>\n          Drag and drop files here or\n          <label\n            [attr.for]=\"fileInputId\"\n            [style.color]=\"'var(--vbn-color-border-focus)'\"\n            >click to browse</label\n          >\n        </p>\n        <input\n          type=\"file\"\n          [attr.id]=\"fileInputId\"\n          (change)=\"onFileSelected($event)\"\n          style=\"display: none\"\n          accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\n          multiple\n        />\n      </div>\n      <div *ngIf=\"files.length > 0\">\n        <h3>Uploaded Files:</h3>\n        <ul>\n          <li *ngFor=\"let file of files\">{{ file.name }}</li>\n        </ul>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button\n      [disabled]=\"service.importedData().length < 1\"\n      class=\"export-button\"\n      (click)=\"save()\"\n    >\n      Import\n    </button>\n  </div>\n</verben-card>\n\n<!-- Modal Component -->\n<verben-dialogue\n  [showCloseIcon]=\"true\"\n  [dismissOutsideClick]=\"true\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'large'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'my-modal-custom-class'\"\n  [disableFooter]=\"false\"\n  [modalData]=\"[{ data: {} }]\"\n  [isVisible]=\"showPreview\"\n  [headerTemplate]=\"headerTemplate\"\n  [bodyTemplate]=\"bodyTemplate\"\n  [footerTemplate]=\"footerTemplate\"\n  dialogueWidth=\"85%\"\n>\n  <a download=\"\"></a>\n</verben-dialogue>\n\n<!-- Define templates -->\n<ng-template #headerTemplate>\n  <h2>Upload Preview</h2>\n</ng-template>\n\n<ng-template #bodyTemplate>\n  <div class=\"flex gap-4 items-center justify-between my-4\">\n    <p class=\"\">Total Items: {{ service.importedData().length }}</p>\n\n    <p class=\"\">Duplicates: {{ duplicateIndexSet.size }}</p>\n\n    <p class=\"\">Invalid Items: {{ invalidIndexSet.size }}</p>\n\n    <verben-drop-down\n      [multiselect]=\"true\"\n      placeholder=\"Find duplicates by\"\n      [options]=\"headers()\"\n      [ngModel]=\"uniqueIdentifiers()\"\n      (ngModelChange)=\"uniqueIdentifiers.set($event)\"\n    ></verben-drop-down>\n  </div>\n  <div style=\"max-height: min(75vh, 780px); overflow: auto\">\n    <lib-data-table\n      [data]=\"service.importedData()\"\n      [columns]=\"previewColumnsList()\"\n      [formGroupConfig]=\"formGroupConfig()\"\n      [useVirtualScroll]=\"true\"\n      (rowSave)=\"service.addRow($event)\"\n    >\n      <ng-container libColumn=\"actions\">\n        <ng-template\n          #cell\n          let-value\n          let-deleteRow=\"deleteRow\"\n          let-isEditing=\"isEditing\"\n          let-toggleRowEdit=\"toggleRowEdit\"\n          let-row=\"row\"\n          let-rowIndex=\"rowIndex\"\n        >\n          <div class=\"flex action-buttons\">\n            <verben-svg\n              (click)=\"toggleRowEdit()\"\n              icon=\"edit\"\n              [width]=\"15\"\n              [height]=\"15\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"deleteRow()\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n          </div>\n        </ng-template>\n\n        <ng-template\n          #cellEdit\n          let-value\n          let-deleteRow=\"deleteRow\"\n          let-isEditing=\"isEditing\"\n          let-toggleRowEdit=\"toggleRowEdit\"\n          let-row=\"row\"\n          let-rowIndex=\"rowIndex\"\n        >\n          <div class=\"flex action-buttons\">\n            <verben-svg\n              (click)=\"toggleRowEdit()\"\n              icon=\"tick\"\n              [width]=\"15\"\n              [height]=\"15\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n\n            <verben-svg\n              icon=\"delete\"\n              [width]=\"15\"\n              [height]=\"15\"\n              (click)=\"deleteRow()\"\n              class=\"cursor-pointer\"\n            ></verben-svg>\n          </div>\n        </ng-template>\n      </ng-container>\n    </lib-data-table>\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate>\n  <div class=\"footer-buttons flex gap-4 items-center justify-between my-4\">\n    <button\n      class=\"btn btn-secondary cancel-button\"\n      (click)=\"showPreview = false\"\n    >\n      Cancel\n    </button>\n    <button class=\"btn btn-primary export-button\" (click)=\"save()\">\n      Complete\n    </button>\n  </div>\n</ng-template>\n", styles: [".drop-area{border:2px dashed var(--vbn-color-border);padding:20px;text-align:center;cursor:pointer}.drop-area.drag-active{background-color:var(--vbn-color-surface-alt)}.export-card{font-size:.75rem;z-index:10}.card-header,.card-footer{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body{display:flex;flex-direction:column;gap:.5rem;padding-top:-8px!important}.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;margin-left:auto;outline:none;border:none;background-color:transparent;color:var(--vbn-color-border-focus);font-size:.75rem;font-weight:500;cursor:pointer}.footer-buttons{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:100%}.cancel-button,.export-button{outline:none;border:none;padding:.2rem 1.6rem;font-size:.75rem;font-weight:600;cursor:pointer}.cancel-button{background-color:var(--vbn-color-on-primary);color:var(--vbn-color-surface)}.export-button{background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary)}.value-range{display:flex;gap:.5rem;align-items:center}.action-buttons{display:flex;align-items:center;gap:2rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i4.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: "component", type: i5.DataTableComponent, selector: "lib-data-table", inputs: ["data", "columns", "dataKey", "formGroupConfig", "groupBy", "useVirtualScroll", "virtualScrollItemSize", "styleConfig"], outputs: ["rowEdit", "rowSave", "rowRevert", "rowDelete", "selectionChange"] }, { kind: "directive", type: i5.ColumnDirective, selector: "[libColumn]", inputs: ["libColumn"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "autoScrollToCurrentItem", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataImportComponent, decorators: [{
             type: Component,

package/esm2022/src/lib/components/data-xport/data-xport.component.mjs

@@ -308,7 +308,7 @@ export class DataXportComponent {
             : column.header;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataXportComponent, deps: [{ token: i1.DataXportService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataXportComponent, selector: "lib-data-xport", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, useImportKey: { classPropertyName: "useImportKey", publicName: "useImportKey", isSignal: false, isRequired: false, transformFunction: null }, includeFooterInExport: { classPropertyName: "includeFooterInExport", publicName: "includeFooterInExport", isSignal: false, isRequired: false, transformFunction: null }, dataFetchUrl: { classPropertyName: "dataFetchUrl", publicName: "dataFetchUrl", isSignal: true, isRequired: false, transformFunction: null }, dataQueryParameters: { classPropertyName: "dataQueryParameters", publicName: "dataQueryParameters", isSignal: true, isRequired: false, transformFunction: null }, dataQueryFunction: { classPropertyName: "dataQueryFunction", publicName: "dataQueryFunction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportDataEvent: "exportDataEvent", exportDataRangeEvent: "exportDataRangeEvent" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Export</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Profiles</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let profile of visibleProfiles; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'profile-' + i\"\n            [(ngModel)]=\"profile.selected\"\n          />\n          <label [for]=\"'profile-' + i\" class=\"checkbox-label\">\n            {{ profile.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-border-focus)\"\n            fill=\"var(--vbn-color-surface)\"\n            (click)=\"editProfile(profile)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-error)\"\n            (click)=\"removeProfile(profile)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"profiles.length > 3\"\n        (click)=\"toggleShowAllProfiles()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAllProfiles ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"var(--vbn-color-text)\"\n          stroke=\"var(--vbn-color-text)\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Group</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"newGroupForm\" (ngSubmit)=\"addGroup()\">\n        <verbena-input\n          placeholder=\"Group name\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          width=\"100%\"\n          fontSize=\"11px\"\n          height=\"20px\"\n          pd=\"2px 4px !important\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [showErrorMessage]=\"true\"\n          [errorPosition]=\"'bottom'\"\n          formControlName=\"name\"\n        ></verbena-input>\n      </form>\n      <div *ngFor=\"let item of visibleGroups; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'group-' + i\"\n            [(ngModel)]=\"item.selected\"\n          />\n          <label [for]=\"'group-' + i\" class=\"checkbox-label\">\n            {{ item.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\" *ngIf=\"item.type === 'operation'\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-border-focus)\"\n            fill=\"var(--vbn-color-surface)\"\n            (click)=\"editOperation(item)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-error)\"\n            (click)=\"removeOperation(item)\"\n          ></verben-svg>\n        </div>\n      </div>\n\n      <div class=\"flex items-center justify-between\">\n        <button\n          *ngIf=\"groupItems.length > 3\"\n          (click)=\"toggleShowAllGroups()\"\n          class=\"show-more\"\n        >\n          <span>{{ showAllGroups ? \"Show less\" : \"Show more\" }}</span>\n          <verben-svg\n            icon=\"chevron\"\n            [width]=\"8\"\n            [height]=\"6\"\n            fill=\"var(--vbn-color-text)\"\n            stroke=\"var(--vbn-color-text)\"\n          ></verben-svg>\n        </button>\n        <button class=\"add-button\" (click)=\"addGroup()\">+ Add</button>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <verbena-input\n        placeholder=\"Operation name\"\n        border=\"1px solid var(--vbn-color-border)\"\n        borderRadius=\"5px\"\n        textColor=\"var(--vbn-color-text)\"\n        fontSize=\"11px\"\n        width=\"100%\"\n        height=\"20px\"\n        pd=\"2px 6px\"\n        bgColor=\"transparent\"\n        [showBorder]=\"true\"\n        [showErrorMessage]=\"true\"\n        [errorPosition]=\"'bottom'\"\n        [(ngModel)]=\"newOperation.name\"\n      ></verbena-input>\n\n      <div class=\"operation-grid\">\n        <!-- First Field Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          fontSize=\"11px\"\n          placeholder=\"Select field\"\n          [options]=\"columnOptions\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [(ngModel)]=\"newOperation.field1\"\n          (ngModelChange)=\"onField1Change()\"\n        >\n        </verben-drop-down>\n\n        <!-- Operator/Join Selection -->\n        <ng-container *ngIf=\"newOperation.type === 'arithmetic'\">\n          <verben-drop-down\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select operator\"\n            [options]=\"arithmeticOperators\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"newOperation.operator\"\n            fontSize=\"11px\"\n          >\n          </verben-drop-down>\n        </ng-container>\n        <ng-container *ngIf=\"newOperation.type === 'string'\">\n          <verbena-input\n            placeholder=\"Join by\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            fontSize=\"11px\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            bgColor=\"transparent\"\n            [showBorder]=\"true\"\n            [(ngModel)]=\"newOperation.joinBy\"\n          ></verbena-input>\n        </ng-container>\n\n        <!-- Second Field Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select field\"\n          [options]=\"availableFields2\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [(ngModel)]=\"newOperation.field2\"\n        >\n        </verben-drop-down>\n      </div>\n      <button class=\"add-button ml-auto\" (click)=\"addOrUpdateOperation()\">\n        {{ isEditingOperation ? \"Update\" : \"+ Add\" }}\n      </button>\n    </section>\n\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Record Size</h3>\n      </div>\n\n      <div class=\"flex gap-4 items-center\">\n        <verbena-input\n          placeholder=\"Skip\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          fontSize=\"11px\"\n          width=\"100%\"\n          height=\"1.025rem\"\n          pd=\"2px 6px\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [(ngModel)]=\"skip\"\n        ></verbena-input>\n\n        <span>-</span>\n\n        <verbena-input\n          placeholder=\"Limit\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          fontSize=\"11px\"\n          width=\"100%\"\n          height=\"1.025rem\"\n          pd=\"2px 6px\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [(ngModel)]=\"limit\"\n        ></verbena-input>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button\n      class=\"export-button\"\n      [disabled]=\"!isAnyProfileSelected()\"\n      (click)=\"exportData()\"\n    >\n      Export\n    </button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:var(--vbn-color-border-focus);font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary);font-size:.75rem;font-weight:600;cursor:pointer}.export-button:disabled{background-color:var(--vbn-color-surface-alt);color:var(--vbn-color-text-muted);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i5.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i7.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.10", type: DataXportComponent, selector: "lib-data-xport", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, useImportKey: { classPropertyName: "useImportKey", publicName: "useImportKey", isSignal: false, isRequired: false, transformFunction: null }, includeFooterInExport: { classPropertyName: "includeFooterInExport", publicName: "includeFooterInExport", isSignal: false, isRequired: false, transformFunction: null }, dataFetchUrl: { classPropertyName: "dataFetchUrl", publicName: "dataFetchUrl", isSignal: true, isRequired: false, transformFunction: null }, dataQueryParameters: { classPropertyName: "dataQueryParameters", publicName: "dataQueryParameters", isSignal: true, isRequired: false, transformFunction: null }, dataQueryFunction: { classPropertyName: "dataQueryFunction", publicName: "dataQueryFunction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportDataEvent: "exportDataEvent", exportDataRangeEvent: "exportDataRangeEvent" }, usesOnChanges: true, ngImport: i0, template: "<verben-card\n  width=\"24rem\"\n  borderRadius=\"1rem\"\n  [border]=\"'1px solid var(--vbn-color-primary)'\"\n  bgColor=\"var(--vbn-color-surface)\"\n  class=\"export-card\"\n>\n  <div card-header class=\"card-header\">\n    <h4 class=\"header-title\">Export</h4>\n    <button\n      class=\"reset-button\"\n      [style.color]=\"'var(--vbn-color-border-focus)'\"\n      [style.background-color]=\"'transparent'\"\n      [style.border]=\"'none'\"\n      [style.cursor]=\"'pointer'\"\n      [style.font-size]=\"'12px'\"\n      (click)=\"resetAll()\"\n    >\n      Reset\n    </button>\n  </div>\n  <div card-body class=\"card-body\">\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Profiles</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <div *ngFor=\"let profile of visibleProfiles; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'profile-' + i\"\n            [(ngModel)]=\"profile.selected\"\n          />\n          <label [for]=\"'profile-' + i\" class=\"checkbox-label\">\n            {{ profile.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-border-focus)\"\n            fill=\"var(--vbn-color-surface)\"\n            (click)=\"editProfile(profile)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-error)\"\n            (click)=\"removeProfile(profile)\"\n          ></verben-svg>\n        </div>\n      </div>\n      <div\n        *ngIf=\"profiles.length > 3\"\n        (click)=\"toggleShowAllProfiles()\"\n        class=\"show-more\"\n      >\n        <span>{{ showAllProfiles ? \"Show less\" : \"Show more\" }}</span>\n        <verben-svg\n          icon=\"chevron\"\n          [width]=\"8\"\n          [height]=\"6\"\n          fill=\"var(--vbn-color-text)\"\n          stroke=\"var(--vbn-color-text)\"\n        ></verben-svg>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Group</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <form [formGroup]=\"newGroupForm\" (ngSubmit)=\"addGroup()\">\n        <verbena-input\n          placeholder=\"Group name\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          width=\"100%\"\n          fontSize=\"11px\"\n          height=\"20px\"\n          pd=\"2px 4px !important\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [showErrorMessage]=\"true\"\n          [errorPosition]=\"'bottom'\"\n          formControlName=\"name\"\n        ></verbena-input>\n      </form>\n      <div *ngFor=\"let item of visibleGroups; let i = index\" class=\"item\">\n        <div class=\"item-label\">\n          <input\n            type=\"checkbox\"\n            [id]=\"'group-' + i\"\n            [(ngModel)]=\"item.selected\"\n          />\n          <label [for]=\"'group-' + i\" class=\"checkbox-label\">\n            {{ item.name }}\n          </label>\n        </div>\n        <div class=\"item-actions\" *ngIf=\"item.type === 'operation'\">\n          <verben-svg\n            icon=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-border-focus)\"\n            fill=\"var(--vbn-color-surface)\"\n            (click)=\"editOperation(item)\"\n          ></verben-svg>\n          <verben-svg\n            icon=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            stroke=\"var(--vbn-color-error)\"\n            (click)=\"removeOperation(item)\"\n          ></verben-svg>\n        </div>\n      </div>\n\n      <div class=\"flex items-center justify-between\">\n        <button\n          *ngIf=\"groupItems.length > 3\"\n          (click)=\"toggleShowAllGroups()\"\n          class=\"show-more\"\n        >\n          <span>{{ showAllGroups ? \"Show less\" : \"Show more\" }}</span>\n          <verben-svg\n            icon=\"chevron\"\n            [width]=\"8\"\n            [height]=\"6\"\n            fill=\"var(--vbn-color-text)\"\n            stroke=\"var(--vbn-color-text)\"\n          ></verben-svg>\n        </button>\n        <button class=\"add-button\" (click)=\"addGroup()\">+ Add</button>\n      </div>\n    </section>\n    <hr class=\"divider\" />\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Operation</h3>\n        <verben-svg\n          icon=\"info\"\n          [width]=\"15\"\n          [height]=\"15\"\n          fill=\"var(--vbn-color-text-muted)\"\n        ></verben-svg>\n      </div>\n      <verbena-input\n        placeholder=\"Operation name\"\n        border=\"1px solid var(--vbn-color-border)\"\n        borderRadius=\"5px\"\n        textColor=\"var(--vbn-color-text)\"\n        fontSize=\"11px\"\n        width=\"100%\"\n        height=\"20px\"\n        pd=\"2px 6px\"\n        bgColor=\"transparent\"\n        [showBorder]=\"true\"\n        [showErrorMessage]=\"true\"\n        [errorPosition]=\"'bottom'\"\n        [(ngModel)]=\"newOperation.name\"\n      ></verbena-input>\n\n      <div class=\"operation-grid\">\n        <!-- First Field Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          fontSize=\"11px\"\n          placeholder=\"Select field\"\n          [options]=\"columnOptions\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [(ngModel)]=\"newOperation.field1\"\n          (ngModelChange)=\"onField1Change()\"\n        >\n        </verben-drop-down>\n\n        <!-- Operator/Join Selection -->\n        <ng-container *ngIf=\"newOperation.type === 'arithmetic'\">\n          <verben-drop-down\n            width=\"100%\"\n            height=\"1.025rem\"\n            placeholder=\"Select operator\"\n            [options]=\"arithmeticOperators\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [(ngModel)]=\"newOperation.operator\"\n            fontSize=\"11px\"\n          >\n          </verben-drop-down>\n        </ng-container>\n        <ng-container *ngIf=\"newOperation.type === 'string'\">\n          <verbena-input\n            placeholder=\"Join by\"\n            border=\"1px solid var(--vbn-color-border)\"\n            borderRadius=\"5px\"\n            textColor=\"var(--vbn-color-text)\"\n            fontSize=\"11px\"\n            width=\"100%\"\n            height=\"1.025rem\"\n            pd=\"2px 6px\"\n            bgColor=\"transparent\"\n            [showBorder]=\"true\"\n            [(ngModel)]=\"newOperation.joinBy\"\n          ></verbena-input>\n        </ng-container>\n\n        <!-- Second Field Selection -->\n        <verben-drop-down\n          width=\"100%\"\n          height=\"1.025rem\"\n          placeholder=\"Select field\"\n          [options]=\"availableFields2\"\n          optionLabel=\"label\"\n          optionValue=\"id\"\n          [(ngModel)]=\"newOperation.field2\"\n        >\n        </verben-drop-down>\n      </div>\n      <button class=\"add-button ml-auto\" (click)=\"addOrUpdateOperation()\">\n        {{ isEditingOperation ? \"Update\" : \"+ Add\" }}\n      </button>\n    </section>\n\n    <section class=\"section\">\n      <div class=\"section-header\">\n        <h3 class=\"section-title\">Record Size</h3>\n      </div>\n\n      <div class=\"flex gap-4 items-center\">\n        <verbena-input\n          placeholder=\"Skip\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          fontSize=\"11px\"\n          width=\"100%\"\n          height=\"1.025rem\"\n          pd=\"2px 6px\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [(ngModel)]=\"skip\"\n        ></verbena-input>\n\n        <span>-</span>\n\n        <verbena-input\n          placeholder=\"Limit\"\n          border=\"1px solid var(--vbn-color-border)\"\n          borderRadius=\"5px\"\n          textColor=\"var(--vbn-color-text)\"\n          fontSize=\"11px\"\n          width=\"100%\"\n          height=\"1.025rem\"\n          pd=\"2px 6px\"\n          bgColor=\"transparent\"\n          [showBorder]=\"true\"\n          [(ngModel)]=\"limit\"\n        ></verbena-input>\n      </div>\n    </section>\n  </div>\n  <div card-footer class=\"card-footer\">\n    <button\n      class=\"export-button\"\n      [disabled]=\"!isAnyProfileSelected()\"\n      (click)=\"exportData()\"\n    >\n      Export\n    </button>\n  </div>\n</verben-card>\n", styles: [".export-card{font-size:.75rem;z-index:10}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:4px!important}.header-title{font-weight:600;font-size:.8125rem}.card-body,.section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:.8125rem}.item{display:flex;justify-content:space-between;align-items:center}.item-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{line-height:1}.item-actions{display:flex;gap:.5rem}.show-more{display:flex;gap:.5em;align-items:center;color:var(--vbn-color-text-muted);cursor:pointer}.divider{border:none;border-top:1px solid var(--vbn-color-border)}.operation-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.add-button{margin-top:.5rem;outline:none;border:none;background-color:transparent;color:var(--vbn-color-border-focus);font-size:.75rem;font-weight:500;cursor:pointer}.card-footer{display:flex;justify-content:flex-end;background-color:transparent}.export-button{margin-top:.5rem;outline:none;border:none;padding:.2rem 1.6rem;background-color:var(--vbn-color-primary);color:var(--vbn-color-on-primary);font-size:.75rem;font-weight:600;cursor:pointer}.export-button:disabled{background-color:var(--vbn-color-surface-alt);color:var(--vbn-color-text-muted);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i5.CardComponent, selector: "verben-card", inputs: ["pd", "mg", "height", "width", "textColor", "bgColor", "border", "borderRadius", "disabled", "aspectRatio"] }, { kind: "component", type: i6.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "autoScrollToCurrentItem", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i7.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: DataXportComponent, decorators: [{
             type: Component,