Merge pull request #134 from NachmanBerkowitz:better_class_name

unique title class name

Author: NachmanBerkowitz

projects/table-builder/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mx-table-builder",
-  "version": "0.4.26",
+  "version": "0.4.27",
   "peerDependencies": {
     "@angular/common": "~12.1.1",
     "@angular/core": "~12.1.1",

projects/table-builder/src/lib/components/table-container/table-container.html

@@ -3,7 +3,7 @@
 
     <div class="header-wrapper" >
       <div class="title">
-        <ng-content select=".title"  *ngIf="(!(collapseHeader$ | async)) || (state.tableSettings$ | async).showTitleWhenHeaderCollapsed"></ng-content>
+        <ng-content select=".tb-header-title"  *ngIf="(!(collapseHeader$ | async)) || (state.tableSettings$ | async).showTitleWhenHeaderCollapsed"></ng-content>
       </div>
       <div class="flx-row-end">
         <lib-filter-list></lib-filter-list>

src/app/table-builder-example/table-builder-example.component.html

@@ -10,7 +10,7 @@
 <tb-table-container *ngIf='tableBuilder' (data)='emitter($event)' [SaveState]='true' tableId='test-table-id-123' #tb
   [tableBuilder]='tableBuilder' [inputFilters]='myFilter' [pageSize]="50" [SelectionColumn]='true' (selection$)="selectionEvent($event)">
   <span [ngClass]="(tb.state$ | async).persistedTableSettings.collapseHeader ? 'small-title' : 'big-title'"
-  class="title">TRIAL TITLE</span>
+  class="tb-header-title">TRIAL TITLE</span>
   <p *customCell="'testCell';let element = element;" [class.makeMeRed]="element?.name && element?.name[0] === 'H'" >Hi {{element.name}}!</p>
 
   <ng-container customCell='date' matColumnDef="date"   >