@simpleangularcontrols/sac-bootstrap3 13.0.0-rc.20 → 13.0.0-rc.21

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.
@@ -15,7 +15,7 @@ SacGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
15
15
  provide: SacGridColumnBaseCommon,
16
16
  useExisting: forwardRef(() => SacGridColumnComponent),
17
17
  },
18
- ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
18
+ ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
19
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SacGridColumnComponent, decorators: [{
20
20
  type: Component,
21
21
  args: [{ selector: 'sac-gridcolumn', providers: [
@@ -23,6 +23,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
23
23
  provide: SacGridColumnBaseCommon,
24
24
  useExisting: forwardRef(() => SacGridColumnComponent),
25
25
  },
26
- ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n" }]
26
+ ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n" }]
27
27
  }], ctorParameters: function () { return [{ type: i1.SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBWWpHLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxtQkFBbUI7SUFDM0QsdUJBQXVCO0lBRXZCLFlBQVksSUFBc0IsRUFBRSxRQUFrQixFQUFFLEVBQWM7UUFDbEUsS0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7bUhBTFEsc0JBQXNCO3VHQUF0QixzQkFBc0IseUNBUHBCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsdUJBQXVCO1lBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7U0FDeEQ7S0FDSixpRENaTCwwckNBbUNBOzJGRHJCYSxzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBRWY7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7eUJBQ3hEO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdG9yLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbiwgU2FjR3JpZENvbHVtbkNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRjb2x1bW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkY29sdW1uLmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb2x1bW5Db21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29sdW1uQ29tbW9uIHtcbiAgICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgY29uc3RydWN0b3IoZ3JpZDogU2FjR3JpZENvbXBvbmVudCwgaW5qZWN0b3I6IEluamVjdG9yLCBlbDogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihncmlkLCBpbmplY3RvciwgZWwpO1xuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gQ29uc3RydWN0b3JzXG59XG4iLCI8dGhcbiAgICAjaGVhZGVyRWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzSGVhZGVyKClcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgKGNsaWNrKT1cIlNvcnRCeUNvbHVtbigpXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW4+e3sgaGVhZGVyIH19PC9zcGFuPlxuICAgIDxzcGFuXG4gICAgICAgIFtjbGFzc109XCJJY29uU29ydFVwXCJcbiAgICAgICAgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IDAuNXJlbVwiXG4gICAgICAgICpuZ0lmPVwiSXNTb3J0ZWRDb2x1bW4oKSAmJiBHZXRTb3J0RGlyZWN0aW9uKCkgPT09ICdhc2MnXCI+PC9zcGFuPlxuICAgIDxzcGFuXG4gICAgICAgIFtjbGFzc109XCJJY29uU29ydERvd25cIlxuICAgICAgICBzdHlsZT1cInBhZGRpbmctbGVmdDogMC41cmVtXCJcbiAgICAgICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0gJ2Rlc2MnXCI+PC9zcGFuPlxuPC90aD5cbjx0ZFxuICAgICNib2R5RWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzQm9keSgpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuICAgIFtjbGFzcy5lbGxpcHNpc109XCJJc0VsbGlwc2lzKClcIlxuICAgIChjbGljayk9XCJDb2x1bW5DbGljaygpXCJcbiAgICBbc3R5bGUubWF4LXdpZHRoXT1cIklzRWxsaXBzaXMoKSA/IHdpZHRoIDogbnVsbFwiXG4gICAgW3N0eWxlLm92ZXJmbG93XT1cIklzRWxsaXBzaXMoKSA/ICdoaWRkZW4nIDogbnVsbFwiXG4gICAgW3N0eWxlLnRleHQtb3ZlcmZsb3ddPVwiSXNFbGxpcHNpcygpID8gJ2VsbGlwc2lzJyA6IG51bGxcIlxuICAgIFtzdHlsZS53aGl0ZS1zcGFjZV09XCJJc0VsbGlwc2lzKCkgPyAnbm93cmFwJyA6IG51bGxcIlxuICAgIFtjbGFzcy50ZXh0LXJpZ2h0XT1cImFsaWdubWVudCA9PT0gJ3JpZ2h0J1wiXG4gICAgW2NsYXNzLnRleHQtY2VudGVyXT1cImFsaWdubWVudCA9PT0gJ2NlbnRlcidcIj5cbiAgICA8c3BhblxuICAgICAgICBbYXR0ci50aXRsZV09XCJJc0VsbGlwc2lzKCkgPyB2YWx1ZSA6IG51bGxcIlxuICAgICAgICBbaW5uZXJIdG1sXT1cInZhbHVlXCI+PC9zcGFuPlxuPC90ZD5cbiJdfQ==
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBWWpHLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxtQkFBbUI7SUFDM0QsdUJBQXVCO0lBRXZCLFlBQVksSUFBc0IsRUFBRSxRQUFrQixFQUFFLEVBQWM7UUFDbEUsS0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7bUhBTFEsc0JBQXNCO3VHQUF0QixzQkFBc0IseUNBUHBCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsdUJBQXVCO1lBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7U0FDeEQ7S0FDSixpRENaTCx5aURBd0NBOzJGRDFCYSxzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBRWY7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7eUJBQ3hEO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdG9yLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbiwgU2FjR3JpZENvbHVtbkNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRjb2x1bW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkY29sdW1uLmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb2x1bW5Db21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29sdW1uQ29tbW9uIHtcbiAgICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgY29uc3RydWN0b3IoZ3JpZDogU2FjR3JpZENvbXBvbmVudCwgaW5qZWN0b3I6IEluamVjdG9yLCBlbDogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihncmlkLCBpbmplY3RvciwgZWwpO1xuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gQ29uc3RydWN0b3JzXG59XG4iLCI8dGhcbiAgICAjaGVhZGVyRWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzSGVhZGVyKClcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgKGNsaWNrKT1cIlNvcnRCeUNvbHVtbigpXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW4+e3sgaGVhZGVyIH19PC9zcGFuPlxuICAgIDxzcGFuXG4gICAgICAgIFtjbGFzc109XCJJY29uU29ydFVwXCJcbiAgICAgICAgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IDAuNXJlbVwiXG4gICAgICAgICpuZ0lmPVwiSXNTb3J0ZWRDb2x1bW4oKSAmJiBHZXRTb3J0RGlyZWN0aW9uKCkgPT09ICdhc2MnXCI+PC9zcGFuPlxuICAgIDxzcGFuXG4gICAgICAgIFtjbGFzc109XCJJY29uU29ydERvd25cIlxuICAgICAgICBzdHlsZT1cInBhZGRpbmctbGVmdDogMC41cmVtXCJcbiAgICAgICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0gJ2Rlc2MnXCI+PC9zcGFuPlxuPC90aD5cbjx0ZFxuICAgICNib2R5RWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzQm9keSgpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuICAgIFtjbGFzcy5lbGxpcHNpc109XCJJc0VsbGlwc2lzKClcIlxuICAgIChjbGljayk9XCJDb2x1bW5DbGljaygpXCJcbiAgICBbc3R5bGUubWF4LXdpZHRoXT1cIklzRWxsaXBzaXMoKSA/IHdpZHRoIDogbnVsbFwiXG4gICAgW3N0eWxlLm92ZXJmbG93XT1cIklzRWxsaXBzaXMoKSA/ICdoaWRkZW4nIDogbnVsbFwiXG4gICAgW3N0eWxlLnRleHQtb3ZlcmZsb3ddPVwiSXNFbGxpcHNpcygpID8gJ2VsbGlwc2lzJyA6IG51bGxcIlxuICAgIFtzdHlsZS53aGl0ZS1zcGFjZV09XCJJc0VsbGlwc2lzKCkgPyAnbm93cmFwJyA6IG51bGxcIlxuICAgIFtjbGFzcy50ZXh0LXJpZ2h0XT1cImFsaWdubWVudCA9PT0gJ3JpZ2h0J1wiXG4gICAgW2NsYXNzLnRleHQtY2VudGVyXT1cImFsaWdubWVudCA9PT0gJ2NlbnRlcidcIlxuICAgIFtjbGFzcy5hY3RpdmVdPVwiY29udGV4dHN0eWxlID09PSAnYWN0aXZlJyB8fCBjb250ZXh0c3R5bGUgPT09ICdwcmltYXJ5JyB8fCBjb250ZXh0c3R5bGUgPT09ICdzZWNvbmRhcnknIHx8IGNvbnRleHRzdHlsZSA9PT0gJ2xpZ2h0JyB8fCBjb250ZXh0c3R5bGUgPT09ICdkYXJrJ1wiXG4gICAgW2NsYXNzLnN1Y2Nlc3NdPVwiY29udGV4dHN0eWxlID09PSAnc3VjY2VzcydcIlxuICAgIFtjbGFzcy53YXJuaW5nXT1cImNvbnRleHRzdHlsZSA9PT0gJ3dhcm5pbmcnXCJcbiAgICBbY2xhc3MuZGFuZ2VyXT1cImNvbnRleHRzdHlsZSA9PT0gJ2RhbmdlcidcIlxuICAgIFtjbGFzcy5pbmZvXT1cImNvbnRleHRzdHlsZSA9PT0gJ2luZm8nXCI+XG4gICAgPHNwYW5cbiAgICAgICAgW2F0dHIudGl0bGVdPVwiSXNFbGxpcHNpcygpID8gdmFsdWUgOiBudWxsXCJcbiAgICAgICAgW2lubmVySHRtbF09XCJ2YWx1ZVwiPjwvc3Bhbj5cbjwvdGQ+XG4iXX0=
@@ -16,7 +16,7 @@ SacGridColumnActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
16
16
  provide: SacGridColumnBaseCommon,
17
17
  useExisting: forwardRef(() => SacGridColumnActionComponent),
18
18
  },
19
- ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <ng-content></ng-content>\n</td>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
19
+ ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <ng-content></ng-content>\n</td>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SacGridColumnActionComponent, decorators: [{
21
21
  type: Component,
22
22
  args: [{ selector: 'sac-gridcolumnaction', providers: [
@@ -24,6 +24,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
24
24
  provide: SacGridColumnBaseCommon,
25
25
  useExisting: forwardRef(() => SacGridColumnActionComponent),
26
26
  },
27
- ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <ng-content></ng-content>\n</td>\n" }]
27
+ ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <ng-content></ng-content>\n</td>\n" }]
28
28
  }], ctorParameters: function () { return [{ type: i1.SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBWXZHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSx5QkFBeUI7SUFDdkUsdUJBQXVCO0lBRXZCLFlBQVksSUFBc0IsRUFBRSxRQUFrQixFQUFFLEVBQWM7UUFDbEUsS0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDeEIsQ0FBQzs7eUhBUFEsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsK0NBUDFCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsdUJBQXVCO1lBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7U0FDOUQ7S0FDSixpRENaTCxxYkFpQkE7MkZESGEsNEJBQTRCO2tCQVZ4QyxTQUFTOytCQUNJLHNCQUFzQixhQUVyQjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsdUJBQXVCOzRCQUNoQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw2QkFBNkIsQ0FBQzt5QkFDOUQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTYWNHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24sIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbmFjdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW5hY3Rpb24uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24ge1xuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKGdyaWQsIGluamVjdG9yLCBlbCk7XG5cbiAgICAgICAgdGhpcy53aWR0aCA9ICc1MnB4JztcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuIiwiPHRoXG4gICAgI2hlYWRlckVsZW1lbnRcbiAgICBzY29wZT1cImNvbFwiXG4gICAgKm5nSWY9XCJJc0hlYWRlcigpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuICAgIFtjbGFzcy50ZXh0LXJpZ2h0XT1cImFsaWdubWVudCA9PT0gJ3JpZ2h0J1wiXG4gICAgW2NsYXNzLnRleHQtY2VudGVyXT1cImFsaWdubWVudCA9PT0gJ2NlbnRlcidcIj5cbiAgICA8c3Bhbj48L3NwYW4+XG48L3RoPlxuPHRkXG4gICAgI2JvZHlFbGVtZW50XG4gICAgc2NvcGU9XCJjb2xcIlxuICAgICpuZ0lmPVwiSXNCb2R5KClcIlxuICAgIFtjbGFzcy50ZXh0LXJpZ2h0XT1cImFsaWdubWVudCA9PT0gJ3JpZ2h0J1wiXG4gICAgW2NsYXNzLnRleHQtY2VudGVyXT1cImFsaWdubWVudCA9PT0gJ2NlbnRlcidcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3RkPlxuIl19
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBWXZHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSx5QkFBeUI7SUFDdkUsdUJBQXVCO0lBRXZCLFlBQVksSUFBc0IsRUFBRSxRQUFrQixFQUFFLEVBQWM7UUFDbEUsS0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDeEIsQ0FBQzs7eUhBUFEsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsK0NBUDFCO1FBQ1A7WUFDSSxPQUFPLEVBQUUsdUJBQXVCO1lBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7U0FDOUQ7S0FDSixpRENaTCxveUJBc0JBOzJGRFJhLDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDSSxzQkFBc0IsYUFFckI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNkJBQTZCLENBQUM7eUJBQzlEO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdG9yLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tbW9uLCBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRjb2x1bW5hY3Rpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkY29sdW1uYWN0aW9uLmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tbW9uIHtcbiAgICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgY29uc3RydWN0b3IoZ3JpZDogU2FjR3JpZENvbXBvbmVudCwgaW5qZWN0b3I6IEluamVjdG9yLCBlbDogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihncmlkLCBpbmplY3RvciwgZWwpO1xuXG4gICAgICAgIHRoaXMud2lkdGggPSAnNTJweCc7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjx0aFxuICAgICNoZWFkZXJFbGVtZW50XG4gICAgc2NvcGU9XCJjb2xcIlxuICAgICpuZ0lmPVwiSXNIZWFkZXIoKVwiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW4+PC9zcGFuPlxuPC90aD5cbjx0ZFxuICAgICNib2R5RWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzQm9keSgpXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCJcbiAgICBbY2xhc3MuYWN0aXZlXT1cImNvbnRleHRzdHlsZSA9PT0gJ2FjdGl2ZScgfHwgY29udGV4dHN0eWxlID09PSAncHJpbWFyeScgfHwgY29udGV4dHN0eWxlID09PSAnc2Vjb25kYXJ5JyB8fCBjb250ZXh0c3R5bGUgPT09ICdsaWdodCcgfHwgY29udGV4dHN0eWxlID09PSAnZGFyaydcIlxuICAgIFtjbGFzcy5zdWNjZXNzXT1cImNvbnRleHRzdHlsZSA9PT0gJ3N1Y2Nlc3MnXCJcbiAgICBbY2xhc3Mud2FybmluZ109XCJjb250ZXh0c3R5bGUgPT09ICd3YXJuaW5nJ1wiXG4gICAgW2NsYXNzLmRhbmdlcl09XCJjb250ZXh0c3R5bGUgPT09ICdkYW5nZXInXCJcbiAgICBbY2xhc3MuaW5mb109XCJjb250ZXh0c3R5bGUgPT09ICdpbmZvJ1wiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvdGQ+XG4iXX0=
@@ -1073,7 +1073,7 @@ SacGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1073
1073
  provide: SacGridColumnBaseCommon,
1074
1074
  useExisting: forwardRef(() => SacGridColumnComponent),
1075
1075
  },
1076
- ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1076
+ ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1077
1077
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SacGridColumnComponent, decorators: [{
1078
1078
  type: Component,
1079
1079
  args: [{ selector: 'sac-gridcolumn', providers: [
@@ -1081,7 +1081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1081
1081
  provide: SacGridColumnBaseCommon,
1082
1082
  useExisting: forwardRef(() => SacGridColumnComponent),
1083
1083
  },
1084
- ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n" }]
1084
+ ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span>{{ header }}</span>\n <span\n [class]=\"IconSortUp\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n [class]=\"IconSortDown\"\n style=\"padding-left: 0.5rem\"\n *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n" }]
1085
1085
  }], ctorParameters: function () { return [{ type: SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
1086
1086
 
1087
1087
  class SacGridColumnActionComponent extends SacGridColumnActionCommon {
@@ -1097,7 +1097,7 @@ SacGridColumnActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
1097
1097
  provide: SacGridColumnBaseCommon,
1098
1098
  useExisting: forwardRef(() => SacGridColumnActionComponent),
1099
1099
  },
1100
- ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <ng-content></ng-content>\n</td>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1100
+ ], usesInheritance: true, ngImport: i0, template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <ng-content></ng-content>\n</td>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1101
1101
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SacGridColumnActionComponent, decorators: [{
1102
1102
  type: Component,
1103
1103
  args: [{ selector: 'sac-gridcolumnaction', providers: [
@@ -1105,7 +1105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1105
1105
  provide: SacGridColumnBaseCommon,
1106
1106
  useExisting: forwardRef(() => SacGridColumnActionComponent),
1107
1107
  },
1108
- ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <ng-content></ng-content>\n</td>\n" }]
1108
+ ], template: "<th\n #headerElement\n scope=\"col\"\n *ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n *ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n [class.active]=\"contextstyle === 'active' || contextstyle === 'primary' || contextstyle === 'secondary' || contextstyle === 'light' || contextstyle === 'dark'\"\n [class.success]=\"contextstyle === 'success'\"\n [class.warning]=\"contextstyle === 'warning'\"\n [class.danger]=\"contextstyle === 'danger'\"\n [class.info]=\"contextstyle === 'info'\">\n <ng-content></ng-content>\n</td>\n" }]
1109
1109
  }], ctorParameters: function () { return [{ type: SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
1110
1110
 
1111
1111
  class SacGridImageComponent extends SacGridImageCommon {