@simpleangularcontrols/sac-bootstrap5 16.0.0-rc.1

package/esm2022/controls/datetime/dateselector.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { SacDateSelectorCommon } from '@simpleangularcontrols/sac-common';
+import { NgIf, NgFor, NgStyle, NgClass } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * DateTime Selektor Komponente
+ */
+class SacDateSelectorComponent extends SacDateSelectorCommon {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, template: "<div class=\"calendar-selector\">\r\n  <div *ngIf=\"dateselection\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col text-start\">\r\n          <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\r\n        </div>\r\n        <div class=\"col text-center\">{{month+1}}/{{year}}</div>\r\n        <div class=\"col text-end\">\r\n          <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div></div>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <ng-container *ngFor=\"let week of dates; let i=index\">\r\n          <ng-container *ngFor=\"let item of week\">\r\n            <div\r\n              class=\"p-2 col text-center\"\r\n              [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\r\n              [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\r\n              (click)=\"selectDate(item)\"\r\n            >\r\n              {{ item.displaytext }}\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"w-100\"></div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex justify-content-start\" *ngIf=\"timeselection\">\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Stunde</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getHours()\"\r\n          (input)=\"setHours($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"23\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Minute</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getMinutes()\"\r\n          (input)=\"setMinutes($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"59\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row\">\r\n    <div class=\"flex-grow-1 p-2\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"resetSelection()\"\r\n      >\r\n        Reset\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"applySelection()\">\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+export { SacDateSelectorComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-dateselector', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        NgStyle,
+                        NgClass,
+                    ], template: "<div class=\"calendar-selector\">\r\n  <div *ngIf=\"dateselection\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col text-start\">\r\n          <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\r\n        </div>\r\n        <div class=\"col text-center\">{{month+1}}/{{year}}</div>\r\n        <div class=\"col text-end\">\r\n          <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div></div>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <ng-container *ngFor=\"let week of dates; let i=index\">\r\n          <ng-container *ngFor=\"let item of week\">\r\n            <div\r\n              class=\"p-2 col text-center\"\r\n              [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\r\n              [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\r\n              (click)=\"selectDate(item)\"\r\n            >\r\n              {{ item.displaytext }}\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"w-100\"></div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex justify-content-start\" *ngIf=\"timeselection\">\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Stunde</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getHours()\"\r\n          (input)=\"setHours($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"23\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Minute</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getMinutes()\"\r\n          (input)=\"setMinutes($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"59\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row\">\r\n    <div class=\"flex-grow-1 p-2\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"resetSelection()\"\r\n      >\r\n        Reset\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"applySelection()\">\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXNlbGVjdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2RhdGV0aW1lL2RhdGVzZWxlY3Rvci50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9kYXRldGltZS9kYXRlc2VsZWN0b3IuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFaEU7O0dBRUc7QUFDSCxNQVdhLHdCQUF5QixTQUFRLHFCQUFxQjsrR0FBdEQsd0JBQXdCO21HQUF4Qix3QkFBd0IsbUdDbEJyQyxvckZBa0ZBLDRDRHRFUSxJQUFJLDZGQUNKLEtBQUssbUhBQ0wsT0FBTywyRUFDUCxPQUFPOztTQUdGLHdCQUF3Qjs0RkFBeEIsd0JBQXdCO2tCQVhwQyxTQUFTOytCQUNJLGtCQUFrQixjQUVoQixJQUFJLFdBQ1A7d0JBQ0wsSUFBSTt3QkFDSixLQUFLO3dCQUNMLE9BQU87d0JBQ1AsT0FBTztxQkFDViIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTYWNEYXRlU2VsZWN0b3JDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xyXG5pbXBvcnQgeyBOZ0lmLCBOZ0ZvciwgTmdTdHlsZSwgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG4vKipcclxuICogRGF0ZVRpbWUgU2VsZWt0b3IgS29tcG9uZW50ZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NhYy1kYXRlc2VsZWN0b3InLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGVzZWxlY3Rvci5odG1sJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgTmdJZixcclxuICAgICAgICBOZ0ZvcixcclxuICAgICAgICBOZ1N0eWxlLFxyXG4gICAgICAgIE5nQ2xhc3MsXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2FjRGF0ZVNlbGVjdG9yQ29tcG9uZW50IGV4dGVuZHMgU2FjRGF0ZVNlbGVjdG9yQ29tbW9uIHt9XHJcbiIsIjxkaXYgY2xhc3M9XCJjYWxlbmRhci1zZWxlY3RvclwiPlxyXG4gIDxkaXYgKm5nSWY9XCJkYXRlc2VsZWN0aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sIHRleHQtc3RhcnRcIj5cclxuICAgICAgICAgIDxhIChjbGljayk9XCJtb250aEJhY2soKVwiPjxzcGFuIFtjbGFzc109XCJpY29uTW9udGhQcmV2XCI+PC9zcGFuPjwvYT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sIHRleHQtY2VudGVyXCI+e3ttb250aCsxfX0ve3t5ZWFyfX08L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sIHRleHQtZW5kXCI+XHJcbiAgICAgICAgICA8YSAoY2xpY2spPVwibW9udGhOZXh0KClcIj48c3BhbiBbY2xhc3NdPVwiaWNvbk1vbnRoTmV4dFwiPjwvc3Bhbj48L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2PjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgd2VlayBvZiBkYXRlczsgbGV0IGk9aW5kZXhcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygd2Vla1wiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJwLTIgY29sIHRleHQtY2VudGVyXCJcclxuICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7J2N1cnNvcic6IGl0ZW0uaXNlbmFibGVkID8gJ3BvaW50ZXInIDogbnVsbH1cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnZGF5LWN1cnJlbnQnOiBpdGVtLmlzY3VycmVudCwgJ2RheS1zZWxlY3RlZCc6IGl0ZW0uaXNzZWxlY3RlZCwgJ2RheS1uZXcnOiBpdGVtLmlzbmV3LCAnZGF5LWRpc2FibGVkJzogIWl0ZW0uaXNlbmFibGVkfVwiXHJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdERhdGUoaXRlbSlcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAge3sgaXRlbS5kaXNwbGF5dGV4dCB9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInctMTAwXCI+PC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnRcIiAqbmdJZj1cInRpbWVzZWxlY3Rpb25cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwLTJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cclxuICAgICAgICA8bGFiZWw+U3R1bmRlPC9sYWJlbD5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLXNtXCJcclxuICAgICAgICAgIFt2YWx1ZV09XCJnZXRIb3VycygpXCJcclxuICAgICAgICAgIChpbnB1dCk9XCJzZXRIb3VycygkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXHJcbiAgICAgICAgICBtaW49XCIwXCJcclxuICAgICAgICAgIG1heD1cIjIzXCJcclxuICAgICAgICAvPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInAtMlwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxyXG4gICAgICAgIDxsYWJlbD5NaW51dGU8L2xhYmVsPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXHJcbiAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbCBmb3JtLWNvbnRyb2wtc21cIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cImdldE1pbnV0ZXMoKVwiXHJcbiAgICAgICAgICAoaW5wdXQpPVwic2V0TWludXRlcygkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXHJcbiAgICAgICAgICBtaW49XCIwXCJcclxuICAgICAgICAgIG1heD1cIjU5XCJcclxuICAgICAgICAvPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4LWdyb3ctMSBwLTJcIj5cclxuICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gYnRuLXNlY29uZGFyeVwiIChjbGljayk9XCJzZXRUb2RheSgpXCI+XHJcbiAgICAgICAgSGV1dGVcclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJwLTJcIj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1zZWNvbmRhcnlcIlxyXG4gICAgICAgIChjbGljayk9XCJyZXNldFNlbGVjdGlvbigpXCJcclxuICAgICAgPlxyXG4gICAgICAgIFJlc2V0XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicC0yXCI+XHJcbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCIgKGNsaWNrKT1cImFwcGx5U2VsZWN0aW9uKClcIj5cclxuICAgICAgICBBcHBseVxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/controls/datetime/datetime.mjs

@@ -0,0 +1,66 @@
+import { Component, forwardRef, Host, Optional, } from '@angular/core';
+import { ControlContainer, NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
+import { SacDateTimeCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormDirective } from '../form/form';
+import { SacDateSelectorComponent } from './dateselector';
+import { IMaskDirective } from 'angular-imask';
+import { NgClass, NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "../form/form";
+/**
+ * Date und Time Komponente
+ */
+class SacDateTimeComponent extends SacDateTimeCommon {
+    /**
+     * Konstruktor
+     * @param parent Formular
+     * @param injector Angular Dependency Injection Service
+     * @param _elementRef DOM Element Referenz
+     */
+    constructor(parent, injector, _elementRef) {
+        super(parent, injector, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateTimeComponent, deps: [{ token: i1.SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateTimeComponent, isStandalone: true, selector: "sac-datetime", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => SacDateTimeComponent),
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: forwardRef(() => SacDateTimeComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"row mb-3\" [class.g-0]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label col-form-label-sm\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-sm-' + labelsize : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12 position-relative\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-sm-' + _inputsize : 'col-sm-12']\"\r\n  >\r\n    <div class=\"input-group input-group-sm\">\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <button\r\n        class=\"btn btn-secondary\"\r\n        type=\"button\"\r\n        (click)=\"showDateSelector()\"\r\n        [disabled]=\"isdisabled\"\r\n      >\r\n        <i [class]=\"IconSelector\"></i>\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show position-absolute\"\r\n      role=\"tooltip\"\r\n      *ngIf=\"_showselector\"\r\n      style=\"\r\n        display: block;\r\n        left: unset;\r\n        right: 0px;\r\n        top: 34px;\r\n        max-width: 325px;\r\n      \"\r\n    >\r\n      <div\r\n        class=\"popover-arrow position-absolute\"\r\n        style=\"left: unset; right: 18px\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"dateselect($event)\"\r\n          dateselection=\"true\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacDateSelectorComponent, selector: "sac-dateselector" }], viewProviders: [
+            { provide: ControlContainer, useExisting: SacFormDirective },
+        ] }); }
+}
+export { SacDateTimeComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-datetime', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => SacDateTimeComponent),
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            multi: true,
+                            useExisting: forwardRef(() => SacDateTimeComponent),
+                        },
+                    ], viewProviders: [
+                        { provide: ControlContainer, useExisting: SacFormDirective },
+                    ], standalone: true, imports: [
+                        NgClass,
+                        IMaskDirective,
+                        NgIf,
+                        SacDateSelectorComponent,
+                    ], template: "<div class=\"row mb-3\" [class.g-0]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label col-form-label-sm\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-sm-' + labelsize : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12 position-relative\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-sm-' + _inputsize : 'col-sm-12']\"\r\n  >\r\n    <div class=\"input-group input-group-sm\">\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <button\r\n        class=\"btn btn-secondary\"\r\n        type=\"button\"\r\n        (click)=\"showDateSelector()\"\r\n        [disabled]=\"isdisabled\"\r\n      >\r\n        <i [class]=\"IconSelector\"></i>\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show position-absolute\"\r\n      role=\"tooltip\"\r\n      *ngIf=\"_showselector\"\r\n      style=\"\r\n        display: block;\r\n        left: unset;\r\n        right: 0px;\r\n        top: 34px;\r\n        max-width: 325px;\r\n      \"\r\n    >\r\n      <div\r\n        class=\"popover-arrow position-absolute\"\r\n        style=\"left: unset; right: 18px\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"dateselect($event)\"\r\n          dateselection=\"true\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZGF0ZXRpbWUvZGF0ZXRpbWUudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZGF0ZXRpbWUvZGF0ZXRpbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFVBQVUsRUFDVixJQUFJLEVBRUosUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsYUFBYSxFQUNiLGlCQUFpQixHQUNsQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUVoRDs7R0FFRztBQUNILE1BNEJhLG9CQUFxQixTQUFRLGlCQUFpQjtJQUN6RDs7Ozs7T0FLRztJQUNILFlBQ3NCLE1BQXdCLEVBQzVDLFFBQWtCLEVBQ2xCLFdBQXVCO1FBRXZCLEtBQUssQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBYlUsb0JBQW9CO21HQUFwQixvQkFBb0IsMkRBeEJsQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7YUFDdEQ7WUFDRDtnQkFDSSxPQUFPLEVBQUUsYUFBYTtnQkFDdEIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQzthQUN0RDtTQUNKLGlEQ3JDTCxxN0RBOERBLDRDRGxCUSxPQUFPLG9GQUNQLGNBQWMsdUpBQ2QsSUFBSSw2RkFDSix3QkFBd0Isa0RBUmI7WUFDWCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUU7U0FDL0Q7O1NBU1Esb0JBQW9COzRGQUFwQixvQkFBb0I7a0JBNUJoQyxTQUFTOytCQUNJLGNBQWMsYUFHYjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzt5QkFDdEQ7d0JBQ0Q7NEJBQ0ksT0FBTyxFQUFFLGFBQWE7NEJBQ3RCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDO3lCQUN0RDtxQkFDSixpQkFFYzt3QkFDWCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUU7cUJBQy9ELGNBQ1csSUFBSSxXQUNQO3dCQUNMLE9BQU87d0JBQ1AsY0FBYzt3QkFDZCxJQUFJO3dCQUNKLHdCQUF3QjtxQkFDM0I7OzBCQVVBLElBQUk7OzBCQUFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSG9zdCxcclxuICBJbmplY3RvcixcclxuICBPcHRpb25hbCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBDb250cm9sQ29udGFpbmVyLFxyXG4gIE5HX1ZBTElEQVRPUlMsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTYWNEYXRlVGltZUNvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuLi9mb3JtL2Zvcm0nO1xyXG5pbXBvcnQgeyBTYWNEYXRlU2VsZWN0b3JDb21wb25lbnQgfSBmcm9tICcuL2RhdGVzZWxlY3Rvcic7XHJcbmltcG9ydCB7IElNYXNrRGlyZWN0aXZlIH0gZnJvbSAnYW5ndWxhci1pbWFzayc7XHJcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuLyoqXHJcbiAqIERhdGUgdW5kIFRpbWUgS29tcG9uZW50ZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NhYy1kYXRldGltZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGF0ZXRpbWUuaHRtbCcsXHJcbiAgICAvLyBWYWx1ZSBBY2Nlc3MgUHJvdmlkZXIgcmVnaXN0cmllcmVuLCBkYW1pdCBXZXJ0IHZpYSBNb2RlbCBnZXNjaHJpZWJlbiB1bmQgZ2VsZXNlbiB3ZXJkZW4ga2FublxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0RhdGVUaW1lQ29tcG9uZW50KSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcclxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY0RhdGVUaW1lQ29tcG9uZW50KSxcclxuICAgICAgICB9LFxyXG4gICAgXSxcclxuICAgIC8vIFZpZXcgUHJvdmlkZXIsIGRhbWl0IGRhcyBGb3JtdWxhciBhbiBkYXMgQ29udHJvbCBnZWJ1bmRlbiB3ZXJkZW4ga2FublxyXG4gICAgdmlld1Byb3ZpZGVyczogW1xyXG4gICAgICAgIHsgcHJvdmlkZTogQ29udHJvbENvbnRhaW5lciwgdXNlRXhpc3Rpbmc6IFNhY0Zvcm1EaXJlY3RpdmUgfSxcclxuICAgIF0sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIE5nQ2xhc3MsXHJcbiAgICAgICAgSU1hc2tEaXJlY3RpdmUsXHJcbiAgICAgICAgTmdJZixcclxuICAgICAgICBTYWNEYXRlU2VsZWN0b3JDb21wb25lbnQsXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2FjRGF0ZVRpbWVDb21wb25lbnQgZXh0ZW5kcyBTYWNEYXRlVGltZUNvbW1vbiB7XHJcbiAgLyoqXHJcbiAgICogS29uc3RydWt0b3JcclxuICAgKiBAcGFyYW0gcGFyZW50IEZvcm11bGFyXHJcbiAgICogQHBhcmFtIGluamVjdG9yIEFuZ3VsYXIgRGVwZW5kZW5jeSBJbmplY3Rpb24gU2VydmljZVxyXG4gICAqIEBwYXJhbSBfZWxlbWVudFJlZiBET00gRWxlbWVudCBSZWZlcmVuelxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEhvc3QoKSBAT3B0aW9uYWwoKSBwYXJlbnQ6IFNhY0Zvcm1EaXJlY3RpdmUsXHJcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge1xyXG4gICAgc3VwZXIocGFyZW50LCBpbmplY3RvciwgX2VsZW1lbnRSZWYpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicm93IG1iLTNcIiBbY2xhc3MuZy0wXT1cImRpc2FibGVsYWJlbFwiPlxyXG4gIDxsYWJlbFxyXG4gICAgZm9yPVwie3tuYW1lfX1cIlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgY29sLWZvcm0tbGFiZWwgY29sLWZvcm0tbGFiZWwtc21cIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAgJ2NvbC1zbS0nICsgbGFiZWxzaXplIDogJ3NyLW9ubHknIF1cIlxyXG4gICAgPnt7bGFiZWx9fTwvbGFiZWxcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgcG9zaXRpb24tcmVsYXRpdmVcIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAnY29sLXNtLScgKyBfaW5wdXRzaXplIDogJ2NvbC1zbS0xMiddXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgaW5wdXQtZ3JvdXAtc21cIj5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgaWQ9XCJ7e25hbWV9fVwiXHJcbiAgICAgICAgbmFtZT1cInt7bmFtZX19XCJcclxuICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgIFtpbWFza109XCJpbWFza0RhdGVcIlxyXG4gICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgICBbdmFsdWVdPVwidmFsdWVzdHJpbmdcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnaXMtaW52YWxpZCc6IGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpIH1cIlxyXG4gICAgICAgIChibHVyKT1cIm9uVG91Y2goKVwiXHJcbiAgICAgICAgKGFjY2VwdCk9XCJzZXRWYWx1ZVN0cmluZygkZXZlbnQpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXHJcbiAgICAgIC8+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc2Vjb25kYXJ5XCJcclxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAoY2xpY2spPVwic2hvd0RhdGVTZWxlY3RvcigpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBbY2xhc3NdPVwiSWNvblNlbGVjdG9yXCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cInBvcG92ZXIgZmFkZSBicy1wb3BvdmVyLWJvdHRvbSBzaG93IHBvc2l0aW9uLWFic29sdXRlXCJcclxuICAgICAgcm9sZT1cInRvb2x0aXBcIlxyXG4gICAgICAqbmdJZj1cIl9zaG93c2VsZWN0b3JcIlxyXG4gICAgICBzdHlsZT1cIlxyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGxlZnQ6IHVuc2V0O1xyXG4gICAgICAgIHJpZ2h0OiAwcHg7XHJcbiAgICAgICAgdG9wOiAzNHB4O1xyXG4gICAgICAgIG1heC13aWR0aDogMzI1cHg7XHJcbiAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInBvcG92ZXItYXJyb3cgcG9zaXRpb24tYWJzb2x1dGVcIlxyXG4gICAgICAgIHN0eWxlPVwibGVmdDogdW5zZXQ7IHJpZ2h0OiAxOHB4XCJcclxuICAgICAgPjwvZGl2PlxyXG4gICAgICA8aDMgY2xhc3M9XCJwb3BvdmVyLWhlYWRlclwiIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiPjwvaDM+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwb3BvdmVyLWJvZHlcIj5cclxuICAgICAgICA8c2FjLWRhdGVzZWxlY3RvclxyXG4gICAgICAgICAgW2luaXRpYWx2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAoc2VsZWN0ZGF0ZSk9XCJkYXRlc2VsZWN0KCRldmVudClcIlxyXG4gICAgICAgICAgZGF0ZXNlbGVjdGlvbj1cInRydWVcIlxyXG4gICAgICAgICAgdGltZXNlbGVjdGlvbj1cInRydWVcIlxyXG4gICAgICAgID48L3NhYy1kYXRlc2VsZWN0b3I+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/controls/datetime/datetime.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SacDateComponent } from './date';
+import { SacDateTimeComponent } from './datetime';
+import { SacDateSelectorComponent } from './dateselector';
+import { SacTimeComponent } from './time';
+import { IMaskModule } from 'angular-imask';
+import * as i0 from "@angular/core";
+class SACBootstrap5DateTimeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DateTimeModule, imports: [CommonModule, IMaskModule,
+            SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent], exports: [SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DateTimeModule, imports: [CommonModule, IMaskModule] }); }
+}
+export { SACBootstrap5DateTimeModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DateTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, IMaskModule,
+                        SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent
+                    ],
+                    exports: [SacDateComponent, SacDateTimeComponent, SacTimeComponent, SacDateSelectorComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2RhdGV0aW1lL2RhdGV0aW1lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDMUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2xELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU1QyxNQU9hLDJCQUEyQjsrR0FBM0IsMkJBQTJCO2dIQUEzQiwyQkFBMkIsWUFMaEMsWUFBWSxFQUFFLFdBQVc7WUFDekIsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsd0JBQXdCLGFBRTVFLGdCQUFnQixFQUFFLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLHdCQUF3QjtnSEFFbkYsMkJBQTJCLFlBTGhDLFlBQVksRUFBRSxXQUFXOztTQUtwQiwyQkFBMkI7NEZBQTNCLDJCQUEyQjtrQkFQdkMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWSxFQUFFLFdBQVc7d0JBQ3pCLGdCQUFnQixFQUFFLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLHdCQUF3QjtxQkFDckY7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsd0JBQXdCLENBQUM7aUJBQ2hHIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU2FjRGF0ZUNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZSc7XHJcbmltcG9ydCB7IFNhY0RhdGVUaW1lQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRldGltZSc7XHJcbmltcG9ydCB7IFNhY0RhdGVTZWxlY3RvckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZXNlbGVjdG9yJztcclxuaW1wb3J0IHsgU2FjVGltZUNvbXBvbmVudCB9IGZyb20gJy4vdGltZSc7XHJcbmltcG9ydCB7IElNYXNrTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1pbWFzayc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSwgSU1hc2tNb2R1bGUsXHJcbiAgICAgICAgU2FjRGF0ZUNvbXBvbmVudCwgU2FjRGF0ZVRpbWVDb21wb25lbnQsIFNhY1RpbWVDb21wb25lbnQsIFNhY0RhdGVTZWxlY3RvckNvbXBvbmVudFxyXG4gICAgXSxcclxuICAgIGV4cG9ydHM6IFtTYWNEYXRlQ29tcG9uZW50LCBTYWNEYXRlVGltZUNvbXBvbmVudCwgU2FjVGltZUNvbXBvbmVudCwgU2FjRGF0ZVNlbGVjdG9yQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0FDQm9vdHN0cmFwNURhdGVUaW1lTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/controls/datetime/time.mjs

@@ -0,0 +1,66 @@
+import { Component, forwardRef, Host, Optional } from '@angular/core';
+import { ControlContainer, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SacTimeCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormDirective } from '../form/form';
+import { SacDateSelectorComponent } from './dateselector';
+import { IMaskDirective } from 'angular-imask';
+import { NgClass, NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "../form/form";
+/**
+ * Time Auswahl Komponente
+ */
+class SacTimeComponent extends SacTimeCommon {
+    /**
+     * Konstruktor
+     * @param parent Formular
+     * @param injector Angular Dependency Injection Service
+     * @param _elementRef DOM Element Referenz
+     */
+    constructor(parent, injector, _elementRef) {
+        super(parent, injector, _elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTimeComponent, deps: [{ token: i1.SacFormDirective, host: true, optional: true }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacTimeComponent, isStandalone: true, selector: "sac-time", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => SacTimeComponent),
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: forwardRef(() => SacTimeComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"row mb-3\" [class.g-0]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label col-form-label-sm\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-sm-' + labelsize : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12 position-relative\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-sm-' + _inputsize : 'col-sm-12']\"\r\n  >\r\n    <div class=\"input-group input-group-sm\">\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <button\r\n        class=\"btn btn-secondary\"\r\n        type=\"button\"\r\n        (click)=\"showTimeSelector()\"\r\n        [disabled]=\"isdisabled\"\r\n      >\r\n        <i [class]=\"IconSelector\"></i>\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show position-absolute\"\r\n      role=\"tooltip\"\r\n      *ngIf=\"_showselector\"\r\n      style=\"\r\n        display: block;\r\n        left: unset;\r\n        right: 0px;\r\n        top: 34px;\r\n        max-width: 325px;\r\n      \"\r\n    >\r\n      <div\r\n        class=\"popover-arrow position-absolute\"\r\n        style=\"left: unset; right: 18px\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"timeselect($event)\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SacDateSelectorComponent, selector: "sac-dateselector" }], viewProviders: [
+            { provide: ControlContainer, useExisting: SacFormDirective },
+        ] }); }
+}
+export { SacTimeComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-time', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => SacTimeComponent),
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            multi: true,
+                            useExisting: forwardRef(() => SacTimeComponent),
+                        },
+                    ], viewProviders: [
+                        { provide: ControlContainer, useExisting: SacFormDirective },
+                    ], standalone: true, imports: [
+                        NgClass,
+                        IMaskDirective,
+                        NgIf,
+                        SacDateSelectorComponent,
+                    ], template: "<div class=\"row mb-3\" [class.g-0]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label col-form-label-sm\"\r\n    [ngClass]=\"[disablelabel === false ?  'col-sm-' + labelsize : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12 position-relative\"\r\n    [ngClass]=\"[disablelabel === false ? 'col-sm-' + _inputsize : 'col-sm-12']\"\r\n  >\r\n    <div class=\"input-group input-group-sm\">\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [ngClass]=\"{'is-invalid': invalid && (dirty || touched) }\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <button\r\n        class=\"btn btn-secondary\"\r\n        type=\"button\"\r\n        (click)=\"showTimeSelector()\"\r\n        [disabled]=\"isdisabled\"\r\n      >\r\n        <i [class]=\"IconSelector\"></i>\r\n      </button>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show position-absolute\"\r\n      role=\"tooltip\"\r\n      *ngIf=\"_showselector\"\r\n      style=\"\r\n        display: block;\r\n        left: unset;\r\n        right: 0px;\r\n        top: 34px;\r\n        max-width: 325px;\r\n      \"\r\n    >\r\n      <div\r\n        class=\"popover-arrow position-absolute\"\r\n        style=\"left: unset; right: 18px\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"timeselect($event)\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.SacFormDirective, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: i0.Injector }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9kYXRldGltZS90aW1lLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2RhdGV0aW1lL3RpbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFVBQVUsRUFDVixJQUFJLEVBRUosUUFBUSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsYUFBYSxFQUNiLGlCQUFpQixFQUNsQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDaEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFFaEQ7O0dBRUc7QUFDSCxNQTRCYSxnQkFBaUIsU0FBUSxhQUFhO0lBQ2pEOzs7OztPQUtHO0lBQ0gsWUFDc0IsTUFBd0IsRUFDNUMsUUFBa0IsRUFDbEIsV0FBdUI7UUFFdkIsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0FiVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix1REF4QmQ7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQ2xEO1lBQ0Q7Z0JBQ0ksT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDbEQ7U0FDSixpRENyQ0wsaTVEQTZEQSw0Q0RqQlEsT0FBTyxvRkFDUCxjQUFjLHVKQUNkLElBQUksNkZBQ0osd0JBQXdCLGtEQVJiO1lBQ1gsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFO1NBQy9EOztTQVNRLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQTVCNUIsU0FBUzsrQkFDSSxVQUFVLGFBR1Q7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7eUJBQ2xEO3dCQUNEOzRCQUNJLE9BQU8sRUFBRSxhQUFhOzRCQUN0QixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsQ0FBQzt5QkFDbEQ7cUJBQ0osaUJBRWM7d0JBQ1gsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFO3FCQUMvRCxjQUNXLElBQUksV0FDUDt3QkFDTCxPQUFPO3dCQUNQLGNBQWM7d0JBQ2QsSUFBSTt3QkFDSix3QkFBd0I7cUJBQzNCOzswQkFVQSxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBmb3J3YXJkUmVmLFxyXG4gIEhvc3QsXHJcbiAgSW5qZWN0b3IsXHJcbiAgT3B0aW9uYWxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBDb250cm9sQ29udGFpbmVyLFxyXG4gIE5HX1ZBTElEQVRPUlMsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1JcclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNhY1RpbWVDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xyXG5pbXBvcnQgeyBTYWNGb3JtRGlyZWN0aXZlIH0gZnJvbSAnLi4vZm9ybS9mb3JtJztcclxuaW1wb3J0IHsgU2FjRGF0ZVNlbGVjdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRlc2VsZWN0b3InO1xyXG5pbXBvcnQgeyBJTWFza0RpcmVjdGl2ZSB9IGZyb20gJ2FuZ3VsYXItaW1hc2snO1xyXG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbi8qKlxyXG4gKiBUaW1lIEF1c3dhaGwgS29tcG9uZW50ZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NhYy10aW1lJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi90aW1lLmh0bWwnLFxyXG4gICAgLy8gVmFsdWUgQWNjZXNzIFByb3ZpZGVyIHJlZ2lzdHJpZXJlbiwgZGFtaXQgV2VydCB2aWEgTW9kZWwgZ2VzY2hyaWViZW4gdW5kIGdlbGVzZW4gd2VyZGVuIGthbm5cclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWNUaW1lQ29tcG9uZW50KSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcclxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNhY1RpbWVDb21wb25lbnQpLFxyXG4gICAgICAgIH0sXHJcbiAgICBdLFxyXG4gICAgLy8gVmlldyBQcm92aWRlciwgZGFtaXQgZGFzIEZvcm11bGFyIGFuIGRhcyBDb250cm9sIGdlYnVuZGVuIHdlcmRlbiBrYW5uXHJcbiAgICB2aWV3UHJvdmlkZXJzOiBbXHJcbiAgICAgICAgeyBwcm92aWRlOiBDb250cm9sQ29udGFpbmVyLCB1c2VFeGlzdGluZzogU2FjRm9ybURpcmVjdGl2ZSB9LFxyXG4gICAgXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgTmdDbGFzcyxcclxuICAgICAgICBJTWFza0RpcmVjdGl2ZSxcclxuICAgICAgICBOZ0lmLFxyXG4gICAgICAgIFNhY0RhdGVTZWxlY3RvckNvbXBvbmVudCxcclxuICAgIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTYWNUaW1lQ29tcG9uZW50IGV4dGVuZHMgU2FjVGltZUNvbW1vbiB7XHJcbiAgLyoqXHJcbiAgICogS29uc3RydWt0b3JcclxuICAgKiBAcGFyYW0gcGFyZW50IEZvcm11bGFyXHJcbiAgICogQHBhcmFtIGluamVjdG9yIEFuZ3VsYXIgRGVwZW5kZW5jeSBJbmplY3Rpb24gU2VydmljZVxyXG4gICAqIEBwYXJhbSBfZWxlbWVudFJlZiBET00gRWxlbWVudCBSZWZlcmVuelxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEhvc3QoKSBAT3B0aW9uYWwoKSBwYXJlbnQ6IFNhY0Zvcm1EaXJlY3RpdmUsXHJcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge1xyXG4gICAgc3VwZXIocGFyZW50LCBpbmplY3RvciwgX2VsZW1lbnRSZWYpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicm93IG1iLTNcIiBbY2xhc3MuZy0wXT1cImRpc2FibGVsYWJlbFwiPlxyXG4gIDxsYWJlbFxyXG4gICAgZm9yPVwie3tuYW1lfX1cIlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgY29sLWZvcm0tbGFiZWwgY29sLWZvcm0tbGFiZWwtc21cIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAgJ2NvbC1zbS0nICsgbGFiZWxzaXplIDogJ3NyLW9ubHknIF1cIlxyXG4gICAgPnt7bGFiZWx9fTwvbGFiZWxcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgcG9zaXRpb24tcmVsYXRpdmVcIlxyXG4gICAgW25nQ2xhc3NdPVwiW2Rpc2FibGVsYWJlbCA9PT0gZmFsc2UgPyAnY29sLXNtLScgKyBfaW5wdXRzaXplIDogJ2NvbC1zbS0xMiddXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgaW5wdXQtZ3JvdXAtc21cIj5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgaWQ9XCJ7e25hbWV9fVwiXHJcbiAgICAgICAgbmFtZT1cInt7bmFtZX19XCJcclxuICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgIFtpbWFza109XCJpbWFza0RhdGVcIlxyXG4gICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgICBbdmFsdWVdPVwidmFsdWVzdHJpbmdcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnaXMtaW52YWxpZCc6IGludmFsaWQgJiYgKGRpcnR5IHx8IHRvdWNoZWQpIH1cIlxyXG4gICAgICAgIChibHVyKT1cIm9uVG91Y2goKVwiXHJcbiAgICAgICAgKGFjY2VwdCk9XCJzZXRWYWx1ZVN0cmluZygkZXZlbnQpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXHJcbiAgICAgIC8+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc2Vjb25kYXJ5XCJcclxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAoY2xpY2spPVwic2hvd1RpbWVTZWxlY3RvcigpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZFwiXHJcbiAgICAgID5cclxuICAgICAgICA8aSBbY2xhc3NdPVwiSWNvblNlbGVjdG9yXCI+PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cInBvcG92ZXIgZmFkZSBicy1wb3BvdmVyLWJvdHRvbSBzaG93IHBvc2l0aW9uLWFic29sdXRlXCJcclxuICAgICAgcm9sZT1cInRvb2x0aXBcIlxyXG4gICAgICAqbmdJZj1cIl9zaG93c2VsZWN0b3JcIlxyXG4gICAgICBzdHlsZT1cIlxyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGxlZnQ6IHVuc2V0O1xyXG4gICAgICAgIHJpZ2h0OiAwcHg7XHJcbiAgICAgICAgdG9wOiAzNHB4O1xyXG4gICAgICAgIG1heC13aWR0aDogMzI1cHg7XHJcbiAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInBvcG92ZXItYXJyb3cgcG9zaXRpb24tYWJzb2x1dGVcIlxyXG4gICAgICAgIHN0eWxlPVwibGVmdDogdW5zZXQ7IHJpZ2h0OiAxOHB4XCJcclxuICAgICAgPjwvZGl2PlxyXG4gICAgICA8aDMgY2xhc3M9XCJwb3BvdmVyLWhlYWRlclwiIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiPjwvaDM+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwb3BvdmVyLWJvZHlcIj5cclxuICAgICAgICA8c2FjLWRhdGVzZWxlY3RvclxyXG4gICAgICAgICAgW2luaXRpYWx2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAoc2VsZWN0ZGF0ZSk9XCJ0aW1lc2VsZWN0KCRldmVudClcIlxyXG4gICAgICAgICAgdGltZXNlbGVjdGlvbj1cInRydWVcIlxyXG4gICAgICAgID48L3NhYy1kYXRlc2VsZWN0b3I+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/controls/dialog/dialog.mjs

@@ -0,0 +1,43 @@
+import { Component, } from '@angular/core';
+import { SacDialogCommon } from '@simpleangularcontrols/sac-common';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * Dialog Komponente
+ */
+class SacDialogComponent extends SacDialogCommon {
+    /**
+     * Konstruktor
+     * @param el DOM Element Referenz
+     * @param cdRef Change Detection Service
+     */
+    constructor(el, cdRef) {
+        super(cdRef);
+        this.element = el.nativeElement;
+    }
+    /**
+     * Event wenn Komponente initialisiert wird
+     */
+    ngOnInit() {
+        // Element an Body für korrektes Styling unter Bootstrap 3 verschieben
+        document.body.appendChild(this.element);
+    }
+    /**
+     * Event wenn Element entfernt wird
+     */
+    ngOnDestroy() {
+        this.hide();
+        if (document.body.contains(this.element)) {
+            document.body.removeChild(this.element);
+        }
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDialogComponent, isStandalone: true, selector: "sac-dialog", usesInheritance: true, ngImport: i0, template: "<div\r\n  #dialog\r\n  class=\"modal show\"\r\n  style=\"display: block\"\r\n  tabindex=\"-1\"\r\n  role=\"dialog\"\r\n  *ngIf=\"_show\"\r\n>\r\n  <div\r\n    class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\"\r\n    role=\"document\"\r\n    [class.modal-xl]=\"_size === 'extralarge'\"\r\n    [class.modal-lg]=\"_size === 'large'\"\r\n    [class.modal-sm]=\"_size === 'small'\"\r\n  >\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\">{{title}}</h5>\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn-close\"\r\n          data-dismiss=\"modal\"\r\n          aria-label=\"Close\"\r\n          (click)=\"hide()\"\r\n          *ngIf=\"closebutton\"\r\n        ></button>\r\n      </div>\r\n      <div class=\"modal-body\" [style.height]=\"height\">\r\n        <ng-content select=\"[dialogbody]\"></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <ng-content select=\"[dialogfooter]\"></ng-content>\r\n      </div>\r\n    </div>\r\n    <!-- /.modal-content -->\r\n  </div>\r\n  <!-- /.modal-dialog -->\r\n</div>\r\n<!-- /.modal -->\r\n<div class=\"modal-backdrop show\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+export { SacDialogComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sac-dialog', standalone: true, imports: [NgIf], template: "<div\r\n  #dialog\r\n  class=\"modal show\"\r\n  style=\"display: block\"\r\n  tabindex=\"-1\"\r\n  role=\"dialog\"\r\n  *ngIf=\"_show\"\r\n>\r\n  <div\r\n    class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\"\r\n    role=\"document\"\r\n    [class.modal-xl]=\"_size === 'extralarge'\"\r\n    [class.modal-lg]=\"_size === 'large'\"\r\n    [class.modal-sm]=\"_size === 'small'\"\r\n  >\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\">{{title}}</h5>\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn-close\"\r\n          data-dismiss=\"modal\"\r\n          aria-label=\"Close\"\r\n          (click)=\"hide()\"\r\n          *ngIf=\"closebutton\"\r\n        ></button>\r\n      </div>\r\n      <div class=\"modal-body\" [style.height]=\"height\">\r\n        <ng-content select=\"[dialogbody]\"></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <ng-content select=\"[dialogfooter]\"></ng-content>\r\n      </div>\r\n    </div>\r\n    <!-- /.modal-content -->\r\n  </div>\r\n  <!-- /.modal-dialog -->\r\n</div>\r\n<!-- /.modal -->\r\n<div class=\"modal-backdrop show\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2RpYWxvZy9kaWFsb2cudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZGlhbG9nL2RpYWxvZy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEdBSVYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFdkM7O0dBRUc7QUFDSCxNQU1hLGtCQUNYLFNBQVEsZUFBZTtJQVF2Qjs7OztPQUlHO0lBQ0gsWUFBWSxFQUFjLEVBQUUsS0FBd0I7UUFDbEQsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDO0lBQ2xDLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDTixzRUFBc0U7UUFDdEUsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDWixJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUN4QyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDekM7UUFDRCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FyQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsNkZDbkIvQix3dUNBd0NBLDRDRHZCYyxJQUFJOztTQUVMLGtCQUFrQjs0RkFBbEIsa0JBQWtCO2tCQU45QixTQUFTOytCQUNJLFlBQVksY0FFVixJQUFJLFdBQ1AsQ0FBQyxJQUFJLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNhY0RpYWxvZ0NvbW1vbiB9IGZyb20gJ0BzaW1wbGVhbmd1bGFyY29udHJvbHMvc2FjLWNvbW1vbic7XHJcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuLyoqXHJcbiAqIERpYWxvZyBLb21wb25lbnRlXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2FjLWRpYWxvZycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLmh0bWwnLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtOZ0lmXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhY0RpYWxvZ0NvbXBvbmVudFxyXG4gIGV4dGVuZHMgU2FjRGlhbG9nQ29tbW9uXHJcbiAgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveVxyXG57XHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbnogYXVmIERPTSBFbGVtZW50XHJcbiAgICovXHJcbiAgcHJpdmF0ZSBlbGVtZW50OiBhbnk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEtvbnN0cnVrdG9yXHJcbiAgICogQHBhcmFtIGVsIERPTSBFbGVtZW50IFJlZmVyZW56XHJcbiAgICogQHBhcmFtIGNkUmVmIENoYW5nZSBEZXRlY3Rpb24gU2VydmljZVxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKGVsOiBFbGVtZW50UmVmLCBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGNkUmVmKTtcclxuXHJcbiAgICB0aGlzLmVsZW1lbnQgPSBlbC5uYXRpdmVFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgd2VubiBLb21wb25lbnRlIGluaXRpYWxpc2llcnQgd2lyZFxyXG4gICAqL1xyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgLy8gRWxlbWVudCBhbiBCb2R5IGbDvHIga29ycmVrdGVzIFN0eWxpbmcgdW50ZXIgQm9vdHN0cmFwIDMgdmVyc2NoaWViZW5cclxuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5lbGVtZW50KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IHdlbm4gRWxlbWVudCBlbnRmZXJudCB3aXJkXHJcbiAgICovXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmhpZGUoKTtcclxuICAgIGlmIChkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMuZWxlbWVudCkpIHtcclxuICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZCh0aGlzLmVsZW1lbnQpO1xyXG4gICAgfVxyXG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICNkaWFsb2dcclxuICBjbGFzcz1cIm1vZGFsIHNob3dcIlxyXG4gIHN0eWxlPVwiZGlzcGxheTogYmxvY2tcIlxyXG4gIHRhYmluZGV4PVwiLTFcIlxyXG4gIHJvbGU9XCJkaWFsb2dcIlxyXG4gICpuZ0lmPVwiX3Nob3dcIlxyXG4+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJtb2RhbC1kaWFsb2cgbW9kYWwtbGcgbW9kYWwtZGlhbG9nLWNlbnRlcmVkIG1vZGFsLWRpYWxvZy1zY3JvbGxhYmxlXCJcclxuICAgIHJvbGU9XCJkb2N1bWVudFwiXHJcbiAgICBbY2xhc3MubW9kYWwteGxdPVwiX3NpemUgPT09ICdleHRyYWxhcmdlJ1wiXHJcbiAgICBbY2xhc3MubW9kYWwtbGddPVwiX3NpemUgPT09ICdsYXJnZSdcIlxyXG4gICAgW2NsYXNzLm1vZGFsLXNtXT1cIl9zaXplID09PSAnc21hbGwnXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XHJcbiAgICAgICAgPGg1IGNsYXNzPVwibW9kYWwtdGl0bGVcIj57e3RpdGxlfX08L2g1PlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgY2xhc3M9XCJidG4tY2xvc2VcIlxyXG4gICAgICAgICAgZGF0YS1kaXNtaXNzPVwibW9kYWxcIlxyXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlXCJcclxuICAgICAgICAgIChjbGljayk9XCJoaWRlKClcIlxyXG4gICAgICAgICAgKm5nSWY9XCJjbG9zZWJ1dHRvblwiXHJcbiAgICAgICAgPjwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIiBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkaWFsb2dib2R5XVwiPjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGlhbG9nZm9vdGVyXVwiPjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gLy5tb2RhbC1jb250ZW50IC0tPlxyXG4gIDwvZGl2PlxyXG4gIDwhLS0gLy5tb2RhbC1kaWFsb2cgLS0+XHJcbjwvZGl2PlxyXG48IS0tIC8ubW9kYWwgLS0+XHJcbjxkaXYgY2xhc3M9XCJtb2RhbC1iYWNrZHJvcCBzaG93XCIgKm5nSWY9XCJfc2hvdyAmJiBiYWNrZHJvcFwiICNiYWNrZHJvcD48L2Rpdj5cclxuIl19

package/esm2022/controls/dialog/dialog.module.mjs

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SacDialogComponent } from './dialog';
+import * as i0 from "@angular/core";
+class SACBootstrap5DialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DialogModule, imports: [CommonModule,
+            SacDialogComponent], exports: [SacDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DialogModule, imports: [CommonModule] }); }
+}
+export { SACBootstrap5DialogModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SacDialogComponent
+                    ],
+                    exports: [SacDialogComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXA1L3NyYy9jb250cm9scy9kaWFsb2cvZGlhbG9nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBRTlDLE1BT2EseUJBQXlCOytHQUF6Qix5QkFBeUI7Z0hBQXpCLHlCQUF5QixZQUw5QixZQUFZO1lBQ1osa0JBQWtCLGFBRVosa0JBQWtCO2dIQUVuQix5QkFBeUIsWUFMOUIsWUFBWTs7U0FLUCx5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkFQckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixrQkFBa0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNhY0RpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFNhY0RpYWxvZ0NvbXBvbmVudFxyXG4gICAgXSxcclxuICAgIGV4cG9ydHM6IFtTYWNEaWFsb2dDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQUNCb290c3RyYXA1RGlhbG9nTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/controls/form/form.mjs

@@ -0,0 +1,58 @@
+import { Directive, HostBinding } from '@angular/core';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * Erweiterung / Hooking für automatismen in Formular. Wird als Container für alle Controls benötigt.
+ *
+ * @example Beispiel über Div Container
+ *
+ * <div ngForm></div>
+ *
+ * @example Beispiel über Form Tag
+ *
+ * <form></form>
+ *
+ */
+class SacFormDirective extends SacFormCommon {
+    /**
+     * Konstruktor
+     * @param form Instanz von NgForm für eigene automatische Formular Logik
+     */
+    constructor(form) {
+        super(form);
+        /**
+         * 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 }); }
+}
+export { SacFormDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form:not([ngNoForm]):not([formGroup]),[ngForm]',
+                    exportAs: 'sacform',
+                    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=

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

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { SacFormDirective } from './form';
+import { SacInheritFormDirective } from './inheritform.directive';
+import * as i0 from "@angular/core";
+class SACBootstrap5FormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5FormModule, imports: [CommonModule,
+            FormsModule,
+            SacFormDirective, SacInheritFormDirective], exports: [SacFormDirective, SacInheritFormDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5FormModule, imports: [CommonModule,
+            FormsModule] }); }
+}
+export { SACBootstrap5FormModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SACBootstrap5FormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SacFormDirective, SacInheritFormDirective
+                    ],
+                    exports: [
+                        SacFormDirective, SacInheritFormDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zYWMtYm9vdHN0cmFwNS9zcmMvY29udHJvbHMvZm9ybS9mb3JtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUVsRSxNQVVhLHVCQUF1QjsrR0FBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0IsRUFBRSx1QkFBdUIsYUFHekMsZ0JBQWdCLEVBQUUsdUJBQXVCO2dIQUdwQyx1QkFBdUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7O1NBT04sdUJBQXVCOzRGQUF2Qix1QkFBdUI7a0JBVm5DLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO29CQUNELE9BQU8sRUFBRTt3QkFDTCxnQkFBZ0IsRUFBRSx1QkFBdUI7cUJBQzVDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0nO1xyXG5pbXBvcnQgeyBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZSB9IGZyb20gJy4vaW5oZXJpdGZvcm0uZGlyZWN0aXZlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgICAgIFNhY0Zvcm1EaXJlY3RpdmUsIFNhY0luaGVyaXRGb3JtRGlyZWN0aXZlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIFNhY0Zvcm1EaXJlY3RpdmUsIFNhY0luaGVyaXRGb3JtRGlyZWN0aXZlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQUNCb290c3RyYXA1Rm9ybU1vZHVsZSB7IH1cclxuIl19

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

@@ -0,0 +1,87 @@
+import { Directive } from '@angular/core';
+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";
+/**
+ * Factory Methode für SacForm
+ * @param form SacFormular
+ */
+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 }); }
+    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]]
+            }, {
+                provide: ControlContainer,
+                useFactory: NGFORM_FACTORY,
+                deps: [NgForm]
+            }
+        ], ngImport: i0 }); }
+}
+export { SacInheritFormDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacInheritFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sacInheritForm]',
+                    providers: [
+                        {
+                            provide: SacFormDirective,
+                            useFactory: SACFORM_FACTORY,
+                            deps: [[new SkipSelf(), SacFormDirective]]
+                        }, {
+                            provide: ControlContainer,
+                            useFactory: NGFORM_FACTORY,
+                            deps: [NgForm]
+                        }
+                    ],
+                    standalone: true
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5oZXJpdGZvcm0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDUvc3JjL2NvbnRyb2xzL2Zvcm0vaW5oZXJpdGZvcm0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUVsRDs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsZUFBZSxDQUFDLElBQXNCO0lBQ3BELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQztBQUVEOzs7R0FHRztBQUNILE1BQU0sVUFBVSxjQUFjLENBQUMsSUFBWTtJQUN6QyxPQUFPLElBQUksQ0FBQztBQUNkLENBQUM7QUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ0c7QUFDSCxNQWVhLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsK0RBYnJCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGdCQUFnQjtnQkFDekIsVUFBVSxFQUFFLGVBQWU7Z0JBQzNCLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxRQUFRLEVBQUUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzdDLEVBQUU7Z0JBQ0MsT0FBTyxFQUFFLGdCQUFnQjtnQkFDekIsVUFBVSxFQUFFLGNBQWM7Z0JBQzFCLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQzthQUNqQjtTQUNKOztTQUdRLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQWZuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsZ0JBQWdCOzRCQUN6QixVQUFVLEVBQUUsZUFBZTs0QkFDM0IsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxFQUFFLGdCQUFnQixDQUFDLENBQUM7eUJBQzdDLEVBQUU7NEJBQ0MsT0FBTyxFQUFFLGdCQUFnQjs0QkFDekIsVUFBVSxFQUFFLGNBQWM7NEJBQzFCLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQzt5QkFDakI7cUJBQ0o7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNhY0Zvcm1EaXJlY3RpdmUgfSBmcm9tICcuL2Zvcm0nO1xyXG5pbXBvcnQgeyBTa2lwU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG4vKipcclxuICogRmFjdG9yeSBNZXRob2RlIGbDvHIgU2FjRm9ybVxyXG4gKiBAcGFyYW0gZm9ybSBTYWNGb3JtdWxhclxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIFNBQ0ZPUk1fRkFDVE9SWShmb3JtOiBTYWNGb3JtRGlyZWN0aXZlKSB7XHJcbiAgcmV0dXJuIGZvcm07XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBGYWN0b3J5IE1ldGhvZGUgZsO8ciBOZ0Zvcm1cclxuICogQHBhcmFtIGZvcm0gTmdGb3JtXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gTkdGT1JNX0ZBQ1RPUlkoZm9ybTogTmdGb3JtKSB7XHJcbiAgcmV0dXJuIGZvcm07XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBEaXJlY3RpdmUgenVtIGVyYmVuIGVpbmVzIE5nRm9ybS9OZ0Zvcm11bGFyIGVpbmVyIMO8YmVyZ2VvcmRuZXRlbiBLb21wb25lbnRlXHJcbiAqXHJcbiAqIEBleGFtcGxlIEltcGxlbWVudGF0aW9uIGluIE1hcmt1cFxyXG4gKlxyXG4gKiA8ZGl2IHNhY0luaGVyaXRGb3JtPlxyXG4gKiA8L2Rpdj5cclxuICpcclxuICogQGV4YW1wbGUgTW9kZWwgYW4gU3ViLUtvbXBvbmVudGUgw7xiZXJnZWJlblxyXG4gKlxyXG4gKiA8ZGl2IHNhY0luaGVyaXRGb3JtPlxyXG4gKiA8ZGl2PlN1YkZvcm08L2Rpdj5cclxuICogPGRpdj5cclxuICogIDxuZ0lucHV0IFsobmdNb2RlbCldPVwibXltb2RlbC5maWVsZGFyZWEyXCIgbmFtZT1cInN1YmZvcm1GaWVsZDNcIiBsYWJlbD1cImZpZWxkIDNcIiBbaXNyZXF1aXJlZF09XCJ0cnVlXCI+PC9uZ0lucHV0PlxyXG4gKiA8L2Rpdj5cclxuICogPC9kaXY+XHJcbiAqXHJcbiAqXHJcbiAqIChhdClDb21wb25lbnQoe1xyXG4gKiBzZWxlY3RvcjogJ3NhY0luaGVyaXRGb3JtJyxcclxuICogdGVtcGxhdGVVcmw6ICcuL3N1YmZvcm0uY29tcG9uZW50Lmh0bWwnXHJcbiAqIH0pXHJcbiAqIGV4cG9ydCBjbGFzcyBTdWJGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgRG9DaGVjayB7XHJcbiAqXHJcbiAqIChhdClJbnB1dCgpIG15bW9kZWw7XHJcbiAqIChhdClPdXRwdXQoKSBteW1vZGVsQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gKlxyXG4gKiBuZ0RvQ2hlY2soKSB7XHJcbiAqICAgdGhpcy5teW1vZGVsQ2hhbmdlLm5leHQodGhpcy5teW1vZGVsKTtcclxuICogfVxyXG4gKn1cclxuICpcclxuICovXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbc2FjSW5oZXJpdEZvcm1dJyxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgICAgcHJvdmlkZTogU2FjRm9ybURpcmVjdGl2ZSxcclxuICAgICAgICAgICAgdXNlRmFjdG9yeTogU0FDRk9STV9GQUNUT1JZLFxyXG4gICAgICAgICAgICBkZXBzOiBbW25ldyBTa2lwU2VsZigpLCBTYWNGb3JtRGlyZWN0aXZlXV1cclxuICAgICAgICB9LCB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbnRyb2xDb250YWluZXIsXHJcbiAgICAgICAgICAgIHVzZUZhY3Rvcnk6IE5HRk9STV9GQUNUT1JZLFxyXG4gICAgICAgICAgICBkZXBzOiBbTmdGb3JtXVxyXG4gICAgICAgIH1cclxuICAgIF0sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTYWNJbmhlcml0Rm9ybURpcmVjdGl2ZSB7IH1cclxuIl19

package/esm2022/controls/grid/grid.mjs

@@ -0,0 +1,52 @@
+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 * as i0 from "@angular/core";
+/**
+ * Grid Komponente
+ */
+class SacGridComponent extends SacGridCommon {
+    /**
+     * Konstrukor
+     * @param cdRef Change Detection Reference
+     */
+    constructor(cdRef) {
+        super(cdRef);
+        /**
+         * 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.ɵ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 }], 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" }] }); }
+}
+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: "<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: [{
+                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==