@simpleangularcontrols/sac-bootstrap5 16.0.0-rc.2 → 16.0.0-rc.21

package/esm2022/controls/form/form.mjs

@@ -15,27 +15,22 @@ import * as i1 from "@angular/forms";
  *
  */
 class SacFormDirective extends SacFormCommon {
+    // #endregion Properties
+    // #region Constructors
     /**
      * Konstruktor
      * @param form Instanz von NgForm für eigene automatische Formular Logik
      */
     constructor(form) {
         super(form);
+        // #region Properties
         /**
          * Setzt die Standard CSS Klasse für auf dem Form Container
          */
         this.cssClassForm = true;
     }
-    /**
-     * Setzt die CSS Klasse 'form-horizontal' wenn die Orientation auf Horizontal eingestellt ist
-     */
-    get orientientationHorizontal() { return this.getOrientation() === 'horizontal'; }
-    /**
-     *  Setzt die CSS Klasse 'form-vertical' wenn die Orientation auf Vertical eingestellt ist
-     */
-    get orientientationVertical() { return this.getOrientation() === 'vertical'; }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormDirective, deps: [{ token: i1.NgForm }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacFormDirective, isStandalone: true, selector: "form:not([ngNoForm]):not([formGroup]),[ngForm]", host: { properties: { "class.form": "this.cssClassForm", "class.form-horizontal": "this.orientientationHorizontal", "class.form-vertical": "this.orientientationVertical" } }, exportAs: ["sacform"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacFormDirective, isStandalone: true, selector: "form:not([ngNoForm]):not([formGroup]),[ngForm]", host: { properties: { "class.form": "this.cssClassForm" } }, exportAs: ["sacform"], usesInheritance: true, ngImport: i0 }); }
 }
 export { SacFormDirective };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormDirective, decorators: [{
@@ -43,16 +38,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     selector: 'form:not([ngNoForm]):not([formGroup]),[ngForm]',
                     exportAs: 'sacform',
-                    standalone: true
+                    standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i1.NgForm }]; }, propDecorators: { cssClassForm: [{
                 type: HostBinding,
                 args: ['class.form']
-            }], orientientationHorizontal: [{
-                type: HostBinding,
-                args: ['class.form-horizontal']
-            }], orientientationVertical: [{
-                type: HostBinding,
-                args: ['class.form-vertical']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9mb3JtL2Zvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFHbEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxNQUthLGdCQUFpQixTQUFRLGFBQWE7SUFFakQ7OztPQUdHO0lBQ0gsWUFBWSxJQUFZO1FBQ3RCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUdkOztXQUVHO1FBRUgsaUJBQVksR0FBWSxJQUFJLENBQUM7SUFON0IsQ0FBQztJQVFEOztPQUVHO0lBQ0gsSUFDSSx5QkFBeUIsS0FBYyxPQUFPLElBQUksQ0FBQyxjQUFjLEVBQUUsS0FBSyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBRTNGOztPQUVHO0lBQ0gsSUFDSSx1QkFBdUIsS0FBYyxPQUFPLElBQUksQ0FBQyxjQUFjLEVBQUUsS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDOytHQTFCNUUsZ0JBQWdCO21HQUFoQixnQkFBZ0I7O1NBQWhCLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQUw1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnREFBZ0Q7b0JBQzFELFFBQVEsRUFBRSxTQUFTO29CQUNuQixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7NkZBZUMsWUFBWTtzQkFEWCxXQUFXO3VCQUFDLFlBQVk7Z0JBT3JCLHlCQUF5QjtzQkFENUIsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBT2hDLHVCQUF1QjtzQkFEMUIsV0FBVzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nRm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2FjRm9ybUNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcblxyXG5cclxuLyoqXHJcbiAqIEVyd2VpdGVydW5nIC8gSG9va2luZyBmw7xyIGF1dG9tYXRpc21lbiBpbiBGb3JtdWxhci4gV2lyZCBhbHMgQ29udGFpbmVyIGbDvHIgYWxsZSBDb250cm9scyBiZW7DtnRpZ3QuXHJcbiAqXHJcbiAqIEBleGFtcGxlIEJlaXNwaWVsIMO8YmVyIERpdiBDb250YWluZXJcclxuICpcclxuICogPGRpdiBuZ0Zvcm0+PC9kaXY+XHJcbiAqXHJcbiAqIEBleGFtcGxlIEJlaXNwaWVsIMO8YmVyIEZvcm0gVGFnXHJcbiAqXHJcbiAqIDxmb3JtPjwvZm9ybT5cclxuICpcclxuICovXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdmb3JtOm5vdChbbmdOb0Zvcm1dKTpub3QoW2Zvcm1Hcm91cF0pLFtuZ0Zvcm1dJywgLy8gZXNsaW50LWRpc2FibGUtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yIC0tIHJlcXVpcmVkIGFzIGV4dGVuc2lvbiB0byBmb3JtXHJcbiAgICBleHBvcnRBczogJ3NhY2Zvcm0nLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2FjRm9ybURpcmVjdGl2ZSBleHRlbmRzIFNhY0Zvcm1Db21tb24ge1xyXG5cclxuICAvKipcclxuICAgKiBLb25zdHJ1a3RvclxyXG4gICAqIEBwYXJhbSBmb3JtIEluc3Rhbnogdm9uIE5nRm9ybSBmw7xyIGVpZ2VuZSBhdXRvbWF0aXNjaGUgRm9ybXVsYXIgTG9naWtcclxuICAgKi9cclxuICBjb25zdHJ1Y3Rvcihmb3JtOiBOZ0Zvcm0pIHtcclxuICAgIHN1cGVyKGZvcm0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2V0enQgZGllIFN0YW5kYXJkIENTUyBLbGFzc2UgZsO8ciBhdWYgZGVtIEZvcm0gQ29udGFpbmVyXHJcbiAgICovXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mb3JtJylcclxuICBjc3NDbGFzc0Zvcm06IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBTZXR6dCBkaWUgQ1NTIEtsYXNzZSAnZm9ybS1ob3Jpem9udGFsJyB3ZW5uIGRpZSBPcmllbnRhdGlvbiBhdWYgSG9yaXpvbnRhbCBlaW5nZXN0ZWxsdCBpc3RcclxuICAgKi9cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZvcm0taG9yaXpvbnRhbCcpXHJcbiAgZ2V0IG9yaWVudGllbnRhdGlvbkhvcml6b250YWwoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLmdldE9yaWVudGF0aW9uKCkgPT09ICdob3Jpem9udGFsJzsgfVxyXG5cclxuICAvKipcclxuICAgKiAgU2V0enQgZGllIENTUyBLbGFzc2UgJ2Zvcm0tdmVydGljYWwnIHdlbm4gZGllIE9yaWVudGF0aW9uIGF1ZiBWZXJ0aWNhbCBlaW5nZXN0ZWxsdCBpc3RcclxuICAgKi9cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZvcm0tdmVydGljYWwnKVxyXG4gIGdldCBvcmllbnRpZW50YXRpb25WZXJ0aWNhbCgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuZ2V0T3JpZW50YXRpb24oKSA9PT0gJ3ZlcnRpY2FsJzsgfVxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9mb3JtL2Zvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFbEU7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxNQUthLGdCQUFpQixTQUFRLGFBQWE7SUFTakQsd0JBQXdCO0lBRXhCLHVCQUF1QjtJQUV2Qjs7O09BR0c7SUFDSCxZQUFZLElBQVk7UUFDdEIsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBakJkLHFCQUFxQjtRQUVyQjs7V0FFRztRQUVJLGlCQUFZLEdBQVksSUFBSSxDQUFDO0lBWXBDLENBQUM7K0dBbkJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOztTQUFoQixnQkFBZ0I7NEZBQWhCLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0RBQWdEO29CQUMxRCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzZGQVFRLFlBQVk7c0JBRGxCLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0Zvcm1Db21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG4vKipcbiAqIEVyd2VpdGVydW5nIC8gSG9va2luZyBmw7xyIGF1dG9tYXRpc21lbiBpbiBGb3JtdWxhci4gV2lyZCBhbHMgQ29udGFpbmVyIGbDvHIgYWxsZSBDb250cm9scyBiZW7DtnRpZ3QuXG4gKlxuICogQGV4YW1wbGUgQmVpc3BpZWwgw7xiZXIgRGl2IENvbnRhaW5lclxuICpcbiAqIDxkaXYgbmdGb3JtPjwvZGl2PlxuICpcbiAqIEBleGFtcGxlIEJlaXNwaWVsIMO8YmVyIEZvcm0gVGFnXG4gKlxuICogPGZvcm0+PC9mb3JtPlxuICpcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnZm9ybTpub3QoW25nTm9Gb3JtXSk6bm90KFtmb3JtR3JvdXBdKSxbbmdGb3JtXScsIC8vIGVzbGludC1kaXNhYmxlLWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvciAtLSByZXF1aXJlZCBhcyBleHRlbnNpb24gdG8gZm9ybVxuICBleHBvcnRBczogJ3NhY2Zvcm0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNGb3JtRGlyZWN0aXZlIGV4dGVuZHMgU2FjRm9ybUNvbW1vbiB7XG4gIC8vICNyZWdpb24gUHJvcGVydGllc1xuXG4gIC8qKlxuICAgKiBTZXR6dCBkaWUgU3RhbmRhcmQgQ1NTIEtsYXNzZSBmw7xyIGF1ZiBkZW0gRm9ybSBDb250YWluZXJcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZm9ybScpXG4gIHB1YmxpYyBjc3NDbGFzc0Zvcm06IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8vICNlbmRyZWdpb24gUHJvcGVydGllc1xuXG4gIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgLyoqXG4gICAqIEtvbnN0cnVrdG9yXG4gICAqIEBwYXJhbSBmb3JtIEluc3Rhbnogdm9uIE5nRm9ybSBmw7xyIGVpZ2VuZSBhdXRvbWF0aXNjaGUgRm9ybXVsYXIgTG9naWtcbiAgICovXG4gIGNvbnN0cnVjdG9yKGZvcm06IE5nRm9ybSkge1xuICAgIHN1cGVyKGZvcm0pO1xuICB9XG5cbiAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiJdfQ==

package/esm2022/controls/form/form.module.mjs

@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZm9ybS9mb3JtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUVsRSxNQVVhLHVCQUF1QjsrR0FBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0IsRUFBRSx1QkFBdUIsYUFHekMsZ0JBQWdCLEVBQUUsdUJBQXVCO2dIQUdwQyx1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7O1NBT04sdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBVm5DLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0nO1xyXG5pbXBvcnQgeyBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZSB9IGZyb20gJy4vaW5oZXJpdGZvcm0uZGlyZWN0aXZlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgICAgIFNhY0Zvcm1EaXJlY3RpdmUsIFNhY0luaGVyaXRGb3JtRGlyZWN0aXZlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIFNhY0Zvcm1EaXJlY3RpdmUsIFNhY0luaGVyaXRGb3JtRGlyZWN0aXZlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQUNCb290c3RyYXA1Rm9ybU1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZm9ybS9mb3JtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUVsRSxNQVVhLHVCQUF1QjsrR0FBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0IsRUFBRSx1QkFBdUIsYUFHekMsZ0JBQWdCLEVBQUUsdUJBQXVCO2dIQUdwQyx1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7O1NBT04sdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBVm5DLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0nO1xuaW1wb3J0IHsgU2FjSW5oZXJpdEZvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2luaGVyaXRmb3JtLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEZvcm1zTW9kdWxlLFxuICAgICAgICBTYWNGb3JtRGlyZWN0aXZlLCBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBTYWNGb3JtRGlyZWN0aXZlLCBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU0FDQm9vdHN0cmFwNUZvcm1Nb2R1bGUgeyB9XG4iXX0=

package/esm2022/controls/form/inheritform.directive.mjs

@@ -1,87 +1,70 @@
-import { Directive } from '@angular/core';
+import { Directive, SkipSelf } from '@angular/core';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import { SacFormDirective } from './form';
-import { SkipSelf } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import { ControlContainer } from '@angular/forms';
 import * as i0 from "@angular/core";
+// #region Classes
 /**
- * Factory Methode für SacForm
- * @param form SacFormular
+ * Directive to inherit an NgForm/NgForm from a parent component
  */
-export function SACFORM_FACTORY(form) {
-    return form;
-}
-/**
- * Factory Methode für NgForm
- * @param form NgForm
- */
-export function NGFORM_FACTORY(form) {
-    return form;
-}
-/**
- * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
- *
- * @example Implementation in Markup
- *
- * <div sacInheritForm>
- * </div>
- *
- * @example Model an Sub-Komponente übergeben
- *
- * <div sacInheritForm>
- * <div>SubForm</div>
- * <div>
- *  <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
- * </div>
- * </div>
- *
- *
- * (at)Component({
- * selector: 'sacInheritForm',
- * templateUrl: './subform.component.html'
- * })
- * export class SubFormComponent implements DoCheck {
- *
- * (at)Input() mymodel;
- * (at)Output() mymodelChange = new EventEmitter();
- *
- * ngDoCheck() {
- *   this.mymodelChange.next(this.mymodel);
- * }
- *}
- *
- */
-class SacInheritFormDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+class SacInheritFormDirective extends SacFormCommon {
+    // #region Constructors
+    /**
+     * Construtor
+     * @param injector: injector to receive the NgForm instance
+     */
+    constructor(injector) {
+        super(injector.get(NgForm));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SacInheritFormDirective, isStandalone: true, selector: "[sacInheritForm]", providers: [
             {
                 provide: SacFormDirective,
                 useFactory: SACFORM_FACTORY,
-                deps: [[new SkipSelf(), SacFormDirective]]
-            }, {
+                deps: [[new SkipSelf(), SacFormDirective]],
+            },
+            {
                 provide: ControlContainer,
                 useFactory: NGFORM_FACTORY,
-                deps: [NgForm]
-            }
-        ], ngImport: i0 }); }
+                deps: [NgForm],
+            },
+        ], exportAs: ["sacinheritform"], usesInheritance: true, ngImport: i0 }); }
 }
 export { SacInheritFormDirective };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sacInheritForm]',
+                    exportAs: 'sacinheritform',
+                    standalone: true,
                     providers: [
                         {
                             provide: SacFormDirective,
                             useFactory: SACFORM_FACTORY,
-                            deps: [[new SkipSelf(), SacFormDirective]]
-                        }, {
+                            deps: [[new SkipSelf(), SacFormDirective]],
+                        },
+                        {
                             provide: ControlContainer,
                             useFactory: NGFORM_FACTORY,
-                            deps: [NgForm]
-                        }
+                            deps: [NgForm],
+                        },
                     ],
-                    standalone: true
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5oZXJpdGZvcm0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2Zvcm0vaW5oZXJpdGZvcm0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUVsRDs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsZUFBZSxDQUFDLElBQXNCO0lBQ3BELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQztBQUVEOzs7R0FHRztBQUNILE1BQU0sVUFBVSxjQUFjLENBQUMsSUFBWTtJQUN6QyxPQUFPLElBQUksQ0FBQztBQUNkLENBQUM7QUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ0c7QUFDSCxNQWVhLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsK0RBYnJCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGdCQUFnQjtnQkFDekIsVUFBVSxFQUFFLGVBQWU7Z0JBQzNCLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxRQUFRLEVBQUUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzdDLEVBQUU7Z0JBQ0MsT0FBTyxFQUFFLGdCQUFnQjtnQkFDekIsVUFBVSxFQUFFLGNBQWM7Z0JBQzFCLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQzthQUNqQjtTQUNKOztTQUdRLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQWZuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsZ0JBQWdCOzRCQUN6QixVQUFVLEVBQUUsZUFBZTs0QkFDM0IsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLGdCQUFnQixDQUFDLENBQUM7eUJBQzdDLEVBQUU7NEJBQ0MsT0FBTyxFQUFFLGdCQUFnQjs0QkFDekIsVUFBVSxFQUFFLGNBQWM7NEJBQzFCLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQzt5QkFDakI7cUJBQ0o7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0nO1xyXG5pbXBvcnQgeyBTa2lwU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG4vKipcclxuICogRmFjdG9yeSBNZXRob2RlIGbDvHIgU2FjRm9ybVxyXG4gKiBAcGFyYW0gZm9ybSBTYWNGb3JtdWxhclxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIFNBQ0ZPUk1fRkFDVE9SWShmb3JtOiBTYWNGb3JtRGlyZWN0aXZlKSB7XHJcbiAgcmV0dXJuIGZvcm07XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBGYWN0b3J5IE1ldGhvZGUgZsO8ciBOZ0Zvcm1cclxuICogQHBhcmFtIGZvcm0gTmdGb3JtXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gTkdGT1JNX0ZBQ1RPUlkoZm9ybTogTmdGb3JtKSB7XHJcbiAgcmV0dXJuIGZvcm07XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBEaXJlY3RpdmUgenVtIGVyYmVuIGVpbmVzIE5nRm9ybS9OZ0Zvcm11bGFyIGVpbmVyIMO8YmVyZ2VvcmRuZXRlbiBLb21wb25lbnRlXHJcbiAqXHJcbiAqIEBleGFtcGxlIEltcGxlbWVudGF0aW9uIGluIE1hcmt1cFxyXG4gKlxyXG4gKiA8ZGl2IHNhY0luaGVyaXRGb3JtPlxyXG4gKiA8L2Rpdj5cclxuICpcclxuICogQGV4YW1wbGUgTW9kZWwgYW4gU3ViLUtvbXBvbmVudGUgw7xiZXJnZWJlblxyXG4gKlxyXG4gKiA8ZGl2IHNhY0luaGVyaXRGb3JtPlxyXG4gKiA8ZGl2PlN1YkZvcm08L2Rpdj5cclxuICogPGRpdj5cclxuICogIDxuZ0lucHV0IFsobmdNb2RlbCldPVwibXltb2RlbC5maWVsZGFyZWEyXCIgbmFtZT1cInN1YmZvcm1GaWVsZDNcIiBsYWJlbD1cImZpZWxkIDNcIiBbaXNyZXF1aXJlZF09XCJ0cnVlXCI+PC9uZ0lucHV0PlxyXG4gKiA8L2Rpdj5cclxuICogPC9kaXY+XHJcbiAqXHJcbiAqXHJcbiAqIChhdClDb21wb25lbnQoe1xyXG4gKiBzZWxlY3RvcjogJ3NhY0luaGVyaXRGb3JtJyxcclxuICogdGVtcGxhdGVVcmw6ICcuL3N1YmZvcm0uY29tcG9uZW50Lmh0bWwnXHJcbiAqIH0pXHJcbiAqIGV4cG9ydCBjbGFzcyBTdWJGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgRG9DaGVjayB7XHJcbiAqXHJcbiAqIChhdClJbnB1dCgpIG15bW9kZWw7XHJcbiAqIChhdClPdXRwdXQoKSBteW1vZGVsQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gKlxyXG4gKiBuZ0RvQ2hlY2soKSB7XHJcbiAqICAgdGhpcy5teW1vZGVsQ2hhbmdlLm5leHQodGhpcy5teW1vZGVsKTtcclxuICogfVxyXG4gKn1cclxuICpcclxuICovXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbc2FjSW5oZXJpdEZvcm1dJyxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogU2FjRm9ybURpcmVjdGl2ZSxcclxuICAgICAgICAgICAgdXNlRmFjdG9yeTogU0FDRk9STV9GQUNUT1JZLFxyXG4gICAgICAgICAgICBkZXBzOiBbW25ldyBTa2lwU2VsZigpLCBTYWNGb3JtRGlyZWN0aXZlXV1cclxuICAgICAgICB9LCB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbnRyb2xDb250YWluZXIsXHJcbiAgICAgICAgICAgIHVzZUZhY3Rvcnk6IE5HRk9STV9GQUNUT1JZLFxyXG4gICAgICAgICAgICBkZXBzOiBbTmdGb3JtXVxyXG4gICAgICAgIH1cclxuICAgIF0sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZSB7IH1cclxuIl19
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+// #endregion Classes
+// #region Functions
+/**
+ * Factory Methode für NgForm
+ * @param form NgForm
+ */
+export function NGFORM_FACTORY(form) {
+    return form;
+}
+/**
+ * Factory Methode für SacForm
+ * @param form SacFormular
+ */
+export function SACFORM_FACTORY(form) {
+    return form;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5oZXJpdGZvcm0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2Zvcm0vaW5oZXJpdGZvcm0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDOztBQUUxQyxrQkFBa0I7QUFFbEI7O0dBRUc7QUFDSCxNQWlCYSx1QkFBd0IsU0FBUSxhQUFhO0lBQ3hELHVCQUF1QjtJQUV2Qjs7O09BR0c7SUFDSCxZQUFZLFFBQWtCO1FBQzVCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0FUVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwrREFidkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsZ0JBQWdCO2dCQUN6QixVQUFVLEVBQUUsZUFBZTtnQkFDM0IsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLGdCQUFnQixDQUFDLENBQUM7YUFDM0M7WUFDRDtnQkFDRSxPQUFPLEVBQUUsZ0JBQWdCO2dCQUN6QixVQUFVLEVBQUUsY0FBYztnQkFDMUIsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDO2FBQ2Y7U0FDRjs7U0FFVSx1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkFqQm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsZ0JBQWdCOzRCQUN6QixVQUFVLEVBQUUsZUFBZTs0QkFDM0IsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLGdCQUFnQixDQUFDLENBQUM7eUJBQzNDO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxnQkFBZ0I7NEJBQ3pCLFVBQVUsRUFBRSxjQUFjOzRCQUMxQixJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUM7eUJBQ2Y7cUJBQ0Y7aUJBQ0Y7O0FBZUQscUJBQXFCO0FBRXJCLG9CQUFvQjtBQUVwQjs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsY0FBYyxDQUFDLElBQVk7SUFDekMsT0FBTyxJQUFJLENBQUM7QUFDZCxDQUFDO0FBRUQ7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLGVBQWUsQ0FBQyxJQUFzQjtJQUNwRCxPQUFPLElBQUksQ0FBQztBQUNkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdG9yLCBTa2lwU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbENvbnRhaW5lciwgTmdGb3JtIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2FjRm9ybUNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5pbXBvcnQgeyBTYWNGb3JtRGlyZWN0aXZlIH0gZnJvbSAnLi9mb3JtJztcblxuLy8gI3JlZ2lvbiBDbGFzc2VzXG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIGluaGVyaXQgYW4gTmdGb3JtL05nRm9ybSBmcm9tIGEgcGFyZW50IGNvbXBvbmVudFxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2FjSW5oZXJpdEZvcm1dJyxcbiAgZXhwb3J0QXM6ICdzYWNpbmhlcml0Zm9ybScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNhY0Zvcm1EaXJlY3RpdmUsXG4gICAgICB1c2VGYWN0b3J5OiBTQUNGT1JNX0ZBQ1RPUlksXG4gICAgICBkZXBzOiBbW25ldyBTa2lwU2VsZigpLCBTYWNGb3JtRGlyZWN0aXZlXV0sXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLFxuICAgICAgdXNlRmFjdG9yeTogTkdGT1JNX0ZBQ1RPUlksXG4gICAgICBkZXBzOiBbTmdGb3JtXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZSBleHRlbmRzIFNhY0Zvcm1Db21tb24ge1xuICAvLyAjcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gIC8qKlxuICAgKiBDb25zdHJ1dG9yXG4gICAqIEBwYXJhbSBpbmplY3RvcjogaW5qZWN0b3IgdG8gcmVjZWl2ZSB0aGUgTmdGb3JtIGluc3RhbmNlXG4gICAqL1xuICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICBzdXBlcihpbmplY3Rvci5nZXQoTmdGb3JtKSk7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuXG4vLyAjZW5kcmVnaW9uIENsYXNzZXNcblxuLy8gI3JlZ2lvbiBGdW5jdGlvbnNcblxuLyoqXG4gKiBGYWN0b3J5IE1ldGhvZGUgZsO8ciBOZ0Zvcm1cbiAqIEBwYXJhbSBmb3JtIE5nRm9ybVxuICovXG5leHBvcnQgZnVuY3Rpb24gTkdGT1JNX0ZBQ1RPUlkoZm9ybTogTmdGb3JtKSB7XG4gIHJldHVybiBmb3JtO1xufVxuXG4vKipcbiAqIEZhY3RvcnkgTWV0aG9kZSBmw7xyIFNhY0Zvcm1cbiAqIEBwYXJhbSBmb3JtIFNhY0Zvcm11bGFyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTQUNGT1JNX0ZBQ1RPUlkoZm9ybTogU2FjRm9ybURpcmVjdGl2ZSkge1xuICByZXR1cm4gZm9ybTtcbn1cblxuLy8gI2VuZHJlZ2lvbiBGdW5jdGlvbnNcbiJdfQ==

package/esm2022/controls/grid/grid.mjs

@@ -1,25 +1,28 @@
-import { Component, ContentChild, forwardRef, TemplateRef, } from '@angular/core';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { SacGridCommon } from '@simpleangularcontrols/sac-common';
 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";
 /**
  * Grid Komponente
  */
 class SacGridComponent extends SacGridCommon {
+    // #endregion Properties
+    // #region Constructors
     /**
      * Konstrukor
      * @param cdRef Change Detection Reference
      */
-    constructor(cdRef) {
-        super(cdRef);
+    constructor(cdRef, injector) {
+        super(cdRef, injector);
+        // #region Properties
         /**
          * Setzt die Ellipsis Funktion auf der Column
          */
         this.ellipsis = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacGridComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }], 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 },
             {
@@ -27,7 +30,7 @@ class SacGridComponent extends SacGridCommon {
                 multi: true,
                 useExisting: forwardRef(() => SacGridComponent),
             },
-        ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"table-responsive\">\r\n  <table class=\"table table-striped table-hover\" id={{name}}>\r\n    <thead class=\"thead-light\">\r\n      <tr>\r\n        <ng-container *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\">\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor=\"let item of value; let i=index\">\r\n        <tr>\r\n          <ng-container *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\">\r\n          </ng-container>\r\n        </tr>\r\n      </ng-container>\r\n      <tr *ngIf=\"value === undefined || value === null || value.length===0\">\r\n        <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\r\n      </tr>\r\n      <tr>\r\n        <td [attr.colspan]=\"ColumnCount\">\r\n          <div class=\"container-fluid\">\r\n            <sac-paging name=\"{{name}}Paging\" (paging)=\"pageChange($event)\" [pagerdata]=\"pagerdata\" [pagesizes]=\"pagesizes\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\" [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\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" }] }); }
+        ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"table-responsive\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <table\n        class=\"table table-striped table-hover\"\n        id=\"{{ name }}\">\n        <thead class=\"thead-light\">\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 *ngIf=\"pagerdata\">\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                            [pagesizes]=\"pagesizes\"\n                            [pagingtext]=\"pagingtext\"\n                            [pagesizetext]=\"pagesizetext\"\n                            [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\n                    </div>\n                </td>\n            </tr>\n        </tfoot>\n    </table>\n</div>\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: [{
@@ -39,14 +42,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SacGridComponent),
                         },
-                    ], standalone: true, imports: [
-                        NgTemplateOutlet,
-                        NgFor,
-                        NgIf,
-                        SacPagingComponent,
-                    ], template: "<div class=\"table-responsive\">\r\n  <table class=\"table table-striped table-hover\" id={{name}}>\r\n    <thead class=\"thead-light\">\r\n      <tr>\r\n        <ng-container *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\">\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor=\"let item of value; let i=index\">\r\n        <tr>\r\n          <ng-container *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\">\r\n          </ng-container>\r\n        </tr>\r\n      </ng-container>\r\n      <tr *ngIf=\"value === undefined || value === null || value.length===0\">\r\n        <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\r\n      </tr>\r\n      <tr>\r\n        <td [attr.colspan]=\"ColumnCount\">\r\n          <div class=\"container-fluid\">\r\n            <sac-paging name=\"{{name}}Paging\" (paging)=\"pageChange($event)\" [pagerdata]=\"pagerdata\" [pagesizes]=\"pagesizes\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\" [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { template: [{
+                    ], standalone: true, imports: [NgTemplateOutlet, NgFor, NgIf, SacPagingComponent, SacTestingAttributePipe], template: "<div\n    class=\"table-responsive\"\n    [attr.data-e2e-key]=\"name | testingattribute : e2eidentifier\">\n    <table\n        class=\"table table-striped table-hover\"\n        id=\"{{ name }}\">\n        <thead class=\"thead-light\">\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 *ngIf=\"pagerdata\">\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                            [pagesizes]=\"pagesizes\"\n                            [pagingtext]=\"pagingtext\"\n                            [pagesizetext]=\"pagesizetext\"\n                            [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\n                    </div>\n                </td>\n            </tr>\n        </tfoot>\n    </table>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }]; }, propDecorators: { template: [{
                 type: ContentChild,
                 args: [TemplateRef, { static: false }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUVoRTs7R0FFRztBQUNILE1Bb0JhLGdCQUFpQixTQUFRLGFBQWE7SUFZakQ7OztPQUdHO0lBQ0gsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFWZjs7V0FFRztRQUNILGFBQVEsR0FBWSxLQUFLLENBQUM7SUFRMUIsQ0FBQzsrR0FsQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdURBaEJkO1lBQ1AsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUU7WUFDMUU7Z0JBQ0ksT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDbEQ7U0FDSixnRUFhVyxXQUFXLHVFQ3ZDM0IsMnBDQTRCQSw0Q0RDUSxnQkFBZ0Isb0pBQ2hCLEtBQUssbUhBQ0wsSUFBSSw2RkFDSixrQkFBa0I7O1NBR2IsZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBcEI1QixTQUFTOytCQUNJLFVBQVUsYUFHVDt3QkFDUCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsa0JBQWtCLEVBQUU7d0JBQzFFOzRCQUNJLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsQ0FBQzt5QkFDbEQ7cUJBQ0osY0FDVyxJQUFJLFdBQ1A7d0JBQ0wsZ0JBQWdCO3dCQUNoQixLQUFLO3dCQUNMLElBQUk7d0JBQ0osa0JBQWtCO3FCQUNyQjt3R0FPSCxRQUFRO3NCQURQLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBmb3J3YXJkUmVmLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2FjR3JpZENvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNhY1BhZ2luZ0NvbXBvbmVudCB9IGZyb20gJy4vcGFnaW5nJztcclxuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCwgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuLyoqXHJcbiAqIEdyaWQgS29tcG9uZW50ZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NhYy1ncmlkJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkLmh0bWwnLFxyXG4gICAgLy8gVmFsdWUgQWNjZXNzIFByb3ZpZGVyIHJlZ2lzdHJpZXJlbiwgZGFtaXQgV2VydCB2aWEgTW9kZWwgZ2VzY2hyaWViZW4gdW5kIGdlbGVzZW4gd2VyZGVuIGthbm5cclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIG11bHRpOiB0cnVlLCB1c2VFeGlzdGluZzogU2FjR3JpZENvbXBvbmVudCB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcclxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb21wb25lbnQpLFxyXG4gICAgICAgIH0sXHJcbiAgICBdLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtcclxuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxyXG4gICAgICAgIE5nRm9yLFxyXG4gICAgICAgIE5nSWYsXHJcbiAgICAgICAgU2FjUGFnaW5nQ29tcG9uZW50LFxyXG4gICAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29tbW9uIHtcclxuICAvKipcclxuICAgKiBSZWZlcmVueiBhdWYgQ29sdW1uIFRlbXBsYXRlXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IGZhbHNlIH0pXHJcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldHp0IGRpZSBFbGxpcHNpcyBGdW5rdGlvbiBhdWYgZGVyIENvbHVtblxyXG4gICAqL1xyXG4gIGVsbGlwc2lzOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIEtvbnN0cnVrb3JcclxuICAgKiBAcGFyYW0gY2RSZWYgQ2hhbmdlIERldGVjdGlvbiBSZWZlcmVuY2VcclxuICAgKi9cclxuICBjb25zdHJ1Y3RvcihjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGNkUmVmKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRhYmxlLXJlc3BvbnNpdmVcIj5cclxuICA8dGFibGUgY2xhc3M9XCJ0YWJsZSB0YWJsZS1zdHJpcGVkIHRhYmxlLWhvdmVyXCIgaWQ9e3tuYW1lfX0+XHJcbiAgICA8dGhlYWQgY2xhc3M9XCJ0aGVhZC1saWdodFwiPlxyXG4gICAgICA8dHI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlOyBjb250ZXh0IHsgcm93OiB7fSwgdHlwZTogJ2hlYWRlcid9XCI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvdHI+XHJcbiAgICA8L3RoZWFkPlxyXG4gICAgPHRib2R5PlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHZhbHVlOyBsZXQgaT1pbmRleFwiPlxyXG4gICAgICAgIDx0cj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZTsgY29udGV4dCB7IHJvdzogaXRlbSwgdHlwZTogJ2JvZHknfVwiPlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90cj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDx0ciAqbmdJZj1cInZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUubGVuZ3RoPT09MFwiPlxyXG4gICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cIkNvbHVtbkNvdW50XCI+e3tlbXB0eXRleHR9fTwvdGQ+XHJcbiAgICAgIDwvdHI+XHJcbiAgICAgIDx0cj5cclxuICAgICAgICA8dGQgW2F0dHIuY29sc3Bhbl09XCJDb2x1bW5Db3VudFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiPlxyXG4gICAgICAgICAgICA8c2FjLXBhZ2luZyBuYW1lPVwie3tuYW1lfX1QYWdpbmdcIiAocGFnaW5nKT1cInBhZ2VDaGFuZ2UoJGV2ZW50KVwiIFtwYWdlcmRhdGFdPVwicGFnZXJkYXRhXCIgW3BhZ2VzaXplc109XCJwYWdlc2l6ZXNcIiBbcGFnaW5ndGV4dF09XCJwYWdpbmd0ZXh0XCIgW3BhZ2VzaXpldGV4dF09XCJwYWdlc2l6ZXRleHRcIiBbcGFnZXNpemVkaXNhYmxlZF09XCJwYWdlc2l6ZWRpc2FibGVkXCI+PC9zYWMtcGFnaW5nPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC90ZD5cclxuICAgICAgPC90cj5cclxuICAgIDwvdGJvZHk+XHJcbiAgPC90YWJsZT5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFZLFdBQVcsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFM0Y7O0dBRUc7QUFDSCxNQWVhLGdCQUFpQixTQUFRLGFBQWE7SUFjL0Msd0JBQXdCO0lBRXhCLHVCQUF1QjtJQUV2Qjs7O09BR0c7SUFDSCxZQUFZLEtBQXdCLEVBQUUsUUFBa0I7UUFDcEQsS0FBSyxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQztRQXRCM0IscUJBQXFCO1FBRXJCOztXQUVHO1FBQ0ksYUFBUSxHQUFZLEtBQUssQ0FBQztJQWtCakMsQ0FBQzsrR0F4QlEsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdURBWGQ7WUFDUCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRTtZQUMxRTtnQkFDSSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUNsRDtTQUNKLGdFQWVhLFdBQVcsdUVDbkM3Qix5cURBeUNBLDRDRG5CYyxnQkFBZ0Isb0pBQUUsS0FBSyxtSEFBRSxJQUFJLDZGQUFFLGtCQUFrQixrREFBRSx1QkFBdUI7O1NBRTNFLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQWY1QixTQUFTOytCQUNJLFVBQVUsYUFHVDt3QkFDUCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsa0JBQWtCLEVBQUU7d0JBQzFFOzRCQUNJLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsQ0FBQzt5QkFDbEQ7cUJBQ0osY0FDVyxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLHVCQUF1QixDQUFDOytIQWM5RSxRQUFRO3NCQURkLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNhY1BhZ2luZ0NvbXBvbmVudCB9IGZyb20gJy4vcGFnaW5nJztcbmltcG9ydCB7IE5nRm9yLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5qZWN0b3IsIFRlbXBsYXRlUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNhY0dyaWRDb21tb24sIFNhY1Rlc3RpbmdBdHRyaWJ1dGVQaXBlIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIEtvbXBvbmVudGVcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWQuaHRtbCcsXG4gICAgLy8gVmFsdWUgQWNjZXNzIFByb3ZpZGVyIHJlZ2lzdHJpZXJlbiwgZGFtaXQgV2VydCB2aWEgTW9kZWwgZ2VzY2hyaWViZW4gdW5kIGdlbGVzZW4gd2VyZGVuIGthbm5cbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgbXVsdGk6IHRydWUsIHVzZUV4aXN0aW5nOiBTYWNHcmlkQ29tcG9uZW50IH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgTmdGb3IsIE5nSWYsIFNhY1BhZ2luZ0NvbXBvbmVudCwgU2FjVGVzdGluZ0F0dHJpYnV0ZVBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZENvbW1vbiB7XG4gICAgLy8gI3JlZ2lvbiBQcm9wZXJ0aWVzXG5cbiAgICAvKipcbiAgICAgKiBTZXR6dCBkaWUgRWxsaXBzaXMgRnVua3Rpb24gYXVmIGRlciBDb2x1bW5cbiAgICAgKi9cbiAgICBwdWJsaWMgZWxsaXBzaXM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIFJlZmVyZW56IGF1ZiBDb2x1bW4gVGVtcGxhdGVcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgICBwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgICAvLyAjZW5kcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBLb25zdHJ1a29yXG4gICAgICogQHBhcmFtIGNkUmVmIENoYW5nZSBEZXRlY3Rpb24gUmVmZXJlbmNlXG4gICAgICovXG4gICAgY29uc3RydWN0b3IoY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLCBpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoY2RSZWYsIGluamVjdG9yKTtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwidGFibGUtcmVzcG9uc2l2ZVwiXG4gICAgW2F0dHIuZGF0YS1lMmUta2V5XT1cIm5hbWUgfCB0ZXN0aW5nYXR0cmlidXRlIDogZTJlaWRlbnRpZmllclwiPlxuICAgIDx0YWJsZVxuICAgICAgICBjbGFzcz1cInRhYmxlIHRhYmxlLXN0cmlwZWQgdGFibGUtaG92ZXJcIlxuICAgICAgICBpZD1cInt7IG5hbWUgfX1cIj5cbiAgICAgICAgPHRoZWFkIGNsYXNzPVwidGhlYWQtbGlnaHRcIj5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGU7IGNvbnRleHQ6IHsgcm93OiB7fSwgdHlwZTogJ2hlYWRlcicgfVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGhlYWQ+XG4gICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdmFsdWU7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZTsgY29udGV4dDogeyByb3c6IGl0ZW0sIHR5cGU6ICdib2R5JyB9XCI+IDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDx0clxuICAgICAgICAgICAgICAgICpuZ0lmPVwidmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbCB8fCB2YWx1ZS5sZW5ndGggPT09IDBcIlxuICAgICAgICAgICAgICAgIGRhdGEtZTJlPVwiZW1wdHlyb3dcIj5cbiAgICAgICAgICAgICAgICA8dGQgW2F0dHIuY29sc3Bhbl09XCJDb2x1bW5Db3VudFwiPnt7IGVtcHR5dGV4dCB9fTwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8dGZvb3QgKm5nSWY9XCJwYWdlcmRhdGFcIj5cbiAgICAgICAgICAgIDx0ciAqbmdJZj1cInBhZ2VyZGF0YVwiPlxuICAgICAgICAgICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cIkNvbHVtbkNvdW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzYWMtcGFnaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInt7IG5hbWUgfX1QYWdpbmdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChwYWdpbmcpPVwicGFnZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcGFnZXJkYXRhXT1cInBhZ2VyZGF0YVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3BhZ2VzaXplc109XCJwYWdlc2l6ZXNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtwYWdpbmd0ZXh0XT1cInBhZ2luZ3RleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtwYWdlc2l6ZXRleHRdPVwicGFnZXNpemV0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcGFnZXNpemVkaXNhYmxlZF09XCJwYWdlc2l6ZWRpc2FibGVkXCI+PC9zYWMtcGFnaW5nPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgPC90Zm9vdD5cbiAgICA8L3RhYmxlPlxuPC9kaXY+XG4iXX0=

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

@@ -13,7 +13,7 @@ class SACBootstrap5GridModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5GridModule, imports: [CommonModule, FormsModule,
             SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent], exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5GridModule, imports: [CommonModule, FormsModule,
-            SacGridComponent, SacPagingComponent] }); }
+            SacGridComponent, SacPagingComponent, SacGridImageComponent] }); }
 }
 export { SACBootstrap5GridModule };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5GridModule, decorators: [{
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDdEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFHOUMsTUFPYSx1QkFBdUI7K0dBQXZCLHVCQUF1QjtnSEFBdkIsdUJBQXVCLFlBTDVCLFlBQVksRUFBRSxXQUFXO1lBQ3pCLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLDRCQUE0QixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHFCQUFxQixhQUVuSSxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSw0QkFBNEIsRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUI7Z0hBRTFJLHVCQUF1QixZQUw1QixZQUFZLEVBQUUsV0FBVztZQUN6QixnQkFBZ0IsRUFBd0Qsa0JBQWtCOztTQUlyRix1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkFQbkMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWSxFQUFFLFdBQVc7d0JBQ3pCLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLDRCQUE0QixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHFCQUFxQjtxQkFDNUk7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsc0JBQXNCLEVBQUUsNEJBQTRCLEVBQUUsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLENBQUM7aUJBQ3ZKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNhY0dyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWQnO1xyXG5pbXBvcnQgeyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkYnV0dG9uJztcclxuaW1wb3J0IHsgU2FjR3JpZENvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZGNvbHVtbic7XHJcbmltcG9ydCB7IFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2dyaWRjb2x1bW5hY3Rpb24nO1xyXG5pbXBvcnQgeyBTYWNHcmlkSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2dyaWRpbWFnZSc7XHJcbmltcG9ydCB7IFNhY1BhZ2luZ0NvbXBvbmVudCB9IGZyb20gJy4vcGFnaW5nJztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgU2FjR3JpZENvbXBvbmVudCwgU2FjR3JpZENvbHVtbkNvbXBvbmVudCwgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCwgU2FjUGFnaW5nQ29tcG9uZW50LCBTYWNHcmlkQnV0dG9uQ29tcG9uZW50LCBTYWNHcmlkSW1hZ2VDb21wb25lbnRcclxuICAgIF0sXHJcbiAgICBleHBvcnRzOiBbU2FjR3JpZENvbXBvbmVudCwgU2FjR3JpZENvbHVtbkNvbXBvbmVudCwgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCwgU2FjUGFnaW5nQ29tcG9uZW50LCBTYWNHcmlkQnV0dG9uQ29tcG9uZW50LCBTYWNHcmlkSW1hZ2VDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQUNCb290c3RyYXA1R3JpZE1vZHVsZSB7IH1cclxuXHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDdEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFHOUMsTUFPYSx1QkFBdUI7K0dBQXZCLHVCQUF1QjtnSEFBdkIsdUJBQXVCLFlBTDVCLFlBQVksRUFBRSxXQUFXO1lBQ3pCLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLDRCQUE0QixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHFCQUFxQixhQUVuSSxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSw0QkFBNEIsRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUI7Z0hBRTFJLHVCQUF1QixZQUw1QixZQUFZLEVBQUUsV0FBVztZQUN6QixnQkFBZ0IsRUFBd0Qsa0JBQWtCLEVBQTBCLHFCQUFxQjs7U0FJcEksdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBUG5DLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVksRUFBRSxXQUFXO3dCQUN6QixnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSw0QkFBNEIsRUFBRSxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxxQkFBcUI7cUJBQzVJO29CQUNELE9BQU8sRUFBRSxDQUFDLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLDRCQUE0QixFQUFFLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHFCQUFxQixDQUFDO2lCQUN2SiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTYWNHcmlkQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkJztcbmltcG9ydCB7IFNhY0dyaWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2dyaWRidXR0b24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZGNvbHVtbic7XG5pbXBvcnQgeyBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ncmlkY29sdW1uYWN0aW9uJztcbmltcG9ydCB7IFNhY0dyaWRJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZGltYWdlJztcbmltcG9ydCB7IFNhY1BhZ2luZ0NvbXBvbmVudCB9IGZyb20gJy4vcGFnaW5nJztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSxcbiAgICAgICAgU2FjR3JpZENvbXBvbmVudCwgU2FjR3JpZENvbHVtbkNvbXBvbmVudCwgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCwgU2FjUGFnaW5nQ29tcG9uZW50LCBTYWNHcmlkQnV0dG9uQ29tcG9uZW50LCBTYWNHcmlkSW1hZ2VDb21wb25lbnRcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtTYWNHcmlkQ29tcG9uZW50LCBTYWNHcmlkQ29sdW1uQ29tcG9uZW50LCBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tcG9uZW50LCBTYWNQYWdpbmdDb21wb25lbnQsIFNhY0dyaWRCdXR0b25Db21wb25lbnQsIFNhY0dyaWRJbWFnZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgU0FDQm9vdHN0cmFwNUdyaWRNb2R1bGUgeyB9XG5cbiJdfQ==

package/esm2022/controls/grid/gridbutton.mjs

@@ -3,47 +3,23 @@ import { SacGridButtonCommon } from '@simpleangularcontrols/sac-common';
 import * as i0 from "@angular/core";
 /**
  * Grid Action Button
- *
- * @example Standard Action
- *
- * <ngGridButton icon="edit" (clicked)="action('edit')" [isdisabled]="true"></ngGridButton>
- *
- * @example Custom Action
- *
- * <ngGridButton iconstyle="sprite" icon="icon-sprite-base-main_info" (clicked)="action("info")"></ngGridButton>
- *
  */
 class SacGridButtonComponent extends SacGridButtonCommon {
+    // #region Constructors
     /**
-     * Gibt das Icon für den Button zurück
+     * 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>\r\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>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRidXR0b24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkYnV0dG9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBMkMsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFpQixtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUV2Rjs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BS2Esc0JBQXVCLFNBQVEsbUJBQW1CO0lBRTdEOztPQUVHO0lBQ0ksWUFBWTtRQUNqQixJQUFJLE9BQU8sR0FBVyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3JDLElBQUksT0FBTyxHQUFXLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFaEMsSUFBSSxPQUFPLEtBQUssRUFBRSxFQUFFO1lBQ2xCLFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDakIsS0FBSyxNQUFNO29CQUNULE9BQU8sR0FBRyxRQUFRLENBQUM7b0JBQ25CLE9BQU8sR0FBRyw0QkFBNEIsQ0FBQztvQkFDdkMsTUFBTTtnQkFDUixLQUFLLFFBQVE7b0JBQ1gsT0FBTyxHQUFHLFFBQVEsQ0FBQztvQkFDbkIsT0FBTyxHQUFHLDhCQUE4QixDQUFDO29CQUN6QyxNQUFNO2FBQ1Q7U0FDRjtRQUVELElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3pCLE9BQU8sSUFBSSxXQUFXLENBQUM7U0FDeEI7UUFFRCxNQUFNLE1BQU0sR0FBRyxPQUFPLEdBQUcsR0FBRyxHQUFHLE9BQU8sQ0FBQztRQUV2QyxPQUFPLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOytHQTdCVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixpR0NwQm5DLGlNQUNBOztTRG1CYSxzQkFBc0I7NEZBQXRCLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxnQkFBZ0IsY0FFZCxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2FjR3JpZENvbW1vbiwgU2FjR3JpZEJ1dHRvbkNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcblxyXG4vKipcclxuICogR3JpZCBBY3Rpb24gQnV0dG9uXHJcbiAqXHJcbiAqIEBleGFtcGxlIFN0YW5kYXJkIEFjdGlvblxyXG4gKlxyXG4gKiA8bmdHcmlkQnV0dG9uIGljb249XCJlZGl0XCIgKGNsaWNrZWQpPVwiYWN0aW9uKCdlZGl0JylcIiBbaXNkaXNhYmxlZF09XCJ0cnVlXCI+PC9uZ0dyaWRCdXR0b24+XHJcbiAqXHJcbiAqIEBleGFtcGxlIEN1c3RvbSBBY3Rpb25cclxuICpcclxuICogPG5nR3JpZEJ1dHRvbiBpY29uc3R5bGU9XCJzcHJpdGVcIiBpY29uPVwiaWNvbi1zcHJpdGUtYmFzZS1tYWluX2luZm9cIiAoY2xpY2tlZCk9XCJhY3Rpb24oXCJpbmZvXCIpXCI+PC9uZ0dyaWRCdXR0b24+XHJcbiAqXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRidXR0b24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRidXR0b24uaHRtbCcsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZEJ1dHRvbkNvbW1vbiB7XHJcblxyXG4gIC8qKlxyXG4gICAqIEdpYnQgZGFzIEljb24gZsO8ciBkZW4gQnV0dG9uIHp1csO8Y2tcclxuICAgKi9cclxuICBwdWJsaWMgZ2V0SWNvbkNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICBsZXQgaWNvbnNldDogc3RyaW5nID0gdGhpcy5pY29uc3R5bGU7XHJcbiAgICBsZXQgaWNvbmNzczogc3RyaW5nID0gdGhpcy5pY29uO1xyXG5cclxuICAgIGlmIChpY29uc2V0ID09PSAnJykge1xyXG4gICAgICBzd2l0Y2ggKHRoaXMuaWNvbikge1xyXG4gICAgICAgIGNhc2UgJ2VkaXQnOlxyXG4gICAgICAgICAgaWNvbnNldCA9ICdzcHJpdGUnO1xyXG4gICAgICAgICAgaWNvbmNzcyA9ICdpY29uLXNwcml0ZS1iYXNlLW1haW5fZWRpdCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgICBjYXNlICdkZWxldGUnOlxyXG4gICAgICAgICAgaWNvbnNldCA9ICdzcHJpdGUnO1xyXG4gICAgICAgICAgaWNvbmNzcyA9ICdpY29uLXNwcml0ZS1iYXNlLW1haW5fZGVsZXRlJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuX2lzZGlzYWJsZWR2YWx1ZSkge1xyXG4gICAgICBpY29uY3NzICs9ICdfZGlzYWJsZWQnO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IHJlc3VsdCA9IGljb25zZXQgKyAnICcgKyBpY29uY3NzO1xyXG5cclxuICAgIHJldHVybiByZXN1bHQudHJpbSgpO1xyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxhIChjbGljayk9XCJjYWxsYWN0aW9uKClcIiBzdHlsZT1cInBhZGRpbmctcmlnaHQ6IDVweDtcIiBbY2xhc3MuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiIFthdHRyLmRpc2FibGVkXT1cImlzZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogbnVsbFwiPjxzcGFuIGNsYXNzPVwie3tnZXRJY29uQ2xhc3MoKX19XCI+PC9zcGFuPjwvYT5cclxuIl19
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRidXR0b24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkYnV0dG9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFeEU7O0dBRUc7QUFDSCxNQUthLHNCQUF1QixTQUFRLG1CQUFtQjtJQUMzRCx1QkFBdUI7SUFFdkI7Ozs7T0FJRztJQUNILFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7K0dBVlEsc0JBQXNCO21HQUF0QixzQkFBc0IsaUdDWG5DLGlUQVNBOztTREVhLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGdCQUFnQixjQUVkLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNHcmlkQnV0dG9uQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIEFjdGlvbiBCdXR0b25cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRidXR0b24uaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZEJ1dHRvbkNvbW1vbiB7XG4gICAgLy8gI3JlZ2lvbiBDb25zdHJ1Y3RvcnNcblxuICAgIC8qKlxuICAgICAqIENvbnN0cnV0b3JcbiAgICAgKlxuICAgICAqIEBwYXJhbSBpbmplY3RvciBJbmplY3RvciB0byByZXNvbHZlICBpY29uc1xuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgfVxuXG4gICAgLy8gI2VuZHJlZ2lvbiBDb25zdHJ1Y3RvcnNcbn1cbiIsIjxhXG4gICAgKGNsaWNrKT1cImNhbGxhY3Rpb24oKVwiXG4gICAgW2F0dHIuZGF0YS1lMmVdPVwibmFtZVwiXG4gICAgc3R5bGU9XCJwYWRkaW5nLXJpZ2h0OiA1cHhcIlxuICAgIFtzdHlsZS5jdXJzb3JdPVwiIWlzZGlzYWJsZWQgPyAncG9pbnRlcicgOiBudWxsXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXG4gICAgW2F0dHIuZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBudWxsXCJcbiAgICA+PHNwYW4gY2xhc3M9XCJ7eyBnZXRJY29uQ2xhc3MoKSB9fVwiPjwvc3BhblxuPjwvYT5cbiJdfQ==

package/esm2022/controls/grid/gridcolumn.mjs

@@ -21,7 +21,7 @@ class SacGridColumnComponent extends SacGridColumnCommon {
                 provide: SacGridColumnBaseCommon,
                 useExisting: forwardRef(() => SacGridColumnComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<th\r\n  scope=\"col\"\r\n  *ngIf=\"IsHeader()\"\r\n  [style.width]=\"width\"\r\n  (click)=\"SortByColumn()\"\r\n>\r\n  <span>{{header}}</span>\r\n  <span\r\n    class=\"ps-2\"\r\n    [class]=\"IconSortUp\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='asc'\"\r\n  ></span>\r\n  <span\r\n    class=\"ps-2\"\r\n    [class]=\"IconSortDown\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='desc'\"\r\n  ></span>\r\n</th>\r\n<td\r\n  scope=\"col\"\r\n  *ngIf=\"IsBody()\"\r\n  [style.width]=\"width\"\r\n  [class.ellipsis]=\"IsEllipsis()\"\r\n>\r\n  <span [attr.title]=\"IsEllipsis() ? value : null\"> {{value}} </span>\r\n</td>\r\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=\"ps-2\"\n        [class]=\"IconSortUp\"\n        *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n    <span\n        class=\"ps-2\"\n        [class]=\"IconSortDown\"\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\">\n    </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: [{
@@ -31,6 +31,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: SacGridColumnBaseCommon,
                             useExisting: forwardRef(() => SacGridColumnComponent),
                         },
-                    ], standalone: true, imports: [NgIf], template: "<th\r\n  scope=\"col\"\r\n  *ngIf=\"IsHeader()\"\r\n  [style.width]=\"width\"\r\n  (click)=\"SortByColumn()\"\r\n>\r\n  <span>{{header}}</span>\r\n  <span\r\n    class=\"ps-2\"\r\n    [class]=\"IconSortUp\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='asc'\"\r\n  ></span>\r\n  <span\r\n    class=\"ps-2\"\r\n    [class]=\"IconSortDown\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='desc'\"\r\n  ></span>\r\n</th>\r\n<td\r\n  scope=\"col\"\r\n  *ngIf=\"IsBody()\"\r\n  [style.width]=\"width\"\r\n  [class.ellipsis]=\"IsEllipsis()\"\r\n>\r\n  <span [attr.title]=\"IsEllipsis() ? value : null\"> {{value}} </span>\r\n</td>\r\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=\"ps-2\"\n        [class]=\"IconSortUp\"\n        *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n    <span\n        class=\"ps-2\"\n        [class]=\"IconSortDown\"\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\">\n    </span>\n</td>\n" }]
         }], ctorParameters: function () { return [{ type: i1.SacGridComponent }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsbUJBQW1CLEdBQ3BCLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFdkM7O0dBRUc7QUFDSCxNQVlhLHNCQUF1QixTQUFRLG1CQUFtQjtJQUM3RDs7OztPQUlHO0lBQ0gsWUFBWSxJQUFzQixFQUFFLFFBQWtCLEVBQUUsRUFBYztRQUNwRSxLQUFLLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDOytHQVJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDZEQVRwQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx1QkFBdUI7Z0JBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7YUFDeEQ7U0FDSixpRENuQkwsNG9CQTBCQSw0Q0RMYyxJQUFJOztTQUVMLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNJLGdCQUFnQixhQUVmO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDO3lCQUN4RDtxQkFDSixjQUNXLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbixcclxuICBTYWNHcmlkQ29sdW1uQ29tbW9uLFxyXG59IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNhY0dyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWQnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbi8qKlxyXG4gKiBHcmlkIENvbHVtbiBLb21wb25lbnRlXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRjb2x1bW4nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW4uaHRtbCcsXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWNHcmlkQ29sdW1uQ29tcG9uZW50KSxcclxuICAgICAgICB9LFxyXG4gICAgXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbTmdJZl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTYWNHcmlkQ29sdW1uQ29tcG9uZW50IGV4dGVuZHMgU2FjR3JpZENvbHVtbkNvbW1vbiB7XHJcbiAgLyoqXHJcbiAgICogS29uc3RydWt0b3JcclxuICAgKiBAcGFyYW0gZ3JpZCBHcmlkIFJlZmVyZW56XHJcbiAgICogQHBhcmFtIGVsIEhUTUwgRE9NIEVsZW1lbnRcclxuICAgKi9cclxuICBjb25zdHJ1Y3RvcihncmlkOiBTYWNHcmlkQ29tcG9uZW50LCBpbmplY3RvcjogSW5qZWN0b3IsIGVsOiBFbGVtZW50UmVmKSB7XHJcbiAgICBzdXBlcihncmlkLCBpbmplY3RvciwgZWwpO1xyXG4gIH1cclxufVxyXG4iLCI8dGhcclxuICBzY29wZT1cImNvbFwiXHJcbiAgKm5nSWY9XCJJc0hlYWRlcigpXCJcclxuICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gIChjbGljayk9XCJTb3J0QnlDb2x1bW4oKVwiXHJcbj5cclxuICA8c3Bhbj57e2hlYWRlcn19PC9zcGFuPlxyXG4gIDxzcGFuXHJcbiAgICBjbGFzcz1cInBzLTJcIlxyXG4gICAgW2NsYXNzXT1cIkljb25Tb3J0VXBcIlxyXG4gICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0nYXNjJ1wiXHJcbiAgPjwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJwcy0yXCJcclxuICAgIFtjbGFzc109XCJJY29uU29ydERvd25cIlxyXG4gICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0nZGVzYydcIlxyXG4gID48L3NwYW4+XHJcbjwvdGg+XHJcbjx0ZFxyXG4gIHNjb3BlPVwiY29sXCJcclxuICAqbmdJZj1cIklzQm9keSgpXCJcclxuICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gIFtjbGFzcy5lbGxpcHNpc109XCJJc0VsbGlwc2lzKClcIlxyXG4+XHJcbiAgPHNwYW4gW2F0dHIudGl0bGVdPVwiSXNFbGxpcHNpcygpID8gdmFsdWUgOiBudWxsXCI+IHt7dmFsdWV9fSA8L3NwYW4+XHJcbjwvdGQ+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW4udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsbUJBQW1CLEdBQ3BCLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFdkM7O0dBRUc7QUFDSCxNQVlhLHNCQUF1QixTQUFRLG1CQUFtQjtJQUM3RDs7OztPQUlHO0lBQ0gsWUFBWSxJQUFzQixFQUFFLFFBQWtCLEVBQUUsRUFBYztRQUNwRSxLQUFLLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDOytHQVJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDZEQVRwQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx1QkFBdUI7Z0JBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7YUFDeEQ7U0FDSixpRENuQkwsZ3FDQW9DQSw0Q0RmYyxJQUFJOztTQUVMLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNJLGdCQUFnQixhQUVmO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDO3lCQUN4RDtxQkFDSixjQUNXLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICBTYWNHcmlkQ29sdW1uQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIENvbHVtbiBLb21wb25lbnRlXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWdyaWRjb2x1bW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmlkY29sdW1uLmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTYWNHcmlkQ29sdW1uQmFzZUNvbW1vbixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb2x1bW5Db21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdJZl0sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29sdW1uQ29tbW9uIHtcbiAgLyoqXG4gICAqIEtvbnN0cnVrdG9yXG4gICAqIEBwYXJhbSBncmlkIEdyaWQgUmVmZXJlbnpcbiAgICogQHBhcmFtIGVsIEhUTUwgRE9NIEVsZW1lbnRcbiAgICovXG4gIGNvbnN0cnVjdG9yKGdyaWQ6IFNhY0dyaWRDb21wb25lbnQsIGluamVjdG9yOiBJbmplY3RvciwgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihncmlkLCBpbmplY3RvciwgZWwpO1xuICB9XG59XG4iLCI8dGhcbiAgICAjaGVhZGVyRWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzSGVhZGVyKClcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgKGNsaWNrKT1cIlNvcnRCeUNvbHVtbigpXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW4+e3sgaGVhZGVyIH19PC9zcGFuPlxuICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwicHMtMlwiXG4gICAgICAgIFtjbGFzc109XCJJY29uU29ydFVwXCJcbiAgICAgICAgKm5nSWY9XCJJc1NvcnRlZENvbHVtbigpICYmIEdldFNvcnREaXJlY3Rpb24oKSA9PT0gJ2FzYydcIj48L3NwYW4+XG4gICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJwcy0yXCJcbiAgICAgICAgW2NsYXNzXT1cIkljb25Tb3J0RG93blwiXG4gICAgICAgICpuZ0lmPVwiSXNTb3J0ZWRDb2x1bW4oKSAmJiBHZXRTb3J0RGlyZWN0aW9uKCkgPT09ICdkZXNjJ1wiPjwvc3Bhbj5cbjwvdGg+XG48dGRcbiAgICAjYm9keUVsZW1lbnRcbiAgICBzY29wZT1cImNvbFwiXG4gICAgKm5nSWY9XCJJc0JvZHkoKVwiXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcbiAgICBbY2xhc3MuZWxsaXBzaXNdPVwiSXNFbGxpcHNpcygpXCJcbiAgICAoY2xpY2spPVwiQ29sdW1uQ2xpY2soKVwiXG4gICAgW3N0eWxlLm1heC13aWR0aF09XCJJc0VsbGlwc2lzKCkgPyB3aWR0aCA6IG51bGxcIlxuICAgIFtzdHlsZS5vdmVyZmxvd109XCJJc0VsbGlwc2lzKCkgPyAnaGlkZGVuJyA6IG51bGxcIlxuICAgIFtzdHlsZS50ZXh0LW92ZXJmbG93XT1cIklzRWxsaXBzaXMoKSA/ICdlbGxpcHNpcycgOiBudWxsXCJcbiAgICBbc3R5bGUud2hpdGUtc3BhY2VdPVwiSXNFbGxpcHNpcygpID8gJ25vd3JhcCcgOiBudWxsXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCI+XG4gICAgPHNwYW5cbiAgICAgICAgW2F0dHIudGl0bGVdPVwiSXNFbGxpcHNpcygpID8gdmFsdWUgOiBudWxsXCJcbiAgICAgICAgW2lubmVySHRtbF09XCJ2YWx1ZVwiPlxuICAgIDwvc3Bhbj5cbjwvdGQ+XG4iXX0=

package/esm2022/controls/grid/gridcolumnaction.mjs

@@ -22,7 +22,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>\r\n<td scope=\"col\" class=\"px-2\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\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    class=\"px-2\"\n    [class.text-right]=\"alignment === 'right'\"\n    [class.text-center]=\"alignment === 'center'\"\n    *ngIf=\"IsBody()\">\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: [{
@@ -32,6 +32,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>\r\n<td scope=\"col\" class=\"px-2\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\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    class=\"px-2\"\n    [class.text-right]=\"alignment === 'right'\"\n    [class.text-center]=\"alignment === 'center'\"\n    *ngIf=\"IsBody()\">\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFDTCx5QkFBeUIsRUFDekIsdUJBQXVCLEdBQ3hCLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFdkM7O0dBRUc7QUFDSCxNQVlhLDRCQUE2QixTQUFRLHlCQUF5QjtJQUN6RTs7OztPQUlHO0lBQ0gsWUFBWSxJQUFzQixFQUFFLFFBQWtCLEVBQUUsRUFBYztRQUNwRSxLQUFLLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUxQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztJQUN0QixDQUFDOytHQVZVLDRCQUE0QjttR0FBNUIsNEJBQTRCLG1FQVQxQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx1QkFBdUI7Z0JBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7YUFDOUQ7U0FDSixpRENuQkwsd0xBSUEsNENEaUJjLElBQUk7O1NBRUwsNEJBQTRCOzRGQUE1Qiw0QkFBNEI7a0JBWnhDLFNBQVM7K0JBQ0ksc0JBQXNCLGFBRXJCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDZCQUE2QixDQUFDO3lCQUM5RDtxQkFDSixjQUNXLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tbW9uLFxyXG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxyXG59IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNhY0dyaWRDb21wb25lbnQgfSBmcm9tICcuL2dyaWQnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbi8qKlxyXG4gKiBHcmlkIEFjdGlvbiBLb21wb25lbnRcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbmFjdGlvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3JpZGNvbHVtbmFjdGlvbi5odG1sJyxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogU2FjR3JpZENvbHVtbkJhc2VDb21tb24sXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQpLFxyXG4gICAgICAgIH0sXHJcbiAgICBdLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtOZ0lmXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21wb25lbnQgZXh0ZW5kcyBTYWNHcmlkQ29sdW1uQWN0aW9uQ29tbW9uIHtcclxuICAvKipcclxuICAgKiBLb25zdHJ1a3RvclxyXG4gICAqIEBwYXJhbSBncmlkIFJlZmVyZW56IGF1ZiBHcmlkXHJcbiAgICogQHBhcmFtIGVsIEhUTUwgRWxlbWVudCBSZWZlcmVuelxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKGdyaWQ6IFNhY0dyaWRDb21wb25lbnQsIGluamVjdG9yOiBJbmplY3RvciwgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgIHN1cGVyKGdyaWQsIGluamVjdG9yLCBlbCk7XHJcblxyXG4gICAgdGhpcy53aWR0aCA9ICc2MHB4JztcclxuICB9XHJcbn1cclxuIiwiPHRoIHNjb3BlPVwiY29sXCIgKm5nSWY9XCJJc0hlYWRlcigpXCIgW3N0eWxlLndpZHRoXT1cIndpZHRoXCI+PHNwYW4+PC9zcGFuPjwvdGg+XHJcbjx0ZCBzY29wZT1cImNvbFwiIGNsYXNzPVwicHgtMlwiICpuZ0lmPVwiSXNCb2R5KClcIj5cclxuICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L3RkPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGNvbHVtbmFjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9ncmlkL2dyaWRjb2x1bW5hY3Rpb24udHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZ3JpZC9ncmlkY29sdW1uYWN0aW9uLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0IsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFDTCx5QkFBeUIsRUFDekIsdUJBQXVCLEdBQ3hCLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFdkM7O0dBRUc7QUFDSCxNQVlhLDRCQUE2QixTQUFRLHlCQUF5QjtJQUN6RTs7OztPQUlHO0lBQ0gsWUFBWSxJQUFzQixFQUFFLFFBQWtCLEVBQUUsRUFBYztRQUNwRSxLQUFLLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUxQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztJQUN0QixDQUFDOytHQVZVLDRCQUE0QjttR0FBNUIsNEJBQTRCLG1FQVQxQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx1QkFBdUI7Z0JBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7YUFDOUQ7U0FDSixpRENuQkwseWNBa0JBLDRDREdjLElBQUk7O1NBRUwsNEJBQTRCOzRGQUE1Qiw0QkFBNEI7a0JBWnhDLFNBQVM7K0JBQ0ksc0JBQXNCLGFBRXJCO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSx1QkFBdUI7NEJBQ2hDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDZCQUE2QixDQUFDO3lCQUM5RDtxQkFDSixjQUNXLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24sXG4gIFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxufSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuaW1wb3J0IHsgU2FjR3JpZENvbXBvbmVudCB9IGZyb20gJy4vZ3JpZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLyoqXG4gKiBHcmlkIEFjdGlvbiBLb21wb25lbnRcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGNvbHVtbmFjdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRjb2x1bW5hY3Rpb24uaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IFNhY0dyaWRDb2x1bW5CYXNlQ29tbW9uLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCksXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjR3JpZENvbHVtbkFjdGlvbkNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRDb2x1bW5BY3Rpb25Db21tb24ge1xuICAvKipcbiAgICogS29uc3RydWt0b3JcbiAgICogQHBhcmFtIGdyaWQgUmVmZXJlbnogYXVmIEdyaWRcbiAgICogQHBhcmFtIGVsIEhUTUwgRWxlbWVudCBSZWZlcmVuelxuICAgKi9cbiAgY29uc3RydWN0b3IoZ3JpZDogU2FjR3JpZENvbXBvbmVudCwgaW5qZWN0b3I6IEluamVjdG9yLCBlbDogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKGdyaWQsIGluamVjdG9yLCBlbCk7XG5cbiAgICB0aGlzLndpZHRoID0gJzYwcHgnO1xuICB9XG59XG4iLCI8dGhcbiAgICAjaGVhZGVyRWxlbWVudFxuICAgIHNjb3BlPVwiY29sXCJcbiAgICAqbmdJZj1cIklzSGVhZGVyKClcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gICAgW2NsYXNzLnRleHQtcmlnaHRdPVwiYWxpZ25tZW50ID09PSAncmlnaHQnXCJcbiAgICBbY2xhc3MudGV4dC1jZW50ZXJdPVwiYWxpZ25tZW50ID09PSAnY2VudGVyJ1wiPlxuICAgIDxzcGFuPjwvc3Bhbj5cbjwvdGg+XG48dGRcbiAgICAjYm9keUVsZW1lbnRcbiAgICBzY29wZT1cImNvbFwiXG4gICAgY2xhc3M9XCJweC0yXCJcbiAgICBbY2xhc3MudGV4dC1yaWdodF09XCJhbGlnbm1lbnQgPT09ICdyaWdodCdcIlxuICAgIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJhbGlnbm1lbnQgPT09ICdjZW50ZXInXCJcbiAgICAqbmdJZj1cIklzQm9keSgpXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC90ZD5cbiJdfQ==

package/esm2022/controls/grid/gridimage.mjs

@@ -1,30 +1,18 @@
+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";
 /**
  * Image Item für Grid
  */
 class SacGridImageComponent extends SacGridImageCommon {
-    /**
-     * Gibt die CSS Klassen für Sprite Images zurück
-     * @returns CSS Klasse
-     */
-    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><span class=\"{{getIconClass()}}\"></span></span>\r\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><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><span class=\"{{getIconClass()}}\"></span></span>\r\n" }]
+            args: [{ selector: 'sac-gridimage', imports: [CommonModule], standalone: true, template: "<span><span [ngClass]=\"iconstyle\"></span></span>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBMkMsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFpQixrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUV0Rjs7R0FFRztBQUNILE1BS2EscUJBQXNCLFNBQVEsa0JBQWtCO0lBRTNEOzs7T0FHRztJQUNJLFlBQVk7UUFDakIsUUFBUSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3RCLEtBQUssTUFBTTtnQkFDVCxPQUFPLG1DQUFtQyxDQUFDO1lBQzdDLEtBQUssUUFBUTtnQkFDWCxPQUFPLHFDQUFxQyxDQUFDO1lBQy9DO2dCQUNFLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUN6QjtJQUNILENBQUM7K0dBZlUscUJBQXFCO21HQUFyQixxQkFBcUIsZ0dDWGxDLDZEQUNBOztTRFVhLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLGVBQWUsY0FFYixJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2FjR3JpZENvbW1vbiwgU2FjR3JpZEltYWdlQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcclxuXHJcbi8qKlxyXG4gKiBJbWFnZSBJdGVtIGbDvHIgR3JpZFxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NhYy1ncmlkaW1hZ2UnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyaWRpbWFnZS5odG1sJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhY0dyaWRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRJbWFnZUNvbW1vbiB7XHJcblxyXG4gIC8qKlxyXG4gICAqIEdpYnQgZGllIENTUyBLbGFzc2VuIGbDvHIgU3ByaXRlIEltYWdlcyB6dXLDvGNrXHJcbiAgICogQHJldHVybnMgQ1NTIEtsYXNzZVxyXG4gICAqL1xyXG4gIHB1YmxpYyBnZXRJY29uQ2xhc3MoKTogc3RyaW5nIHtcclxuICAgIHN3aXRjaCAodGhpcy5pY29uc3R5bGUpIHtcclxuICAgICAgY2FzZSAnZWRpdCc6XHJcbiAgICAgICAgcmV0dXJuICdzcHJpdGUgaWNvbi1zcHJpdGUtYmFzZS1tYWluX2VkaXQnO1xyXG4gICAgICBjYXNlICdkZWxldGUnOlxyXG4gICAgICAgIHJldHVybiAnc3ByaXRlIGljb24tc3ByaXRlLWJhc2UtbWFpbl9kZWxldGUnO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiB0aGlzLmljb25zdHlsZTtcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxufVxyXG4iLCI8c3Bhbj48c3BhbiBjbGFzcz1cInt7Z2V0SWNvbkNsYXNzKCl9fVwiPjwvc3Bhbj48L3NwYW4+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZGltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2dyaWQvZ3JpZGltYWdlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7OztBQUV2RTs7R0FFRztBQUNILE1BTWEscUJBQXNCLFNBQVEsa0JBQWtCOytHQUFoRCxxQkFBcUI7bUdBQXJCLHFCQUFxQixnR0NibEMsc0RBQ0EsMkNEU2MsWUFBWTs7U0FHYixxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxlQUFlLFdBRWhCLENBQUMsWUFBWSxDQUFDLGNBQ1gsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhY0dyaWRJbWFnZUNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XG5cbi8qKlxuICogSW1hZ2UgSXRlbSBmw7xyIEdyaWRcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYWMtZ3JpZGltYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3JpZGltYWdlLmh0bWwnLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFNhY0dyaWRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFNhY0dyaWRJbWFnZUNvbW1vbiB7fVxuIiwiPHNwYW4+PHNwYW4gW25nQ2xhc3NdPVwiaWNvbnN0eWxlXCI+PC9zcGFuPjwvc3Bhbj5cbiJdfQ==