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

package/esm2022/controls/grid/grid.mjs

@@ -1,29 +1,30 @@
-import { Component, forwardRef, TemplateRef, ContentChild } from '@angular/core';
-import { SacGridCommon } from '@simpleangularcontrols/sac-common';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { SacPagingComponent } from './paging';
-import { NgTemplateOutlet, NgFor, NgIf } from '@angular/common';
+import { NgFor, NgIf, NgTemplateOutlet } from '@angular/common';
+import { Component, ContentChild, TemplateRef, forwardRef } from '@angular/core';
+import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SacGridCommon, SacTestingAttributePipe } from '@simpleangularcontrols/sac-common';
 import * as i0 from "@angular/core";
 class SacGridComponent extends SacGridCommon {
     constructor() {
         super(...arguments);
+        // #region Properties
         this.ellipsis = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridComponent, isStandalone: true, selector: "sac-grid", providers: [
             { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
-            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) }
-        ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<table class=\"table table-striped table-condensed table-hover\" id=\"{{name}}\">\n  <thead>\n    <tr>\n      <ng-container\n        *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\"\n      >\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody>\n    <ng-container *ngFor=\"let item of value; let i=index\">\n      <tr>\n        <ng-container\n          *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\"\n        >\n        </ng-container>\n      </tr>\n    </ng-container>\n    <tr\n      *ngIf=\"value === undefined || value === null || value.length === 0\"\n      data-e2e=\"emptyrow\"\n    >\n      <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\n    </tr>\n  </tbody>\n  <tfoot *ngIf=\"pagerdata\">\n    <tr>\n      <td [attr.colspan]=\"ColumnCount\">\n        <div class=\"container-fluid\">\n          <sac-paging\n            name=\"{{name}}Paging\"\n            (paging)=\"pageChange($event)\"\n            [pagerdata]=\"pagerdata\"\n            [pagingtext]=\"pagingtext\"\n            [pagesizetext]=\"pagesizetext\"\n          ></sac-paging>\n        </div>\n      </td>\n    </tr>\n  </tfoot>\n</table>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacPagingComponent, selector: "sac-paging" }] }); }
+            { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) },
+        ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<table\n    class=\"table table-striped table-condensed table-hover\"\n    id=\"{{ name }}\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <thead>\n        <tr>\n            <ng-container *ngTemplateOutlet=\"template; context: { row: {}, type: 'header' }\"> </ng-container>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of value; let i = index\">\n            <tr>\n                <ng-container *ngTemplateOutlet=\"template; context: { row: item, type: 'body' }\"> </ng-container>\n            </tr>\n        </ng-container>\n        <tr\n            *ngIf=\"value === undefined || value === null || value.length === 0\"\n            data-e2e=\"emptyrow\">\n            <td [attr.colspan]=\"ColumnCount\">{{ emptytext }}</td>\n        </tr>\n    </tbody>\n    <tfoot *ngIf=\"pagerdata\">\n        <tr>\n            <td [attr.colspan]=\"ColumnCount\">\n                <div class=\"container-fluid\">\n                    <sac-paging\n                        name=\"{{ name }}Paging\"\n                        (paging)=\"pageChange($event)\"\n                        [pagerdata]=\"pagerdata\"\n                        [pagingtext]=\"pagingtext\"\n                        [pagesizes]=\"pagesizes\"\n                        [pagesizetext]=\"pagesizetext\"\n                        [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\n                </div>\n            </td>\n        </tr>\n    </tfoot>\n</table>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacPagingComponent, selector: "sac-paging" }, { kind: "pipe", type: SacTestingAttributePipe, name: "testingattribute" }] }); }
 }
 export { SacGridComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sac-grid', providers: [
                         { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
-                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) }
-                    ], standalone: true, imports: [NgTemplateOutlet, NgFor, NgIf, SacPagingComponent], template: "<table class=\"table table-striped table-condensed table-hover\" id=\"{{name}}\">\n  <thead>\n    <tr>\n      <ng-container\n        *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\"\n      >\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody>\n    <ng-container *ngFor=\"let item of value; let i=index\">\n      <tr>\n        <ng-container\n          *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\"\n        >\n        </ng-container>\n      </tr>\n    </ng-container>\n    <tr\n      *ngIf=\"value === undefined || value === null || value.length === 0\"\n      data-e2e=\"emptyrow\"\n    >\n      <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\n    </tr>\n  </tbody>\n  <tfoot *ngIf=\"pagerdata\">\n    <tr>\n      <td [attr.colspan]=\"ColumnCount\">\n        <div class=\"container-fluid\">\n          <sac-paging\n            name=\"{{name}}Paging\"\n            (paging)=\"pageChange($event)\"\n            [pagerdata]=\"pagerdata\"\n            [pagingtext]=\"pagingtext\"\n            [pagesizetext]=\"pagesizetext\"\n          ></sac-paging>\n        </div>\n      </td>\n    </tr>\n  </tfoot>\n</table>\n" }]
+                        { provide: NG_VALIDATORS, multi: true, useExisting: forwardRef(() => SacGridComponent) },
+                    ], standalone: true, imports: [NgTemplateOutlet, NgFor, NgIf, SacPagingComponent, SacTestingAttributePipe], template: "<table\n    class=\"table table-striped table-condensed table-hover\"\n    id=\"{{ name }}\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <thead>\n        <tr>\n            <ng-container *ngTemplateOutlet=\"template; context: { row: {}, type: 'header' }\"> </ng-container>\n        </tr>\n    </thead>\n    <tbody>\n        <ng-container *ngFor=\"let item of value; let i = index\">\n            <tr>\n                <ng-container *ngTemplateOutlet=\"template; context: { row: item, type: 'body' }\"> </ng-container>\n            </tr>\n        </ng-container>\n        <tr\n            *ngIf=\"value === undefined || value === null || value.length === 0\"\n            data-e2e=\"emptyrow\">\n            <td [attr.colspan]=\"ColumnCount\">{{ emptytext }}</td>\n        </tr>\n    </tbody>\n    <tfoot *ngIf=\"pagerdata\">\n        <tr>\n            <td [attr.colspan]=\"ColumnCount\">\n                <div class=\"container-fluid\">\n                    <sac-paging\n                        name=\"{{ name }}Paging\"\n                        (paging)=\"pageChange($event)\"\n                        [pagerdata]=\"pagerdata\"\n                        [pagingtext]=\"pagingtext\"\n                        [pagesizes]=\"pagesizes\"\n                        [pagesizetext]=\"pagesizetext\"\n                        [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\n                </div>\n            </td>\n        </tr>\n    </tfoot>\n</table>\n" }]
         }], propDecorators: { template: [{
                 type: ContentChild,
                 args: [TemplateRef, { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBeUMsVUFBVSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ2xKLE9BQU8sRUFBRSxhQUFhLEVBQXNDLE1BQU0sbUNBQW1DLENBQUM7QUFFdEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBb0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDOUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFaEUsTUFXYSxnQkFBaUIsU0FBUSxhQUFhO0lBWG5EOztRQWdCRSxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRTNCOytHQVBZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHVEQVBkO1lBQ1AsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUU7WUFDMUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFO1NBQzNGLGdFQU1XLFdBQVcscUZDcEIzQiwyb0NBeUNBLDRDRHpCYyxnQkFBZ0Isb0pBQUUsS0FBSyxtSEFBRSxJQUFJLDZGQUFFLGtCQUFrQjs7U0FFbEQsZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBWDVCLFNBQVM7K0JBQ0ksVUFBVSxhQUdUO3dCQUNQLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxrQkFBa0IsRUFBRTt3QkFDMUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUMsRUFBRTtxQkFDM0YsY0FDVyxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixDQUFDOzhCQUs5RCxRQUFRO3NCQURQLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRGlyZWN0aXZlLCBRdWVyeUxpc3QsIENvbnRlbnRDaGlsZHJlbiwgZm9yd2FyZFJlZiwgVGVtcGxhdGVSZWYsIENvbnRlbnRDaGlsZCwgVmlld0NoaWxkcmVuLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQ29tbW9uLCBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbiwgUGFnZXJEYXRhIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuLi9mb3JtL2Zvcm0nO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIE5HX1ZBTElEQVRPUlMsIENvbnRyb2xDb250YWluZXIgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTYWNQYWdpbmdDb21wb25lbnQgfSBmcm9tICcuL3BhZ2luZyc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0LCBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkLmh0bWwnLFxuICAgIC8vIFZhbHVlIEFjY2VzcyBQcm92aWRlciByZWdpc3RyaWVyZW4sIGRhbWl0IFdlcnQgdmlhIE1vZGVsIGdlc2NocmllYmVuIHVuZCBnZWxlc2VuIHdlcmRlbiBrYW5uXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIG11bHRpOiB0cnVlLCB1c2VFeGlzdGluZzogU2FjR3JpZENvbXBvbmVudCB9LFxuICAgICAgICB7IHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsIG11bHRpOiB0cnVlLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWNHcmlkQ29tcG9uZW50KSB9XG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBOZ0ZvciwgTmdJZiwgU2FjUGFnaW5nQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZENvbW1vbiB7XG5cbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IHRydWUgfSlcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgZWxsaXBzaXM6IGJvb2xlYW4gPSBmYWxzZTtcblxufVxuIiwiPHRhYmxlIGNsYXNzPVwidGFibGUgdGFibGUtc3RyaXBlZCB0YWJsZS1jb25kZW5zZWQgdGFibGUtaG92ZXJcIiBpZD1cInt7bmFtZX19XCI+XG4gIDx0aGVhZD5cbiAgICA8dHI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGU7IGNvbnRleHQgeyByb3c6IHt9LCB0eXBlOiAnaGVhZGVyJ31cIlxuICAgICAgPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC90cj5cbiAgPC90aGVhZD5cbiAgPHRib2R5PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdmFsdWU7IGxldCBpPWluZGV4XCI+XG4gICAgICA8dHI+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlOyBjb250ZXh0IHsgcm93OiBpdGVtLCB0eXBlOiAnYm9keSd9XCJcbiAgICAgICAgPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvdHI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPHRyXG4gICAgICAqbmdJZj1cInZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUubGVuZ3RoID09PSAwXCJcbiAgICAgIGRhdGEtZTJlPVwiZW1wdHlyb3dcIlxuICAgID5cbiAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cIkNvbHVtbkNvdW50XCI+e3tlbXB0eXRleHR9fTwvdGQ+XG4gICAgPC90cj5cbiAgPC90Ym9keT5cbiAgPHRmb290ICpuZ0lmPVwicGFnZXJkYXRhXCI+XG4gICAgPHRyPlxuICAgICAgPHRkIFthdHRyLmNvbHNwYW5dPVwiQ29sdW1uQ291bnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiPlxuICAgICAgICAgIDxzYWMtcGFnaW5nXG4gICAgICAgICAgICBuYW1lPVwie3tuYW1lfX1QYWdpbmdcIlxuICAgICAgICAgICAgKHBhZ2luZyk9XCJwYWdlQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgW3BhZ2VyZGF0YV09XCJwYWdlcmRhdGFcIlxuICAgICAgICAgICAgW3BhZ2luZ3RleHRdPVwicGFnaW5ndGV4dFwiXG4gICAgICAgICAgICBbcGFnZXNpemV0ZXh0XT1cInBhZ2VzaXpldGV4dFwiXG4gICAgICAgICAgPjwvc2FjLXBhZ2luZz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gIDwvdGZvb3Q+XG48L3RhYmxlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUUzRixNQVdhLGdCQUFpQixTQUFRLGFBQWE7SUFYbkQ7O1FBWUkscUJBQXFCO1FBRWQsYUFBUSxHQUFZLEtBQUssQ0FBQztLQUtwQzsrR0FSWSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix1REFQZDtZQUNQLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFO1lBQzFFLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFBRTtTQUMzRixnRUFRYSxXQUFXLHFGQ3JCN0IsNDhDQXNDQSw0Q0R2QmMsZ0JBQWdCLG9KQUFFLEtBQUssbUhBQUUsSUFBSSw2RkFBRSxrQkFBa0Isa0RBQUUsdUJBQXVCOztTQUUzRSxnQkFBZ0I7NEZBQWhCLGdCQUFnQjtrQkFYNUIsU0FBUzsrQkFDSSxVQUFVLGFBR1Q7d0JBQ1AsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLGtCQUFrQixFQUFFO3dCQUMxRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsQ0FBQyxFQUFFO3FCQUMzRixjQUNXLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsdUJBQXVCLENBQUM7OEJBTzlFLFFBQVE7c0JBRGQsWUFBWTt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2FjUGFnaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmcnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIFRlbXBsYXRlUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0dyaWRDb21tb24sIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWQuaHRtbCcsXG4gICAgLy8gVmFsdWUgQWNjZXNzIFByb3ZpZGVyIHJlZ2lzdHJpZXJlbiwgZGFtaXQgV2VydCB2aWEgTW9kZWwgZ2VzY2hyaWViZW4gdW5kIGdlbGVzZW4gd2VyZGVuIGthbm5cbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgbXVsdGk6IHRydWUsIHVzZUV4aXN0aW5nOiBTYWNHcmlkQ29tcG9uZW50IH0sXG4gICAgICAgIHsgcHJvdmlkZTogTkdfVkFMSURBVE9SUywgbXVsdGk6IHRydWUsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb21wb25lbnQpIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBOZ0ZvciwgTmdJZiwgU2FjUGFnaW5nQ29tcG9uZW50LCBTYWNUZXN0aW5nQXR0cmlidXRlUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29tbW9uIHtcbiAgICAvLyAjcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIHB1YmxpYyBlbGxpcHNpczogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXG4gICAgcHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgLy8gI2VuZHJlZ2lvbiBQcm9wZXJ0aWVzXG59XG4iLCI8dGFibGVcbiAgICBjbGFzcz1cInRhYmxlIHRhYmxlLXN0cmlwZWQgdGFibGUtY29uZGVuc2VkIHRhYmxlLWhvdmVyXCJcbiAgICBpZD1cInt7IG5hbWUgfX1cIlxuICAgIFthdHRyLmRhdGEtZTJlLWtleV09XCJuYW1lIHwgdGVzdGluZ2F0dHJpYnV0ZSA6IGUyZWlkZW50aWZpZXJcIj5cbiAgICA8dGhlYWQ+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZTsgY29udGV4dDogeyByb3c6IHt9LCB0eXBlOiAnaGVhZGVyJyB9XCI+IDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3RyPlxuICAgIDwvdGhlYWQ+XG4gICAgPHRib2R5PlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHZhbHVlOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlOyBjb250ZXh0OiB7IHJvdzogaXRlbSwgdHlwZTogJ2JvZHknIH1cIj4gPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPHRyXG4gICAgICAgICAgICAqbmdJZj1cInZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUubGVuZ3RoID09PSAwXCJcbiAgICAgICAgICAgIGRhdGEtZTJlPVwiZW1wdHlyb3dcIj5cbiAgICAgICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cIkNvbHVtbkNvdW50XCI+e3sgZW1wdHl0ZXh0IH19PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICAgIDx0Zm9vdCAqbmdJZj1cInBhZ2VyZGF0YVwiPlxuICAgICAgICA8dHI+XG4gICAgICAgICAgICA8dGQgW2F0dHIuY29sc3Bhbl09XCJDb2x1bW5Db3VudFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNhYy1wYWdpbmdcbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ7eyBuYW1lIH19UGFnaW5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChwYWdpbmcpPVwicGFnZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtwYWdlcmRhdGFdPVwicGFnZXJkYXRhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtwYWdpbmd0ZXh0XT1cInBhZ2luZ3RleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BhZ2VzaXplc109XCJwYWdlc2l6ZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BhZ2VzaXpldGV4dF09XCJwYWdlc2l6ZXRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BhZ2VzaXplZGlzYWJsZWRdPVwicGFnZXNpemVkaXNhYmxlZFwiPjwvc2FjLXBhZ2luZz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgPC90Zm9vdD5cbjwvdGFibGU+XG4iXX0=

package/esm2022/controls/grid/grid.module.mjs

@@ -26,7 +26,8 @@ class SACBootstrap3GridModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, imports: [CommonModule,
             FormsModule,
             SacGridComponent,
-            SacPagingComponent] }); }
+            SacPagingComponent,
+            SacGridImageComponent] }); }
 }
 export { SACBootstrap3GridModule };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap3GridModule, decorators: [{
@@ -52,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDdEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFFOUMsTUFvQmEsdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixZQWxCaEMsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLDRCQUE0QjtZQUM1QixrQkFBa0I7WUFDbEIsc0JBQXNCO1lBQ3RCLHFCQUFxQixhQUdyQixnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLDRCQUE0QjtZQUM1QixrQkFBa0I7WUFDbEIsc0JBQXNCO1lBQ3RCLHFCQUFxQjtnSEFHWix1QkFBdUIsWUFsQmhDLFlBQVk7WUFDWixXQUFXO1lBQ1gsZ0JBQWdCO1lBR2hCLGtCQUFrQjs7U0FhVCx1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkFwQm5DLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsNEJBQTRCO3dCQUM1QixrQkFBa0I7d0JBQ2xCLHNCQUFzQjt3QkFDdEIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLDRCQUE0Qjt3QkFDNUIsa0JBQWtCO3dCQUNsQixzQkFBc0I7d0JBQ3RCLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkYnV0dG9uJztcbmltcG9ydCB7IFNhY0dyaWRDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL2dyaWRjb2x1bW4nO1xuaW1wb3J0IHsgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZGNvbHVtbmFjdGlvbic7XG5pbXBvcnQgeyBTYWNHcmlkSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2dyaWRpbWFnZSc7XG5pbXBvcnQgeyBTYWNQYWdpbmdDb21wb25lbnQgfSBmcm9tICcuL3BhZ2luZyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgU2FjR3JpZENvbXBvbmVudCxcbiAgICBTYWNHcmlkQ29sdW1uQ29tcG9uZW50LFxuICAgIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQsXG4gICAgU2FjUGFnaW5nQ29tcG9uZW50LFxuICAgIFNhY0dyaWRCdXR0b25Db21wb25lbnQsXG4gICAgU2FjR3JpZEltYWdlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2FjR3JpZENvbXBvbmVudCxcbiAgICBTYWNHcmlkQ29sdW1uQ29tcG9uZW50LFxuICAgIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQsXG4gICAgU2FjUGFnaW5nQ29tcG9uZW50LFxuICAgIFNhY0dyaWRCdXR0b25Db21wb25lbnQsXG4gICAgU2FjR3JpZEltYWdlQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTQUNCb290c3RyYXAzR3JpZE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDdEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFFOUMsTUFvQmEsdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixZQWxCaEMsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLDRCQUE0QjtZQUM1QixrQkFBa0I7WUFDbEIsc0JBQXNCO1lBQ3RCLHFCQUFxQixhQUdyQixnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLDRCQUE0QjtZQUM1QixrQkFBa0I7WUFDbEIsc0JBQXNCO1lBQ3RCLHFCQUFxQjtnSEFHWix1QkFBdUIsWUFsQmhDLFlBQVk7WUFDWixXQUFXO1lBQ1gsZ0JBQWdCO1lBR2hCLGtCQUFrQjtZQUVsQixxQkFBcUI7O1NBV1osdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBcEJuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLDRCQUE0Qjt3QkFDNUIsa0JBQWtCO3dCQUNsQixzQkFBc0I7d0JBQ3RCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsc0JBQXNCO3dCQUN0Qiw0QkFBNEI7d0JBQzVCLGtCQUFrQjt3QkFDbEIsc0JBQXNCO3dCQUN0QixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0dyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWQnO1xuaW1wb3J0IHsgU2FjR3JpZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZGJ1dHRvbic7XG5pbXBvcnQgeyBTYWNHcmlkQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkY29sdW1uJztcbmltcG9ydCB7IFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2dyaWRjb2x1bW5hY3Rpb24nO1xuaW1wb3J0IHsgU2FjR3JpZEltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkaW1hZ2UnO1xuaW1wb3J0IHsgU2FjUGFnaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmcnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFNhY0dyaWRDb21wb25lbnQsXG4gICAgU2FjR3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tcG9uZW50LFxuICAgIFNhY1BhZ2luZ0NvbXBvbmVudCxcbiAgICBTYWNHcmlkQnV0dG9uQ29tcG9uZW50LFxuICAgIFNhY0dyaWRJbWFnZUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNhY0dyaWRDb21wb25lbnQsXG4gICAgU2FjR3JpZENvbHVtbkNvbXBvbmVudCxcbiAgICBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tcG9uZW50LFxuICAgIFNhY1BhZ2luZ0NvbXBvbmVudCxcbiAgICBTYWNHcmlkQnV0dG9uQ29tcG9uZW50LFxuICAgIFNhY0dyaWRJbWFnZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0FDQm9vdHN0cmFwM0dyaWRNb2R1bGUge31cbiJdfQ==

package/esm2022/controls/grid/gridbutton.mjs

@@ -5,37 +5,21 @@ import * as i0 from "@angular/core";
  * Grid Action Button
  */
 class SacGridButtonComponent extends SacGridButtonCommon {
-    // #region Public Methods
+    // #region Constructors
     /**
-     * Returns the icon for the button
+     * Construtor
+     *
+     * @param injector Injector to resolve  icons
      */
-    getIconClass() {
-        let iconset = this.iconstyle;
-        let iconcss = this.icon;
-        if (iconset === '') {
-            switch (this.icon) {
-                case 'edit':
-                    iconset = 'sprite';
-                    iconcss = 'icon-sprite-base-main_edit';
-                    break;
-                case 'delete':
-                    iconset = 'sprite';
-                    iconcss = 'icon-sprite-base-main_delete';
-                    break;
-            }
-        }
-        if (this._isdisabledvalue) {
-            iconcss += '_disabled';
-        }
-        const result = iconset + ' ' + iconcss;
-        return result.trim();
+    constructor(injector) {
+        super(injector);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridButtonComponent, isStandalone: true, selector: "sac-gridbutton", usesInheritance: true, ngImport: i0, template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridButtonComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridButtonComponent, isStandalone: true, selector: "sac-gridbutton", usesInheritance: true, ngImport: i0, template: "<a\n    (click)=\"callaction()\"\n    [attr.data-e2e]=\"name\"\n    style=\"padding-right: 5px\"\n    [style.cursor]=\"!isdisabled ? 'pointer' : null\"\n    [class.disabled]=\"isdisabled\"\n    [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n    ><span class=\"{{ getIconClass() }}\"></span\n></a>\n" }); }
 }
 export { SacGridButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sac-gridbutton', standalone: true, template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRidXR0b24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkYnV0dG9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFeEU7O0dBRUc7QUFDSCxNQUthLHNCQUF1QixTQUFRLG1CQUFtQjtJQUM3RCx5QkFBeUI7SUFFekI7O09BRUc7SUFDSSxZQUFZO1FBQ2pCLElBQUksT0FBTyxHQUFXLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDckMsSUFBSSxPQUFPLEdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUVoQyxJQUFJLE9BQU8sS0FBSyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUNqQixLQUFLLE1BQU07b0JBQ1QsT0FBTyxHQUFHLFFBQVEsQ0FBQztvQkFDbkIsT0FBTyxHQUFHLDRCQUE0QixDQUFDO29CQUN2QyxNQUFNO2dCQUNSLEtBQUssUUFBUTtvQkFDWCxPQUFPLEdBQUcsUUFBUSxDQUFDO29CQUNuQixPQUFPLEdBQUcsOEJBQThCLENBQUM7b0JBQ3pDLE1BQU07YUFDVDtTQUNGO1FBRUQsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDekIsT0FBTyxJQUFJLFdBQVcsQ0FBQztTQUN4QjtRQUVELE1BQU0sTUFBTSxHQUFHLE9BQU8sR0FBRyxHQUFHLEdBQUcsT0FBTyxDQUFDO1FBRXZDLE9BQU8sTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7K0dBOUJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLGlHQ1huQywrTEFDQTs7U0RVYSxzQkFBc0I7NEZBQXRCLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxnQkFBZ0IsY0FFZCxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQnV0dG9uQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIEFjdGlvbiBCdXR0b25cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRidXR0b24uaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZEJ1dHRvbkNvbW1vbiB7XG4gIC8vICNyZWdpb24gUHVibGljIE1ldGhvZHNcblxuICAvKipcbiAgICogUmV0dXJucyB0aGUgaWNvbiBmb3IgdGhlIGJ1dHRvblxuICAgKi9cbiAgcHVibGljIGdldEljb25DbGFzcygpOiBzdHJpbmcge1xuICAgIGxldCBpY29uc2V0OiBzdHJpbmcgPSB0aGlzLmljb25zdHlsZTtcbiAgICBsZXQgaWNvbmNzczogc3RyaW5nID0gdGhpcy5pY29uO1xuXG4gICAgaWYgKGljb25zZXQgPT09ICcnKSB7XG4gICAgICBzd2l0Y2ggKHRoaXMuaWNvbikge1xuICAgICAgICBjYXNlICdlZGl0JzpcbiAgICAgICAgICBpY29uc2V0ID0gJ3Nwcml0ZSc7XG4gICAgICAgICAgaWNvbmNzcyA9ICdpY29uLXNwcml0ZS1iYXNlLW1haW5fZWRpdCc7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2RlbGV0ZSc6XG4gICAgICAgICAgaWNvbnNldCA9ICdzcHJpdGUnO1xuICAgICAgICAgIGljb25jc3MgPSAnaWNvbi1zcHJpdGUtYmFzZS1tYWluX2RlbGV0ZSc7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuX2lzZGlzYWJsZWR2YWx1ZSkge1xuICAgICAgaWNvbmNzcyArPSAnX2Rpc2FibGVkJztcbiAgICB9XG5cbiAgICBjb25zdCByZXN1bHQgPSBpY29uc2V0ICsgJyAnICsgaWNvbmNzcztcblxuICAgIHJldHVybiByZXN1bHQudHJpbSgpO1xuICB9XG5cbiAgLy8gI2VuZHJlZ2lvbiBQdWJsaWMgTWV0aG9kc1xufVxuIiwiPGEgKGNsaWNrKT1cImNhbGxhY3Rpb24oKVwiIHN0eWxlPVwicGFkZGluZy1yaWdodDogNXB4O1wiIFtjbGFzcy5kaXNhYmxlZF09XCJpc2Rpc2FibGVkXCIgW2F0dHIuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBudWxsXCI+PHNwYW4gY2xhc3M9XCJ7e2dldEljb25DbGFzcygpfX1cIj48L3NwYW4+PC9hPlxuIl19
+            args: [{ selector: 'sac-gridbutton', standalone: true, template: "<a\n    (click)=\"callaction()\"\n    [attr.data-e2e]=\"name\"\n    style=\"padding-right: 5px\"\n    [style.cursor]=\"!isdisabled ? 'pointer' : null\"\n    [class.disabled]=\"isdisabled\"\n    [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n    ><span class=\"{{ getIconClass() }}\"></span\n></a>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRidXR0b24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkYnV0dG9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFeEU7O0dBRUc7QUFDSCxNQUthLHNCQUF1QixTQUFRLG1CQUFtQjtJQUMzRCx1QkFBdUI7SUFFdkI7Ozs7T0FJRztJQUNILFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7K0dBVlEsc0JBQXNCO21HQUF0QixzQkFBc0IsaUdDWG5DLGlUQVNBOztTREVhLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGdCQUFnQixjQUVkLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQnV0dG9uQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIEFjdGlvbiBCdXR0b25cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRidXR0b24uaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZEJ1dHRvbkNvbW1vbiB7XG4gICAgLy8gI3JlZ2lvbiBDb25zdHJ1Y3RvcnNcblxuICAgIC8qKlxuICAgICAqIENvbnN0cnV0b3JcbiAgICAgKlxuICAgICAqIEBwYXJhbSBpbmplY3RvciBJbmplY3RvciB0byByZXNvbHZlICBpY29uc1xuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjxhXG4gICAgKGNsaWNrKT1cImNhbGxhY3Rpb24oKVwiXG4gICAgW2F0dHIuZGF0YS1lMmVdPVwibmFtZVwiXG4gICAgc3R5bGU9XCJwYWRkaW5nLXJpZ2h0OiA1cHhcIlxuICAgIFtzdHlsZS5jdXJzb3JdPVwiIWlzZGlzYWJsZWQgPyAncG9pbnRlcicgOiBudWxsXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBudWxsXCJcbiAgICA+PHNwYW4gY2xhc3M9XCJ7eyBnZXRJY29uQ2xhc3MoKSB9fVwiPjwvc3BhblxuPjwvYT5cbiJdfQ==

package/esm2022/controls/grid/gridcolumn.mjs

@@ -13,7 +13,7 @@ class SacGridColumnComponent extends SacGridColumnCommon {
                 provide: SacGridColumnBaseCommon,
                 useExisting: forwardRef(() => SacGridColumnComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<th\n    scope=\"col\"\n    *ngIf=\"IsHeader()\"\n    [style.width]=\"width\"\n    (click)=\"SortByColumn()\">\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    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    <span\n        [attr.title]=\"IsEllipsis() ? value : null\"\n        [innerHtml]=\"value\"></span>\n</td>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+        ], 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 export { SacGridColumnComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnComponent, decorators: [{
@@ -23,6 +23,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: SacGridColumnBaseCommon,
                             useExisting: forwardRef(() => SacGridColumnComponent),
                         },
-                    ], standalone: true, imports: [NgIf], template: "<th\n    scope=\"col\"\n    *ngIf=\"IsHeader()\"\n    [style.width]=\"width\"\n    (click)=\"SortByColumn()\">\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    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    <span\n        [attr.title]=\"IsEllipsis() ? value : null\"\n        [innerHtml]=\"value\"></span>\n</td>\n" }]
+                    ], standalone: true, imports: [NgIf], 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" }]
         }], ctorParameters: function () { return [{ type: i1.SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixtQkFBbUIsR0FDcEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUV2QyxNQVlhLHNCQUF1QixTQUFRLG1CQUFtQjtJQUM3RCxZQUFZLElBQXNCLEVBQUUsUUFBa0IsRUFBRSxFQUFjO1FBQ3BFLEtBQUssQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBSFUsc0JBQXNCO21HQUF0QixzQkFBc0IsNkRBVHBCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLHVCQUF1QjtnQkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQzthQUN4RDtTQUNKLGlEQ3JCTCx3OEJBNkJBLDRDRE5jLElBQUk7O1NBRUwsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBWmxDLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBRWY7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7eUJBQ3hEO3FCQUNKLGNBQ1csSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgZm9yd2FyZFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICBTYWNHcmlkQ29sdW1uQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW4uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5Db21tb24ge1xuICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZ3JpZCwgaW5qZWN0b3IsIGVsKTtcbiAgfVxufVxuIiwiPHRoXG4gICAgc2NvcGU9XCJjb2xcIlxuICAgICpuZ0lmPVwiSXNIZWFkZXIoKVwiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICAoY2xpY2spPVwiU29ydEJ5Q29sdW1uKClcIj5cbiAgICA8c3Bhbj57eyBoZWFkZXIgfX08L3NwYW4+XG4gICAgPHNwYW5cbiAgICAgICAgW2NsYXNzXT1cIkljb25Tb3J0VXBcIlxuICAgICAgICBzdHlsZT1cInBhZGRpbmctbGVmdDogMC41cmVtXCJcbiAgICAgICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0gJ2FzYydcIj48L3NwYW4+XG4gICAgPHNwYW5cbiAgICAgICAgW2NsYXNzXT1cIkljb25Tb3J0RG93blwiXG4gICAgICAgIHN0eWxlPVwicGFkZGluZy1sZWZ0OiAwLjVyZW1cIlxuICAgICAgICAqbmdJZj1cIklzU29ydGVkQ29sdW1uKCkgJiYgR2V0U29ydERpcmVjdGlvbigpID09PSAnZGVzYydcIj48L3NwYW4+XG48L3RoPlxuPHRkXG4gICAgc2NvcGU9XCJjb2xcIlxuICAgICpuZ0lmPVwiSXNCb2R5KClcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgW2NsYXNzLmVsbGlwc2lzXT1cIklzRWxsaXBzaXMoKVwiXG4gICAgKGNsaWNrKT1cIkNvbHVtbkNsaWNrKClcIlxuICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwiSXNFbGxpcHNpcygpID8gd2lkdGggOiBudWxsXCJcbiAgICBbc3R5bGUub3ZlcmZsb3ddPVwiSXNFbGxpcHNpcygpID8gJ2hpZGRlbicgOiBudWxsXCJcbiAgICBbc3R5bGUudGV4dC1vdmVyZmxvd109XCJJc0VsbGlwc2lzKCkgPyAnZWxsaXBzaXMnIDogbnVsbFwiXG4gICAgW3N0eWxlLndoaXRlLXNwYWNlXT1cIklzRWxsaXBzaXMoKSA/ICdub3dyYXAnIDogbnVsbFwiPlxuICAgIDxzcGFuXG4gICAgICAgIFthdHRyLnRpdGxlXT1cIklzRWxsaXBzaXMoKSA/IHZhbHVlIDogbnVsbFwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwidmFsdWVcIj48L3NwYW4+XG48L3RkPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixtQkFBbUIsR0FDcEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUV2QyxNQVlhLHNCQUF1QixTQUFRLG1CQUFtQjtJQUM3RCxZQUFZLElBQXNCLEVBQUUsUUFBa0IsRUFBRSxFQUFjO1FBQ3BFLEtBQUssQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBSFUsc0JBQXNCO21HQUF0QixzQkFBc0IsNkRBVHBCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLHVCQUF1QjtnQkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQzthQUN4RDtTQUNKLGlEQ3JCTCwwckNBbUNBLDRDRFpjLElBQUk7O1NBRUwsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBWmxDLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBRWY7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7eUJBQ3hEO3FCQUNKLGNBQ1csSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgZm9yd2FyZFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICBTYWNHcmlkQ29sdW1uQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW4uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5Db21tb24ge1xuICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZ3JpZCwgaW5qZWN0b3IsIGVsKTtcbiAgfVxufVxuIiwiPHRoXG4gICAgI2hlYWRlckVsZW1lbnRcbiAgICBzY29wZT1cImNvbFwiXG4gICAgKm5nSWY9XCJJc0hlYWRlcigpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuICAgIChjbGljayk9XCJTb3J0QnlDb2x1bW4oKVwiXG4gICAgW2NsYXNzLnRleHQtcmlnaHRdPVwiYWxpZ25tZW50ID09PSAncmlnaHQnXCJcbiAgICBbY2xhc3MudGV4dC1jZW50ZXJdPVwiYWxpZ25tZW50ID09PSAnY2VudGVyJ1wiPlxuICAgIDxzcGFuPnt7IGhlYWRlciB9fTwvc3Bhbj5cbiAgICA8c3BhblxuICAgICAgICBbY2xhc3NdPVwiSWNvblNvcnRVcFwiXG4gICAgICAgIHN0eWxlPVwicGFkZGluZy1sZWZ0OiAwLjVyZW1cIlxuICAgICAgICAqbmdJZj1cIklzU29ydGVkQ29sdW1uKCkgJiYgR2V0U29ydERpcmVjdGlvbigpID09PSAnYXNjJ1wiPjwvc3Bhbj5cbiAgICA8c3BhblxuICAgICAgICBbY2xhc3NdPVwiSWNvblNvcnREb3duXCJcbiAgICAgICAgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IDAuNXJlbVwiXG4gICAgICAgICpuZ0lmPVwiSXNTb3J0ZWRDb2x1bW4oKSAmJiBHZXRTb3J0RGlyZWN0aW9uKCkgPT09ICdkZXNjJ1wiPjwvc3Bhbj5cbjwvdGg+XG48dGRcbiAgICAjYm9keUVsZW1lbnRcbiAgICBzY29wZT1cImNvbFwiXG4gICAgKm5nSWY9XCJJc0JvZHkoKVwiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICBbY2xhc3MuZWxsaXBzaXNdPVwiSXNFbGxpcHNpcygpXCJcbiAgICAoY2xpY2spPVwiQ29sdW1uQ2xpY2soKVwiXG4gICAgW3N0eWxlLm1heC13aWR0aF09XCJJc0VsbGlwc2lzKCkgPyB3aWR0aCA6IG51bGxcIlxuICAgIFtzdHlsZS5vdmVyZmxvd109XCJJc0VsbGlwc2lzKCkgPyAnaGlkZGVuJyA6IG51bGxcIlxuICAgIFtzdHlsZS50ZXh0LW92ZXJmbG93XT1cIklzRWxsaXBzaXMoKSA/ICdlbGxpcHNpcycgOiBudWxsXCJcbiAgICBbc3R5bGUud2hpdGUtc3BhY2VdPVwiSXNFbGxpcHNpcygpID8gJ25vd3JhcCcgOiBudWxsXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW5cbiAgICAgICAgW2F0dHIudGl0bGVdPVwiSXNFbGxpcHNpcygpID8gdmFsdWUgOiBudWxsXCJcbiAgICAgICAgW2lubmVySHRtbF09XCJ2YWx1ZVwiPjwvc3Bhbj5cbjwvdGQ+XG4iXX0=

package/esm2022/controls/grid/gridcolumnaction.mjs

@@ -14,7 +14,7 @@ class SacGridColumnActionComponent extends SacGridColumnActionCommon {
                 provide: SacGridColumnBaseCommon,
                 useExisting: forwardRef(() => SacGridColumnActionComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\n<td scope=\"col\" *ngIf=\"IsBody()\">\n   <ng-content></ng-content>\n</td>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+        ], 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", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 export { SacGridColumnActionComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridColumnActionComponent, decorators: [{
@@ -24,6 +24,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: SacGridColumnBaseCommon,
                             useExisting: forwardRef(() => SacGridColumnActionComponent),
                         },
-                    ], standalone: true, imports: [NgIf], template: "<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\n<td scope=\"col\" *ngIf=\"IsBody()\">\n   <ng-content></ng-content>\n</td>\n" }]
+                    ], standalone: true, imports: [NgIf], 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" }]
         }], ctorParameters: function () { return [{ type: i1.SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHlCQUF5QixFQUN6Qix1QkFBdUIsR0FDeEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUV2QyxNQVlhLDRCQUE2QixTQUFRLHlCQUF5QjtJQUN6RSxZQUFZLElBQXNCLEVBQUUsUUFBa0IsRUFBRSxFQUFjO1FBQ3BFLEtBQUssQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTFCLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO0lBQ3RCLENBQUM7K0dBTFUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsbUVBVDFCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLHVCQUF1QjtnQkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQzthQUM5RDtTQUNKLGlEQ3JCTCxpS0FJQSw0Q0RtQmMsSUFBSTs7U0FFTCw0QkFBNEI7NEZBQTVCLDRCQUE0QjtrQkFaeEMsU0FBUzsrQkFDSSxzQkFBc0IsYUFFckI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNkJBQTZCLENBQUM7eUJBQzlEO3FCQUNKLGNBQ1csSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgZm9yd2FyZFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24sXG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbmFjdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW5hY3Rpb24uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24ge1xuICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZ3JpZCwgaW5qZWN0b3IsIGVsKTtcblxuICAgIHRoaXMud2lkdGggPSAnNTJweCc7XG4gIH1cbn1cbiIsIjx0aCBzY29wZT1cImNvbFwiICpuZ0lmPVwiSXNIZWFkZXIoKVwiIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiPjxzcGFuPjwvc3Bhbj48L3RoPlxuPHRkIHNjb3BlPVwiY29sXCIgKm5nSWY9XCJJc0JvZHkoKVwiPlxuICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC90ZD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLHlCQUF5QixFQUN6Qix1QkFBdUIsR0FDeEIsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUV2QyxNQVlhLDRCQUE2QixTQUFRLHlCQUF5QjtJQUN6RSxZQUFZLElBQXNCLEVBQUUsUUFBa0IsRUFBRSxFQUFjO1FBQ3BFLEtBQUssQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTFCLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO0lBQ3RCLENBQUM7K0dBTFUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsbUVBVDFCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLHVCQUF1QjtnQkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQzthQUM5RDtTQUNKLGlEQ3JCTCxxYkFpQkEsNENETWMsSUFBSTs7U0FFTCw0QkFBNEI7NEZBQTVCLDRCQUE0QjtrQkFaeEMsU0FBUzsrQkFDSSxzQkFBc0IsYUFFckI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHVCQUF1Qjs0QkFDaEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNkJBQTZCLENBQUM7eUJBQzlEO3FCQUNKLGNBQ1csSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgZm9yd2FyZFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24sXG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbmFjdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW5hY3Rpb24uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24ge1xuICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZ3JpZCwgaW5qZWN0b3IsIGVsKTtcblxuICAgIHRoaXMud2lkdGggPSAnNTJweCc7XG4gIH1cbn1cbiIsIjx0aFxuICAgICNoZWFkZXJFbGVtZW50XG4gICAgc2NvcGU9XCJjb2xcIlxuICAgICpuZ0lmPVwiSXNIZWFkZXIoKVwiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW4+PC9zcGFuPlxuPC90aD5cbjx0ZFxuICAgICNib2R5RWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzQm9keSgpXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC90ZD5cbiJdfQ==

package/esm2022/controls/grid/gridimage.mjs

@@ -1,23 +1,15 @@
+import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { SacGridImageCommon } from '@simpleangularcontrols/sac-common';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 class SacGridImageComponent extends SacGridImageCommon {
-    getIconClass() {
-        switch (this.iconstyle) {
-            case 'edit':
-                return 'sprite icon-sprite-base-main_edit';
-            case 'delete':
-                return 'sprite icon-sprite-base-main_delete';
-            default:
-                return this.iconstyle;
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridImageComponent, isStandalone: true, selector: "sac-gridimage", usesInheritance: true, ngImport: i0, template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacGridImageComponent, isStandalone: true, selector: "sac-gridimage", usesInheritance: true, ngImport: i0, template: "<span style=\"padding-right: 5px\"><span [ngClass]=\"iconstyle\"></span></span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 export { SacGridImageComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sac-gridimage', standalone: true, template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\n" }]
+            args: [{ selector: 'sac-gridimage', imports: [CommonModule], standalone: true, template: "<span style=\"padding-right: 5px\"><span [ngClass]=\"iconstyle\"></span></span>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBMkMsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFpQixrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUd0RixNQUthLHFCQUFzQixTQUFRLGtCQUFrQjtJQUVwRCxZQUFZO1FBQ2pCLFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN0QixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxtQ0FBbUMsQ0FBQztZQUM3QyxLQUFLLFFBQVE7Z0JBQ1gsT0FBTyxxQ0FBcUMsQ0FBQztZQUMvQztnQkFDRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7U0FDekI7SUFDSCxDQUFDOytHQVhVLHFCQUFxQjttR0FBckIscUJBQXFCLGdHQ1RsQyx5RkFDQTs7U0RRYSxxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDSSxlQUFlLGNBRWIsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQ29tbW9uLCBTYWNHcmlkSW1hZ2VDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRpbWFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRpbWFnZS5odG1sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRJbWFnZUNvbW1vbiB7XG5cbiAgcHVibGljIGdldEljb25DbGFzcygpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAodGhpcy5pY29uc3R5bGUpIHtcbiAgICAgIGNhc2UgJ2VkaXQnOlxuICAgICAgICByZXR1cm4gJ3Nwcml0ZSBpY29uLXNwcml0ZS1iYXNlLW1haW5fZWRpdCc7XG4gICAgICBjYXNlICdkZWxldGUnOlxuICAgICAgICByZXR1cm4gJ3Nwcml0ZSBpY29uLXNwcml0ZS1iYXNlLW1haW5fZGVsZXRlJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB0aGlzLmljb25zdHlsZTtcbiAgICB9XG4gIH1cblxufVxuIiwiPHNwYW4gc3R5bGU9XCJwYWRkaW5nLXJpZ2h0OiA1cHg7XCI+PHNwYW4gY2xhc3M9XCJ7e2dldEljb25DbGFzcygpfX1cIj48L3NwYW4+PC9zcGFuPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7OztBQUV2RSxNQU1hLHFCQUFzQixTQUFRLGtCQUFrQjsrR0FBaEQscUJBQXFCO21HQUFyQixxQkFBcUIsZ0dDVmxDLG1GQUNBLDJDRE1jLFlBQVk7O1NBR2IscUJBQXFCOzRGQUFyQixxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksZUFBZSxXQUVoQixDQUFDLFlBQVksQ0FBQyxjQUNYLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkSW1hZ2VDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NhYy1ncmlkaW1hZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkaW1hZ2UuaHRtbCcsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZEltYWdlQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZEltYWdlQ29tbW9uIHt9XG4iLCI8c3BhbiBzdHlsZT1cInBhZGRpbmctcmlnaHQ6IDVweFwiPjxzcGFuIFtuZ0NsYXNzXT1cImljb25zdHlsZVwiPjwvc3Bhbj48L3NwYW4+XG4iXX0=

package/esm2022/controls/grid/paging.mjs

@@ -1,7 +1,7 @@
 import { AsyncPipe, NgClass, NgFor, NgIf } from '@angular/common';
 import { Component, forwardRef } from '@angular/core';
 import { FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { SacPagingCommon } from '@simpleangularcontrols/sac-common';
+import { SacPagingCommon, SacTestingAttributePipe } from '@simpleangularcontrols/sac-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 class SacPagingComponent extends SacPagingCommon {
@@ -24,7 +24,7 @@ class SacPagingComponent extends SacPagingCommon {
                 multi: true,
                 useExisting: forwardRef(() => SacPagingComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n    <div\n        class=\"pager-nav col-sm-4\"\n        id=\"{{ name }}\">\n        <ul\n            class=\"pagination\"\n            style=\"margin: 10px 0\">\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === firstPageIndex }\">\n                <a (click)=\"firstPage()\">\u00AB</a>\n            </li>\n            <li\n                *ngFor=\"let page of paginators; let i = index\"\n                [ngClass]=\"{ active: page === activePageIndex }\">\n                <a (click)=\"changePage(page)\">{{ page + 1 }}</a>\n            </li>\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === lastPageIndex }\">\n                <a (click)=\"lastPage()\">\u00BB</a>\n            </li>\n        </ul>\n    </div>\n    <div\n        class=\"col-sm-4 text-center\"\n        style=\"margin: 20px 0\">\n        {{ PagingText | async }}\n    </div>\n    <div\n        class=\"col-sm-4 text-right\"\n        *ngIf=\"!pagesizedisabled\"\n        style=\"margin: 12px 0\">\n        <div class=\"form-inline\">\n            <div\n                class=\"form-group\"\n                id=\"{{ name }}_size\">\n                <select\n                    class=\"form-control form-control-sm\"\n                    style=\"width: 85px\"\n                    [ngModel]=\"pageSize\"\n                    (ngModelChange)=\"changePageSize($event)\">\n                    <option\n                        [ngValue]=\"size\"\n                        *ngFor=\"let size of getPageSizes\">\n                        {{ size }}\n                    </option>\n                </select>\n                <span style=\"margin-left: 5px\">{{ PageSizeText | async }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"row\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <div\n        class=\"pager-nav col-sm-4\"\n        id=\"{{ name }}\">\n        <ul\n            class=\"pagination\"\n            style=\"margin: 10px 0\">\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === firstPageIndex }\">\n                <a (click)=\"firstPage()\">\u00AB</a>\n            </li>\n            <li\n                *ngFor=\"let page of paginators; let i = index\"\n                [ngClass]=\"{ active: page === activePageIndex }\">\n                <a (click)=\"changePage(page)\">{{ page + 1 }}</a>\n            </li>\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === lastPageIndex }\">\n                <a (click)=\"lastPage()\">\u00BB</a>\n            </li>\n        </ul>\n    </div>\n    <div\n        class=\"col-sm-4 text-center\"\n        style=\"margin: 20px 0\">\n        {{ PagingText | async }}\n    </div>\n    <div\n        class=\"col-sm-4 text-right\"\n        *ngIf=\"!pagesizedisabled\"\n        style=\"margin: 12px 0\">\n        <div class=\"form-inline\">\n            <div\n                class=\"form-group\"\n                id=\"{{ name }}_size\">\n                <select\n                    class=\"form-control form-control-sm\"\n                    style=\"width: 85px\"\n                    id=\"{{ name }}_pagesize\"\n                    [ngModel]=\"pageSize\"\n                    (ngModelChange)=\"changePageSize($event)\">\n                    <option\n                        [ngValue]=\"size\"\n                        *ngFor=\"let size of getPageSizes\">\n                        {{ size }}\n                    </option>\n                </select>\n                <span style=\"margin-left: 5px\">{{ PageSizeText | async }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SacTestingAttributePipe, name: "testingattribute" }] }); }
 }
 export { SacPagingComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacPagingComponent, decorators: [{
@@ -40,6 +40,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SacPagingComponent),
                         },
-                    ], standalone: true, imports: [NgClass, NgFor, FormsModule, AsyncPipe, NgIf], template: "<div class=\"row\">\n    <div\n        class=\"pager-nav col-sm-4\"\n        id=\"{{ name }}\">\n        <ul\n            class=\"pagination\"\n            style=\"margin: 10px 0\">\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === firstPageIndex }\">\n                <a (click)=\"firstPage()\">\u00AB</a>\n            </li>\n            <li\n                *ngFor=\"let page of paginators; let i = index\"\n                [ngClass]=\"{ active: page === activePageIndex }\">\n                <a (click)=\"changePage(page)\">{{ page + 1 }}</a>\n            </li>\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === lastPageIndex }\">\n                <a (click)=\"lastPage()\">\u00BB</a>\n            </li>\n        </ul>\n    </div>\n    <div\n        class=\"col-sm-4 text-center\"\n        style=\"margin: 20px 0\">\n        {{ PagingText | async }}\n    </div>\n    <div\n        class=\"col-sm-4 text-right\"\n        *ngIf=\"!pagesizedisabled\"\n        style=\"margin: 12px 0\">\n        <div class=\"form-inline\">\n            <div\n                class=\"form-group\"\n                id=\"{{ name }}_size\">\n                <select\n                    class=\"form-control form-control-sm\"\n                    style=\"width: 85px\"\n                    [ngModel]=\"pageSize\"\n                    (ngModelChange)=\"changePageSize($event)\">\n                    <option\n                        [ngValue]=\"size\"\n                        *ngFor=\"let size of getPageSizes\">\n                        {{ size }}\n                    </option>\n                </select>\n                <span style=\"margin-left: 5px\">{{ PageSizeText | async }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
+                    ], standalone: true, imports: [NgClass, NgFor, FormsModule, AsyncPipe, NgIf, SacTestingAttributePipe], template: "<div\n    class=\"row\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <div\n        class=\"pager-nav col-sm-4\"\n        id=\"{{ name }}\">\n        <ul\n            class=\"pagination\"\n            style=\"margin: 10px 0\">\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === firstPageIndex }\">\n                <a (click)=\"firstPage()\">\u00AB</a>\n            </li>\n            <li\n                *ngFor=\"let page of paginators; let i = index\"\n                [ngClass]=\"{ active: page === activePageIndex }\">\n                <a (click)=\"changePage(page)\">{{ page + 1 }}</a>\n            </li>\n            <li [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === lastPageIndex }\">\n                <a (click)=\"lastPage()\">\u00BB</a>\n            </li>\n        </ul>\n    </div>\n    <div\n        class=\"col-sm-4 text-center\"\n        style=\"margin: 20px 0\">\n        {{ PagingText | async }}\n    </div>\n    <div\n        class=\"col-sm-4 text-right\"\n        *ngIf=\"!pagesizedisabled\"\n        style=\"margin: 12px 0\">\n        <div class=\"form-inline\">\n            <div\n                class=\"form-group\"\n                id=\"{{ name }}_size\">\n                <select\n                    class=\"form-control form-control-sm\"\n                    style=\"width: 85px\"\n                    id=\"{{ name }}_pagesize\"\n                    [ngModel]=\"pageSize\"\n                    (ngModelChange)=\"changePageSize($event)\">\n                    <option\n                        [ngValue]=\"size\"\n                        *ngFor=\"let size of getPageSizes\">\n                        {{ size }}\n                    </option>\n                </select>\n                <span style=\"margin-left: 5px\">{{ PageSizeText | async }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvcGFnaW5nLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvcGFnaW5nLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFcEUsTUFtQmEsa0JBQW1CLFNBQVEsZUFBZTtJQUNyRCx1QkFBdUI7SUFFdkI7O09BRUc7SUFDSCxZQUFZLFFBQWtCO1FBQzVCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQixDQUFDOytHQVJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHlEQWZsQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxrQkFBa0I7YUFDaEM7WUFDRDtnQkFDRSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzthQUNsRDtTQUNGLGlEQ3BCSCx5dkRBaURBLDRDRDNCWSxPQUFPLG9GQUFFLEtBQUssa0hBQUUsV0FBVyxxdkJBQUUsU0FBUyw4Q0FBRSxJQUFJOztTQUUzQyxrQkFBa0I7NEZBQWxCLGtCQUFrQjtrQkFuQjlCLFNBQVM7K0JBQ0UsWUFBWSxhQUdYO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsb0JBQW9CO3lCQUNoQzt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsbUJBQW1CLENBQUM7eUJBQ2xEO3FCQUNGLGNBQ1csSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSwgTmdDbGFzcywgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTElEQVRPUlMsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjUGFnaW5nQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2FjLXBhZ2luZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmcuaHRtbCcsXG4gIC8vIFZhbHVlIEFjY2VzcyBQcm92aWRlciByZWdpc3RyaWVyZW4sIGRhbWl0IFdlcnQgdmlhIE1vZGVsIGdlc2NocmllYmVuIHVuZCBnZWxlc2VuIHdlcmRlbiBrYW5uXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogU2FjUGFnaW5nQ29tcG9uZW50LFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjUGFnaW5nQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgTmdGb3IsIEZvcm1zTW9kdWxlLCBBc3luY1BpcGUsIE5nSWZdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNQYWdpbmdDb21wb25lbnQgZXh0ZW5kcyBTYWNQYWdpbmdDb21tb24ge1xuICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gIC8qKlxuICAgKiBLb25zdHJ1a3RvclxuICAgKi9cbiAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwicGFnZXItbmF2IGNvbC1zbS00XCJcbiAgICAgICAgaWQ9XCJ7eyBuYW1lIH19XCI+XG4gICAgICAgIDx1bFxuICAgICAgICAgICAgY2xhc3M9XCJwYWdpbmF0aW9uXCJcbiAgICAgICAgICAgIHN0eWxlPVwibWFyZ2luOiAxMHB4IDBcIj5cbiAgICAgICAgICAgIDxsaSBbbmdDbGFzc109XCJ7ICdhc3BOZXREaXNhYmxlZCBkaXNhYmxlZCc6IGFjdGl2ZVBhZ2VJbmRleCA9PT0gZmlyc3RQYWdlSW5kZXggfVwiPlxuICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJmaXJzdFBhZ2UoKVwiPsKrPC9hPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBwYWdlIG9mIHBhZ2luYXRvcnM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBwYWdlID09PSBhY3RpdmVQYWdlSW5kZXggfVwiPlxuICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJjaGFuZ2VQYWdlKHBhZ2UpXCI+e3sgcGFnZSArIDEgfX08L2E+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPGxpIFtuZ0NsYXNzXT1cInsgJ2FzcE5ldERpc2FibGVkIGRpc2FibGVkJzogYWN0aXZlUGFnZUluZGV4ID09PSBsYXN0UGFnZUluZGV4IH1cIj5cbiAgICAgICAgICAgICAgICA8YSAoY2xpY2spPVwibGFzdFBhZ2UoKVwiPsK7PC9hPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiY29sLXNtLTQgdGV4dC1jZW50ZXJcIlxuICAgICAgICBzdHlsZT1cIm1hcmdpbjogMjBweCAwXCI+XG4gICAgICAgIHt7IFBhZ2luZ1RleHQgfCBhc3luYyB9fVxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2wtc20tNCB0ZXh0LXJpZ2h0XCJcbiAgICAgICAgKm5nSWY9XCIhcGFnZXNpemVkaXNhYmxlZFwiXG4gICAgICAgIHN0eWxlPVwibWFyZ2luOiAxMnB4IDBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5saW5lXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWdyb3VwXCJcbiAgICAgICAgICAgICAgICBpZD1cInt7IG5hbWUgfX1fc2l6ZVwiPlxuICAgICAgICAgICAgICAgIDxzZWxlY3RcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLXNtXCJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJ3aWR0aDogODVweFwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ01vZGVsXT1cInBhZ2VTaXplXCJcbiAgICAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlUGFnZVNpemUoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICA8b3B0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdWYWx1ZV09XCJzaXplXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBzaXplIG9mIGdldFBhZ2VTaXplc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgc2l6ZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgICAgICAgICA8c3BhbiBzdHlsZT1cIm1hcmdpbi1sZWZ0OiA1cHhcIj57eyBQYWdlU2l6ZVRleHQgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvcGFnaW5nLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2dyaWQvcGFnaW5nLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQVksVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFN0YsTUFtQmEsa0JBQW1CLFNBQVEsZUFBZTtJQUNuRCx1QkFBdUI7SUFFdkI7O09BRUc7SUFDSCxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQixDQUFDOytHQVJRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHlEQWZoQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxrQkFBa0I7YUFDbEM7WUFDRDtnQkFDSSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzthQUNwRDtTQUNKLGlEQ3BCTCxtM0RBb0RBLDRDRDlCYyxPQUFPLG9GQUFFLEtBQUssa0hBQUUsV0FBVyxxdkJBQUUsU0FBUyw4Q0FBRSxJQUFJLHdGQUFFLHVCQUF1Qjs7U0FFdEUsa0JBQWtCOzRGQUFsQixrQkFBa0I7a0JBbkI5QixTQUFTOytCQUNJLFlBQVksYUFHWDt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLG9CQUFvQjt5QkFDbEM7d0JBQ0Q7NEJBQ0ksT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDO3lCQUNwRDtxQkFDSixjQUNXLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nQ2xhc3MsIE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY1BhZ2luZ0NvbW1vbiwgU2FjVGVzdGluZ0F0dHJpYnV0ZVBpcGUgfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NhYy1wYWdpbmcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmcuaHRtbCcsXG4gICAgLy8gVmFsdWUgQWNjZXNzIFByb3ZpZGVyIHJlZ2lzdHJpZXJlbiwgZGFtaXQgV2VydCB2aWEgTW9kZWwgZ2VzY2hyaWViZW4gdW5kIGdlbGVzZW4gd2VyZGVuIGthbm5cbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBTYWNQYWdpbmdDb21wb25lbnQsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY1BhZ2luZ0NvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0ZvciwgRm9ybXNNb2R1bGUsIEFzeW5jUGlwZSwgTmdJZiwgU2FjVGVzdGluZ0F0dHJpYnV0ZVBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNQYWdpbmdDb21wb25lbnQgZXh0ZW5kcyBTYWNQYWdpbmdDb21tb24ge1xuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBLb25zdHJ1a3RvclxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cInJvd1wiXG4gICAgW2F0dHIuZGF0YS1lMmUta2V5XT1cIm5hbWUgfCB0ZXN0aW5nYXR0cmlidXRlIDogZTJlaWRlbnRpZmllclwiPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJwYWdlci1uYXYgY29sLXNtLTRcIlxuICAgICAgICBpZD1cInt7IG5hbWUgfX1cIj5cbiAgICAgICAgPHVsXG4gICAgICAgICAgICBjbGFzcz1cInBhZ2luYXRpb25cIlxuICAgICAgICAgICAgc3R5bGU9XCJtYXJnaW46IDEwcHggMFwiPlxuICAgICAgICAgICAgPGxpIFtuZ0NsYXNzXT1cInsgJ2FzcE5ldERpc2FibGVkIGRpc2FibGVkJzogYWN0aXZlUGFnZUluZGV4ID09PSBmaXJzdFBhZ2VJbmRleCB9XCI+XG4gICAgICAgICAgICAgICAgPGEgKGNsaWNrKT1cImZpcnN0UGFnZSgpXCI+wqs8L2E+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnaW5hdG9yczsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IHBhZ2UgPT09IGFjdGl2ZVBhZ2VJbmRleCB9XCI+XG4gICAgICAgICAgICAgICAgPGEgKGNsaWNrKT1cImNoYW5nZVBhZ2UocGFnZSlcIj57eyBwYWdlICsgMSB9fTwvYT5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICA8bGkgW25nQ2xhc3NdPVwieyAnYXNwTmV0RGlzYWJsZWQgZGlzYWJsZWQnOiBhY3RpdmVQYWdlSW5kZXggPT09IGxhc3RQYWdlSW5kZXggfVwiPlxuICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJsYXN0UGFnZSgpXCI+wrs8L2E+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2wtc20tNCB0ZXh0LWNlbnRlclwiXG4gICAgICAgIHN0eWxlPVwibWFyZ2luOiAyMHB4IDBcIj5cbiAgICAgICAge3sgUGFnaW5nVGV4dCB8IGFzeW5jIH19XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImNvbC1zbS00IHRleHQtcmlnaHRcIlxuICAgICAgICAqbmdJZj1cIiFwYWdlc2l6ZWRpc2FibGVkXCJcbiAgICAgICAgc3R5bGU9XCJtYXJnaW46IDEycHggMFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1pbmxpbmVcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tZ3JvdXBcIlxuICAgICAgICAgICAgICAgIGlkPVwie3sgbmFtZSB9fV9zaXplXCI+XG4gICAgICAgICAgICAgICAgPHNlbGVjdFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbCBmb3JtLWNvbnRyb2wtc21cIlxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIndpZHRoOiA4NXB4XCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJ7eyBuYW1lIH19X3BhZ2VzaXplXCJcbiAgICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwicGFnZVNpemVcIlxuICAgICAgICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VQYWdlU2l6ZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxvcHRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1ZhbHVlXT1cInNpemVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHNpemUgb2YgZ2V0UGFnZVNpemVzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBzaXplIH19XG4gICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDVweFwiPnt7IFBhZ2VTaXplVGV4dCB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/controls/input/input.mjs

@@ -1,7 +1,7 @@
 import { AsyncPipe, NgClass, NgIf } from '@angular/common';
 import { Component, Host, Optional, forwardRef } from '@angular/core';
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { SacInputCommon } from '@simpleangularcontrols/sac-common';
+import { SacInputCommon, SacTestingAttributePipe } from '@simpleangularcontrols/sac-common';
 import { SacToControlHeightPipe } from '../layout/tocontrolheight.pipe';
 import { SacToControlWidthCssPipe } from '../layout/tocontrolwidthcss.pipe';
 import { SacToLabelHeightPipe } from '../layout/tolabelheight.pipe';
@@ -27,7 +27,7 @@ class SacInputComponent extends SacInputCommon {
                 multi: true,
                 useExisting: forwardRef(() => SacInputComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"row form-group\"\n    [class.has-error]=\"invalid && (dirty || touched)\"\n    [ngClass]=\"componentHeight | toLabelHeight\">\n    <label\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n        id=\"{{ name }}label\"\n        for=\"{{ name }}\"\n        class=\"col-xs-12 control-label\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\n        [class.required]=\"isrequired\">\n        <span class=\"text\">{{ label }}</span>\n        <sac-tooltip\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\n            [tooltiptext]=\"helptext\"\n            [inlinemode]=\"true\">\n            <span\n                [class]=\"HelptextTooltipIcon\"\n                style=\"margin-left: 5px\">\n            </span>\n        </sac-tooltip>\n    </label>\n    <div\n        class=\"col-xs-12\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\n        <div [style.display]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 'flex' : null\">\n            <input\n                id=\"{{ name }}\"\n                name=\"{{ name }}\"\n                type=\"text\"\n                class=\"form-control\"\n                [ngClass]=\"[componentHeight | toControlHeight]\"\n                [value]=\"value\"\n                [attr.placeholder]=\"placeholder\"\n                (blur)=\"onTouch()\"\n                (input)=\"setValue($event.target.value)\"\n                [attr.maxlength]=\"maxtextlength\"\n                [disabled]=\"isdisabled\"\n                [readonly]=\"readonly\" />\n\n            <div\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n                class=\"form-control-static\"\n                style=\"margin-left: 5px\">\n                <sac-tooltip\n                    *ngIf=\"helptextmode === 'tooltip' && helptext\"\n                    [tooltiptext]=\"helptext\"\n                    [inlinemode]=\"true\">\n                    <span\n                        [class]=\"HelptextTooltipIcon\"\n                        style=\"margin-left: 5px; margin-right: 5px\">\n                    </span>\n                </sac-tooltip>\n            </div>\n        </div>\n\n        <p\n            *ngIf=\"helptextmode === 'text' && helptext\"\n            class=\"help-block\">\n            {{ helptext }}\n        </p>\n\n        <div\n            class=\"help-block help-block-error\"\n            *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\n            {{ GetErrorMessage() | async }}\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SacToLabelWidthCssPipe, name: "toLabelWidthCss" }, { kind: "pipe", type: SacToControlWidthCssPipe, name: "toControlWidthCss" }, { kind: "pipe", type: SacToLabelHeightPipe, name: "toLabelHeight" }, { kind: "pipe", type: SacToControlHeightPipe, name: "toControlHeight" }, { kind: "component", type: SacTooltipComponent, selector: "sac-tooltip" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"row form-group\"\n    [class.has-error]=\"invalid && (dirty || touched)\"\n    [ngClass]=\"componentHeight | toLabelHeight\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <label\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n        id=\"{{ name }}label\"\n        for=\"{{ name }}\"\n        class=\"col-xs-12 control-label\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\n        [class.required]=\"isrequired\">\n        <span class=\"text\">{{ label }}</span>\n        <sac-tooltip\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\n            [tooltiptext]=\"helptext\"\n            [inlinemode]=\"true\">\n            <span\n                [class]=\"HelptextTooltipIcon\"\n                style=\"margin-left: 5px\">\n            </span>\n        </sac-tooltip>\n    </label>\n    <div\n        class=\"col-xs-12\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\n        <div [style.display]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 'flex' : null\">\n            <input\n                id=\"{{ name }}\"\n                name=\"{{ name }}\"\n                type=\"text\"\n                class=\"form-control\"\n                [ngClass]=\"[componentHeight | toControlHeight]\"\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\n                [value]=\"value\"\n                [attr.placeholder]=\"placeholder\"\n                (blur)=\"onTouch()\"\n                (input)=\"setValue($event.target.value)\"\n                (keypress)=\"onKeyPress($event)\"\n                [attr.maxlength]=\"maxtextlength\"\n                [disabled]=\"isdisabled\"\n                [readonly]=\"readonly\" />\n\n            <div\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n                class=\"form-control-static\"\n                style=\"margin-left: 5px\">\n                <sac-tooltip\n                    *ngIf=\"helptextmode === 'tooltip' && helptext\"\n                    [tooltiptext]=\"helptext\"\n                    [inlinemode]=\"true\">\n                    <span\n                        [class]=\"HelptextTooltipIcon\"\n                        style=\"margin-left: 5px; margin-right: 5px\">\n                    </span>\n                </sac-tooltip>\n            </div>\n        </div>\n\n        <p\n            *ngIf=\"helptextmode === 'text' && helptext\"\n            class=\"help-block\">\n            {{ helptext }}\n        </p>\n\n        <div\n            class=\"help-block help-block-error\"\n            *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\n            {{ GetErrorMessage() | async }}\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SacToLabelWidthCssPipe, name: "toLabelWidthCss" }, { kind: "pipe", type: SacToControlWidthCssPipe, name: "toControlWidthCss" }, { kind: "pipe", type: SacToLabelHeightPipe, name: "toLabelHeight" }, { kind: "pipe", type: SacToControlHeightPipe, name: "toControlHeight" }, { kind: "component", type: SacTooltipComponent, selector: "sac-tooltip" }, { kind: "pipe", type: SacTestingAttributePipe, name: "testingattribute" }] }); }
 }
 export { SacInputComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInputComponent, decorators: [{
@@ -48,10 +48,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SacToLabelHeightPipe,
                         SacToControlHeightPipe,
                         SacTooltipComponent,
-                    ], template: "<div\n    class=\"row form-group\"\n    [class.has-error]=\"invalid && (dirty || touched)\"\n    [ngClass]=\"componentHeight | toLabelHeight\">\n    <label\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n        id=\"{{ name }}label\"\n        for=\"{{ name }}\"\n        class=\"col-xs-12 control-label\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\n        [class.required]=\"isrequired\">\n        <span class=\"text\">{{ label }}</span>\n        <sac-tooltip\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\n            [tooltiptext]=\"helptext\"\n            [inlinemode]=\"true\">\n            <span\n                [class]=\"HelptextTooltipIcon\"\n                style=\"margin-left: 5px\">\n            </span>\n        </sac-tooltip>\n    </label>\n    <div\n        class=\"col-xs-12\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\n        <div [style.display]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 'flex' : null\">\n            <input\n                id=\"{{ name }}\"\n                name=\"{{ name }}\"\n                type=\"text\"\n                class=\"form-control\"\n                [ngClass]=\"[componentHeight | toControlHeight]\"\n                [value]=\"value\"\n                [attr.placeholder]=\"placeholder\"\n                (blur)=\"onTouch()\"\n                (input)=\"setValue($event.target.value)\"\n                [attr.maxlength]=\"maxtextlength\"\n                [disabled]=\"isdisabled\"\n                [readonly]=\"readonly\" />\n\n            <div\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n                class=\"form-control-static\"\n                style=\"margin-left: 5px\">\n                <sac-tooltip\n                    *ngIf=\"helptextmode === 'tooltip' && helptext\"\n                    [tooltiptext]=\"helptext\"\n                    [inlinemode]=\"true\">\n                    <span\n                        [class]=\"HelptextTooltipIcon\"\n                        style=\"margin-left: 5px; margin-right: 5px\">\n                    </span>\n                </sac-tooltip>\n            </div>\n        </div>\n\n        <p\n            *ngIf=\"helptextmode === 'text' && helptext\"\n            class=\"help-block\">\n            {{ helptext }}\n        </p>\n\n        <div\n            class=\"help-block help-block-error\"\n            *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\n            {{ GetErrorMessage() | async }}\n        </div>\n    </div>\n</div>\n" }]
+                        SacTestingAttributePipe,
+                    ], template: "<div\n    class=\"row form-group\"\n    [class.has-error]=\"invalid && (dirty || touched)\"\n    [ngClass]=\"componentHeight | toLabelHeight\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <label\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n        id=\"{{ name }}label\"\n        for=\"{{ name }}\"\n        class=\"col-xs-12 control-label\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\n        [class.required]=\"isrequired\">\n        <span class=\"text\">{{ label }}</span>\n        <sac-tooltip\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\n            [tooltiptext]=\"helptext\"\n            [inlinemode]=\"true\">\n            <span\n                [class]=\"HelptextTooltipIcon\"\n                style=\"margin-left: 5px\">\n            </span>\n        </sac-tooltip>\n    </label>\n    <div\n        class=\"col-xs-12\"\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\n        <div [style.display]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 'flex' : null\">\n            <input\n                id=\"{{ name }}\"\n                name=\"{{ name }}\"\n                type=\"text\"\n                class=\"form-control\"\n                [ngClass]=\"[componentHeight | toControlHeight]\"\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\n                [value]=\"value\"\n                [attr.placeholder]=\"placeholder\"\n                (blur)=\"onTouch()\"\n                (input)=\"setValue($event.target.value)\"\n                (keypress)=\"onKeyPress($event)\"\n                [attr.maxlength]=\"maxtextlength\"\n                [disabled]=\"isdisabled\"\n                [readonly]=\"readonly\" />\n\n            <div\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n                class=\"form-control-static\"\n                style=\"margin-left: 5px\">\n                <sac-tooltip\n                    *ngIf=\"helptextmode === 'tooltip' && helptext\"\n                    [tooltiptext]=\"helptext\"\n                    [inlinemode]=\"true\">\n                    <span\n                        [class]=\"HelptextTooltipIcon\"\n                        style=\"margin-left: 5px; margin-right: 5px\">\n                    </span>\n                </sac-tooltip>\n            </div>\n        </div>\n\n        <p\n            *ngIf=\"helptextmode === 'text' && helptext\"\n            class=\"help-block\">\n            {{ helptext }}\n        </p>\n\n        <div\n            class=\"help-block help-block-error\"\n            *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\n            {{ GetErrorMessage() | async }}\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.SacFormLayoutDirective, decorators: [{
                     type: Host
                 }, {
                     type: Optional
                 }] }, { type: i0.Injector }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFbkUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUV6RCxNQXdCYSxpQkFBa0IsU0FBUSxjQUFjO0lBQ25ELHVCQUF1QjtJQUV2Qjs7OztPQUlHO0lBQ0gsWUFDc0IsVUFBa0MsRUFDdEQsUUFBa0I7UUFFbEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQWJVLGlCQUFpQjttR0FBakIsaUJBQWlCLHdEQXBCakI7WUFDVCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtZQUMzRTtnQkFDRSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzthQUNqRDtTQUNGLGlEQ3RCSCw0bEZBcUVBLDRDRDVDSSxPQUFPLG9GQUNQLElBQUksd0ZBQ0osU0FBUyx5Q0FDVCxzQkFBc0IsbURBQ3RCLHdCQUF3QixxREFDeEIsb0JBQW9CLGlEQUNwQixzQkFBc0Isd0RBQ3RCLG1CQUFtQjs7U0FHVixpQkFBaUI7NEZBQWpCLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsV0FBVyxhQUdWO3dCQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxtQkFBbUIsRUFBRTt3QkFDM0U7NEJBQ0UsT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDO3lCQUNqRDtxQkFDRixjQUNXLElBQUksV0FDUDt3QkFDUCxPQUFPO3dCQUNQLElBQUk7d0JBQ0osU0FBUzt3QkFDVCxzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQixzQkFBc0I7d0JBQ3RCLG1CQUFtQjtxQkFDcEI7OzBCQVdFLElBQUk7OzBCQUFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0LCBJbmplY3RvciwgT3B0aW9uYWwsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTElEQVRPUlMsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjSW5wdXRDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjRm9ybUxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4uL2xheW91dC9mb3JtbGF5b3V0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYWNUb0NvbnRyb2xIZWlnaHRQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvY29udHJvbGhlaWdodC5waXBlJztcbmltcG9ydCB7IFNhY1RvQ29udHJvbFdpZHRoQ3NzUGlwZSB9IGZyb20gJy4uL2xheW91dC90b2NvbnRyb2x3aWR0aGNzcy5waXBlJztcbmltcG9ydCB7IFNhY1RvTGFiZWxIZWlnaHRQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvbGFiZWxoZWlnaHQucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0xhYmVsV2lkdGhDc3NQaXBlIH0gZnJvbSAnLi4vbGF5b3V0L3RvbGFiZWx3aWR0aGNzcy5waXBlJztcbmltcG9ydCB7IFNhY1Rvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYWMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuaHRtbCcsXG4gIC8vIFZhbHVlIEFjY2VzcyBQcm92aWRlciByZWdpc3RyaWVyZW4sIGRhbWl0IFdlcnQgdmlhIE1vZGVsIGdlc2NocmllYmVuIHVuZCBnZWxlc2VuIHdlcmRlbiBrYW5uXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIG11bHRpOiB0cnVlLCB1c2VFeGlzdGluZzogU2FjSW5wdXRDb21wb25lbnQgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWNJbnB1dENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsXG4gICAgTmdJZixcbiAgICBBc3luY1BpcGUsXG4gICAgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSxcbiAgICBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUsXG4gICAgU2FjVG9MYWJlbEhlaWdodFBpcGUsXG4gICAgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSxcbiAgICBTYWNUb29sdGlwQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNJbnB1dENvbXBvbmVudCBleHRlbmRzIFNhY0lucHV0Q29tbW9uIHtcbiAgLy8gI3JlZ2lvbiBDb25zdHJ1Y3RvcnNcblxuICAvKipcbiAgICogQ29uc3RydWN0b3JcbiAgICogQHBhcmFtIGZvcm1MYXlvdXQgU2FjRm9ybUxheW91dCB0byBkZWZpbmUgc2NvcGVkIGxheW91dCBzZXR0aW5nc1xuICAgKiBAcGFyYW0gaW5qZWN0b3IgSW5qZWN0b3IgZm9yIGluamVjdGluZyBzZXJ2aWNlc1xuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgQEhvc3QoKSBAT3B0aW9uYWwoKSBmb3JtTGF5b3V0OiBTYWNGb3JtTGF5b3V0RGlyZWN0aXZlLFxuICAgIGluamVjdG9yOiBJbmplY3RvclxuICApIHtcbiAgICBzdXBlcihmb3JtTGF5b3V0LCBpbmplY3Rvcik7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwicm93IGZvcm0tZ3JvdXBcIlxuICAgIFtjbGFzcy5oYXMtZXJyb3JdPVwiaW52YWxpZCAmJiAoZGlydHkgfHwgdG91Y2hlZClcIlxuICAgIFtuZ0NsYXNzXT1cImNvbXBvbmVudEhlaWdodCB8IHRvTGFiZWxIZWlnaHRcIj5cbiAgICA8bGFiZWxcbiAgICAgICAgKm5nSWY9XCJkaXNhYmxlbGFiZWwgPT09IGZhbHNlICYmICFpc0FkYXB0aXZlTGFiZWxcIlxuICAgICAgICBpZD1cInt7IG5hbWUgfX1sYWJlbFwiXG4gICAgICAgIGZvcj1cInt7IG5hbWUgfX1cIlxuICAgICAgICBjbGFzcz1cImNvbC14cy0xMiBjb250cm9sLWxhYmVsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAodGhpcy5sYWJlbFNpemVzIHwgdG9MYWJlbFdpZHRoQ3NzKSA6ICdzci1vbmx5J11cIlxuICAgICAgICBbY2xhc3MucmVxdWlyZWRdPVwiaXNyZXF1aXJlZFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0XCJcbiAgICAgICAgICAgIFt0b29sdGlwdGV4dF09XCJoZWxwdGV4dFwiXG4gICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJIZWxwdGV4dFRvb2x0aXBJY29uXCJcbiAgICAgICAgICAgICAgICBzdHlsZT1cIm1hcmdpbi1sZWZ0OiA1cHhcIj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zYWMtdG9vbHRpcD5cbiAgICA8L2xhYmVsPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2wteHMtMTJcIlxuICAgICAgICBbbmdDbGFzc109XCJbZGlzYWJsZWxhYmVsID09PSBmYWxzZSA/ICh0aGlzLmxhYmVsU2l6ZXMgfCB0b0NvbnRyb2xXaWR0aENzcykgOiAnJ11cIj5cbiAgICAgICAgPGRpdiBbc3R5bGUuZGlzcGxheV09XCJoZWxwdGV4dG1vZGUgPT09ICd0b29sdGlwJyAmJiBoZWxwdGV4dCAmJiBkaXNhYmxlbGFiZWwgPyAnZmxleCcgOiBudWxsXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBpZD1cInt7IG5hbWUgfX1cIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJ7eyBuYW1lIH19XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltjb21wb25lbnRIZWlnaHQgfCB0b0NvbnRyb2xIZWlnaHRdXCJcbiAgICAgICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAoYmx1cik9XCJvblRvdWNoKClcIlxuICAgICAgICAgICAgICAgIChpbnB1dCk9XCJzZXRWYWx1ZSgkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXG4gICAgICAgICAgICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heHRleHRsZW5ndGhcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpc2Rpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiAvPlxuXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJoZWxwdGV4dG1vZGUgPT09ICd0b29sdGlwJyAmJiBoZWxwdGV4dCAmJiBkaXNhYmxlbGFiZWxcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sLXN0YXRpY1wiXG4gICAgICAgICAgICAgICAgc3R5bGU9XCJtYXJnaW4tbGVmdDogNXB4XCI+XG4gICAgICAgICAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaGVscHRleHRtb2RlID09PSAndG9vbHRpcCcgJiYgaGVscHRleHRcIlxuICAgICAgICAgICAgICAgICAgICBbdG9vbHRpcHRleHRdPVwiaGVscHRleHRcIlxuICAgICAgICAgICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiSGVscHRleHRUb29sdGlwSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIm1hcmdpbi1sZWZ0OiA1cHg7IG1hcmdpbi1yaWdodDogNXB4XCI+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L3NhYy10b29sdGlwPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3RleHQnICYmIGhlbHB0ZXh0XCJcbiAgICAgICAgICAgIGNsYXNzPVwiaGVscC1ibG9ja1wiPlxuICAgICAgICAgICAge3sgaGVscHRleHQgfX1cbiAgICAgICAgPC9wPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiaGVscC1ibG9jayBoZWxwLWJsb2NrLWVycm9yXCJcbiAgICAgICAgICAgICpuZ0lmPVwiaXNpbmxpbmVlcnJvcmVuYWJsZWQgJiYgaW52YWxpZCAmJiAoZGlydHkgfHwgdG91Y2hlZClcIj5cbiAgICAgICAgICAgIHt7IEdldEVycm9yTWVzc2FnZSgpIHwgYXN5bmMgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwMy9zcmMvY29udHJvbHMvaW5wdXQvaW5wdXQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFNUYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUV6RCxNQXlCYSxpQkFBa0IsU0FBUSxjQUFjO0lBQ2pELHVCQUF1QjtJQUV2Qjs7OztPQUlHO0lBQ0gsWUFBZ0MsVUFBa0MsRUFBRSxRQUFrQjtRQUNsRixLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBVlEsaUJBQWlCO21HQUFqQixpQkFBaUIsd0RBckJmO1lBQ1AsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7WUFDM0U7Z0JBQ0ksT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7YUFDbkQ7U0FDSixpREN0QkwsMHhGQXdFQSw0Q0QvQ1EsT0FBTyxvRkFDUCxJQUFJLHdGQUNKLFNBQVMseUNBQ1Qsc0JBQXNCLG1EQUN0Qix3QkFBd0IscURBQ3hCLG9CQUFvQixpREFDcEIsc0JBQXNCLHdEQUN0QixtQkFBbUIsbURBQ25CLHVCQUF1Qjs7U0FHbEIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBekI3QixTQUFTOytCQUNJLFdBQVcsYUFHVjt3QkFDUCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQzNFOzRCQUNJLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQzt5QkFDbkQ7cUJBQ0osY0FDVyxJQUFJLFdBQ1A7d0JBQ0wsT0FBTzt3QkFDUCxJQUFJO3dCQUNKLFNBQVM7d0JBQ1Qsc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjt3QkFDcEIsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLHVCQUF1QjtxQkFDMUI7OzBCQVVZLElBQUk7OzBCQUFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0LCBJbmplY3RvciwgT3B0aW9uYWwsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTElEQVRPUlMsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjSW5wdXRDb21tb24sIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcbmltcG9ydCB7IFNhY0Zvcm1MYXlvdXREaXJlY3RpdmUgfSBmcm9tICcuLi9sYXlvdXQvZm9ybWxheW91dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2FjVG9Db250cm9sSGVpZ2h0UGlwZSB9IGZyb20gJy4uL2xheW91dC90b2NvbnRyb2xoZWlnaHQucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0NvbnRyb2xXaWR0aENzc1BpcGUgfSBmcm9tICcuLi9sYXlvdXQvdG9jb250cm9sd2lkdGhjc3MucGlwZSc7XG5pbXBvcnQgeyBTYWNUb0xhYmVsSGVpZ2h0UGlwZSB9IGZyb20gJy4uL2xheW91dC90b2xhYmVsaGVpZ2h0LnBpcGUnO1xuaW1wb3J0IHsgU2FjVG9MYWJlbFdpZHRoQ3NzUGlwZSB9IGZyb20gJy4uL2xheW91dC90b2xhYmVsd2lkdGhjc3MucGlwZSc7XG5pbXBvcnQgeyBTYWNUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5odG1sJyxcbiAgICAvLyBWYWx1ZSBBY2Nlc3MgUHJvdmlkZXIgcmVnaXN0cmllcmVuLCBkYW1pdCBXZXJ0IHZpYSBNb2RlbCBnZXNjaHJpZWJlbiB1bmQgZ2VsZXNlbiB3ZXJkZW4ga2FublxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCBtdWx0aTogdHJ1ZSwgdXNlRXhpc3Rpbmc6IFNhY0lucHV0Q29tcG9uZW50IH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0lucHV0Q29tcG9uZW50KSxcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ0NsYXNzLFxuICAgICAgICBOZ0lmLFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIFNhY1RvTGFiZWxXaWR0aENzc1BpcGUsXG4gICAgICAgIFNhY1RvQ29udHJvbFdpZHRoQ3NzUGlwZSxcbiAgICAgICAgU2FjVG9MYWJlbEhlaWdodFBpcGUsXG4gICAgICAgIFNhY1RvQ29udHJvbEhlaWdodFBpcGUsXG4gICAgICAgIFNhY1Rvb2x0aXBDb21wb25lbnQsXG4gICAgICAgIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0lucHV0Q29tcG9uZW50IGV4dGVuZHMgU2FjSW5wdXRDb21tb24ge1xuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBDb25zdHJ1Y3RvclxuICAgICAqIEBwYXJhbSBmb3JtTGF5b3V0IFNhY0Zvcm1MYXlvdXQgdG8gZGVmaW5lIHNjb3BlZCBsYXlvdXQgc2V0dGluZ3NcbiAgICAgKiBAcGFyYW0gaW5qZWN0b3IgSW5qZWN0b3IgZm9yIGluamVjdGluZyBzZXJ2aWNlc1xuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgZm9ybUxheW91dDogU2FjRm9ybUxheW91dERpcmVjdGl2ZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGZvcm1MYXlvdXQsIGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwicm93IGZvcm0tZ3JvdXBcIlxuICAgIFtjbGFzcy5oYXMtZXJyb3JdPVwiaW52YWxpZCAmJiAoZGlydHkgfHwgdG91Y2hlZClcIlxuICAgIFtuZ0NsYXNzXT1cImNvbXBvbmVudEhlaWdodCB8IHRvTGFiZWxIZWlnaHRcIlxuICAgIFthdHRyLmRhdGEtZTJlLWtleV09XCJuYW1lIHwgdGVzdGluZ2F0dHJpYnV0ZSA6IGUyZWlkZW50aWZpZXJcIj5cbiAgICA8bGFiZWxcbiAgICAgICAgKm5nSWY9XCJkaXNhYmxlbGFiZWwgPT09IGZhbHNlICYmICFpc0FkYXB0aXZlTGFiZWxcIlxuICAgICAgICBpZD1cInt7IG5hbWUgfX1sYWJlbFwiXG4gICAgICAgIGZvcj1cInt7IG5hbWUgfX1cIlxuICAgICAgICBjbGFzcz1cImNvbC14cy0xMiBjb250cm9sLWxhYmVsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAodGhpcy5sYWJlbFNpemVzIHwgdG9MYWJlbFdpZHRoQ3NzKSA6ICdzci1vbmx5J11cIlxuICAgICAgICBbY2xhc3MucmVxdWlyZWRdPVwiaXNyZXF1aXJlZFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPHNhYy10b29sdGlwXG4gICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0XCJcbiAgICAgICAgICAgIFt0b29sdGlwdGV4dF09XCJoZWxwdGV4dFwiXG4gICAgICAgICAgICBbaW5saW5lbW9kZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJIZWxwdGV4dFRvb2x0aXBJY29uXCJcbiAgICAgICAgICAgICAgICBzdHlsZT1cIm1hcmdpbi1sZWZ0OiA1cHhcIj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zYWMtdG9vbHRpcD5cbiAgICA8L2xhYmVsPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2wteHMtMTJcIlxuICAgICAgICBbbmdDbGFzc109XCJbZGlzYWJsZWxhYmVsID09PSBmYWxzZSA/ICh0aGlzLmxhYmVsU2l6ZXMgfCB0b0NvbnRyb2xXaWR0aENzcykgOiAnJ11cIj5cbiAgICAgICAgPGRpdiBbc3R5bGUuZGlzcGxheV09XCJoZWxwdGV4dG1vZGUgPT09ICd0b29sdGlwJyAmJiBoZWxwdGV4dCAmJiBkaXNhYmxlbGFiZWwgPyAnZmxleCcgOiBudWxsXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBpZD1cInt7IG5hbWUgfX1cIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJ7eyBuYW1lIH19XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltjb21wb25lbnRIZWlnaHQgfCB0b0NvbnRyb2xIZWlnaHRdXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaXMtaW52YWxpZF09XCJpbnZhbGlkICYmIChkaXJ0eSB8fCB0b3VjaGVkKVwiXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgKGJsdXIpPVwib25Ub3VjaCgpXCJcbiAgICAgICAgICAgICAgICAoaW5wdXQpPVwic2V0VmFsdWUoJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgICAgICAgICAgIChrZXlwcmVzcyk9XCJvbktleVByZXNzKCRldmVudClcIlxuICAgICAgICAgICAgICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXh0ZXh0bGVuZ3RoXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgLz5cblxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaGVscHRleHRtb2RlID09PSAndG9vbHRpcCcgJiYgaGVscHRleHQgJiYgZGlzYWJsZWxhYmVsXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbC1zdGF0aWNcIlxuICAgICAgICAgICAgICAgIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDVweFwiPlxuICAgICAgICAgICAgICAgIDxzYWMtdG9vbHRpcFxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImhlbHB0ZXh0bW9kZSA9PT0gJ3Rvb2x0aXAnICYmIGhlbHB0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXB0ZXh0XT1cImhlbHB0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgW2lubGluZW1vZGVdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzXT1cIkhlbHB0ZXh0VG9vbHRpcEljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJtYXJnaW4tbGVmdDogNXB4OyBtYXJnaW4tcmlnaHQ6IDVweFwiPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9zYWMtdG9vbHRpcD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8cFxuICAgICAgICAgICAgKm5nSWY9XCJoZWxwdGV4dG1vZGUgPT09ICd0ZXh0JyAmJiBoZWxwdGV4dFwiXG4gICAgICAgICAgICBjbGFzcz1cImhlbHAtYmxvY2tcIj5cbiAgICAgICAgICAgIHt7IGhlbHB0ZXh0IH19XG4gICAgICAgIDwvcD5cblxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImhlbHAtYmxvY2sgaGVscC1ibG9jay1lcnJvclwiXG4gICAgICAgICAgICAqbmdJZj1cImlzaW5saW5lZXJyb3JlbmFibGVkICYmIGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpXCI+XG4gICAgICAgICAgICB7eyBHZXRFcnJvck1lc3NhZ2UoKSB8IGFzeW5jIH19XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=