@angular-generic-table/column-settings/angular-generic-table-column-settings.metadata.json

angular-generic-table extension that makes it easy to toggle column visibility and reoder columns.

{"__symbolic":"module","version":4,"metadata":{"ColumnSettingsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":11},{"__symbolic":"reference","module":"@angular-generic-table/core","name":"GenericTableModule","line":10,"character":25},{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaModule","line":10,"character":45}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":22,"character":1},"arguments":[{"name":"gtColumn"}]}],"members":{"getColumnOrder":[{"__symbolic":"method"}],"getEnabled":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"gt-column-settings","template":"\n        <ng-template #columnItem let-column let-index=\"index\">\n            <span class=\"badge badge-secondary\">{{index}}</span>\n            <span (dblclick)=\"toggleColumnVisibility(column)\" class=\"badge\" [ngClass]=\"{'badge-success':column.visible !== false, 'badge-danger':column.visible === false}\">{{genericTable.gtFields | gtProperty:column.objectKey:'name'}}</span>\n        </ng-template>\n        <div class=\"gt-column-settings\">\n            <div class=\"gt-column-settings-panel\"  *ngIf=\"active\" [style.padding-top]=\"offset\" [style.height]=\"'calc(100% - '+offset+')'\">\n                <div #gtColumnSettingsHeader class=\"gt-column-settings-header border-bottom-0\" [ngClass]=\"gtHeaderClasses\">\n                    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"toggleColumnSettings()\">\n                        <span aria-hidden=\"true\">&times;</span>\n                    </button>\n                    <h6 class=\"gt-column-settings-title\" *ngIf=\"gtTexts.title\">{{gtTexts.title}}</h6>\n                    <small class=\"gt-column-settings-help form-text text-muted\" *ngIf=\"gtTexts.help\">{{gtTexts.help}}</small>\n                </div>\n                <div class=\"gt-column-settings-item-wrapper\" [ngClass]=\"gtWrapperClasses\" [dragula]='bagId'  data-visible=\"true\" [style.max-height]=\"'calc(100% - '+heightAdjust+')'\">\n                    <div class=\"gt-column-settings-item pr-0 pr-sm-4\" *ngFor=\"let i = index;let column of genericTable.gtSettings | gtColumn\" [attr.data-object-key]=\"column.objectKey\">\n                        <ng-template [ngTemplateOutlet]=\"gtColumnItem ? gtColumnItem:columnItem\" [ngTemplateOutletContext]=\"{$implicit: column,index: this.reordered ? column.columnOrder+1:i+1, name: (genericTable.gtFields | gtProperty:column.objectKey:'name')}\"></ng-template>\n                    </div>\n                </div>\n                <div class=\"gt-overlay\" *ngIf=\"active && overlay\" (click)=\"toggleColumnSettings()\" [style.height]=\"'calc(100% - -'+offset+')'\"></div>\n            </div>\n            <ng-template #genericTableElement [ngIf]=\"genericTable\">\n                <ng-content></ng-content>\n            </ng-template>\n        </div>\n    "}]}],"members":{"genericTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"elementView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":2},"arguments":["genericTableElement"]}]}],"gtColumnSettingsHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":90,"character":2},"arguments":["gtColumnSettingsHeader"]}]}],"gtHeaderClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}],"gtWrapperClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":2}}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":2}}]}],"gtColumnItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":2}}]}],"gtTexts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":2}}]}],"gtEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":2}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":116,"character":2},"arguments":["window:resize",[]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":123,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":124,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleColumnSettings":[{"__symbolic":"method"}],"toggleColumnVisibility":[{"__symbolic":"method"}],"_onDrop":[{"__symbolic":"method"}],"_getTableHeadHeight":[{"__symbolic":"method"}],"_getColumnSettingsHeaderHeight":[{"__symbolic":"method"}],"generateId":[{"__symbolic":"method"}]}}},"origins":{"ColumnSettingsModule":"./column-settings.module","ɵa":"./components/gt-column-settings.component","ɵb":"./components/gt-column-settings.component"},"importAs":"@angular-generic-table/column-settings"}