@dev-tcloud/tcloud-ui 0.0.48 → 0.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/esm2020/lib/_directives/directives.module.mjs +10 -5
- package/esm2020/lib/_directives/hover-parent/hover-parent.directive.mjs +58 -0
- package/esm2020/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component.mjs +6 -3
- package/esm2020/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.mjs +19 -6
- package/esm2020/lib/_modules/tcloud-ui-tab-menu/services/tab-menu.service.mjs +10 -1
- package/esm2020/lib/_pipes/monthname.mjs +2 -2
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +96 -13
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +96 -13
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_directives/directives.module.d.ts +2 -1
- package/lib/_directives/hover-parent/hover-parent.directive.d.ts +15 -0
- package/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component.d.ts +2 -1
- package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts +7 -2
- package/lib/_modules/tcloud-ui-tab-menu/services/tab-menu.service.d.ts +5 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
package/esm2020/public-api.mjs
CHANGED
|
@@ -62,10 +62,11 @@ export * from './lib/_modules/tcloud-ui-accordion/components/tcloud-ui-accordion
|
|
|
62
62
|
export * from './lib/_directives/directives.module';
|
|
63
63
|
export * from './lib/_directives/tooltip/tooltip.directive';
|
|
64
64
|
export * from './lib/_directives/align/align.directive';
|
|
65
|
+
export * from './lib/_directives/hover-parent/hover-parent.directive';
|
|
65
66
|
// PIPES
|
|
66
67
|
export * from './lib/_pipes/tcloud-pipes.module';
|
|
67
68
|
export * from './lib/_pipes/index';
|
|
68
69
|
// SERVICES
|
|
69
70
|
export * from './lib/_services/loading-transitions.service';
|
|
70
71
|
export * from './lib/_services/search-in-object.service';
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3RjbG91ZC11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsV0FBVztBQUNYLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLG1HQUFtRyxDQUFDO0FBQ2xILGNBQWMsK0ZBQStGLENBQUM7QUFDOUcsY0FBYyxtR0FBbUcsQ0FBQztBQUVsSCxjQUFjO0FBQ2QsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsb0dBQW9HLENBQUM7QUFDbkgsY0FBYyw4RkFBOEYsQ0FBQztBQUM3RyxjQUFjLHNHQUFzRyxDQUFDO0FBQ3JILGNBQWMsZ0dBQWdHLENBQUM7QUFFL0csZ0JBQWdCO0FBQ2hCLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyxvRUFBb0UsQ0FBQztBQUVuRixpQkFBaUI7QUFDakIsY0FBYyw2RUFBNkUsQ0FBQztBQUM1RixjQUFjLGdGQUFnRixDQUFDO0FBRS9GLGtCQUFrQjtBQUNsQixjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsd0VBQXdFLENBQUM7QUFFdkYsYUFBYTtBQUNiLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLG9HQUFvRyxDQUFDO0FBRW5ILGlCQUFpQjtBQUNqQixjQUFjLG1FQUFtRSxDQUFDO0FBQ2xGLGNBQWMsc0VBQXNFLENBQUM7QUFFckYsbUJBQW1CO0FBQ25CLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYywwRUFBMEUsQ0FBQztBQUV6RixrQkFBa0I7QUFDbEIsY0FBYyxxRUFBcUUsQ0FBQztBQUNwRixjQUFjLHdFQUF3RSxDQUFDO0FBRXZGLGVBQWU7QUFDZixjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsV0FBVztBQUNYLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywwREFBMEQsQ0FBQztBQUV6RSxpQkFBaUI7QUFDakIsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHNFQUFzRSxDQUFDO0FBRXJGLGdCQUFnQjtBQUNoQixjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsb0VBQW9FLENBQUM7QUFFbkYsYUFBYTtBQUNiLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDhEQUE4RCxDQUFDO0FBRTdFLGVBQWU7QUFDZixjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw2R0FBNkcsQ0FBQztBQUM1SCxjQUFjLDJHQUEyRyxDQUFDO0FBRTFILGFBQWE7QUFDYixjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHVEQUF1RCxDQUFDO0FBRXRFLFFBQVE7QUFDUixjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsV0FBVztBQUNYLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdGNsb3VkLXVpXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGNsb3VkLXVpLm1vZHVsZSc7XG5cbi8vIFVJLU1PREFMXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbW9kYWwvdGNsb3VkLXVpLW1vZGFsLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbW9kYWwvdGNsb3VkLXVpLW1vZGFsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbW9kYWwvY29tcG9uZW50cy90Y2xvdWQtdWktbW9kYWwtaGVhZGVyL3RjbG91ZC11aS1tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1tb2RhbC9jb21wb25lbnRzL3RjbG91ZC11aS1tb2RhbC1ib2R5L3RjbG91ZC11aS1tb2RhbC1ib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbW9kYWwvY29tcG9uZW50cy90Y2xvdWQtdWktbW9kYWwtZm9vdGVyL3RjbG91ZC11aS1tb2RhbC1mb290ZXIuY29tcG9uZW50JztcblxuLy8gVUktVEFCLU1FTlVcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS90Y2xvdWQtdWktdGFiLW1lbnUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS90Y2xvdWQtdWktdGFiLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS9jb21wb25lbnRzL3RjbG91ZC11aS10YWItY29udGVudC90Y2xvdWQtdWktdGFiLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS9jb21wb25lbnRzL3RjbG91ZC11aS10YWItaGVhZC90Y2xvdWQtdWktdGFiLWhlYWQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS9jb21wb25lbnRzL3RjbG91ZC11aS10YWItc3VidGl0bGUvdGNsb3VkLXVpLXRhYi1zdWJ0aXRsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXRhYi1tZW51L2NvbXBvbmVudHMvdGNsb3VkLXVpLXRhYi10aXRsZS90Y2xvdWQtdWktdGFiLXRpdGxlLmNvbXBvbmVudCc7XG5cbi8vIFVJLUxJTkhBLUxPR09cbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1saW5oYS1sb2dvL3RjbG91ZC11aS1saW5oYS1sb2dvLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbGluaGEtbG9nby90Y2xvdWQtdWktbGluaGEtbG9nby5jb21wb25lbnQnO1xuXG4vLyBVSS1TVEVQLUNJUkNMRVxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUvdGNsb3VkLXVpLWxpbmUtc3RlcC1jaXJjbGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlL3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlLmNvbXBvbmVudCc7XG5cbi8vIFVJLU1VTFRJLVNFTEVDVFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW11bHRpLXNlbGVjdC90Y2xvdWQtdWktbXVsdGktc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbXVsdGktc2VsZWN0L3RjbG91ZC11aS1tdWx0aS1zZWxlY3QuY29tcG9uZW50JztcblxuLy8gVUktVE9PTFRJUFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWRhdGEtbGlzdC90Y2xvdWQtdWktZGF0YS1saXN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3RjbG91ZC11aS1kYXRhLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1kYXRhLWxpc3QvdGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24vdGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24uY29tcG9uZW50JztcblxuLy8gVUktTVVMVEktSU5QVVRcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1tdWx0aS1pbnB1dC90Y2xvdWQtdWktbXVsdGktaW5wdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1tdWx0aS1pbnB1dC90Y2xvdWQtdWktbXVsdGktaW5wdXQuY29tcG9uZW50JztcblxuLy8gVUktQ0hPSUNFLUlTU1VFU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1jaG9pY2UtaXNzdWVzL3RjbG91ZC11aS1jaG9pY2UtaXNzdWVzLmNvbXBvbmVudCc7XG5cbi8vIFVJLUlOUFVULVNFQVJDSFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWlucHV0LXNlYXJjaC90Y2xvdWQtdWktaW5wdXQtc2VhcmNoLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktaW5wdXQtc2VhcmNoL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50JztcblxuLy8gVUktTk9ULUZPVU5EXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbm90LWZvdW5kL3RjbG91ZC11aS1ub3QtZm91bmQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1ub3QtZm91bmQvdGNsb3VkLXVpLW5vdC1mb3VuZC5jb21wb25lbnQnO1xuXG4vLyBVSS1UQUJMRVxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXRhYmxlL3RjbG91ZC11aS10YWJsZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXRhYmxlL3RjbG91ZC11aS10YWJsZS5jb21wb25lbnQnO1xuXG4vLyBVSS1OVU1CRVItU1RFUFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW51bWJlci1zdGVwL3RjbG91ZC11aS1udW1iZXItc3RlcC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW51bWJlci1zdGVwL3RjbG91ZC11aS1udW1iZXItc3RlcC5jb21wb25lbnQnO1xuXG4vLyBVSS1TQ1JPTEwtQk9YXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktc2Nyb2xsLWJveC90Y2xvdWQtdWktc2Nyb2xsLWJveC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXNjcm9sbC1ib3gvdGNsb3VkLXVpLXNjcm9sbC1ib3guY29tcG9uZW50JztcblxuLy8gVUktRklMVEVSU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWZpbHRlcnMvdGNsb3VkLXVpLWZpbHRlcnMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWZpbHRlcnMvdGNsb3VkLXVpLWZpbHRlcnMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1maWx0ZXJzL3RjbG91ZC11aS1maWx0ZXJzLmNvbXBvbmVudCc7XG5cbi8vIFVJLUFDQ09SRElPTlxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWFjY29yZGlvbi90Y2xvdWQtdWktYWNjb3JkaW9uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktYWNjb3JkaW9uL3RjbG91ZC11aS1hY2NvcmRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1hY2NvcmRpb24vY29tcG9uZW50cy90Y2xvdWQtdWktYWNjb3JkaW9uLXRpdGxlL3RjbG91ZC11aS1hY2NvcmRpb24tdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1hY2NvcmRpb24vY29tcG9uZW50cy90Y2xvdWQtdWktYWNjb3JkaW9uLWJvZHkvdGNsb3VkLXVpLWFjY29yZGlvbi1ib2R5LmNvbXBvbmVudCc7XG5cbi8vIERJUkVDVElWRVNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19kaXJlY3RpdmVzL2RpcmVjdGl2ZXMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19kaXJlY3RpdmVzL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX2RpcmVjdGl2ZXMvYWxpZ24vYWxpZ24uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19kaXJlY3RpdmVzL2hvdmVyLXBhcmVudC9ob3Zlci1wYXJlbnQuZGlyZWN0aXZlJztcblxuLy8gUElQRVNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19waXBlcy90Y2xvdWQtcGlwZXMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19waXBlcy9pbmRleCc7XG5cbi8vIFNFUlZJQ0VTXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fc2VydmljZXMvbG9hZGluZy10cmFuc2l0aW9ucy5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19zZXJ2aWNlcy9zZWFyY2gtaW4tb2JqZWN0LnNlcnZpY2UnOyJdfQ==
|
|
@@ -93,11 +93,20 @@ class TabMenuService {
|
|
|
93
93
|
this._route = _route;
|
|
94
94
|
this._router = _router;
|
|
95
95
|
this.info_tab = [];
|
|
96
|
+
this.scrollSubject = new Subject();
|
|
97
|
+
this.scrollState$ = this.scrollSubject.asObservable();
|
|
96
98
|
this.tabSubject = new Subject();
|
|
97
99
|
this.tabState$ = this.tabSubject.asObservable();
|
|
98
100
|
this.loadingSubject = new Subject();
|
|
99
101
|
this.loadingState$ = this.loadingSubject.asObservable();
|
|
100
102
|
}
|
|
103
|
+
setTabScroll(scroll) {
|
|
104
|
+
this._scroll = scroll;
|
|
105
|
+
this.scrollSubject.next(scroll);
|
|
106
|
+
}
|
|
107
|
+
getTabScroll() {
|
|
108
|
+
return this._scroll;
|
|
109
|
+
}
|
|
101
110
|
setTabLoading(loading) {
|
|
102
111
|
this._loading = loading;
|
|
103
112
|
this.loadingSubject.next(loading);
|
|
@@ -363,11 +372,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
363
372
|
}] } });
|
|
364
373
|
|
|
365
374
|
class TCloudUiTabHeadComponent {
|
|
366
|
-
constructor() {
|
|
375
|
+
constructor(tabMenuService) {
|
|
376
|
+
this.tabMenuService = tabMenuService;
|
|
377
|
+
this._scroll = true;
|
|
367
378
|
this.ID = '';
|
|
368
379
|
this.background = true;
|
|
369
380
|
this.background_color = 'transparent'; // var(--cinza4)
|
|
370
381
|
}
|
|
382
|
+
set scroll(scroll) {
|
|
383
|
+
if (typeof scroll === 'boolean') {
|
|
384
|
+
this._scroll = scroll;
|
|
385
|
+
this.tabMenuService.setTabScroll(scroll);
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
get scroll() { return this._scroll; }
|
|
371
389
|
ngOnInit() {
|
|
372
390
|
if (this.background) {
|
|
373
391
|
this.background_color = 'var(--cinza4)';
|
|
@@ -406,12 +424,14 @@ class TCloudUiTabHeadComponent {
|
|
|
406
424
|
this.scrollSuave(ccs_s, action == 'next' ? wid + ccs_s : ccs_s - wid, 0, ccs);
|
|
407
425
|
}
|
|
408
426
|
}
|
|
409
|
-
TCloudUiTabHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
410
|
-
TCloudUiTabHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabHeadComponent, selector: "tcloud-ui-tab-head", inputs: { background: "background" }, ngImport: i0, template: "\r\n\r\n<table class=\"area-navigation\">\r\n <tr>\r\n <td>\r\n <button (click)=\"to_scroll('prev')\"> <i class=\"fas fa-chevron-left\"></i> </button>\r\n </td>\r\n\r\n <td>\r\n \r\n </td>\r\n\r\n <td>\r\n <button (click)=\"to_scroll('next')\"> <i class=\"fas fa-chevron-right\"></i> </button>\r\n </td>\r\n </tr>\r\n</table>\r\n\r\n<div class=\"tc-menu {{ ID }}\" [attr.style]=\"'background: ' + background_color + ';'\" >\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".area-navigation{display:none;width:100%;line-height:0}.area-navigation button{padding:0!important}.area-navigation td{width:100%;height:0;line-height:0}.area-navigation td:first-child{width:10px!important;text-align:left}.area-navigation td:first-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;right:0;border:none;background-color:transparent;font-size:15px;height:30px}.area-navigation td:last-child{width:10px!important;text-align:right}.area-navigation td:last-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;left:0;border:none;background-color:transparent;font-size:15px;height:30px}.tc-menu{display:flex;align-items:center;border-radius:10px;overflow:hidden;margin-bottom:5px;z-index:1;position:relative}@media (max-width: 1440px){.area-navigation{display:block!important;position:relative;top:0;height:2px}.tc-menu{margin-left:15px;margin-right:15px}}\n"] });
|
|
427
|
+
TCloudUiTabHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabHeadComponent, deps: [{ token: TabMenuService }], target: i0.ɵɵFactoryTarget.Component });
|
|
428
|
+
TCloudUiTabHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabHeadComponent, selector: "tcloud-ui-tab-head", inputs: { scroll: "scroll", background: "background" }, ngImport: i0, template: "\r\n\r\n<table class=\"area-navigation\">\r\n <tr>\r\n <td *ngIf=\"scroll\">\r\n <button (click)=\"to_scroll('prev')\"> <i class=\"fas fa-chevron-left\"></i> </button>\r\n </td>\r\n\r\n <td>\r\n \r\n </td>\r\n\r\n <td *ngIf=\"scroll\">\r\n <button (click)=\"to_scroll('next')\"> <i class=\"fas fa-chevron-right\"></i> </button>\r\n </td>\r\n </tr>\r\n</table>\r\n\r\n<div class=\"tc-menu {{ ID }}\" [attr.style]=\"'background: ' + background_color + ';'\" [class.tab-full]=\"!scroll\" >\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".area-navigation{display:none;width:100%;line-height:0}.area-navigation button{padding:0!important}.area-navigation td{width:100%;height:0;line-height:0}.area-navigation td:first-child{width:10px!important;text-align:left}.area-navigation td:first-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;right:0;border:none;background-color:transparent;font-size:15px;height:30px}.area-navigation td:last-child{width:10px!important;text-align:right}.area-navigation td:last-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;left:0;border:none;background-color:transparent;font-size:15px;height:30px}.tc-menu{display:flex;align-items:center;border-radius:10px;overflow:hidden;margin-bottom:5px;z-index:1;position:relative}@media (max-width: 1440px){.area-navigation{display:block!important;position:relative;top:0;height:2px}.tc-menu{margin-left:15px;margin-right:15px}}.tab-full{margin-left:0!important;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
411
429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabHeadComponent, decorators: [{
|
|
412
430
|
type: Component,
|
|
413
|
-
args: [{ selector: 'tcloud-ui-tab-head', template: "\r\n\r\n<table class=\"area-navigation\">\r\n <tr>\r\n <td>\r\n <button (click)=\"to_scroll('prev')\"> <i class=\"fas fa-chevron-left\"></i> </button>\r\n </td>\r\n\r\n <td>\r\n \r\n </td>\r\n\r\n <td>\r\n <button (click)=\"to_scroll('next')\"> <i class=\"fas fa-chevron-right\"></i> </button>\r\n </td>\r\n </tr>\r\n</table>\r\n\r\n<div class=\"tc-menu {{ ID }}\" [attr.style]=\"'background: ' + background_color + ';'\" >\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".area-navigation{display:none;width:100%;line-height:0}.area-navigation button{padding:0!important}.area-navigation td{width:100%;height:0;line-height:0}.area-navigation td:first-child{width:10px!important;text-align:left}.area-navigation td:first-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;right:0;border:none;background-color:transparent;font-size:15px;height:30px}.area-navigation td:last-child{width:10px!important;text-align:right}.area-navigation td:last-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;left:0;border:none;background-color:transparent;font-size:15px;height:30px}.tc-menu{display:flex;align-items:center;border-radius:10px;overflow:hidden;margin-bottom:5px;z-index:1;position:relative}@media (max-width: 1440px){.area-navigation{display:block!important;position:relative;top:0;height:2px}.tc-menu{margin-left:15px;margin-right:15px}}\n"] }]
|
|
414
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
431
|
+
args: [{ selector: 'tcloud-ui-tab-head', template: "\r\n\r\n<table class=\"area-navigation\">\r\n <tr>\r\n <td *ngIf=\"scroll\">\r\n <button (click)=\"to_scroll('prev')\"> <i class=\"fas fa-chevron-left\"></i> </button>\r\n </td>\r\n\r\n <td>\r\n \r\n </td>\r\n\r\n <td *ngIf=\"scroll\">\r\n <button (click)=\"to_scroll('next')\"> <i class=\"fas fa-chevron-right\"></i> </button>\r\n </td>\r\n </tr>\r\n</table>\r\n\r\n<div class=\"tc-menu {{ ID }}\" [attr.style]=\"'background: ' + background_color + ';'\" [class.tab-full]=\"!scroll\" >\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".area-navigation{display:none;width:100%;line-height:0}.area-navigation button{padding:0!important}.area-navigation td{width:100%;height:0;line-height:0}.area-navigation td:first-child{width:10px!important;text-align:left}.area-navigation td:first-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;right:0;border:none;background-color:transparent;font-size:15px;height:30px}.area-navigation td:last-child{width:10px!important;text-align:right}.area-navigation td:last-child button{color:var(--verde);cursor:pointer;position:relative;top:15px;left:0;border:none;background-color:transparent;font-size:15px;height:30px}.tc-menu{display:flex;align-items:center;border-radius:10px;overflow:hidden;margin-bottom:5px;z-index:1;position:relative}@media (max-width: 1440px){.area-navigation{display:block!important;position:relative;top:0;height:2px}.tc-menu{margin-left:15px;margin-right:15px}}.tab-full{margin-left:0!important;margin-right:0!important}\n"] }]
|
|
432
|
+
}], ctorParameters: function () { return [{ type: TabMenuService }]; }, propDecorators: { scroll: [{
|
|
433
|
+
type: Input
|
|
434
|
+
}], background: [{
|
|
415
435
|
type: Input
|
|
416
436
|
}] } });
|
|
417
437
|
|
|
@@ -1811,7 +1831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1811
1831
|
|
|
1812
1832
|
class MonthNamePipe {
|
|
1813
1833
|
constructor() {
|
|
1814
|
-
this.meses = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', '
|
|
1834
|
+
this.meses = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
|
|
1815
1835
|
}
|
|
1816
1836
|
transform(yyyy_mm) {
|
|
1817
1837
|
if (yyyy_mm !== '') {
|
|
@@ -2512,6 +2532,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
2512
2532
|
type: Input
|
|
2513
2533
|
}] } });
|
|
2514
2534
|
|
|
2535
|
+
class TCloudUiHoverParentDirective {
|
|
2536
|
+
constructor(renderer) {
|
|
2537
|
+
this.renderer = renderer;
|
|
2538
|
+
}
|
|
2539
|
+
onMouseOver() {
|
|
2540
|
+
if (this.getElement()) {
|
|
2541
|
+
const el = this.getElement();
|
|
2542
|
+
if (el) {
|
|
2543
|
+
this.renderer.addClass(el, (this.CLASS) ? this.CLASS : 'tcloud-hover-parent');
|
|
2544
|
+
}
|
|
2545
|
+
}
|
|
2546
|
+
}
|
|
2547
|
+
onMouseOut() {
|
|
2548
|
+
if (this.getElement()) {
|
|
2549
|
+
const el = this.getElement();
|
|
2550
|
+
if (el) {
|
|
2551
|
+
this.renderer.removeClass(el, (this.CLASS) ? this.CLASS : 'tcloud-hover-parent');
|
|
2552
|
+
}
|
|
2553
|
+
}
|
|
2554
|
+
}
|
|
2555
|
+
set TCHoverParent(id) {
|
|
2556
|
+
if (id) {
|
|
2557
|
+
this.ID = id;
|
|
2558
|
+
}
|
|
2559
|
+
}
|
|
2560
|
+
set TCHoverParentClass(clss) {
|
|
2561
|
+
if (clss) {
|
|
2562
|
+
this.CLASS = clss;
|
|
2563
|
+
}
|
|
2564
|
+
}
|
|
2565
|
+
getElement() {
|
|
2566
|
+
if (this.ID) {
|
|
2567
|
+
return document.getElementById(this.ID) || undefined;
|
|
2568
|
+
}
|
|
2569
|
+
return undefined;
|
|
2570
|
+
}
|
|
2571
|
+
}
|
|
2572
|
+
TCloudUiHoverParentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiHoverParentDirective, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2573
|
+
TCloudUiHoverParentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiHoverParentDirective, selector: "[TCHoverParent]", inputs: { TCHoverParent: "TCHoverParent", TCHoverParentClass: "TCHoverParentClass" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 });
|
|
2574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiHoverParentDirective, decorators: [{
|
|
2575
|
+
type: Directive,
|
|
2576
|
+
args: [{
|
|
2577
|
+
selector: '[TCHoverParent]'
|
|
2578
|
+
}]
|
|
2579
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { onMouseOver: [{
|
|
2580
|
+
type: HostListener,
|
|
2581
|
+
args: ['mouseover']
|
|
2582
|
+
}], onMouseOut: [{
|
|
2583
|
+
type: HostListener,
|
|
2584
|
+
args: ['mouseout']
|
|
2585
|
+
}], TCHoverParent: [{
|
|
2586
|
+
type: Input
|
|
2587
|
+
}], TCHoverParentClass: [{
|
|
2588
|
+
type: Input
|
|
2589
|
+
}] } });
|
|
2590
|
+
|
|
2515
2591
|
class TCloudUiTooltipDirective {
|
|
2516
2592
|
constructor(el, renderer) {
|
|
2517
2593
|
this.el = el;
|
|
@@ -2678,19 +2754,23 @@ class TCloudUiDirectiveModule {
|
|
|
2678
2754
|
}
|
|
2679
2755
|
TCloudUiDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2680
2756
|
TCloudUiDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, declarations: [TCloudUiTooltipDirective,
|
|
2681
|
-
TCloudUiAlignDirective
|
|
2682
|
-
|
|
2757
|
+
TCloudUiAlignDirective,
|
|
2758
|
+
TCloudUiHoverParentDirective], exports: [TCloudUiTooltipDirective,
|
|
2759
|
+
TCloudUiAlignDirective,
|
|
2760
|
+
TCloudUiHoverParentDirective] });
|
|
2683
2761
|
TCloudUiDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule });
|
|
2684
2762
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, decorators: [{
|
|
2685
2763
|
type: NgModule,
|
|
2686
2764
|
args: [{
|
|
2687
2765
|
declarations: [
|
|
2688
2766
|
TCloudUiTooltipDirective,
|
|
2689
|
-
TCloudUiAlignDirective
|
|
2767
|
+
TCloudUiAlignDirective,
|
|
2768
|
+
TCloudUiHoverParentDirective
|
|
2690
2769
|
],
|
|
2691
2770
|
exports: [
|
|
2692
2771
|
TCloudUiTooltipDirective,
|
|
2693
|
-
TCloudUiAlignDirective
|
|
2772
|
+
TCloudUiAlignDirective,
|
|
2773
|
+
TCloudUiHoverParentDirective
|
|
2694
2774
|
],
|
|
2695
2775
|
}]
|
|
2696
2776
|
}] });
|
|
@@ -2826,6 +2906,7 @@ class TCloudUiFiltersComponent {
|
|
|
2826
2906
|
this.datepipe = datepipe;
|
|
2827
2907
|
this.inputs = [];
|
|
2828
2908
|
this.show_filters = false;
|
|
2909
|
+
this.submitText = 'Filtrar';
|
|
2829
2910
|
this.useOnChangeSubmit = true; // useOnChangeSubmit - Submit automatico quando for alterado quanquer input
|
|
2830
2911
|
this.useButtonSubmit = false; // useButtonSubmit - Exibe um botão de submit e não executa a busca automaticamente
|
|
2831
2912
|
this.useNormalizeCaseSensitive = true; // useNormalizeCaseSensitive - Não valida caixa alta ou baixa e caracteres especiais
|
|
@@ -3131,10 +3212,10 @@ class TCloudUiFiltersComponent {
|
|
|
3131
3212
|
}
|
|
3132
3213
|
}
|
|
3133
3214
|
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3134
|
-
TCloudUiFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { data: "data", filters: "filters", useOnChangeSubmit: "useOnChangeSubmit", useButtonSubmit: "useButtonSubmit", useNormalizeCaseSensitive: "useNormalizeCaseSensitive" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange", onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n\n <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\n <button type=\"button\" class=\"tc-btn btn-new-grey\" (click)=\"toSubmit()\" >
|
|
3215
|
+
TCloudUiFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { data: "data", filters: "filters", submitText: "submitText", useOnChangeSubmit: "useOnChangeSubmit", useButtonSubmit: "useButtonSubmit", useNormalizeCaseSensitive: "useNormalizeCaseSensitive" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange", onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n\n <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\n <button type=\"button\" class=\"tc-btn btn-new-grey\" (click)=\"toSubmit()\" >{{ submitText }} <i class=\"fas fa-filter icon-filter\"></i></button>\n </div>\n\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n<!-- \n<p>FILTERS</p>\n<pre> {{ filters | json }}</pre> -->", styles: [".box-filter-input{display:inline-block;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--verde)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.m-description{margin-bottom:3px}input{color:#535353}\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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
3135
3216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
|
|
3136
3217
|
type: Component,
|
|
3137
|
-
args: [{ selector: 'tcloud-ui-filters', template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n\n <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\n <button type=\"button\" class=\"tc-btn btn-new-grey\" (click)=\"toSubmit()\" >
|
|
3218
|
+
args: [{ selector: 'tcloud-ui-filters', template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n\n <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\n <button type=\"button\" class=\"tc-btn btn-new-grey\" (click)=\"toSubmit()\" >{{ submitText }} <i class=\"fas fa-filter icon-filter\"></i></button>\n </div>\n\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n<!-- \n<p>FILTERS</p>\n<pre> {{ filters | json }}</pre> -->", styles: [".box-filter-input{display:inline-block;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--verde)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.m-description{margin-bottom:3px}input{color:#535353}\n"] }]
|
|
3138
3219
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { _formulario: [{
|
|
3139
3220
|
type: ViewChild,
|
|
3140
3221
|
args: ['_formulario']
|
|
@@ -3142,6 +3223,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
3142
3223
|
type: Input
|
|
3143
3224
|
}], filters: [{
|
|
3144
3225
|
type: Input
|
|
3226
|
+
}], submitText: [{
|
|
3227
|
+
type: Input
|
|
3145
3228
|
}], useOnChangeSubmit: [{
|
|
3146
3229
|
type: Input
|
|
3147
3230
|
}], useButtonSubmit: [{
|
|
@@ -3524,5 +3607,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
3524
3607
|
* Generated bundle index. Do not edit.
|
|
3525
3608
|
*/
|
|
3526
3609
|
|
|
3527
|
-
export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDirectiveModule, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective };
|
|
3610
|
+
export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDirectiveModule, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective };
|
|
3528
3611
|
//# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map
|