@sd-angular/core 0.0.901 → 0.0.905

package/esm2015/grid-material/sd-angular-core-grid-material.js

@@ -5,6 +5,7 @@ export * from './index';
 export { SdDesktopCellChildrenView as ɵk } from './src/lib/components/desktop-cell-children-view/desktop-cell-children-view.component';
 export { SdDesktopCellView as ɵj } from './src/lib/components/desktop-cell-view/desktop-cell-view.component';
 export { SdDesktopCommand as ɵl } from './src/lib/components/desktop-command/desktop-command.component';
+export { SdDynamicColumn as ɵo } from './src/lib/components/dynamic-column/dynamic-column.component';
 export { SdGridFilter as ɵb } from './src/lib/components/grid-filter/grid-filter.component';
 export { SdPopupExport as ɵe } from './src/lib/components/popup-export/popup-export.component';
 export { SdPopupFilter as ɵc } from './src/lib/components/popup-filter/popup-filter.component';
@@ -12,24 +13,25 @@ export { SdPopupGridConfiguration as ɵn } from './src/lib/components/popup-grid
 export { SdLetDirective as ɵm } from './src/lib/directives/sd-let.directive';
 export { MatPaginatorIntlCro as ɵa } from './src/lib/grid-material.module';
 export { GRID_MATERIAL_CONFIG as ɵg } from './src/lib/models/grid-configuration.model';
-export { SdColumnBadgePipe as ɵz } from './src/lib/pipes/column-badge.pipe';
-export { SdColumnChildrenFilterPipe as ɵp } from './src/lib/pipes/column-children-filter.pipe';
-export { SdColumnHtmlTemplatePipe as ɵw } from './src/lib/pipes/column-html-template.pipe';
-export { SdColumnTitlePipe as ɵq } from './src/lib/pipes/column-title.pipe';
-export { SdColumnTooltipPipe as ɵy } from './src/lib/pipes/column-tooltip.pipe';
-export { SdColumnTransformPipe as ɵx } from './src/lib/pipes/column-transform.pipe';
-export { SdColumnValuesPipe as ɵv } from './src/lib/pipes/column-values.pipe';
-export { SdCommandDisablePipe as ɵs } from './src/lib/pipes/command-disable.pipe';
-export { SdCommandFilterPipe as ɵr } from './src/lib/pipes/command-filter.pipe';
-export { SdCommandIconPipe as ɵt } from './src/lib/pipes/command-icon.pipe';
-export { SdCommandTitlePipe as ɵu } from './src/lib/pipes/command-title.pipe';
-export { SdFilterColumnPipe as ɵba } from './src/lib/pipes/filter-column.pipe';
-export { SdFilterExternalPipe as ɵbb } from './src/lib/pipes/filter-external.pipe';
-export { SdGridConfigurationResultPipe as ɵo } from './src/lib/pipes/grid-configuration-result.pipe';
-export { SdSelectionActionFilterPipe as ɵbc } from './src/lib/pipes/selection-action-filter.pipe';
-export { SdSelectionDisableSelectAllPipe as ɵbe } from './src/lib/pipes/selection-disable-select-all.pipe';
-export { SdSelectionDisablePipe as ɵbd } from './src/lib/pipes/selection-disable.pipe';
+export { SdColumnBadgePipe as ɵbb } from './src/lib/pipes/column-badge.pipe';
+export { SdColumnChildrenFilterPipe as ɵr } from './src/lib/pipes/column-children-filter.pipe';
+export { SdColumnHtmlTemplatePipe as ɵy } from './src/lib/pipes/column-html-template.pipe';
+export { SdColumnTitlePipe as ɵs } from './src/lib/pipes/column-title.pipe';
+export { SdColumnTooltipPipe as ɵba } from './src/lib/pipes/column-tooltip.pipe';
+export { SdColumnTransformPipe as ɵz } from './src/lib/pipes/column-transform.pipe';
+export { SdColumnValuesPipe as ɵx } from './src/lib/pipes/column-values.pipe';
+export { SdCommandDisablePipe as ɵu } from './src/lib/pipes/command-disable.pipe';
+export { SdCommandFilterPipe as ɵt } from './src/lib/pipes/command-filter.pipe';
+export { SdCommandIconPipe as ɵv } from './src/lib/pipes/command-icon.pipe';
+export { SdCommandTitlePipe as ɵw } from './src/lib/pipes/command-title.pipe';
+export { SdFilterColumnPipe as ɵbc } from './src/lib/pipes/filter-column.pipe';
+export { SdFilterExternalPipe as ɵbd } from './src/lib/pipes/filter-external.pipe';
+export { SdGridConfigurationResultPipe as ɵq } from './src/lib/pipes/grid-configuration-result.pipe';
+export { SdSelectionActionFilterPipe as ɵbe } from './src/lib/pipes/selection-action-filter.pipe';
+export { SdSelectionDisableSelectAllPipe as ɵbg } from './src/lib/pipes/selection-disable-select-all.pipe';
+export { SdSelectionDisablePipe as ɵbf } from './src/lib/pipes/selection-disable.pipe';
+export { SdGeneratedColumnService as ɵp } from './src/lib/services/generated-column/generated-column.service';
 export { SdGridConfigurationService as ɵh } from './src/lib/services/grid-configuration.service';
 export { SdGridFilterService as ɵd } from './src/lib/services/grid-filter.service';
 export { SdGridService as ɵi } from './src/lib/services/grid.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLWdyaWQtbWF0ZXJpYWwuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvdXNlci9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9ncmlkLW1hdGVyaWFsLyIsInNvdXJjZXMiOlsic2QtYW5ndWxhci1jb3JlLWdyaWQtbWF0ZXJpYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQztBQUV4QixPQUFPLEVBQUMseUJBQXlCLElBQUksRUFBRSxFQUFDLE1BQU0sc0ZBQXNGLENBQUM7QUFDckksT0FBTyxFQUFDLGlCQUFpQixJQUFJLEVBQUUsRUFBQyxNQUFNLG9FQUFvRSxDQUFDO0FBQzNHLE9BQU8sRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxnRUFBZ0UsQ0FBQztBQUN0RyxPQUFPLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLHdEQUF3RCxDQUFDO0FBQzFGLE9BQU8sRUFBQyxhQUFhLElBQUksRUFBRSxFQUFDLE1BQU0sMERBQTBELENBQUM7QUFDN0YsT0FBTyxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsTUFBTSwwREFBMEQsQ0FBQztBQUM3RixPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0sa0ZBQWtGLENBQUM7QUFDaEksT0FBTyxFQUFDLGNBQWMsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRSxPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDekUsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBb0MsTUFBTSwyQ0FBMkMsQ0FBQztBQUN4SCxPQUFPLEVBQUMsaUJBQWlCLElBQUksRUFBRSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFDLDBCQUEwQixJQUFJLEVBQUUsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBQzdGLE9BQU8sRUFBQyx3QkFBd0IsSUFBSSxFQUFFLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUN6RixPQUFPLEVBQUMsaUJBQWlCLElBQUksRUFBRSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFDLG1CQUFtQixJQUFJLEVBQUUsRUFBQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzlFLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRixPQUFPLEVBQUMsa0JBQWtCLElBQUksRUFBRSxFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDNUUsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxNQUFNLHNDQUFzQyxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxtQkFBbUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RSxPQUFPLEVBQUMsaUJBQWlCLElBQUksRUFBRSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFDLGtCQUFrQixJQUFJLEVBQUUsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxHQUFHLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUM3RSxPQUFPLEVBQUMsb0JBQW9CLElBQUksR0FBRyxFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDakYsT0FBTyxFQUFDLDZCQUE2QixJQUFJLEVBQUUsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ25HLE9BQU8sRUFBQywyQkFBMkIsSUFBSSxHQUFHLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUNoRyxPQUFPLEVBQUMsK0JBQStCLElBQUksR0FBRyxFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDekcsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEdBQUcsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JGLE9BQU8sRUFBQywwQkFBMEIsSUFBSSxFQUFFLEVBQUMsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDakYsT0FBTyxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG5cbmV4cG9ydCB7U2REZXNrdG9wQ2VsbENoaWxkcmVuVmlldyBhcyDJtWt9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL2Rlc2t0b3AtY2VsbC1jaGlsZHJlbi12aWV3L2Rlc2t0b3AtY2VsbC1jaGlsZHJlbi12aWV3LmNvbXBvbmVudCc7XG5leHBvcnQge1NkRGVza3RvcENlbGxWaWV3IGFzIMm1an0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvZGVza3RvcC1jZWxsLXZpZXcvZGVza3RvcC1jZWxsLXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCB7U2REZXNrdG9wQ29tbWFuZCBhcyDJtWx9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL2Rlc2t0b3AtY29tbWFuZC9kZXNrdG9wLWNvbW1hbmQuY29tcG9uZW50JztcbmV4cG9ydCB7U2RHcmlkRmlsdGVyIGFzIMm1Yn0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvZ3JpZC1maWx0ZXIvZ3JpZC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEV4cG9ydCBhcyDJtWV9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL3BvcHVwLWV4cG9ydC9wb3B1cC1leHBvcnQuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEZpbHRlciBhcyDJtWN9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL3BvcHVwLWZpbHRlci9wb3B1cC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEdyaWRDb25maWd1cmF0aW9uIGFzIMm1bn0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uL3BvcHVwLWdyaWQtY29uZmlndXJhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtTZExldERpcmVjdGl2ZSBhcyDJtW19IGZyb20gJy4vc3JjL2xpYi9kaXJlY3RpdmVzL3NkLWxldC5kaXJlY3RpdmUnO1xuZXhwb3J0IHtNYXRQYWdpbmF0b3JJbnRsQ3JvIGFzIMm1YX0gZnJvbSAnLi9zcmMvbGliL2dyaWQtbWF0ZXJpYWwubW9kdWxlJztcbmV4cG9ydCB7R1JJRF9NQVRFUklBTF9DT05GSUcgYXMgybVnLElTZEdyaWRNYXRlcmlhbENvbmZpZ3VyYXRpb24gYXMgybVmfSBmcm9tICcuL3NyYy9saWIvbW9kZWxzL2dyaWQtY29uZmlndXJhdGlvbi5tb2RlbCc7XG5leHBvcnQge1NkQ29sdW1uQmFkZ2VQaXBlIGFzIMm1en0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbHVtbi1iYWRnZS5waXBlJztcbmV4cG9ydCB7U2RDb2x1bW5DaGlsZHJlbkZpbHRlclBpcGUgYXMgybVwfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29sdW1uLWNoaWxkcmVuLWZpbHRlci5waXBlJztcbmV4cG9ydCB7U2RDb2x1bW5IdG1sVGVtcGxhdGVQaXBlIGFzIMm1d30gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbHVtbi1odG1sLXRlbXBsYXRlLnBpcGUnO1xuZXhwb3J0IHtTZENvbHVtblRpdGxlUGlwZSBhcyDJtXF9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4tdGl0bGUucGlwZSc7XG5leHBvcnQge1NkQ29sdW1uVG9vbHRpcFBpcGUgYXMgybV5fSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29sdW1uLXRvb2x0aXAucGlwZSc7XG5leHBvcnQge1NkQ29sdW1uVHJhbnNmb3JtUGlwZSBhcyDJtXh9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4tdHJhbnNmb3JtLnBpcGUnO1xuZXhwb3J0IHtTZENvbHVtblZhbHVlc1BpcGUgYXMgybV2fSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29sdW1uLXZhbHVlcy5waXBlJztcbmV4cG9ydCB7U2RDb21tYW5kRGlzYWJsZVBpcGUgYXMgybVzfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29tbWFuZC1kaXNhYmxlLnBpcGUnO1xuZXhwb3J0IHtTZENvbW1hbmRGaWx0ZXJQaXBlIGFzIMm1cn0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbW1hbmQtZmlsdGVyLnBpcGUnO1xuZXhwb3J0IHtTZENvbW1hbmRJY29uUGlwZSBhcyDJtXR9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb21tYW5kLWljb24ucGlwZSc7XG5leHBvcnQge1NkQ29tbWFuZFRpdGxlUGlwZSBhcyDJtXV9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb21tYW5kLXRpdGxlLnBpcGUnO1xuZXhwb3J0IHtTZEZpbHRlckNvbHVtblBpcGUgYXMgybViYX0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2ZpbHRlci1jb2x1bW4ucGlwZSc7XG5leHBvcnQge1NkRmlsdGVyRXh0ZXJuYWxQaXBlIGFzIMm1YmJ9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9maWx0ZXItZXh0ZXJuYWwucGlwZSc7XG5leHBvcnQge1NkR3JpZENvbmZpZ3VyYXRpb25SZXN1bHRQaXBlIGFzIMm1b30gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2dyaWQtY29uZmlndXJhdGlvbi1yZXN1bHQucGlwZSc7XG5leHBvcnQge1NkU2VsZWN0aW9uQWN0aW9uRmlsdGVyUGlwZSBhcyDJtWJjfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvc2VsZWN0aW9uLWFjdGlvbi1maWx0ZXIucGlwZSc7XG5leHBvcnQge1NkU2VsZWN0aW9uRGlzYWJsZVNlbGVjdEFsbFBpcGUgYXMgybViZX0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL3NlbGVjdGlvbi1kaXNhYmxlLXNlbGVjdC1hbGwucGlwZSc7XG5leHBvcnQge1NkU2VsZWN0aW9uRGlzYWJsZVBpcGUgYXMgybViZH0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL3NlbGVjdGlvbi1kaXNhYmxlLnBpcGUnO1xuZXhwb3J0IHtTZEdyaWRDb25maWd1cmF0aW9uU2VydmljZSBhcyDJtWh9IGZyb20gJy4vc3JjL2xpYi9zZXJ2aWNlcy9ncmlkLWNvbmZpZ3VyYXRpb24uc2VydmljZSc7XG5leHBvcnQge1NkR3JpZEZpbHRlclNlcnZpY2UgYXMgybVkfSBmcm9tICcuL3NyYy9saWIvc2VydmljZXMvZ3JpZC1maWx0ZXIuc2VydmljZSc7XG5leHBvcnQge1NkR3JpZFNlcnZpY2UgYXMgybVpfSBmcm9tICcuL3NyYy9saWIvc2VydmljZXMvZ3JpZC5zZXJ2aWNlJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtYW5ndWxhci1jb3JlLWdyaWQtbWF0ZXJpYWwuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvdXNlci9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS9ncmlkLW1hdGVyaWFsLyIsInNvdXJjZXMiOlsic2QtYW5ndWxhci1jb3JlLWdyaWQtbWF0ZXJpYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQztBQUV4QixPQUFPLEVBQUMseUJBQXlCLElBQUksRUFBRSxFQUFDLE1BQU0sc0ZBQXNGLENBQUM7QUFDckksT0FBTyxFQUFDLGlCQUFpQixJQUFJLEVBQUUsRUFBQyxNQUFNLG9FQUFvRSxDQUFDO0FBQzNHLE9BQU8sRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxnRUFBZ0UsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZUFBZSxJQUFJLEVBQUUsRUFBQyxNQUFNLDhEQUE4RCxDQUFDO0FBQ25HLE9BQU8sRUFBQyxZQUFZLElBQUksRUFBRSxFQUFDLE1BQU0sd0RBQXdELENBQUM7QUFDMUYsT0FBTyxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsTUFBTSwwREFBMEQsQ0FBQztBQUM3RixPQUFPLEVBQUMsYUFBYSxJQUFJLEVBQUUsRUFBQyxNQUFNLDBEQUEwRCxDQUFDO0FBQzdGLE9BQU8sRUFBQyx3QkFBd0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxrRkFBa0YsQ0FBQztBQUNoSSxPQUFPLEVBQUMsY0FBYyxJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBQyxtQkFBbUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RSxPQUFPLEVBQUMsb0JBQW9CLElBQUksRUFBRSxFQUFvQyxNQUFNLDJDQUEyQyxDQUFDO0FBQ3hILE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxHQUFHLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUMsMEJBQTBCLElBQUksRUFBRSxFQUFDLE1BQU0sNkNBQTZDLENBQUM7QUFDN0YsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsbUJBQW1CLElBQUksR0FBRyxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDL0UsT0FBTyxFQUFDLHFCQUFxQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ2xGLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1RSxPQUFPLEVBQUMsb0JBQW9CLElBQUksRUFBRSxFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDaEYsT0FBTyxFQUFDLG1CQUFtQixJQUFJLEVBQUUsRUFBQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzlFLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsa0JBQWtCLElBQUksRUFBRSxFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDNUUsT0FBTyxFQUFDLGtCQUFrQixJQUFJLEdBQUcsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQzdFLE9BQU8sRUFBQyxvQkFBb0IsSUFBSSxHQUFHLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQztBQUNqRixPQUFPLEVBQUMsNkJBQTZCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDbkcsT0FBTyxFQUFDLDJCQUEyQixJQUFJLEdBQUcsRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hHLE9BQU8sRUFBQywrQkFBK0IsSUFBSSxHQUFHLEVBQUMsTUFBTSxtREFBbUQsQ0FBQztBQUN6RyxPQUFPLEVBQUMsc0JBQXNCLElBQUksR0FBRyxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDckYsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDhEQUE4RCxDQUFDO0FBQzVHLE9BQU8sRUFBQywwQkFBMEIsSUFBSSxFQUFFLEVBQUMsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDakYsT0FBTyxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG5cbmV4cG9ydCB7U2REZXNrdG9wQ2VsbENoaWxkcmVuVmlldyBhcyDJtWt9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL2Rlc2t0b3AtY2VsbC1jaGlsZHJlbi12aWV3L2Rlc2t0b3AtY2VsbC1jaGlsZHJlbi12aWV3LmNvbXBvbmVudCc7XG5leHBvcnQge1NkRGVza3RvcENlbGxWaWV3IGFzIMm1an0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvZGVza3RvcC1jZWxsLXZpZXcvZGVza3RvcC1jZWxsLXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCB7U2REZXNrdG9wQ29tbWFuZCBhcyDJtWx9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL2Rlc2t0b3AtY29tbWFuZC9kZXNrdG9wLWNvbW1hbmQuY29tcG9uZW50JztcbmV4cG9ydCB7U2REeW5hbWljQ29sdW1uIGFzIMm1b30gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy1jb2x1bW4vZHluYW1pYy1jb2x1bW4uY29tcG9uZW50JztcbmV4cG9ydCB7U2RHcmlkRmlsdGVyIGFzIMm1Yn0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvZ3JpZC1maWx0ZXIvZ3JpZC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEV4cG9ydCBhcyDJtWV9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL3BvcHVwLWV4cG9ydC9wb3B1cC1leHBvcnQuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEZpbHRlciBhcyDJtWN9IGZyb20gJy4vc3JjL2xpYi9jb21wb25lbnRzL3BvcHVwLWZpbHRlci9wb3B1cC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7U2RQb3B1cEdyaWRDb25maWd1cmF0aW9uIGFzIMm1bn0gZnJvbSAnLi9zcmMvbGliL2NvbXBvbmVudHMvcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uL3BvcHVwLWdyaWQtY29uZmlndXJhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtTZExldERpcmVjdGl2ZSBhcyDJtW19IGZyb20gJy4vc3JjL2xpYi9kaXJlY3RpdmVzL3NkLWxldC5kaXJlY3RpdmUnO1xuZXhwb3J0IHtNYXRQYWdpbmF0b3JJbnRsQ3JvIGFzIMm1YX0gZnJvbSAnLi9zcmMvbGliL2dyaWQtbWF0ZXJpYWwubW9kdWxlJztcbmV4cG9ydCB7R1JJRF9NQVRFUklBTF9DT05GSUcgYXMgybVnLElTZEdyaWRNYXRlcmlhbENvbmZpZ3VyYXRpb24gYXMgybVmfSBmcm9tICcuL3NyYy9saWIvbW9kZWxzL2dyaWQtY29uZmlndXJhdGlvbi5tb2RlbCc7XG5leHBvcnQge1NkQ29sdW1uQmFkZ2VQaXBlIGFzIMm1YmJ9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4tYmFkZ2UucGlwZSc7XG5leHBvcnQge1NkQ29sdW1uQ2hpbGRyZW5GaWx0ZXJQaXBlIGFzIMm1cn0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbHVtbi1jaGlsZHJlbi1maWx0ZXIucGlwZSc7XG5leHBvcnQge1NkQ29sdW1uSHRtbFRlbXBsYXRlUGlwZSBhcyDJtXl9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4taHRtbC10ZW1wbGF0ZS5waXBlJztcbmV4cG9ydCB7U2RDb2x1bW5UaXRsZVBpcGUgYXMgybVzfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29sdW1uLXRpdGxlLnBpcGUnO1xuZXhwb3J0IHtTZENvbHVtblRvb2x0aXBQaXBlIGFzIMm1YmF9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4tdG9vbHRpcC5waXBlJztcbmV4cG9ydCB7U2RDb2x1bW5UcmFuc2Zvcm1QaXBlIGFzIMm1en0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbHVtbi10cmFuc2Zvcm0ucGlwZSc7XG5leHBvcnQge1NkQ29sdW1uVmFsdWVzUGlwZSBhcyDJtXh9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb2x1bW4tdmFsdWVzLnBpcGUnO1xuZXhwb3J0IHtTZENvbW1hbmREaXNhYmxlUGlwZSBhcyDJtXV9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9jb21tYW5kLWRpc2FibGUucGlwZSc7XG5leHBvcnQge1NkQ29tbWFuZEZpbHRlclBpcGUgYXMgybV0fSBmcm9tICcuL3NyYy9saWIvcGlwZXMvY29tbWFuZC1maWx0ZXIucGlwZSc7XG5leHBvcnQge1NkQ29tbWFuZEljb25QaXBlIGFzIMm1dn0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbW1hbmQtaWNvbi5waXBlJztcbmV4cG9ydCB7U2RDb21tYW5kVGl0bGVQaXBlIGFzIMm1d30gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2NvbW1hbmQtdGl0bGUucGlwZSc7XG5leHBvcnQge1NkRmlsdGVyQ29sdW1uUGlwZSBhcyDJtWJjfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvZmlsdGVyLWNvbHVtbi5waXBlJztcbmV4cG9ydCB7U2RGaWx0ZXJFeHRlcm5hbFBpcGUgYXMgybViZH0gZnJvbSAnLi9zcmMvbGliL3BpcGVzL2ZpbHRlci1leHRlcm5hbC5waXBlJztcbmV4cG9ydCB7U2RHcmlkQ29uZmlndXJhdGlvblJlc3VsdFBpcGUgYXMgybVxfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvZ3JpZC1jb25maWd1cmF0aW9uLXJlc3VsdC5waXBlJztcbmV4cG9ydCB7U2RTZWxlY3Rpb25BY3Rpb25GaWx0ZXJQaXBlIGFzIMm1YmV9IGZyb20gJy4vc3JjL2xpYi9waXBlcy9zZWxlY3Rpb24tYWN0aW9uLWZpbHRlci5waXBlJztcbmV4cG9ydCB7U2RTZWxlY3Rpb25EaXNhYmxlU2VsZWN0QWxsUGlwZSBhcyDJtWJnfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvc2VsZWN0aW9uLWRpc2FibGUtc2VsZWN0LWFsbC5waXBlJztcbmV4cG9ydCB7U2RTZWxlY3Rpb25EaXNhYmxlUGlwZSBhcyDJtWJmfSBmcm9tICcuL3NyYy9saWIvcGlwZXMvc2VsZWN0aW9uLWRpc2FibGUucGlwZSc7XG5leHBvcnQge1NkR2VuZXJhdGVkQ29sdW1uU2VydmljZSBhcyDJtXB9IGZyb20gJy4vc3JjL2xpYi9zZXJ2aWNlcy9nZW5lcmF0ZWQtY29sdW1uL2dlbmVyYXRlZC1jb2x1bW4uc2VydmljZSc7XG5leHBvcnQge1NkR3JpZENvbmZpZ3VyYXRpb25TZXJ2aWNlIGFzIMm1aH0gZnJvbSAnLi9zcmMvbGliL3NlcnZpY2VzL2dyaWQtY29uZmlndXJhdGlvbi5zZXJ2aWNlJztcbmV4cG9ydCB7U2RHcmlkRmlsdGVyU2VydmljZSBhcyDJtWR9IGZyb20gJy4vc3JjL2xpYi9zZXJ2aWNlcy9ncmlkLWZpbHRlci5zZXJ2aWNlJztcbmV4cG9ydCB7U2RHcmlkU2VydmljZSBhcyDJtWl9IGZyb20gJy4vc3JjL2xpYi9zZXJ2aWNlcy9ncmlkLnNlcnZpY2UnOyJdfQ==

package/esm2015/grid-material/src/lib/components/desktop-cell-view/desktop-cell-view.component.js

@@ -5,7 +5,7 @@ export class SdDesktopCellView {
 SdDesktopCellView.decorators = [
     { type: Component, args: [{
                 selector: 'sd-desktop-cell-view',
-                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"column.htmlTemplate;else useDefaultView\">\r\n    <div (click)=\"column.click && column.click(item[column.field], item)\" style=\"overflow-wrap: break-word;\"\r\n      [ngClass]=\"{'cursor-pointer':column.click}\"\r\n      [innerHTML]=\"(item[column.field] | columnHtmlTemplate:item:column) | safeHtml\">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useDefaultView>\r\n    <ng-container *sdLet=\"item[column.field] | columnBadge:item:column as badge\">\r\n      <ng-container *ngIf=\"column.type === 'string'\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] |\r\n              columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <div style=\"overflow-wrap: break-word;\" [matTooltip]=\"item[column.field] | columnTooltip:item:column\">\r\n            <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div *ngIf=\"column.type === 'number'\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">\r\n          {{item[column.field] | columnTransform:item:column}}</ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'date'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'datetime'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy HH:mm'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'time'\">\r\n        {{item[column.field] | date:'HH:mm'}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'bool'\" class=\"align-middle text-center\">\r\n        <span *ngIf=\"item[column.field]\" class=\"font-weight-bold c-color-success\">{{column.option?.displayOnTrue ||\r\n          'True'}}</span>\r\n        <span *ngIf=\"!item[column.field]\" class=\"font-weight-bold c-color-danger\">{{column.option?.displayOnFalse ||\r\n          'False'}}</span>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'values'\">\r\n        <ng-container *ngIf=\"item[column.field] | columnValues:column:key | async; $implicit as valueData\">\r\n          <div\r\n            *ngIf=\"valueData[column.option?.colorField] || valueData[column.option?.backgroundColorField]; else elseNoStatus\"\r\n            class=\"c-badge\"\r\n            [ngStyle]=\"{'color':valueData[column.option?.colorField], 'background-color': valueData[column.option?.backgroundColorField]}\">\r\n            {{valueData[column.option?.displayField]}}\r\n          </div>\r\n          <ng-template #elseNoStatus>\r\n            <div class=\"text-left\">\r\n              {{valueData[column.option?.displayField]}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n        <img *ngIf=\"item[column.field]\" [src]=\"item[column.field] | columnTransform:item:column\"\r\n          [width]=\"column.option?.width\" [height]=\"column.option?.height\" style=\"margin: 5px 0;object-fit: contain;\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'pointer':column.click}\">\r\n        <mat-icon *ngIf=\"!item[column.field]\" class=\"c-img\" [ngClass]=\"{'pointer':column.click}\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\">image</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n    <sd-desktop-cell-children-view *ngIf=\"column.type === 'children'\" [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n    </sd-desktop-cell-children-view>\r\n  </ng-template>\r\n</ng-container>",
+                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"column.htmlTemplate;else useDefaultView\">\r\n    <div (click)=\"column.click && column.click(item[column.field], item)\" style=\"overflow-wrap: break-word;\"\r\n      [ngClass]=\"{'cursor-pointer':column.click}\"\r\n      [innerHTML]=\"(item[column.field] | columnHtmlTemplate:item:column) | safeHtml\">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useDefaultView>\r\n    <ng-container *sdLet=\"item[column.field] | columnBadge:item:column as badge\">\r\n      <ng-container *ngIf=\"column.type === 'string'\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] |\r\n              columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <div style=\"overflow-wrap: break-word;\" [matTooltip]=\"item[column.field] | columnTooltip:item:column\">\r\n            <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n      <div *ngIf=\"column.type === 'number'\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">\r\n          {{item[column.field] | columnTransform:item:column}}</ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'date'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'datetime'\" matTooltipPosition=\"above\"\r\n        [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy HH:mm'\">\r\n        {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.option?.timeDifferent | async}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'time'\">\r\n        {{item[column.field] | date:'HH:mm'}}\r\n      </div>\r\n      <div *ngIf=\"column.type === 'bool'\" class=\"align-middle text-center\">\r\n        <ng-container *ngIf=\"!!badge\">\r\n          <div *ngIf=\"!column.badgeType\" class=\"c-badge\" style=\"overflow-wrap: break-word;\" matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[column.field] | columnTooltip:item:column\"\r\n            [class]=\"{'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"column.click\" class=\"pointer\"\r\n              (click)=\"column.click(item[column.field], item)\">{{item[column.field] | columnTransform:item:column}}</span>\r\n            <ng-container *ngIf=\"!column.click\">{{item[column.field] | columnTransform:item:column}}</ng-container>\r\n          </div>\r\n          <div *ngIf=\"column.badgeType === 'circle'\" style=\"min-width: 150px\"\r\n            class=\"c-badge-circle d-flex align-items-center\"\r\n            [class]=\"{'c-unknown': !badge, 'c-secondary': badge === 'normal', 'c-info': badge === 'info', 'c-success': badge === 'success', 'c-danger': badge === 'danger', 'c-warning': badge === 'warning'}\">\r\n            <span *ngIf=\"badge\" class=\"material-icons-round c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            <span *ngIf=\"!badge\" class=\"material-icons-outlined c-material-icon mr-4\">\r\n              fiber_manual_record\r\n            </span>\r\n            {{item[column.field] | columnTransform:item:column}}\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!badge\">\r\n          <span *ngIf=\"item[column.field]\" class=\"font-weight-bold c-color-success\">{{item[column.field] | columnTransform:item:column}}</span>\r\n          <span *ngIf=\"!item[column.field]\" class=\"font-weight-bold c-color-danger\">{{item[column.field] | columnTransform:item:column}}</span>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'values'\">\r\n        <ng-container *ngIf=\"item[column.field] | columnValues:column:key | async; $implicit as valueData\">\r\n          <div\r\n            *ngIf=\"valueData[column.option?.colorField] || valueData[column.option?.backgroundColorField]; else elseNoStatus\"\r\n            class=\"c-badge\"\r\n            [ngStyle]=\"{'color':valueData[column.option?.colorField], 'background-color': valueData[column.option?.backgroundColorField]}\">\r\n            {{valueData[column.option?.displayField]}}\r\n          </div>\r\n          <ng-template #elseNoStatus>\r\n            <div class=\"text-left\">\r\n              {{valueData[column.option?.displayField]}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"column.type === 'image'\" class=\"align-middle text-center\">\r\n        <img *ngIf=\"item[column.field]\" [src]=\"item[column.field] | columnTransform:item:column\"\r\n          [width]=\"column.option?.width\" [height]=\"column.option?.height\" style=\"margin: 5px 0;object-fit: contain;\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'pointer':column.click}\">\r\n        <mat-icon *ngIf=\"!item[column.field]\" class=\"c-img\" [ngClass]=\"{'pointer':column.click}\"\r\n          (click)=\"column.click && column.click(item[column.field], item)\">image</mat-icon>\r\n      </div>\r\n    </ng-container>\r\n    <sd-desktop-cell-children-view *ngIf=\"column.type === 'children'\" [key]=\"key\" [item]=\"item\" [column]=\"column\">\r\n    </sd-desktop-cell-children-view>\r\n  </ng-template>\r\n</ng-container>",
                 styles: [".c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}.c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;padding:2px 12px;text-align:center}.c-badge.c-warning{background:#fff3e0;color:#ff9600}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-success{background:#e8f5e9;color:#4caf50}.c-badge.c-danger{background:#fee8e7;color:#f82c13}.c-badge.c-normal{background:rgba(0,0,0,.12);color:#000}.wes-status .c-material-icon{font-size:12px;height:12px;width:12px}.wes-status.text-secondary .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle .c-material-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:#212121}.c-badge-circle.c-unknown .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle.c-secondary{color:#212121}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}"]
             },] }
 ];
@@ -15,4 +15,4 @@ SdDesktopCellView.propDecorators = {
     column: [{ type: Input }],
     item: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVza3RvcC1jZWxsLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JpZC1tYXRlcmlhbC8iLCJzb3VyY2VzIjpbInNyYy9saWIvY29tcG9uZW50cy9kZXNrdG9wLWNlbGwtdmlldy9kZXNrdG9wLWNlbGwtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFRNUQsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QixnQkFDSSxDQUFDOzs7WUFWTixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsa3RMQUFpRDs7YUFFbEQ7Ozs7a0JBRUUsS0FBSztxQkFDTCxLQUFLO21CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2RHcmlkTWF0ZXJpYWxDb2x1bW4gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb2x1bW4ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1kZXNrdG9wLWNlbGwtdmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rlc2t0b3AtY2VsbC12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXNrdG9wLWNlbGwtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZERlc2t0b3BDZWxsVmlldyB7XHJcbiAgQElucHV0KCkga2V5OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY29sdW1uOiBTZEdyaWRNYXRlcmlhbENvbHVtbjtcclxuICBASW5wdXQoKSBpdGVtOiBhbnk7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgKSB7IH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVza3RvcC1jZWxsLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JpZC1tYXRlcmlhbC8iLCJzb3VyY2VzIjpbInNyYy9saWIvY29tcG9uZW50cy9kZXNrdG9wLWNlbGwtdmlldy9kZXNrdG9wLWNlbGwtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFRNUQsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QixnQkFDSSxDQUFDOzs7WUFWTixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsdXlPQUFpRDs7YUFFbEQ7Ozs7a0JBRUUsS0FBSztxQkFDTCxLQUFLO21CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2RHcmlkTWF0ZXJpYWxDb2x1bW4gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb2x1bW4ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1kZXNrdG9wLWNlbGwtdmlldycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rlc2t0b3AtY2VsbC12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXNrdG9wLWNlbGwtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZERlc2t0b3BDZWxsVmlldyB7XHJcbiAgQElucHV0KCkga2V5OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY29sdW1uOiBTZEdyaWRNYXRlcmlhbENvbHVtbjtcclxuICBASW5wdXQoKSBpdGVtOiBhbnk7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgKSB7IH1cclxufVxyXG4iXX0=

package/esm2015/grid-material/src/lib/components/dynamic-column/dynamic-column.component.js

@@ -0,0 +1,98 @@
+var _subscription;
+import { __classPrivateFieldGet } from "tslib";
+import { Component, ViewChild, ChangeDetectorRef, Input, ChangeDetectionStrategy } from '@angular/core';
+import { SdNotifyService } from '@sd-angular/core/notify';
+import { SdTranslateService } from '@sd-angular/core/translate';
+import { SdGridConfigurationService } from '../../services/grid-configuration.service';
+import * as uuid from 'uuid';
+import { SdGeneratedColumnService } from '../../services/generated-column/generated-column.service';
+import { Subscription } from 'rxjs';
+import { FormGroup } from '@angular/forms';
+import { SdSideDrawer } from '@sd-angular/core/side-drawer';
+export class SdDynamicColumn {
+    constructor(ref, generatedColumnService, notifyService, translateService, gridConfigurationService) {
+        this.ref = ref;
+        this.generatedColumnService = generatedColumnService;
+        this.notifyService = notifyService;
+        this.translateService = translateService;
+        this.gridConfigurationService = gridConfigurationService;
+        _subscription.set(this, new Subscription());
+        this.columnTypes = ['string', 'number', 'bool', 'date', 'datetime', 'time', 'values', 'children', 'children-col'];
+        this.form = new FormGroup({});
+        this.isDetail = false;
+        this.originColumns = [];
+        this.onDetail = (column) => {
+            this.detail = column || {
+                field: uuid.v4(),
+                title: '',
+                type: 'string',
+                isSystem: false,
+                useTemplate: false
+            };
+            this.form.markAsUntouched();
+            this.form.markAsPristine();
+            this.isDetail = true;
+        };
+        this.onSave = () => {
+            var _a;
+            const systemSetting = this.generatedColumnService.loadSystem(this.gridOption.config);
+            const setting = this.generatedColumnService.load((_a = this.gridOption) === null || _a === void 0 ? void 0 : _a.config);
+            if (this.detail.isSystem) {
+                if (!this.detail.id) {
+                    systemSetting.set([...this.systemColumns, Object.assign(Object.assign({}, this.detail), { id: uuid.v4() })]);
+                }
+                else {
+                    systemSetting.set([...this.systemColumns]);
+                }
+            }
+            else {
+                if (!this.detail.id) {
+                    setting.set([...this.columns, Object.assign(Object.assign({}, this.detail), { id: uuid.v4() })]);
+                }
+                else {
+                    setting.set([...this.columns]);
+                }
+            }
+        };
+    }
+    ngOnInit() {
+        var _a, _b, _c;
+        const systemSetting = this.generatedColumnService.loadSystem(this.gridOption.config);
+        const setting = this.generatedColumnService.load((_a = this.gridOption) === null || _a === void 0 ? void 0 : _a.config);
+        if (systemSetting) {
+            (_b = __classPrivateFieldGet(this, _subscription)) === null || _b === void 0 ? void 0 : _b.add(systemSetting.observer.subscribe(columns => {
+                this.systemColumns = columns;
+            }));
+        }
+        if (setting) {
+            (_c = __classPrivateFieldGet(this, _subscription)) === null || _c === void 0 ? void 0 : _c.add(setting.observer.subscribe(columns => {
+                this.columns = columns;
+            }));
+        }
+        this.originColumns = this.gridOption.columns.filter(e => e.type !== 'children' && e.type !== 'children-col');
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_subscription = new WeakMap();
+SdDynamicColumn.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-dynamic-column',
+                template: "<sd-side-drawer width=\"400px\">\r\n  <div sdTitle>{{'Manage dynamic column' | sdTranslate}}</div>\r\n  <ng-container sdBody>\r\n    <ng-container *ngIf=\"!isDetail\">\r\n      <ng-container *ngIf=\"systemColumns\">\r\n        <div *ngFor=\"let column of systemColumns\" (click)=\"onDetail(column)\">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"columns\">\r\n        <div *ngFor=\"let column of columns\" (click)=\"onDetail(column)\">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isDetail\">\r\n      <sd-select [form]=\"form\" [label]=\"'Apply for' | sdTranslate\" [(model)]=\"detail.isSystem\"\r\n        [items]=\"[{code: true, name: 'All users'},{code: false, name: 'Only me'}]\" [disabled]=\"!!detail.id\" required></sd-select>\r\n      <sd-input [form]=\"form\" [label]=\"'Column field' | sdTranslate\" [(model)]=\"detail.field\" [disabled]=\"!!detail.id\"\r\n        required></sd-input>\r\n      <sd-input [form]=\"form\" [label]=\"'Column title' | sdTranslate\" [(model)]=\"detail.title\" required></sd-input>\r\n      <sd-input [form]=\"form\" [label]=\"'Column width' | sdTranslate\" [(model)]=\"detail.width\" type=\"number\" required>\r\n        <ng-template sdInputSuffix>px</ng-template>\r\n      </sd-input>\r\n      <sd-select [form]=\"form\" [label]=\"'Column type' | sdTranslate\" [(model)]=\"detail.type\" [items]=\"columnTypes\"\r\n        [disabled]=\"!!detail.id\" required></sd-select>\r\n      <sd-select *ngIf=\"detail.type === 'children' || detail.type === 'children-col'\" [form]=\"form\"\r\n        [label]=\"'Column fields' | sdTranslate\" [(model)]=\"detail.fields\" [items]=\"originColumns\" valueField=\"field\"\r\n        displayField=\"title\" multiple></sd-select>\r\n      <sd-select [form]=\"form\" [label]=\"'Use template' | sdTranslate\" [(model)]=\"detail.useTemplate\"\r\n        [items]=\"[{code: true, name: 'Yes'},{code: false, name: 'No'}]\" required></sd-select>\r\n      <sd-editor *ngIf=\"detail.useTemplate\" [form]=\"form\" [label]=\"'Html template' | sdTranslate\" [(model)]=\"detail.template\">\r\n      </sd-editor>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class=\"d-flex align-items-center justify-content-end\" sdFooter>\r\n    <sd-button [title]=\"'Close' | sdTranslate\" (action)=\"sideDrawer.close()\"> </sd-button>\r\n    <sd-button *ngIf=\"!isDetail\" [title]=\"'Create column' | sdTranslate\" color=\"primary\" class=\"mx-8\"\r\n      (action)=\"onDetail()\">\r\n    </sd-button>\r\n    <sd-button *ngIf=\"isDetail\" [title]=\"'Save' | sdTranslate\" color=\"success\" class=\"mx-8\" (action)=\"onSave()\">\r\n    </sd-button>\r\n  </div>\r\n</sd-side-drawer>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".c-table{overflow:auto;position:relative}.c-table table{width:100%}.c-table .c-th{color:#000;font-size:14px;font-weight:500;line-height:20px}.c-container{min-height:200px;position:relative}.c-handle{color:#ccc;cursor:move}"]
+            },] }
+];
+SdDynamicColumn.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: SdGeneratedColumnService },
+    { type: SdNotifyService },
+    { type: SdTranslateService },
+    { type: SdGridConfigurationService }
+];
+SdDynamicColumn.propDecorators = {
+    sideDrawer: [{ type: ViewChild, args: [SdSideDrawer,] }],
+    gridOption: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JpZC1tYXRlcmlhbC8iLCJzb3VyY2VzIjpbInNyYy9saWIvY29tcG9uZW50cy9keW5hbWljLWNvbHVtbi9keW5hbWljLWNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWhFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3ZGLE9BQU8sS0FBSyxJQUFJLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFcEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQVM1RCxNQUFNLE9BQU8sZUFBZTtJQVcxQixZQUNVLEdBQXNCLEVBQ3RCLHNCQUFnRCxFQUNoRCxhQUE4QixFQUM5QixnQkFBb0MsRUFDcEMsd0JBQW9EO1FBSnBELFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBMEI7UUFDaEQsa0JBQWEsR0FBYixhQUFhLENBQWlCO1FBQzlCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBb0I7UUFDcEMsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUE0QjtRQVg5RCx3QkFBZ0IsSUFBSSxZQUFZLEVBQUUsRUFBQztRQUNuQyxnQkFBVyxHQUFHLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUM3RyxTQUFJLEdBQUcsSUFBSSxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDekIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixrQkFBYSxHQUEyQixFQUFFLENBQUM7UUE2QjNDLGFBQVEsR0FBRyxDQUFDLE1BQTBCLEVBQUUsRUFBRTtZQUN4QyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sSUFBSTtnQkFDdEIsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Z0JBQ2hCLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxRQUFRO2dCQUNkLFFBQVEsRUFBRSxLQUFLO2dCQUNmLFdBQVcsRUFBRSxLQUFLO2FBQ25CLENBQUM7WUFDRixJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsQ0FBQyxDQUFBO1FBRUQsV0FBTSxHQUFHLEdBQUcsRUFBRTs7WUFDWixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDckYsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksT0FBQyxJQUFJLENBQUMsVUFBVSwwQ0FBRSxNQUFNLENBQUMsQ0FBQztZQUMxRSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO2dCQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUU7b0JBQ25CLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLGtDQUNuQyxJQUFJLENBQUMsTUFBTSxLQUNkLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLElBQ2IsQ0FBQyxDQUFDO2lCQUNMO3FCQUFNO29CQUNMLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO2lCQUM1QzthQUNGO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRTtvQkFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sa0NBQ3ZCLElBQUksQ0FBQyxNQUFNLEtBQ2QsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsSUFDYixDQUFDLENBQUM7aUJBQ0w7cUJBQU07b0JBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7aUJBQ2hDO2FBQ0Y7UUFDSCxDQUFDLENBQUE7SUF6REQsQ0FBQztJQUVELFFBQVE7O1FBQ04sTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JGLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLE9BQUMsSUFBSSxDQUFDLFVBQVUsMENBQUUsTUFBTSxDQUFDLENBQUM7UUFDMUUsSUFBSSxhQUFhLEVBQUU7WUFDakIsMkZBQW9CLEdBQUcsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDakUsSUFBSSxDQUFDLGFBQWEsR0FBRyxPQUFPLENBQUM7WUFDL0IsQ0FBQyxDQUFDLEVBQUU7U0FDTDtRQUNELElBQUksT0FBTyxFQUFFO1lBQ1gsMkZBQW9CLEdBQUcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDM0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDekIsQ0FBQyxDQUFDLEVBQUU7U0FDTDtRQUNELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxVQUFVLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxjQUFjLENBQUMsQ0FBQztJQUMvRyxDQUFDO0lBRUQsV0FBVztRQUNULDRDQUFtQixXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDOzs7O1lBM0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixpdUZBQThDO2dCQUU5QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7OztZQWxCc0MsaUJBQWlCO1lBTS9DLHdCQUF3QjtZQUx4QixlQUFlO1lBQ2Ysa0JBQWtCO1lBRWxCLDBCQUEwQjs7O3lCQWdCaEMsU0FBUyxTQUFDLFlBQVk7eUJBQ3RCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkLCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2ROb3RpZnlTZXJ2aWNlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9ub3RpZnknO1xyXG5pbXBvcnQgeyBTZFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3RyYW5zbGF0ZSc7XHJcbmltcG9ydCB7IFNkR3JpZE1hdGVyaWFsT3B0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dyaWQtb3B0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgU2RHcmlkQ29uZmlndXJhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9ncmlkLWNvbmZpZ3VyYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XHJcbmltcG9ydCB7IFNkR2VuZXJhdGVkQ29sdW1uU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2dlbmVyYXRlZC1jb2x1bW4vZ2VuZXJhdGVkLWNvbHVtbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNkR2VuZXJhdGVkQ29sdW1uIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZ2VuZXJhdGVkLWNvbHVtbi9nZW5lcmF0ZWQtY29sdW1uLm1vZGVsJztcclxuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTZFNpZGVEcmF3ZXIgfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3NpZGUtZHJhd2VyJztcclxuaW1wb3J0IHsgU2RHcmlkTWF0ZXJpYWxDb2x1bW4gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb2x1bW4ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1keW5hbWljLWNvbHVtbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2R5bmFtaWMtY29sdW1uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9keW5hbWljLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZER5bmFtaWNDb2x1bW4gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQFZpZXdDaGlsZChTZFNpZGVEcmF3ZXIpIHNpZGVEcmF3ZXI6IFNkU2lkZURyYXdlcjtcclxuICBASW5wdXQoKSBncmlkT3B0aW9uOiBTZEdyaWRNYXRlcmlhbE9wdGlvbjtcclxuICBzeXN0ZW1Db2x1bW5zOiBTZEdlbmVyYXRlZENvbHVtbltdO1xyXG4gIGNvbHVtbnM6IFNkR2VuZXJhdGVkQ29sdW1uW107XHJcbiAgI3N1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuICBjb2x1bW5UeXBlcyA9IFsnc3RyaW5nJywgJ251bWJlcicsICdib29sJywgJ2RhdGUnLCAnZGF0ZXRpbWUnLCAndGltZScsICd2YWx1ZXMnLCAnY2hpbGRyZW4nLCAnY2hpbGRyZW4tY29sJ107XHJcbiAgZm9ybSA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIGlzRGV0YWlsID0gZmFsc2U7XHJcbiAgZGV0YWlsOiBTZEdlbmVyYXRlZENvbHVtbjtcclxuICBvcmlnaW5Db2x1bW5zOiBTZEdyaWRNYXRlcmlhbENvbHVtbltdID0gW107XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIGdlbmVyYXRlZENvbHVtblNlcnZpY2U6IFNkR2VuZXJhdGVkQ29sdW1uU2VydmljZSxcclxuICAgIHByaXZhdGUgbm90aWZ5U2VydmljZTogU2ROb3RpZnlTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGVTZXJ2aWNlOiBTZFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGdyaWRDb25maWd1cmF0aW9uU2VydmljZTogU2RHcmlkQ29uZmlndXJhdGlvblNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgY29uc3Qgc3lzdGVtU2V0dGluZyA9IHRoaXMuZ2VuZXJhdGVkQ29sdW1uU2VydmljZS5sb2FkU3lzdGVtKHRoaXMuZ3JpZE9wdGlvbi5jb25maWcpO1xyXG4gICAgY29uc3Qgc2V0dGluZyA9IHRoaXMuZ2VuZXJhdGVkQ29sdW1uU2VydmljZS5sb2FkKHRoaXMuZ3JpZE9wdGlvbj8uY29uZmlnKTtcclxuICAgIGlmIChzeXN0ZW1TZXR0aW5nKSB7XHJcbiAgICAgIHRoaXMuI3N1YnNjcmlwdGlvbj8uYWRkKHN5c3RlbVNldHRpbmcub2JzZXJ2ZXIuc3Vic2NyaWJlKGNvbHVtbnMgPT4ge1xyXG4gICAgICAgIHRoaXMuc3lzdGVtQ29sdW1ucyA9IGNvbHVtbnM7XHJcbiAgICAgIH0pKTtcclxuICAgIH1cclxuICAgIGlmIChzZXR0aW5nKSB7XHJcbiAgICAgIHRoaXMuI3N1YnNjcmlwdGlvbj8uYWRkKHNldHRpbmcub2JzZXJ2ZXIuc3Vic2NyaWJlKGNvbHVtbnMgPT4ge1xyXG4gICAgICAgIHRoaXMuY29sdW1ucyA9IGNvbHVtbnM7XHJcbiAgICAgIH0pKTtcclxuICAgIH1cclxuICAgIHRoaXMub3JpZ2luQ29sdW1ucyA9IHRoaXMuZ3JpZE9wdGlvbi5jb2x1bW5zLmZpbHRlcihlID0+IGUudHlwZSAhPT0gJ2NoaWxkcmVuJyAmJiBlLnR5cGUgIT09ICdjaGlsZHJlbi1jb2wnKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy4jc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBvbkRldGFpbCA9IChjb2x1bW4/OiBTZEdlbmVyYXRlZENvbHVtbikgPT4ge1xyXG4gICAgdGhpcy5kZXRhaWwgPSBjb2x1bW4gfHwge1xyXG4gICAgICBmaWVsZDogdXVpZC52NCgpLFxyXG4gICAgICB0aXRsZTogJycsXHJcbiAgICAgIHR5cGU6ICdzdHJpbmcnLFxyXG4gICAgICBpc1N5c3RlbTogZmFsc2UsXHJcbiAgICAgIHVzZVRlbXBsYXRlOiBmYWxzZVxyXG4gICAgfTtcclxuICAgIHRoaXMuZm9ybS5tYXJrQXNVbnRvdWNoZWQoKTtcclxuICAgIHRoaXMuZm9ybS5tYXJrQXNQcmlzdGluZSgpO1xyXG4gICAgdGhpcy5pc0RldGFpbCA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvblNhdmUgPSAoKSA9PiB7XHJcbiAgICBjb25zdCBzeXN0ZW1TZXR0aW5nID0gdGhpcy5nZW5lcmF0ZWRDb2x1bW5TZXJ2aWNlLmxvYWRTeXN0ZW0odGhpcy5ncmlkT3B0aW9uLmNvbmZpZyk7XHJcbiAgICBjb25zdCBzZXR0aW5nID0gdGhpcy5nZW5lcmF0ZWRDb2x1bW5TZXJ2aWNlLmxvYWQodGhpcy5ncmlkT3B0aW9uPy5jb25maWcpO1xyXG4gICAgaWYgKHRoaXMuZGV0YWlsLmlzU3lzdGVtKSB7XHJcbiAgICAgIGlmICghdGhpcy5kZXRhaWwuaWQpIHtcclxuICAgICAgICBzeXN0ZW1TZXR0aW5nLnNldChbLi4udGhpcy5zeXN0ZW1Db2x1bW5zLCB7XHJcbiAgICAgICAgICAuLi50aGlzLmRldGFpbCxcclxuICAgICAgICAgIGlkOiB1dWlkLnY0KClcclxuICAgICAgICB9XSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgc3lzdGVtU2V0dGluZy5zZXQoWy4uLnRoaXMuc3lzdGVtQ29sdW1uc10pO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBpZiAoIXRoaXMuZGV0YWlsLmlkKSB7XHJcbiAgICAgICAgc2V0dGluZy5zZXQoWy4uLnRoaXMuY29sdW1ucywge1xyXG4gICAgICAgICAgLi4udGhpcy5kZXRhaWwsXHJcbiAgICAgICAgICBpZDogdXVpZC52NCgpXHJcbiAgICAgICAgfV0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHNldHRpbmcuc2V0KFsuLi50aGlzLmNvbHVtbnNdKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/grid-material/src/lib/components/popup-grid-configuration/popup-grid-configuration.component.js

@@ -1,10 +1,12 @@
 var _cache;
 import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-import { Component, ViewChild, EventEmitter, ChangeDetectorRef, Input } from '@angular/core';
+import { Component, ViewChild, EventEmitter, ChangeDetectorRef, Input, HostListener } from '@angular/core';
 import { SdNotifyService } from '@sd-angular/core/notify';
 import { SdTranslateService } from '@sd-angular/core/translate';
 import { SdGridConfigurationService } from '../../services/grid-configuration.service';
 import * as uuid from 'uuid';
+// import { SdGridMaterialColumn } from '@sd-angular/core/grid-material';
+import { moveItemInArray } from '@angular/cdk/drag-drop';
 export class SdPopupGridConfiguration {
     constructor(ref, notifyService, translateService, gridConfigurationService) {
         this.ref = ref;
@@ -15,6 +17,7 @@ export class SdPopupGridConfiguration {
         _cache.set(this, void 0);
         this.isCreatingColumn = false;
         this.selected = {};
+        this.disabledDrag = true;
         this.open = () => __awaiter(this, void 0, void 0, function* () {
             __classPrivateFieldSet(this, _cache, this.gridConfigurationService.init(this.key, this.gridOption));
             this.configuration = yield __classPrivateFieldGet(this, _cache).get();
@@ -58,13 +61,26 @@ export class SdPopupGridConfiguration {
     }
     ngOnInit() {
     }
+    mouseUp(event) {
+        this.disabledDrag = true;
+    }
+    dropTable(event) {
+        moveItemInArray(this.configuration.columns, event.previousIndex, event.currentIndex);
+        this.table.renderRows();
+    }
+    handleMouseDown() {
+        this.disabledDrag = false;
+    }
+    handleMouseUp() {
+        this.disabledDrag = true;
+    }
 }
 _cache = new WeakMap();
 SdPopupGridConfiguration.decorators = [
     { type: Component, args: [{
                 selector: 'sd-popup-grid-configuration',
-                template: "<sd-modal width=\"sm\" [title]=\"'Configuration' | sdTranslate\" #modal>\r\n  <sd-modal-body *ngIf=\"configuration\">\r\n    <div *ngIf=\"!isCreatingColumn\" class=\"c-container\">\r\n      <div class=\"c-table\" style=\"max-height:70vh\">\r\n        <table mat-table [dataSource]=\"configuration.columns\">\r\n          <ng-container matColumnDef=\"stt\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:50px\">#\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item; let idx = index\">\r\n              <span>{{idx + 1}}</span>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"title\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef>{{'Title' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <sd-input [placeholder]=\"item?.origin?.title\" [(model)]=\"item.title\" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"width\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef style=\"width:80px\">{{'Width' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <sd-input [placeholder]=\"item?.origin?.width\" [(model)]=\"item.width\" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"invisible\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:80px\">{{'Hidden' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <mat-slide-toggle [(ngModel)]=\"item.invisible\" color=\"primary\">\r\n              </mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"fixed\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:80px\">{{'Freeze' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <mat-slide-toggle [(ngModel)]=\"item.fixed\" color=\"primary\"></mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef=\"['stt', 'title', 'width', 'invisible', 'fixed']; sticky: true\"></tr>\r\n          <tr mat-row *matRowDef=\"let row; columns: ['stt', 'title', 'width', 'invisible', 'fixed'];\"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"isCreatingColumn\">\r\n      <div class=\"c-table\" style=\"max-height:50vh\">\r\n        <table mat-table [dataSource]=\"configuration.columns\">\r\n          <ng-container matColumnDef=\"stt\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:50px\">#\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item; let idx = index\">\r\n              <sd-checkbox *ngIf=\"isCreatingColumn\" [(model)]=\"selected[item.origin?.field]\"></sd-checkbox>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"title\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef>{{'Title' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <span *ngIf=\"isCreatingColumn\">{{item.title || item?.origin?.title}}</span>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef=\"['stt', 'title']; sticky: true\"></tr>\r\n          <tr mat-row *matRowDef=\"let row; columns: ['stt', 'title'];\"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <ng-container *ngIf=\"!isCreatingColumn\">\r\n      <sd-button class=\"mr-auto\" (action)=\"createColumn()\" [title]=\"'Create column' | sdTranslate\" color=\"info\"\r\n        size=\"sm\">\r\n      </sd-button>\r\n      <sd-button class=\"mr-5\" (action)=\"onReset()\" [title]=\"'Default' | sdTranslate\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n      <sd-button (action)=\"onSave()\" [title]=\"'Save' | sdTranslate\" type=\"fill\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isCreatingColumn\">\r\n      <sd-button class=\"mr-auto\" (action)=\"isCreatingColumn = false\" [title]=\"'Cancel' | sdTranslate\" color=\"info\"\r\n        size=\"sm\">\r\n      </sd-button>\r\n      <sd-button (action)=\"confirm()\" [title]=\"'Confirm' | sdTranslate\" type=\"fill\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n    </ng-container>\r\n  </sd-modal-footer>\r\n</sd-modal>",
-                styles: [".c-table{overflow:auto;position:relative}.c-table table{width:100%}.c-table .c-th{color:#000;font-size:14px;font-weight:500;line-height:20px}.c-container{min-height:200px;position:relative}"]
+                template: "<sd-modal width=\"sm\" [title]=\"'Configuration' | sdTranslate\" #modal>\r\n  <sd-modal-body *ngIf=\"configuration\">\r\n    <div *ngIf=\"!isCreatingColumn\" class=\"c-container\">\r\n      <div class=\"c-table\" style=\"max-height:70vh\">\r\n        <table #table mat-table [dataSource]=\"configuration.columns\"\r\n        cdkDropList\r\n        [cdkDropListData]=\"configuration.columns\"\r\n        (cdkDropListDropped)=\"dropTable($event)\">\r\n        >\r\n          <ng-container matColumnDef=\"stt\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:50px\">#\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item; let idx = index\">\r\n              <div class=\"c-handle\" (mousedown) = \"handleMouseDown()\" (mouseup)=\"handleMouseUp()\">\r\n                <svg width=\"24px\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path d=\"M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z\"></path>\r\n                  <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n                </svg>\r\n              </div>\r\n\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"title\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef>{{'Title' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <sd-input [placeholder]=\"item?.origin?.title\" [(model)]=\"item.title\" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"width\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef style=\"width:80px\">{{'Width' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <!-- <span>{{item.width}}</span>\r\n              <mat-slider\r\n                  step=\"1\"\r\n                  min=\"0\"\r\n                  [max]=\"+item?.origin?.width*3\"\r\n                  [(ngModel)]=\"+item.width\"\r\n                  aria-label=\"units\">\r\n                </mat-slider> -->\r\n              <sd-input [placeholder]=\"item?.origin?.width\" [(model)]=\"item.width\" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"invisible\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:80px\">{{'Hidden' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <mat-slide-toggle [(ngModel)]=\"item.invisible\" color=\"primary\">\r\n              </mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"fixed\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:80px\">{{'Freeze' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <mat-slide-toggle [(ngModel)]=\"item.fixed\" color=\"primary\"></mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef=\"['stt', 'title', 'width', 'invisible', 'fixed']; sticky: true\"></tr>\r\n          <tr mat-row *matRowDef=\"let row; columns: ['stt', 'title', 'width', 'invisible', 'fixed'];\" cdkDrag [cdkDragData]=\"row\" cdkDragLockAxis=\"y\" [cdkDragDisabled] = \"disabledDrag\"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"isCreatingColumn\">\r\n      <div class=\"c-table\" style=\"max-height:50vh\">\r\n        <table mat-table [dataSource]=\"configuration.columns\">\r\n          <ng-container matColumnDef=\"stt\">\r\n            <th mat-header-cell class=\"c-th text-center px-5\" *matHeaderCellDef style=\"width:50px\">#\r\n            </th>\r\n            <td class=\"text-center px-5\" mat-cell *matCellDef=\"let item; let idx = index\">\r\n              <sd-checkbox *ngIf=\"isCreatingColumn\" [(model)]=\"selected[item.origin?.field]\"></sd-checkbox>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef=\"title\">\r\n            <th mat-header-cell class=\"c-th px-5\" *matHeaderCellDef>{{'Title' | sdTranslate}}\r\n            </th>\r\n            <td class=\"px-5\" mat-cell *matCellDef=\"let item;\">\r\n              <span *ngIf=\"isCreatingColumn\">{{item.title || item?.origin?.title}}</span>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef=\"['stt', 'title']; sticky: true\"></tr>\r\n          <tr mat-row *matRowDef=\"let row; columns: ['stt', 'title'];\"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <ng-container *ngIf=\"!isCreatingColumn\">\r\n      <!-- <sd-button class=\"mr-auto\" (action)=\"createColumn()\" [title]=\"'Create column' | sdTranslate\" color=\"info\"\r\n        size=\"sm\">\r\n      </sd-button> -->\r\n      <sd-button class=\"mr-5\" (action)=\"onReset()\" [title]=\"'Default' | sdTranslate\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n      <sd-button (action)=\"onSave()\" [title]=\"'Save' | sdTranslate\" type=\"fill\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isCreatingColumn\">\r\n      <sd-button class=\"mr-auto\" (action)=\"isCreatingColumn = false\" [title]=\"'Cancel' | sdTranslate\" color=\"info\"\r\n        size=\"sm\">\r\n      </sd-button>\r\n      <sd-button (action)=\"confirm()\" [title]=\"'Confirm' | sdTranslate\" type=\"fill\" color=\"info\" size=\"sm\">\r\n      </sd-button>\r\n    </ng-container>\r\n  </sd-modal-footer>\r\n</sd-modal>",
+                styles: [".c-table{overflow:auto;position:relative}.c-table table{width:100%}.c-table .c-th{color:#000;font-size:14px;font-weight:500;line-height:20px}.c-container{min-height:200px;position:relative}.c-handle{color:#ccc;cursor:move}"]
             },] }
 ];
 SdPopupGridConfiguration.ctorParameters = () => [
@@ -76,6 +92,8 @@ SdPopupGridConfiguration.ctorParameters = () => [
 SdPopupGridConfiguration.propDecorators = {
     gridOption: [{ type: Input }],
     key: [{ type: Input }],
-    modal: [{ type: ViewChild, args: ['modal',] }]
+    modal: [{ type: ViewChild, args: ['modal',] }],
+    table: [{ type: ViewChild, args: ['table',] }],
+    mouseUp: [{ type: HostListener, args: ['window:mouseup', ['$event'],] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2dyaWQtbWF0ZXJpYWwvIiwic291cmNlcyI6WyJzcmMvbGliL2NvbXBvbmVudHMvcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uL3BvcHVwLWdyaWQtY29uZmlndXJhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUV2SCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHaEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFRN0IsTUFBTSxPQUFPLHdCQUF3QjtJQVduQyxZQUNVLEdBQXNCLEVBQ3RCLGFBQThCLEVBQzlCLGdCQUFvQyxFQUNwQyx3QkFBb0Q7UUFIcEQsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsa0JBQWEsR0FBYixhQUFhLENBQWlCO1FBQzlCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBb0I7UUFDcEMsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUE0QjtRQVhyRCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQTZCLENBQUM7UUFDakUseUJBQWlDO1FBRWpDLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBRUosRUFBRSxDQUFDO1FBV1AsU0FBSSxHQUFHLEdBQVMsRUFBRTtZQUNoQix1QkFBQSxJQUFJLFVBQVUsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBQztZQUM1RSxJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0scUNBQVksR0FBRyxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUEsQ0FBQTtRQUVELFdBQU0sR0FBRyxHQUFHLEVBQUU7WUFDWixxQ0FBWSxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ3BDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUE7UUFFRCxZQUFPLEdBQUcsR0FBUyxFQUFFO1lBQ25CLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7WUFDNUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLHFDQUFxQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO2dCQUNyRixxQ0FBWSxNQUFNLEVBQUUsQ0FBQztnQkFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUMzQixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQSxDQUFBO1FBRUQsaUJBQVksR0FBRyxHQUFTLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUMvQixDQUFDLENBQUEsQ0FBQTtRQUVELFlBQU8sR0FBRyxHQUFTLEVBQUU7WUFDbkIsTUFBTSxlQUFlLEdBQTBCO2dCQUM3QyxNQUFNLEVBQUU7b0JBQ04sS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7b0JBQ2hCLEtBQUssRUFBRSxXQUFXO29CQUNsQixLQUFLLEVBQUUsT0FBTztpQkFDZjtnQkFDRCxLQUFLLEVBQUUsS0FBSztnQkFDWixTQUFTLEVBQUUsS0FBSztnQkFDaEIsS0FBSyxFQUFFLFdBQVc7Z0JBQ2xCLEtBQUssRUFBRSxPQUFPO2dCQUNkLGlCQUFpQixFQUFFLElBQUk7Z0JBQ3ZCLGdCQUFnQixFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFDLE9BQUEsSUFBSSxDQUFDLFFBQVEsT0FBQyxDQUFDLENBQUMsTUFBTSwwQ0FBRSxLQUFLLENBQUMsQ0FBQSxFQUFBLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsd0JBQUMsQ0FBQyxDQUFDLE1BQU0sMENBQUUsS0FBSyxHQUFBLENBQUM7YUFDbkgsQ0FBQztZQUNGLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUNqRCxJQUFJLENBQUMsYUFBYSxHQUFHLHFDQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUNoQyxDQUFDLENBQUEsQ0FBQTtJQWhERCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7Ozs7WUF4QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSw2QkFBNkI7Z0JBQ3ZDLG8ySkFBd0Q7O2FBRXpEOzs7WUFkb0QsaUJBQWlCO1lBRTdELGVBQWU7WUFDZixrQkFBa0I7WUFHbEIsMEJBQTBCOzs7eUJBVWhDLEtBQUs7a0JBQ0wsS0FBSztvQkFDTCxTQUFTLFNBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQsIEV2ZW50RW1pdHRlciwgQ2hhbmdlRGV0ZWN0b3JSZWYsIElucHV0LCBJbmplY3QsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNkTW9kYWwgfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL21vZGFsJztcclxuaW1wb3J0IHsgU2ROb3RpZnlTZXJ2aWNlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9ub3RpZnknO1xyXG5pbXBvcnQgeyBTZFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAc2QtYW5ndWxhci9jb3JlL3RyYW5zbGF0ZSc7XHJcbmltcG9ydCB7IFNkR3JpZE1hdGVyaWFsT3B0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dyaWQtb3B0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgU2RHcmlkQ29uZmlndXJhdGlvblJlc3VsdCwgU2RHcmlkQ29uZmlndXJhdGlvbiwgU2RHcmlkQ29uZmlndXJhdGlvbkNhY2hlLCBTZENvbHVtbkNvbmZpZ3VyYXRpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb25maWcubW9kZWwnO1xyXG5pbXBvcnQgeyBTZEdyaWRDb25maWd1cmF0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2dyaWQtY29uZmlndXJhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0ICogYXMgdXVpZCBmcm9tICd1dWlkJztcclxuaW1wb3J0IHsgR1JJRF9NQVRFUklBTF9DT05GSUcsIElTZEdyaWRNYXRlcmlhbENvbmZpZ3VyYXRpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb25maWd1cmF0aW9uLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wb3B1cC1ncmlkLWNvbmZpZ3VyYXRpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RQb3B1cEdyaWRDb25maWd1cmF0aW9uIGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBncmlkT3B0aW9uOiBTZEdyaWRNYXRlcmlhbE9wdGlvbjtcclxuICBASW5wdXQoKSBrZXk6IHN0cmluZztcclxuICBAVmlld0NoaWxkKCdtb2RhbCcpIG1vZGFsOiBTZE1vZGFsO1xyXG4gIHJlYWRvbmx5IGNoYW5nZXMgPSBuZXcgRXZlbnRFbWl0dGVyPFNkR3JpZENvbmZpZ3VyYXRpb25SZXN1bHQ+KCk7XHJcbiAgI2NhY2hlOiBTZEdyaWRDb25maWd1cmF0aW9uQ2FjaGU7XHJcbiAgY29uZmlndXJhdGlvbjogU2RHcmlkQ29uZmlndXJhdGlvbjtcclxuICBpc0NyZWF0aW5nQ29sdW1uID0gZmFsc2U7XHJcbiAgc2VsZWN0ZWQ6IHtcclxuICAgIFtrZXk6IHN0cmluZ106IGJvb2xlYW47XHJcbiAgfSA9IHt9O1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBub3RpZnlTZXJ2aWNlOiBTZE5vdGlmeVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHRyYW5zbGF0ZVNlcnZpY2U6IFNkVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgZ3JpZENvbmZpZ3VyYXRpb25TZXJ2aWNlOiBTZEdyaWRDb25maWd1cmF0aW9uU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG5cclxuICBvcGVuID0gYXN5bmMgKCkgPT4ge1xyXG4gICAgdGhpcy4jY2FjaGUgPSB0aGlzLmdyaWRDb25maWd1cmF0aW9uU2VydmljZS5pbml0KHRoaXMua2V5LCB0aGlzLmdyaWRPcHRpb24pO1xyXG4gICAgdGhpcy5jb25maWd1cmF0aW9uID0gYXdhaXQgdGhpcy4jY2FjaGUuZ2V0KCk7XHJcbiAgICB0aGlzLm1vZGFsLm9wZW4oKTtcclxuICB9XHJcblxyXG4gIG9uU2F2ZSA9ICgpID0+IHtcclxuICAgIHRoaXMuI2NhY2hlLnNldCh0aGlzLmNvbmZpZ3VyYXRpb24pO1xyXG4gICAgdGhpcy5tb2RhbC5jbG9zZSgpO1xyXG4gICAgdGhpcy5yZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgb25SZXNldCA9IGFzeW5jICgpID0+IHtcclxuICAgIGNvbnN0IHsgdHJhbnNsYXRlIH0gPSB0aGlzLnRyYW5zbGF0ZVNlcnZpY2U7XHJcbiAgICB0aGlzLm5vdGlmeVNlcnZpY2UuY29uZmlybSh0cmFuc2xhdGUoJ1Jlc2V0IGdyaWQgY29uZmlndXJhdGlvbiB0byBkZWZhdWx0JykpLnRoZW4oKCkgPT4ge1xyXG4gICAgICB0aGlzLiNjYWNoZS5yZW1vdmUoKTtcclxuICAgICAgdGhpcy5tb2RhbC5jbG9zZSgpO1xyXG4gICAgICB0aGlzLnJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGNyZWF0ZUNvbHVtbiA9IGFzeW5jICgpID0+IHtcclxuICAgIHRoaXMuc2VsZWN0ZWQgPSB7fTtcclxuICAgIHRoaXMuaXNDcmVhdGluZ0NvbHVtbiA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjb25maXJtID0gYXN5bmMgKCkgPT4ge1xyXG4gICAgY29uc3QgZ2VuZXJhdGVkQ29sdW1uOiBTZENvbHVtbkNvbmZpZ3VyYXRpb24gPSB7XHJcbiAgICAgIG9yaWdpbjoge1xyXG4gICAgICAgIGZpZWxkOiB1dWlkLnY0KCksXHJcbiAgICAgICAgdGl0bGU6ICdHZW5lcmF0ZWQnLFxyXG4gICAgICAgIHdpZHRoOiAnMzAwcHgnXHJcbiAgICAgIH0sXHJcbiAgICAgIGZpeGVkOiBmYWxzZSxcclxuICAgICAgaW52aXNpYmxlOiBmYWxzZSxcclxuICAgICAgdGl0bGU6ICdHZW5lcmF0ZWQnLFxyXG4gICAgICB3aWR0aDogJzMwMHB4JyxcclxuICAgICAgaXNHZW5lcmF0ZWRDb2x1bW46IHRydWUsXHJcbiAgICAgIGdlbmVyYXRlZENvbHVtbnM6IHRoaXMuY29uZmlndXJhdGlvbi5jb2x1bW5zLmZpbHRlcihlID0+IHRoaXMuc2VsZWN0ZWRbZS5vcmlnaW4/LmZpZWxkXSkubWFwKGUgPT4gZS5vcmlnaW4/LmZpZWxkKVxyXG4gICAgfTtcclxuICAgIHRoaXMuY29uZmlndXJhdGlvbi5jb2x1bW5zLnB1c2goZ2VuZXJhdGVkQ29sdW1uKTtcclxuICAgIHRoaXMuY29uZmlndXJhdGlvbiA9IHRoaXMuI2NhY2hlLnNldCh0aGlzLmNvbmZpZ3VyYXRpb24pO1xyXG4gICAgdGhpcy5pc0NyZWF0aW5nQ29sdW1uID0gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2dyaWQtbWF0ZXJpYWwvIiwic291cmNlcyI6WyJzcmMvbGliL2NvbXBvbmVudHMvcG9wdXAtZ3JpZC1jb25maWd1cmF0aW9uL3BvcHVwLWdyaWQtY29uZmlndXJhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHaEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFFN0IseUVBQXlFO0FBQ3pFLE9BQU8sRUFBZSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQVF0RSxNQUFNLE9BQU8sd0JBQXdCO0lBYW5DLFlBQ1UsR0FBc0IsRUFDdEIsYUFBOEIsRUFDOUIsZ0JBQW9DLEVBQ3BDLHdCQUFvRDtRQUhwRCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixrQkFBYSxHQUFiLGFBQWEsQ0FBaUI7UUFDOUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFvQjtRQUNwQyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTRCO1FBWnJELFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBNkIsQ0FBQztRQUNqRSx5QkFBaUM7UUFFakMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLGFBQVEsR0FFSixFQUFFLENBQUM7UUFDUCxpQkFBWSxHQUFHLElB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LGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7Ozs7WUF2RkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSw2QkFBNkI7Z0JBQ3ZDLHUwTEFBd0Q7O2FBRXpEOzs7WUFqQm9ELGlCQUFpQjtZQUU3RCxlQUFlO1lBQ2Ysa0JBQWtCO1lBR2xCLDBCQUEwQjs7O3lCQWFoQyxLQUFLO2tCQUNMLEtBQUs7b0JBQ0wsU0FBUyxTQUFDLE9BQU87b0JBQ2pCLFNBQVMsU0FBQyxPQUFPO3NCQWtCakIsWUFBWSxTQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdDaGlsZCwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTZE1vZGFsIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS9tb2RhbCc7XHJcbmltcG9ydCB7IFNkTm90aWZ5U2VydmljZSB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvbm90aWZ5JztcclxuaW1wb3J0IHsgU2RUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQHNkLWFuZ3VsYXIvY29yZS90cmFuc2xhdGUnO1xyXG5pbXBvcnQgeyBTZEdyaWRNYXRlcmlhbE9wdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9ncmlkLW9wdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IFNkR3JpZENvbmZpZ3VyYXRpb25SZXN1bHQsIFNkR3JpZENvbmZpZ3VyYXRpb24sIFNkR3JpZENvbmZpZ3VyYXRpb25DYWNoZSwgU2RDb2x1bW5Db25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dyaWQtY29uZmlnLm1vZGVsJztcclxuaW1wb3J0IHsgU2RHcmlkQ29uZmlndXJhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9ncmlkLWNvbmZpZ3VyYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XHJcbmltcG9ydCB7IE1hdFRhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xyXG4vLyBpbXBvcnQgeyBTZEdyaWRNYXRlcmlhbENvbHVtbiB9IGZyb20gJ0BzZC1hbmd1bGFyL2NvcmUvZ3JpZC1tYXRlcmlhbCc7XHJcbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuaW1wb3J0IHsgU2RHcmlkTWF0ZXJpYWxDb2x1bW4gfSBmcm9tICcuLi8uLi9tb2RlbHMvZ3JpZC1jb2x1bW4ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1wb3B1cC1ncmlkLWNvbmZpZ3VyYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3B1cC1ncmlkLWNvbmZpZ3VyYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BvcHVwLWdyaWQtY29uZmlndXJhdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZFBvcHVwR3JpZENvbmZpZ3VyYXRpb24gaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGdyaWRPcHRpb246IFNkR3JpZE1hdGVyaWFsT3B0aW9uO1xyXG4gIEBJbnB1dCgpIGtleTogc3RyaW5nO1xyXG4gIEBWaWV3Q2hpbGQoJ21vZGFsJykgbW9kYWw6IFNkTW9kYWw7XHJcbiAgQFZpZXdDaGlsZCgndGFibGUnKSB0YWJsZTogTWF0VGFibGU8U2RHcmlkTWF0ZXJpYWxDb2x1bW4+O1xyXG4gIHJlYWRvbmx5IGNoYW5nZXMgPSBuZXcgRXZlbnRFbWl0dGVyPFNkR3JpZENvbmZpZ3VyYXRpb25SZXN1bHQ+KCk7XHJcbiAgI2NhY2hlOiBTZEdyaWRDb25maWd1cmF0aW9uQ2FjaGU7XHJcbiAgY29uZmlndXJhdGlvbjogU2RHcmlkQ29uZmlndXJhdGlvbjtcclxuICBpc0NyZWF0aW5nQ29sdW1uID0gZmFsc2U7XHJcbiAgc2VsZWN0ZWQ6IHtcclxuICAgIFtrZXk6IHN0cmluZ106IGJvb2xlYW47XHJcbiAgfSA9IHt9O1xyXG4gIGRpc2FibGVkRHJhZyA9IHRydWU7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIG5vdGlmeVNlcnZpY2U6IFNkTm90aWZ5U2VydmljZSxcclxuICAgIHByaXZhdGUgdHJhbnNsYXRlU2VydmljZTogU2RUcmFuc2xhdGVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBncmlkQ29uZmlndXJhdGlvblNlcnZpY2U6IFNkR3JpZENvbmZpZ3VyYXRpb25TZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93Om1vdXNldXAnLCBbJyRldmVudCddKVxyXG4gIG1vdXNlVXAoZXZlbnQpIHtcclxuICAgIHRoaXMuZGlzYWJsZWREcmFnID0gdHJ1ZTtcclxuICB9XHJcbiAgb3BlbiA9IGFzeW5jICgpID0+IHtcclxuICAgIHRoaXMuI2NhY2hlID0gdGhpcy5ncmlkQ29uZmlndXJhdGlvblNlcnZpY2UuaW5pdCh0aGlzLmtleSwgdGhpcy5ncmlkT3B0aW9uKTtcclxuICAgIHRoaXMuY29uZmlndXJhdGlvbiA9IGF3YWl0IHRoaXMuI2NhY2hlLmdldCgpO1xyXG4gICAgdGhpcy5tb2RhbC5vcGVuKCk7XHJcbiAgfVxyXG5cclxuICBvblNhdmUgPSAoKSA9PiB7XHJcbiAgICB0aGlzLiNjYWNoZS5zZXQodGhpcy5jb25maWd1cmF0aW9uKTtcclxuICAgIHRoaXMubW9kYWwuY2xvc2UoKTtcclxuICAgIHRoaXMucmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG9uUmVzZXQgPSBhc3luYyAoKSA9PiB7XHJcbiAgICBjb25zdCB7IHRyYW5zbGF0ZSB9ID0gdGhpcy50cmFuc2xhdGVTZXJ2aWNlO1xyXG4gICAgdGhpcy5ub3RpZnlTZXJ2aWNlLmNvbmZpcm0odHJhbnNsYXRlKCdSZXNldCBncmlkIGNvbmZpZ3VyYXRpb24gdG8gZGVmYXVsdCcpKS50aGVuKCgpID0+IHtcclxuICAgICAgdGhpcy4jY2FjaGUucmVtb3ZlKCk7XHJcbiAgICAgIHRoaXMubW9kYWwuY2xvc2UoKTtcclxuICAgICAgdGhpcy5yZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjcmVhdGVDb2x1bW4gPSBhc3luYyAoKSA9PiB7XHJcbiAgICB0aGlzLnNlbGVjdGVkID0ge307XHJcbiAgICB0aGlzLmlzQ3JlYXRpbmdDb2x1bW4gPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgY29uZmlybSA9IGFzeW5jICgpID0+IHtcclxuICAgIGNvbnN0IGdlbmVyYXRlZENvbHVtbjogU2RDb2x1bW5Db25maWd1cmF0aW9uID0ge1xyXG4gICAgICBvcmlnaW46IHtcclxuICAgICAgICBmaWVsZDogdXVpZC52NCgpLFxyXG4gICAgICAgIHRpdGxlOiAnR2VuZXJhdGVkJyxcclxuICAgICAgICB3aWR0aDogJzMwMHB4J1xyXG4gICAgICB9LFxyXG4gICAgICBmaXhlZDogZmFsc2UsXHJcbiAgICAgIGludmlzaWJsZTogZmFsc2UsXHJcbiAgICAgIHRpdGxlOiAnR2VuZXJhdGVkJyxcclxuICAgICAgd2lkdGg6ICczMDBweCcsXHJcbiAgICAgIGlzR2VuZXJhdGVkQ29sdW1uOiB0cnVlLFxyXG4gICAgICBnZW5lcmF0ZWRDb2x1bW5zOiB0aGlzLmNvbmZpZ3VyYXRpb24uY29sdW1ucy5maWx0ZXIoZSA9PiB0aGlzLnNlbGVjdGVkW2Uub3JpZ2luPy5maWVsZF0pLm1hcChlID0+IGUub3JpZ2luPy5maWVsZClcclxuICAgIH07XHJcbiAgICB0aGlzLmNvbmZpZ3VyYXRpb24uY29sdW1ucy5wdXNoKGdlbmVyYXRlZENvbHVtbik7XHJcbiAgICB0aGlzLmNvbmZpZ3VyYXRpb24gPSB0aGlzLiNjYWNoZS5zZXQodGhpcy5jb25maWd1cmF0aW9uKTtcclxuICAgIHRoaXMuaXNDcmVhdGluZ0NvbHVtbiA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgZHJvcFRhYmxlKGV2ZW50OiBDZGtEcmFnRHJvcDxTZEdyaWRNYXRlcmlhbENvbHVtbltdPikge1xyXG4gICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuY29uZmlndXJhdGlvbi5jb2x1bW5zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgdGhpcy50YWJsZS5yZW5kZXJSb3dzKCk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVNb3VzZURvd24oKSB7XHJcbiAgICB0aGlzLmRpc2FibGVkRHJhZyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTW91c2VVcCgpIHtcclxuICAgIHRoaXMuZGlzYWJsZWREcmFnID0gdHJ1ZTtcclxuICB9XHJcbn1cclxuIl19