@simpleangularcontrols/sac-bootstrap3 10.0.0-rc.1

package/bundles/simpleangularcontrols-sac-bootstrap3.umd.js

@@ -0,0 +1,2587 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@simpleangularcontrols/sac-common'), require('@angular/common'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('angular-imask'), require('moment'), require('@tinymce/tinymce-angular')) :
+    typeof define === 'function' && define.amd ? define('@simpleangularcontrols/sac-bootstrap3', ['exports', '@angular/core', '@simpleangularcontrols/sac-common', '@angular/common', '@angular/forms', 'rxjs', 'rxjs/operators', 'angular-imask', 'moment', '@tinymce/tinymce-angular'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.simpleangularcontrols = global.simpleangularcontrols || {}, global.simpleangularcontrols['sac-bootstrap3'] = {}), global.ng.core, global.sacCommon, global.ng.common, global.ng.forms, global.rxjs, global.rxjs.operators, global.angularImask, global.moment, global.tinymceAngular));
+}(this, (function (exports, core, sacCommon, common, forms, rxjs, operators, angularImask, moment_, tinymceAngular) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var moment___default = /*#__PURE__*/_interopDefaultLegacy(moment_);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.unshift(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (g && (g = 0, op[0] && (_ = 0)), _)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+        function verb(n, f) { if (g[n]) {
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+            if (f)
+                i[n] = f(i[n]);
+        } }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function")
+                throw new TypeError("Object expected.");
+            var dispose, inner;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+                if (async)
+                    inner = dispose;
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            if (inner)
+                dispose = function () { try {
+                    inner.call(this);
+                }
+                catch (e) {
+                    return Promise.reject(e);
+                } };
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        function next() {
+            while (env.stack.length) {
+                var rec = env.stack.pop();
+                try {
+                    var result = rec.dispose && rec.dispose.call(rec.value);
+                    if (rec.async)
+                        return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+    };
+
+    var SacButtonComponent = /** @class */ (function (_super) {
+        __extends(SacButtonComponent, _super);
+        function SacButtonComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacButtonComponent;
+    }(sacCommon.SacButtonCommon));
+    SacButtonComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-button',
+                    template: "<a\r\n  [id]=\"name\"\r\n  class=\"btn\"\r\n  [class.btn-primary]=\"role === 'primary'\"\r\n  [class.btn-secondary]=\"role === 'secondary'\"\r\n  [class.btn-success]=\"role === 'success'\"\r\n  [class.btn-danger]=\"role === 'danger'\"\r\n  [class.btn-warning]=\"role === 'warning'\"\r\n  [class.btn-info]=\"role === 'info'\"\r\n  [class.btn-default]=\"role === 'default'\"\r\n  [class.btn-link]=\"role === 'link'\"\r\n  [attr.disabled]=\"_isdisabled ? 'disabled' : null\"\r\n  (click)=\"buttonClick()\"\r\n>\r\n  <i\r\n    *ngIf=\"icon !== ''\"\r\n    [ngClass]=\"icon\"\r\n    [ngStyle]=\"{ 'margin-right': text ? '0.5rem': null}\"\r\n  ></i>\r\n  {{text}}\r\n</a>\r\n"
+                },] }
+    ];
+
+    var SACBootstrap3ButtonModule = /** @class */ (function () {
+        function SACBootstrap3ButtonModule() {
+        }
+        return SACBootstrap3ButtonModule;
+    }());
+    SACBootstrap3ButtonModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacButtonComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacButtonComponent]
+                },] }
+    ];
+
+    var SacFormLayoutDirective = /** @class */ (function (_super) {
+        __extends(SacFormLayoutDirective, _super);
+        function SacFormLayoutDirective() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacFormLayoutDirective;
+    }(sacCommon.SacFormLayoutCommon));
+    SacFormLayoutDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[sacFormLayout]',
+                },] }
+    ];
+
+    var SacToControlHeightPipe = /** @class */ (function () {
+        function SacToControlHeightPipe() {
+        }
+        // #region Public Methods
+        /**
+         * Returns the CSS class that defines the height for the control
+         * @param value ControlHeight value or null
+         */
+        SacToControlHeightPipe.prototype.transform = function (value) {
+            // Return default value
+            if (!value) {
+                return '';
+            }
+            switch (value) {
+                case sacCommon.ControlHeight.Small:
+                    return 'input-sm';
+                case sacCommon.ControlHeight.Large:
+                    return 'input-lg';
+                default:
+                    return '';
+            }
+        };
+        return SacToControlHeightPipe;
+    }());
+    SacToControlHeightPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'toControlHeight',
+                },] }
+    ];
+
+    var SacToControlWidthCssPipe = /** @class */ (function () {
+        function SacToControlWidthCssPipe() {
+        }
+        // #region Public Methods
+        /**
+         * Get CSS classes from label width configuration to set control size
+         * @param value Configuration with grid columns for different viewports
+         * @returns string with css classe for bootstrap3
+         */
+        SacToControlWidthCssPipe.prototype.transform = function (value) {
+            var classes = [];
+            if (value.labelSizeXs) {
+                classes.push('col-xs-' + this.calcControlSize(value.labelSizeXs));
+            }
+            if (value.labelSizeSm) {
+                classes.push('col-sm-' + this.calcControlSize(value.labelSizeSm));
+            }
+            if (value.labelSizeMd) {
+                classes.push('col-md-' + this.calcControlSize(value.labelSizeMd));
+            }
+            if (value.labelSizeLg) {
+                classes.push('col-lg-' + this.calcControlSize(value.labelSizeLg));
+            }
+            return classes.join(' ');
+        };
+        // #endregion Public Methods
+        // #region Private Methods
+        /**
+         * calculate the control size
+         * @param labelsize grid size of label
+         * @returns grid size for control. should be between 1 and 12
+         */
+        SacToControlWidthCssPipe.prototype.calcControlSize = function (labelsize) {
+            if (labelsize === 12) {
+                return 12;
+            }
+            if (!labelsize) {
+                return 12;
+            }
+            return 12 - labelsize;
+        };
+        return SacToControlWidthCssPipe;
+    }());
+    SacToControlWidthCssPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'toControlWidthCss',
+                },] }
+    ];
+
+    var SacToLabelHeightPipe = /** @class */ (function () {
+        function SacToLabelHeightPipe() {
+        }
+        // #region Public Methods
+        /**
+         * Returns the CSS class that defines the height for the control
+         * @param value ControlHeight value or null
+         */
+        SacToLabelHeightPipe.prototype.transform = function (value) {
+            // Return default value
+            if (!value) {
+                return '';
+            }
+            switch (value) {
+                case sacCommon.ControlHeight.Small:
+                    return 'form-group-sm';
+                case sacCommon.ControlHeight.Large:
+                    return 'form-group-lg';
+                default:
+                    return '';
+            }
+        };
+        return SacToLabelHeightPipe;
+    }());
+    SacToLabelHeightPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'toLabelHeight',
+                },] }
+    ];
+
+    var SacToLabelWidthCssPipe = /** @class */ (function () {
+        function SacToLabelWidthCssPipe() {
+        }
+        // #region Public Methods
+        /**
+         * Get CSS classes from label width configuration to set label size
+         * @param value Configuration with grid columns for different viewports
+         * @returns string with css classe for bootstrap3
+         */
+        SacToLabelWidthCssPipe.prototype.transform = function (value) {
+            var classes = [];
+            if (value.labelSizeXs) {
+                classes.push('col-xs-' + value.labelSizeXs);
+            }
+            if (value.labelSizeSm) {
+                classes.push('col-sm-' + value.labelSizeSm);
+            }
+            if (value.labelSizeMd) {
+                classes.push('col-md-' + value.labelSizeMd);
+            }
+            if (value.labelSizeLg) {
+                classes.push('col-lg-' + value.labelSizeLg);
+            }
+            return classes.join(' ');
+        };
+        return SacToLabelWidthCssPipe;
+    }());
+    SacToLabelWidthCssPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'toLabelWidthCss',
+                },] }
+    ];
+
+    var SACBootstrap3LayoutModule = /** @class */ (function () {
+        function SACBootstrap3LayoutModule() {
+        }
+        return SACBootstrap3LayoutModule;
+    }());
+    SACBootstrap3LayoutModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        SacFormLayoutDirective,
+                        SacToControlHeightPipe,
+                        SacToControlWidthCssPipe,
+                        SacToLabelHeightPipe,
+                        SacToLabelWidthCssPipe,
+                    ],
+                    imports: [common.CommonModule],
+                    exports: [
+                        SacFormLayoutDirective,
+                        SacToControlHeightPipe,
+                        SacToControlWidthCssPipe,
+                        SacToLabelHeightPipe,
+                        SacToLabelWidthCssPipe,
+                    ],
+                },] }
+    ];
+
+    var SacCheckboxComponent = /** @class */ (function (_super) {
+        __extends(SacCheckboxComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacCheckboxComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacCheckboxComponent;
+    }(sacCommon.SacCheckboxCommon));
+    SacCheckboxComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-checkbox',
+                    template: "<div\r\n  class=\"row\"\r\n  [class.form-group]=\"!stacked\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"!disablelabel && !stacked\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[!disablelabel && !stacked ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[!disablelabel && !stacked ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"checkbox\"\r\n      [class.checkbox-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.checkbox-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <label>\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"checkbox\"\r\n          class=\"visible-checkbox\"\r\n          [checked]=\"value\"\r\n          [disabled]=\"isdisabled\"\r\n          (blur)=\"onTouch()\"\r\n          (change)=\"setValue($event.target.checked)\"\r\n        />\r\n        <ng-container *ngIf=\"checkboxtext\"\r\n          >&nbsp;<span>{{checkboxtext}}</span></ng-container\r\n        >\r\n      </label>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacCheckboxComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            useExisting: core.forwardRef(function () { return SacCheckboxComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [".checkbox-sm{padding-top:2px}.checkbox-sm input{height:12px;margin-top:2px;width:12px}.checkbox-sm label{font-size:12px;padding-top:2px}.checkbox-lg input{height:20px;margin-top:2px;width:20px}.checkbox-lg label{font-size:18px;padding-top:4px}"]
+                },] }
+    ];
+    SacCheckboxComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacRadiobuttonsComponent = /** @class */ (function (_super) {
+        __extends(SacRadiobuttonsComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacRadiobuttonsComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacRadiobuttonsComponent;
+    }(sacCommon.SacRadiobuttonsCommon));
+    SacRadiobuttonsComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-radiobuttons',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(function () { return SacRadiobuttonsComponent; }),
+                            multi: true,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            useExisting: core.forwardRef(function () { return SacRadiobuttonsComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    SacRadiobuttonsComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacRadiobuttonComponent = /** @class */ (function (_super) {
+        __extends(SacRadiobuttonComponent, _super);
+        function SacRadiobuttonComponent(sacRadioButtons) {
+            return _super.call(this, sacRadioButtons) || this;
+        }
+        return SacRadiobuttonComponent;
+    }(sacCommon.SacRadiobuttonCommon));
+    SacRadiobuttonComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-radiobutton',
+                    template: "<div\r\n  class=\"radio\"\r\n  *ngIf=\"hidden===false\"\r\n  [class.radio-sm]=\"componentHeight === ControlHeight.Small\"\r\n  [class.radio-lg]=\"componentHeight === ControlHeight.Large\"\r\n>\r\n  <label for=\"{{getName}}_{{getIndex}}\">\r\n    <input\r\n      id=\"{{getName}}_{{getIndex}}\"\r\n      name=\"{{getName}}\"\r\n      type=\"radio\"\r\n      [value]=\"value\"\r\n      [checked]=\"checked\"\r\n      (change)=\"ChangeEvent()\"\r\n      [disabled]=\"isDisabled\"\r\n    />\r\n    <ng-template\r\n      *ngTemplateOutlet=\"labeltemplate || defaultItemLabelTemplate;context:{ label: label }\"\r\n    >\r\n    </ng-template>\r\n  </label>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\"\r\n  >&nbsp;<span>{{label}}</span></ng-template\r\n>\r\n",
+                    styles: [".radio-lg label{font-size:18px;padding-top:2px}.radio-lg label input{height:20px;margin-top:2px;width:20px}.radio-sm{padding-top:2px}.radio-sm label{font-size:12px;min-height:14px;padding-top:2px}.radio-sm label input{height:12px;margin-top:2px;width:12px}"]
+                },] }
+    ];
+    SacRadiobuttonComponent.ctorParameters = function () { return [
+        { type: SacRadiobuttonsComponent, decorators: [{ type: core.Host }] }
+    ]; };
+
+    var SACBootstrap3CheckboxModule = /** @class */ (function () {
+        function SACBootstrap3CheckboxModule() {
+        }
+        return SACBootstrap3CheckboxModule;
+    }());
+    SACBootstrap3CheckboxModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        SacCheckboxComponent,
+                        SacRadiobuttonComponent,
+                        SacRadiobuttonsComponent,
+                    ],
+                    imports: [common.CommonModule, SACBootstrap3LayoutModule],
+                    exports: [
+                        SacCheckboxComponent,
+                        SacRadiobuttonComponent,
+                        SacRadiobuttonsComponent,
+                    ],
+                },] }
+    ];
+
+    var SacDialogComponent = /** @class */ (function (_super) {
+        __extends(SacDialogComponent, _super);
+        function SacDialogComponent(el, cdRef) {
+            var _this = _super.call(this, cdRef) || this;
+            //#region Bootstrap 3 Spezifische Properites
+            _this.zindex = 20002;
+            _this._lastDialogMarginTop = 0;
+            _this.element = el.nativeElement;
+            return _this;
+        }
+        Object.defineProperty(SacDialogComponent.prototype, "dialogMarginTop", {
+            // Margin Top für Center Position des Dialogs berechnen
+            get: function () {
+                var result = 0;
+                // ContentPlaceholder kann NULL/UNDEFINED sein wenn Dialog nicht angezeigt wird
+                if (this.dialogElement !== null && this.dialogElement !== undefined) {
+                    result = (this.dialogElement.nativeElement.clientHeight / 2) * -1;
+                }
+                // Change Detection ausführen, falls Wert nach Rendering noch geändert hat. Kann durch HTML Content / Zeilenumbrüche usw. ausgelöst werden.
+                if (this._lastDialogMarginTop !== result) {
+                    this._lastDialogMarginTop = result;
+                    this.ChangeDetector.detectChanges();
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        //#endregion
+        SacDialogComponent.prototype.ngOnInit = function () {
+            // Element an Body für korrektes Styling unter Bootstrap 3 verschieben
+            document.body.appendChild(this.element);
+        };
+        SacDialogComponent.prototype.ngOnDestroy = function () {
+            this.hide();
+            if (document.body.contains(this.element)) {
+                document.body.removeChild(this.element);
+            }
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        return SacDialogComponent;
+    }(sacCommon.SacDialogCommon));
+    SacDialogComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-dialog',
+                    template: "<div [id]=\"name\" *ngIf=\"_show\" [ngStyle]=\"{'z-index': zindex}\">\r\n  <div class=\"modal in\" style=\"display: block;\" tabindex=\"-1\" role=\"dialog\" #dialog>\r\n    <div class=\"modal-dialog\" role=\"document\" [style.width]=\"width\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"hide()\" *ngIf=\"closebutton\"><span aria-hidden=\"true\">&times;</span></button>\r\n          <span class=\"modal-title\">{{title}}</span>\r\n        </div>\r\n        <div class=\"modal-body\">\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><!-- /.modal-content -->\r\n    </div><!-- /.modal-dialog -->\r\n  </div><!-- /.modal -->\r\n</div>\r\n<div class=\"modal-backdrop in\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n"
+                },] }
+    ];
+    SacDialogComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    SacDialogComponent.propDecorators = {
+        zindex: [{ type: core.Input }]
+    };
+
+    var SACBootstrap3DialogModule = /** @class */ (function () {
+        function SACBootstrap3DialogModule() {
+        }
+        return SACBootstrap3DialogModule;
+    }());
+    SACBootstrap3DialogModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacDialogComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacDialogComponent]
+                },] }
+    ];
+
+    var SacConfirmComponent = /** @class */ (function (_super) {
+        __extends(SacConfirmComponent, _super);
+        function SacConfirmComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacConfirmComponent;
+    }(sacCommon.SacConfirmCommon));
+    SacConfirmComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-confirm',
+                    template: "<sac-dialog\r\n  [(isvisible)]=\"isvisible\"\r\n  [title]=\"title\"\r\n  [allowesc]=\"false\"\r\n  [closebutton]=\"false\"\r\n>\r\n  <div dialogbody>\r\n    <div class=\"media\">\r\n      <div class=\"media-left media-middle\" *ngIf=\"hasImage()\">\r\n        <img [attr.src]=\"image\" />\r\n      </div>\r\n      <div class=\"media-body\">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <div dialogfooter>\r\n    <ng-container *ngFor=\"let button of buttons\">\r\n      <sac-button\r\n        [name]=\"button.key\"\r\n        [text]=\"button.text\"\r\n        [role]=\"button.role || 'default'\"\r\n        (clicked)=\"confirm(button.key)\"\r\n        style=\"margin-left: 15px\"\r\n      ></sac-button>\r\n    </ng-container>\r\n  </div>\r\n</sac-dialog>\r\n"
+                },] }
+    ];
+
+    /**
+     * Service für Confirm Messages in TypeScript Code
+     *
+     * @example
+     * // Beispiel für ConfirmMessage mit Standard Buttons (Ja / Nein).
+     * confirmService.ConfirmMessage('titel', 'frage').subscribe(action => { // Action Code });
+     *
+     * @example
+     * // Beispiel für ConfirmMessage mit eigenen Buttons
+     * let buttons: SacConfirmButton[] = [];
+     * buttons.push(new SacConfirmButton('ActionKey','Text Primary'));
+     * buttons.push(new SacConfirmButton('ActionKey2','Text Button 2'));
+     * confirmService.ConfirmMessage('titel', 'frage', buttons).subscribe(action => { // Action Code });
+     */
+    var ServiceConfirm = /** @class */ (function (_super) {
+        __extends(ServiceConfirm, _super);
+        // #endregion Properties
+        // #region Constructors
+        /**
+         * Konstruktor
+         * @param componentFactoryResolver Component Factory Resolver Instanz
+         * @param appRef Application Referenz. Wird benötigt um den Dialog am Body anzuhängen
+         * @param injector Injector. Wird benötigt um den Dialog dynamisch zu erzeugen
+         */
+        function ServiceConfirm(componentFactoryResolver, appRef, injector) {
+            var _this = _super.call(this, appRef, injector) || this;
+            _this.componentFactoryResolver = componentFactoryResolver;
+            // #region Properties
+            /**
+             * Collection von Buttons die angezeigt werden müssen.
+             */
+            _this.buttons = [];
+            /**
+             * Message die in Dialog angezeigt werden soll.
+             */
+            _this.message = '';
+            /**
+             * Titel der im Dialog angezeigt werden soll.
+             */
+            _this.title = '';
+            return _this;
+        }
+        // #endregion Constructors
+        // #region Public Methods
+        /**
+         * Confirm Dialog anzeigen
+         * @param message Nachricht die angezeigt werden soll.
+         * @returns EventEmitter mit Key des Buttons, welcher geklickt wurde.
+         */
+        ServiceConfirm.prototype.ConfirmMessage = function (title, message, buttons) {
+            var _this = this;
+            if (buttons === void 0) { buttons = null; }
+            this.title = title;
+            this.message = message;
+            // Default Buttons setzen, wenn keine Buttons angegeben sind
+            if (!sacCommon.isDefined(buttons)) {
+                this.buttons = [];
+                rxjs.forkJoin({
+                    button_yes: this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonYes),
+                    button_no: this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonNo),
+                })
+                    .pipe(operators.take(1))
+                    .subscribe(function (texte) {
+                    _this.buttons.push(new sacCommon.SacConfirmButton('yes', texte.button_yes, 'primary'));
+                    _this.buttons.push(new sacCommon.SacConfirmButton('no', texte.button_no));
+                });
+            }
+            else {
+                this.buttons = buttons;
+            }
+            return _super.prototype.Confirm.call(this);
+        };
+        /**
+         * Erzeugen einer Component Factory für einen Dialog
+         */
+        ServiceConfirm.prototype.GetComponentFactory = function () {
+            return this.componentFactoryResolver.resolveComponentFactory(SacConfirmComponent);
+        };
+        // #endregion Public Methods
+        // #region Protected Methods
+        /**
+         * Konfiguration des Dialogs
+         * @param instance Instanz eines SacConfirm Dialogs
+         */
+        ServiceConfirm.prototype.ConfigureDialog = function (instance) {
+            // Text in Dialog setzen
+            instance.title = this.title;
+            instance.message = this.message;
+            instance.buttons = this.buttons;
+            instance.image = this.iconService.ConfirmDefaultImage;
+        };
+        return ServiceConfirm;
+    }(sacCommon.ServiceConfirmCommon));
+    ServiceConfirm.decorators = [
+        { type: core.Injectable }
+    ];
+    ServiceConfirm.ctorParameters = function () { return [
+        { type: core.ComponentFactoryResolver, decorators: [{ type: core.Inject, args: [core.ComponentFactoryResolver,] }] },
+        { type: core.ApplicationRef },
+        { type: core.Injector }
+    ]; };
+
+    /**
+     *  Module für Confirm Messages
+     *
+     *  In NgModule der Applikation folgenden Eintrag bei Imports einfügen: ExanicBootstrap3ConfirmModule.forRoot()
+     *
+     */
+    var SACBootstrap3ConfirmModule = /** @class */ (function () {
+        function SACBootstrap3ConfirmModule() {
+        }
+        // #region Public Static Methods
+        SACBootstrap3ConfirmModule.forRoot = function () {
+            return {
+                ngModule: SACBootstrap3ConfirmModule,
+                providers: [ServiceConfirm],
+            };
+        };
+        return SACBootstrap3ConfirmModule;
+    }());
+    SACBootstrap3ConfirmModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacConfirmComponent],
+                    imports: [common.CommonModule, SACBootstrap3DialogModule, SACBootstrap3ButtonModule],
+                    exports: [SacConfirmComponent],
+                    entryComponents: [SacConfirmComponent],
+                },] }
+    ];
+
+    var moment = moment___default['default'];
+    var SacDateComponent = /** @class */ (function (_super) {
+        __extends(SacDateComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param elementRef Reference to html dom element
+         */
+        function SacDateComponent(formLayout, injector, elementRef) {
+            return _super.call(this, formLayout, injector, elementRef) || this;
+        }
+        return SacDateComponent;
+    }(sacCommon.SacDateCommon));
+    SacDateComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-date',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 180 : 140\"\r\n    >\r\n      <div\r\n        id=\"{{name}}\"\r\n        class=\"datetime-textbox input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <!-- this class comes in the div above when disabled [ngClass]=\"[disablelabel === false ? 'col-md-' + _inputsize : 'col-md-12']\" -->\r\n        <input\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control date-control\"\r\n          [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n          [ngClass]=\"[componentHeight | toControlHeight]\"\r\n          [imask]=\"imaskDate\"\r\n          placeholder=\"dd.mm.yyyy\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          maxlength=\"10\"\r\n          size=\"10\"\r\n          (blur)=\"onTouch()\"\r\n          (accept)=\"setValueString($event)\"\r\n          [disabled]=\"isdisabled\"\r\n          (click)=\"showDateSelector()\"\r\n        />\r\n        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\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        </span>\r\n      </div>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class=\"popover bottom in\"\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: unset;\r\n          max-width: 325px;\r\n        \"\r\n      >\r\n        <div\r\n          class=\"arrow\"\r\n          style=\"left: unset\"\r\n          [style.right.px]=\"componentHeight === ControlHeight.Small ? 4 : componentHeight === ControlHeight.Large ? 14 : 10\"\r\n        ></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\r\n            [initialvalue]=\"value\"\r\n            (selectdate)=\"dateselect($event)\"\r\n            dateselection=\"true\"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacDateComponent; }),
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacDateComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacDateComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.ElementRef }
+    ]; };
+
+    var SacDateSelectorComponent = /** @class */ (function (_super) {
+        __extends(SacDateSelectorComponent, _super);
+        function SacDateSelectorComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacDateSelectorComponent;
+    }(sacCommon.SacDateSelectorCommon));
+    SacDateSelectorComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-dateselector',
+                    template: "<div class=\"calendar-selector\" style=\"min-width: 265px\">\r\n  <table class=\"table-condensed\" style=\"width: 100%\" *ngIf=\"dateselection\">\r\n    <thead>\r\n      <tr>\r\n        <th class=\"prev text-left\" (click)=\"monthBack()\">\r\n          <i [class]=\"iconMonthPrev\"></i>\r\n        </th>\r\n        <th colspan=\"5\" class=\"switch text-center\">{{month+1}}/{{year}}</th>\r\n        <th class=\"next text-right\" (click)=\"monthNext()\">\r\n          <i [class]=\"iconMonthNext\"></i>\r\n        </th>\r\n      </tr>\r\n      <tr>\r\n        <th class=\"dow text-center\">Mo</th>\r\n        <th class=\"dow text-center\">Di</th>\r\n        <th class=\"dow text-center\">Mi</th>\r\n        <th class=\"dow text-center\">Do</th>\r\n        <th class=\"dow text-center\">Fr</th>\r\n        <th class=\"dow text-center\">Sa</th>\r\n        <th class=\"dow text-center\">So</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor=\"let week of dates; let i=index\">\r\n        <tr>\r\n          <td\r\n            class=\"text-center\"\r\n            *ngFor=\"let item of week\"\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          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n  <div class=\"container-fluid\" *ngIf=\"timeselection\" style=\"margin-top: 10px\">\r\n    <div class=\"row\">\r\n      <div class=\"col-md-6\" style=\"padding-right: 20px\">\r\n        <div class=\"form-group\">\r\n          <label>Stunde</label>\r\n          <input\r\n            type=\"number\"\r\n            class=\"form-control\"\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=\"col-md-6\" style=\"padding-left: 20px\">\r\n        <div class=\"form-group\">\r\n          <label>Minute</label>\r\n          <input\r\n            type=\"number\"\r\n            class=\"form-control\"\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>\r\n  <div class=\"row\" style=\"margin-top: 10px\">\r\n    <div class=\"col-md-4 text-left\">\r\n      <button type=\"button\" class=\"btn btn-default\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"col-md-8 text-right\">\r\n      <button type=\"button\" class=\"btn btn-default\" (click)=\"resetSelection()\">\r\n        Reset\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-primary\"\r\n        style=\"margin-left: 10px\"\r\n        (click)=\"applySelection()\"\r\n      >\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                },] }
+    ];
+
+    var SacDateTimeComponent = /** @class */ (function (_super) {
+        __extends(SacDateTimeComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param elementRef Reference to html dom element
+         */
+        function SacDateTimeComponent(formLayout, injector, elementRef) {
+            return _super.call(this, formLayout, injector, elementRef) || this;
+        }
+        return SacDateTimeComponent;
+    }(sacCommon.SacDateTimeCommon));
+    SacDateTimeComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-datetime',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 160 : componentHeight === ControlHeight.Large ? 230 : 180\"\r\n    >\r\n      <div\r\n        id=\"{{name}}\"\r\n        class=\"datetime-textbox input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          class=\"form-control\"\r\n          [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n          [ngClass]=\"[componentHeight | toControlHeight]\"\r\n          [imask]=\"imaskDate\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          [value]=\"valuestring\"\r\n          (blur)=\"onTouch()\"\r\n          (accept)=\"setValueString($event)\"\r\n          [disabled]=\"isdisabled\"\r\n          (click)=\"showDateSelector()\"\r\n        />\r\n        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\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        </span>\r\n      </div>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class=\"popover bottom in\"\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 class=\"arrow\" style=\"left: unset; right: 10px\"></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\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</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacDateTimeComponent; }),
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacDateTimeComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacDateTimeComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.ElementRef }
+    ]; };
+
+    var SacTimeComponent = /** @class */ (function (_super) {
+        __extends(SacTimeComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param elementRef Reference to html dom element
+         */
+        function SacTimeComponent(formLayout, injector, elementRef) {
+            return _super.call(this, formLayout, injector, elementRef) || this;
+        }
+        return SacTimeComponent;
+    }(sacCommon.SacTimeCommon));
+    SacTimeComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-time',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      style=\"position: relative\"\r\n      [style.width.px]=\"componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 160 : 140\"\r\n    >\r\n      <div\r\n        class=\"input-group\"\r\n        [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <input\r\n          id=\"{{name}}\"\r\n          name=\"{{name}}\"\r\n          type=\"text\"\r\n          [value]=\"valuestring\"\r\n          maxlength=\"6\"\r\n          [imask]=\"imaskDate\"\r\n          size=\"6\"\r\n          class=\"form-control\"\r\n          [attr.placeholder]=\"placeholder\"\r\n          data-error-msg=\"ctl00_cphContent_ctl00_ucPublicationDetail_dtpValidFrom_timeTextBoxTypeValidator\"\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        <span class=\"input-group-btn\">\r\n          <button\r\n            class=\"btn btn-default\"\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        </span>\r\n      </div>\r\n      <div\r\n        class=\"help-block help-block-error\"\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n      <div\r\n        class=\"popover bottom in\"\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 class=\"arrow\" style=\"left: unset; right: 10px\"></div>\r\n        <h3 class=\"popover-title\" style=\"display: none\"></h3>\r\n        <div class=\"popover-content\">\r\n          <sac-dateselector\r\n            *ngIf=\"_showselector\"\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</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacTimeComponent; }),
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacTimeComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacTimeComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.ElementRef }
+    ]; };
+
+    var SACBootstrap3DateTimeModule = /** @class */ (function () {
+        function SACBootstrap3DateTimeModule() {
+        }
+        return SACBootstrap3DateTimeModule;
+    }());
+    SACBootstrap3DateTimeModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        SacDateComponent,
+                        SacDateTimeComponent,
+                        SacTimeComponent,
+                        SacDateSelectorComponent,
+                    ],
+                    imports: [common.CommonModule, angularImask.IMaskModule, SACBootstrap3LayoutModule],
+                    exports: [
+                        SacDateComponent,
+                        SacDateTimeComponent,
+                        SacTimeComponent,
+                        SacDateSelectorComponent,
+                    ],
+                },] }
+    ];
+
+    var SacGridComponent = /** @class */ (function (_super) {
+        __extends(SacGridComponent, _super);
+        function SacGridComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.ellipsis = false;
+            return _this;
+        }
+        return SacGridComponent;
+    }(sacCommon.SacGridCommon));
+    SacGridComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-grid',
+                    template: "<table class=\"table table-striped table-condensed table-hover\" id={{name}}>\r\n  <thead>\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\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\"></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, multi: true, useExisting: SacGridComponent },
+                        { provide: forms.NG_VALIDATORS, multi: true, useExisting: core.forwardRef(function () { return SacGridComponent; }) }
+                    ]
+                },] }
+    ];
+    SacGridComponent.propDecorators = {
+        template: [{ type: core.ContentChild, args: [core.TemplateRef, { static: true },] }]
+    };
+
+    var SacGridColumnComponent = /** @class */ (function (_super) {
+        __extends(SacGridColumnComponent, _super);
+        function SacGridColumnComponent(grid, injector, el) {
+            return _super.call(this, grid, injector, el) || this;
+        }
+        return SacGridColumnComponent;
+    }(sacCommon.SacGridColumnCommon));
+    SacGridColumnComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-gridcolumn',
+                    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]=\"IconSortUp\"\r\n    style=\"padding-left: 0.5rem\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='asc'\"\r\n  ></span>\r\n  <span\r\n    [class]=\"IconSortDown\"\r\n    style=\"padding-left: 0.5rem\"\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",
+                    providers: [
+                        {
+                            provide: sacCommon.SacGridColumnBaseCommon,
+                            useExisting: core.forwardRef(function () { return SacGridColumnComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacGridColumnComponent.ctorParameters = function () { return [
+        { type: SacGridComponent },
+        { type: core.Injector },
+        { type: core.ElementRef }
+    ]; };
+
+    /**
+     * 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>
+     *
+     */
+    var SacGridButtonComponent = /** @class */ (function (_super) {
+        __extends(SacGridButtonComponent, _super);
+        function SacGridButtonComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        /**
+         * Gibt das Icon für den Button zurück
+         */
+        SacGridButtonComponent.prototype.getIconClass = function () {
+            var iconset = this.iconstyle;
+            var 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';
+            }
+            var result = iconset + ' ' + iconcss;
+            return result.trim();
+        };
+        return SacGridButtonComponent;
+    }(sacCommon.SacGridButtonCommon));
+    SacGridButtonComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-gridbutton',
+                    template: "<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\r\n"
+                },] }
+    ];
+
+    var SacPagingComponent = /** @class */ (function (_super) {
+        __extends(SacPagingComponent, _super);
+        /**
+         * Konstruktor
+         */
+        function SacPagingComponent(injector) {
+            return _super.call(this, injector) || this;
+        }
+        return SacPagingComponent;
+    }(sacCommon.SacPagingCommon));
+    SacPagingComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-paging',
+                    template: "<div class=\"row\">\r\n  <div class=\"pager-nav col-sm-9\" id=\"{{name}}\">\r\n    <ul class=\"pagination\" style=\"margin: 10px 0\">\r\n      <li\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === firstPageIndex}\"\r\n      >\r\n        <a (click)=\"firstPage()\">\u00AB</a>\r\n      </li>\r\n      <li\r\n        *ngFor=\"let page of paginators; let i = index\"\r\n        [ngClass]=\"{'active': page === activePageIndex}\"\r\n      >\r\n        <a (click)=\"changePage(page)\">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === lastPageIndex}\"\r\n      >\r\n        <a (click)=\"lastPage()\">\u00BB</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"col-sm-3 text-right\" style=\"margin: 20px 0\">\r\n    Seite {{getCurrentPageNumber()}} von {{getTotalPageNumber()}}\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, multi: true, useExisting: SacPagingComponent },
+                        { provide: forms.NG_VALIDATORS, multi: true, useExisting: core.forwardRef(function () { return SacPagingComponent; }) }
+                    ]
+                },] }
+    ];
+    SacPagingComponent.ctorParameters = function () { return [
+        { type: core.Injector }
+    ]; };
+
+    var SacGridColumnActionComponent = /** @class */ (function (_super) {
+        __extends(SacGridColumnActionComponent, _super);
+        function SacGridColumnActionComponent(grid, injector, el) {
+            var _this = _super.call(this, grid, injector, el) || this;
+            _this.width = '52px';
+            return _this;
+        }
+        return SacGridColumnActionComponent;
+    }(sacCommon.SacGridColumnActionCommon));
+    SacGridColumnActionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-gridcolumnaction',
+                    template: "<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\r\n<td scope=\"col\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\n",
+                    providers: [
+                        {
+                            provide: sacCommon.SacGridColumnBaseCommon,
+                            useExisting: core.forwardRef(function () { return SacGridColumnActionComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacGridColumnActionComponent.ctorParameters = function () { return [
+        { type: SacGridComponent },
+        { type: core.Injector },
+        { type: core.ElementRef }
+    ]; };
+
+    var SacGridImageComponent = /** @class */ (function (_super) {
+        __extends(SacGridImageComponent, _super);
+        function SacGridImageComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        SacGridImageComponent.prototype.getIconClass = function () {
+            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;
+            }
+        };
+        return SacGridImageComponent;
+    }(sacCommon.SacGridImageCommon));
+    SacGridImageComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-gridimage',
+                    template: "<span style=\"padding-right: 5px;\"><span class=\"{{getIconClass()}}\"></span></span>\r\n"
+                },] }
+    ];
+
+    var SACBootstrap3GridModule = /** @class */ (function () {
+        function SACBootstrap3GridModule() {
+        }
+        return SACBootstrap3GridModule;
+    }());
+    SACBootstrap3GridModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacGridComponent, SacGridColumnComponent, SacGridColumnActionComponent, SacPagingComponent, SacGridButtonComponent, SacGridImageComponent]
+                },] }
+    ];
+
+    /**
+     * Tooltip Komponente
+     *
+     * @example ToolTip Control
+     *
+     *  <ngTooltip tooltiptext="Mein Tooltip" [inlinemode]="true">
+     *    <i class="tooltip"></i>
+     *  </ngTooltip>
+     *
+     * @example ToolTip Control im Inline Mode. Style auf Icon kann auch in Klasse ausgelagert werden.
+     *
+     *  <div class="form-inline">
+     *    <ngInputSearch iconname="Suchen"></ngInputSearch>
+     *    <ngTooltip tooltiptext="Mein Tooltip" [inlinemode]="true">
+     *      <i class="tooltip" style="position: relative; left: 0; top: 3px; display: inline-block; margin-right: 10px;"></i>
+     *    </ngTooltip>
+     *  </div>
+     *
+     */
+    var SacTooltipComponent = /** @class */ (function (_super) {
+        __extends(SacTooltipComponent, _super);
+        /**
+         * Konstrukor
+         * @param parent SacFormular Instanz
+         * @param injector Component Injector
+         */
+        function SacTooltipComponent(cdRef, ref) {
+            return _super.call(this, cdRef, ref) || this;
+        }
+        return SacTooltipComponent;
+    }(sacCommon.SacTooltipCommon));
+    SacTooltipComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-tooltip',
+                    template: "<div [style.display]=\"inlinemode ? 'inline' : null\">\r\n  <div #container (mouseenter)=\"ShowTooltip()\" (mouseleave)=\"HideTooltip()\" [style.display]=\"inlinemode ? 'inline' : null\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"IsTooltipVisible()\" [style.visibility]=\"IsTooltipContentVisible ? 'visible' : 'hidden'\" #tooltip class=\"tooltip in\" style=\"display: block;\"\r\n       [style.left.px]=\"LeftPos\" [style.top.px]=\"TopPos\"\r\n       [class.top]=\"GetTooltipPosition() === TooltipPosition.top\" [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\r\n       [class.right]=\"GetTooltipPosition() === TooltipPosition.right\" [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\">\r\n    <div class=\"tooltip-arrow\" style=\"top: 50%;\"></div>\r\n    <div class=\"tooltip-inner\">\r\n      {{tooltiptext}}\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                },] }
+    ];
+    SacTooltipComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef },
+        { type: core.ElementRef }
+    ]; };
+
+    var SACBootstrap3TooltipModule = /** @class */ (function () {
+        function SACBootstrap3TooltipModule() {
+        }
+        return SACBootstrap3TooltipModule;
+    }());
+    SACBootstrap3TooltipModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTooltipComponent],
+                    imports: [
+                        common.CommonModule, common.CommonModule
+                    ],
+                    exports: [SacTooltipComponent]
+                },] }
+    ];
+
+    var SacInputComponent = /** @class */ (function (_super) {
+        __extends(SacInputComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputComponent;
+    }(sacCommon.SacInputCommon));
+    SacInputComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-input',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, multi: true, useExisting: SacInputComponent },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    /**
+     * Komponente für TextArea
+     *
+     * @example
+     *
+     * <ngInputArea name="ngInputArea" label="My Label" placeholder='i am input area' [isrequired]="true" customCssClass="myClass1 myClass3"></ngInputArea>
+     *
+     * @example
+     *
+     * <ngInputArea name="ngInputArea" label="My Label" height="150px" placeholder='i am input area' [islanguagespecific]="true">
+     *
+     */
+    var SacInputAreaComponent = /** @class */ (function (_super) {
+        __extends(SacInputAreaComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputAreaComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputAreaComponent;
+    }(sacCommon.SacInputAreaCommon));
+    SacInputAreaComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputarea',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <textarea\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"\"\r\n      class=\"form-control\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [class.validation-error]=\"invalid && (dirty || touched)\"\r\n      [class.required]=\"isrequired\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [attr.rows]=\"rows\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    ></textarea>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputAreaComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputAreaComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputAreaComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputCurrencyComponent = /** @class */ (function (_super) {
+        __extends(SacInputCurrencyComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputCurrencyComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputCurrencyComponent;
+    }(sacCommon.SacInputCurrencyCommon));
+    SacInputCurrencyComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputcurrency',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        (keypress)=\"onKeyPress($event)\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <label\r\n        for=\"{{name}}\"\r\n        class=\"form-label-adaptive form-label-fixed\"\r\n        [ngClass]=\"{ 'required': isrequired }\"\r\n        *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n        >{{label}}</label\r\n      >\r\n      <div class=\"input-group-addon\">{{currency}}</div>\r\n    </div>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputCurrencyComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputCurrencyComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputCurrencyComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputDecimalComponent = /** @class */ (function (_super) {
+        __extends(SacInputDecimalComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputDecimalComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputDecimalComponent;
+    }(sacCommon.SacInputDecimalCommon));
+    SacInputDecimalComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputdecimal',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputDecimalComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputDecimalComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputDecimalComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputEmailComponent = /** @class */ (function (_super) {
+        __extends(SacInputEmailComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputEmailComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputEmailComponent;
+    }(sacCommon.SacInputEmailCommon));
+    SacInputEmailComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputemail',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <div class=\"input-group-addon\">@</div>\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        autocomplete=\"email\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <label\r\n        for=\"{{name}}\"\r\n        class=\"form-label-adaptive form-label-fixed\"\r\n        [ngClass]=\"{ 'required': isrequired }\"\r\n        *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n        >{{label}}</label\r\n      >\r\n    </div>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputEmailComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputEmailComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputEmailComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputIntegerComponent = /** @class */ (function (_super) {
+        __extends(SacInputIntegerComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputIntegerComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputIntegerComponent;
+    }(sacCommon.SacInputIntegerCommon));
+    SacInputIntegerComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputinteger',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      type=\"text\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputIntegerComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputIntegerComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputIntegerComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputPasswordComponent = /** @class */ (function (_super) {
+        __extends(SacInputPasswordComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputPasswordComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputPasswordComponent;
+    }(sacCommon.SacInputPasswordCommon));
+    SacInputPasswordComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputpassword',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <input\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      type=\"password\"\r\n      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      autocomplete=\"new-password\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputPasswordComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputPasswordComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputPasswordComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacInputSearchComponent = /** @class */ (function (_super) {
+        __extends(SacInputSearchComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacInputSearchComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacInputSearchComponent;
+    }(sacCommon.SacInputSearchCommon));
+    SacInputSearchComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-inputsearch',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [value]=\"value\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <span class=\"input-group-btn\">\r\n        <input\r\n          type=\"submit\"\r\n          class=\"btn btn-default\"\r\n          id=\"{{name}}_search\"\r\n          (click)=\"searchClick()\"\r\n          [value]=\"buttontext\"\r\n        />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacInputSearchComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacInputSearchComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacInputSearchComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SACBootstrap3InputModule = /** @class */ (function () {
+        function SACBootstrap3InputModule() {
+        }
+        return SACBootstrap3InputModule;
+    }());
+    SACBootstrap3InputModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        SacInputComponent,
+                        SacInputAreaComponent,
+                        SacInputCurrencyComponent,
+                        SacInputDecimalComponent,
+                        SacInputEmailComponent,
+                        SacInputIntegerComponent,
+                        SacInputPasswordComponent,
+                        SacInputSearchComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        common.CommonModule,
+                        forms.FormsModule,
+                        SACBootstrap3TooltipModule,
+                        SACBootstrap3LayoutModule,
+                    ],
+                    exports: [
+                        SacInputComponent,
+                        SacInputAreaComponent,
+                        SacInputCurrencyComponent,
+                        SacInputDecimalComponent,
+                        SacInputEmailComponent,
+                        SacInputIntegerComponent,
+                        SacInputPasswordComponent,
+                        SacInputSearchComponent,
+                    ],
+                },] }
+    ];
+
+    // #region Classes
+    var SacDropdownComponent = /** @class */ (function (_super) {
+        __extends(SacDropdownComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param renderer Angular rendering engine
+         * @param elementRef Reference to html dom element
+         */
+        function SacDropdownComponent(formLayout, injector, renderer, elementRef) {
+            return _super.call(this, formLayout, injector, renderer, elementRef) || this;
+        }
+        return SacDropdownComponent;
+    }(sacCommon.SacDropdownCommon));
+    SacDropdownComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-dropdown',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <select\r\n      #dropdownitem\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      (blur)=\"onTouch()\"\r\n      (change)=\"setValue(dropdownitem.value)\"\r\n      [disabled]=\"isdisabled\"\r\n    >\r\n      <option *ngIf=\"emptylabel !== ''\" [ngValue]=\"emptyvalue\">\r\n        {{emptylabel}}\r\n      </option>\r\n\r\n      <ng-content></ng-content>\r\n\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option\r\n          *ngFor=\"let item of options\"\r\n          [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n          [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup\r\n          *ngFor=\"let group of options\"\r\n          [attr.label]=\"group[grouplabel]\"\r\n        >\r\n          <option\r\n            *ngFor=\"let item of group[groupitems]\"\r\n            [ngValue]=\"optionvalue ? item[optionvalue] : item\"\r\n            [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }\"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacDropdownComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacDropdownComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacDropdownComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.Renderer2 },
+        { type: core.ElementRef }
+    ]; };
+    var SacDropdownOptionDirective = /** @class */ (function (_super) {
+        __extends(SacDropdownOptionDirective, _super);
+        // #region Constructors
+        /**
+         * Konstruktor
+         * @param elementRef Referenz auf HTML DOM Element
+         * @param renderer Angular Rendering Engine
+         * @param dropdownList Referenz auf DropDown Komponente
+         */
+        function SacDropdownOptionDirective(elementRef, renderer, dropdownList) {
+            return _super.call(this, elementRef, renderer, dropdownList) || this;
+        }
+        return SacDropdownOptionDirective;
+    }(sacCommon.SacDropdownOptionCommon));
+    SacDropdownOptionDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'option,[sacOption]' },] }
+    ];
+    SacDropdownOptionDirective.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 },
+        { type: SacDropdownComponent, decorators: [{ type: core.Optional }, { type: core.Host }] }
+    ]; };
+    // #endregion Classes
+
+    var SacListboxComponent = /** @class */ (function (_super) {
+        __extends(SacListboxComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacListboxComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacListboxComponent;
+    }(sacCommon.SacListboxCommon));
+    SacListboxComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-listbox',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <select\r\n      multiple\r\n      id=\"{{name}}\"\r\n      name=\"{{name}}\"\r\n      class=\"form-control\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [size]=\"rowsize\"\r\n      (blur)=\"onTouch()\"\r\n      (change)=\"getSelectedItems($event.target)\"\r\n      [disabled]=\"isdisabled\"\r\n    >\r\n      <ng-content></ng-content>\r\n      <ng-container *ngIf=\"groupitems === ''\">\r\n        <option\r\n          *ngFor=\"let option of options\"\r\n          [value]=\"option[optionvalue]\"\r\n          [disabled]=\"optionenabled !== '' && option[optionenabled] === false\"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: option[optionlabel] }\"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupitems !== ''\">\r\n        <optgroup\r\n          *ngFor=\"let option of options\"\r\n          [attr.label]=\"option[grouplabel]\"\r\n        >\r\n          <option\r\n            *ngFor=\"let item of option[groupitems]\"\r\n            [value]=\"item[optionvalue]\"\r\n            [disabled]=\"optionenabled !== '' && item[optionenabled] === false\"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel] }\"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacListboxComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacListboxComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacListboxComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SACBootstrap3ListModule = /** @class */ (function () {
+        function SACBootstrap3ListModule() {
+        }
+        return SACBootstrap3ListModule;
+    }());
+    SACBootstrap3ListModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        SacDropdownComponent,
+                        SacDropdownOptionDirective,
+                        SacListboxComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        sacCommon.SACCommonListboxOptionModule,
+                        forms.FormsModule,
+                        SACBootstrap3LayoutModule,
+                    ],
+                    exports: [
+                        SacDropdownComponent,
+                        SacDropdownOptionDirective,
+                        SacListboxComponent,
+                    ],
+                },] }
+    ];
+
+    /**
+     * Component für einbindung eines beliebigen Controls in die Form Struktur
+     *
+     * @example
+     *  <ngStaticFormContainer name='myformcontainer' label="My Custom Form Control" [isrequired]='false'>
+     *      <input type="range" class="form-control" />
+     *  </ngStaticFormContainer>
+     *
+     * @example
+     * <ngStaticFormContainer name='myformcintainer' label="My Custom Form Control" [isrequired]='false' tooltiptext="Dies ist ein Tooltip Text">
+     *     <input type="range" class="form-control" />
+     * </ngStaticFormContainer>
+     *
+     **/
+    var SacStaticFormContainerComponent = /** @class */ (function (_super) {
+        __extends(SacStaticFormContainerComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacStaticFormContainerComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacStaticFormContainerComponent;
+    }(sacCommon.SacStaticFormContainerCommon));
+    SacStaticFormContainerComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-staticformcontainer',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <ng-content></ng-content>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"form-label-adaptive form-label-fixed\"\r\n      [ngClass]=\"{ 'required': isrequired }\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacStaticFormContainerComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacStaticFormContainerComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacStaticFormContainerComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SacStaticLabelComponent = /** @class */ (function (_super) {
+        __extends(SacStaticLabelComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         */
+        function SacStaticLabelComponent(formLayout, injector) {
+            return _super.call(this, formLayout, injector) || this;
+        }
+        return SacStaticLabelComponent;
+    }(sacCommon.SacStaticLabelCommon));
+    SacStaticLabelComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-staticlabel',
+                    template: "<div class=\"row form-group\" [ngClass]=\"componentHeight | toLabelHeight\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"form-control-static\"\r\n      [style.padding-left.px]=\"0\"\r\n      [innerHTML]=\"value\"\r\n    ></div>\r\n    <label\r\n      for=\"{{name}}\"\r\n      class=\"col-left control-label\"\r\n      *ngIf=\"isAdaptiveLabel && !disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n  </div>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacStaticLabelComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacStaticLabelComponent; }),
+                        },
+                    ]
+                },] }
+    ];
+    SacStaticLabelComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SACBootstrap3StaticLabelModule = /** @class */ (function () {
+        function SACBootstrap3StaticLabelModule() {
+        }
+        return SACBootstrap3StaticLabelModule;
+    }());
+    SACBootstrap3StaticLabelModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacStaticLabelComponent, SacStaticFormContainerComponent],
+                    imports: [
+                        common.CommonModule,
+                        SACBootstrap3TooltipModule,
+                        SACBootstrap3LayoutModule,
+                    ],
+                    exports: [SacStaticLabelComponent, SacStaticFormContainerComponent],
+                },] }
+    ];
+
+    var SacTabItemComponent = /** @class */ (function (_super) {
+        __extends(SacTabItemComponent, _super);
+        function SacTabItemComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacTabItemComponent;
+    }(sacCommon.SacTabItemCommon));
+    SacTabItemComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-tabitem',
+                    template: "<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\"\r\n     *ngIf=\"(unloadwhenhidden === true && active === true) || unloadwhenhidden === false\" class=\"tab-pane\">\r\n  <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\r\n</div>\r\n\r\n"
+                },] }
+    ];
+
+    var SacTabComponent = /** @class */ (function (_super) {
+        __extends(SacTabComponent, _super);
+        function SacTabComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        SacTabComponent.prototype.tabItems = function () {
+            return this._tabItems.toArray();
+        };
+        return SacTabComponent;
+    }(sacCommon.SacTabCommon));
+    SacTabComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-tab',
+                    template: "<!-- Nav tabs -->\r\n<div [id]=\"name\" class=\"content-nav-tabs\">\r\n  <ul class=\"nav nav-tabs\" role=\"tablist\">\r\n    <li\r\n      *ngFor=\"let item of _tabItems\"\r\n      [ngClass]=\"{ 'active show': item.active, 'disabled': item.disabled }\"\r\n      (click)=\"selectTab(item)\"\r\n      [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\"\r\n    >\r\n      <a [id]=\"GetTabItemButtonId(item._id)\" role=\"tab\">\r\n        <ng-template\r\n          *ngTemplateOutlet=\"tablabeltemplate || defaultTabLabelTemplate;context:{ label: item.label }\"\r\n        >\r\n        </ng-template>\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n\r\n<!-- Tab panes -->\r\n<div class=\"tab-content\" style=\"margin-top: 15px\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultTabLabelTemplate let-label=\"label\">\r\n  {{label}}\r\n</ng-template>\r\n"
+                },] }
+    ];
+    SacTabComponent.propDecorators = {
+        _tabItems: [{ type: core.ContentChildren, args: [SacTabItemComponent,] }]
+    };
+
+    var SACBootstrap3TabsModule = /** @class */ (function () {
+        function SACBootstrap3TabsModule() {
+        }
+        return SACBootstrap3TabsModule;
+    }());
+    SACBootstrap3TabsModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTabComponent, SacTabItemComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacTabComponent, SacTabItemComponent]
+                },] }
+    ];
+
+    var SacTinyMceComponent = /** @class */ (function (_super) {
+        __extends(SacTinyMceComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param ngZone ngZone to manage external javascripts
+         */
+        function SacTinyMceComponent(formLayout, injector, ngZone) {
+            return _super.call(this, formLayout, injector, ngZone) || this;
+        }
+        // #endregion Constructors
+        // #region Public Methods
+        /**
+         * overwrite tinymce defaults
+         * @returns boostrap3 does not support file browser
+         */
+        SacTinyMceComponent.prototype.overwriteDefaultSettings = function () {
+            return { file_picker_types: undefined, file_picker_callback: undefined };
+        };
+        return SacTinyMceComponent;
+    }(sacCommon.SacTinyMceCommon));
+    SacTinyMceComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-tinymce',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n  >\r\n    {{label}}\r\n  </label>\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n    [class.has-error]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n  >\r\n    <editor\r\n      [id]=\"name + '_tinymce'\"\r\n      [init]=\"_config\"\r\n      [initialValue]=\"value\"\r\n      ngModel\r\n      [ngModelOptions]=\"{standalone: true}\"\r\n      (ngModelChange)=\"setValue($event)\"\r\n      (onSaveContent)=\"save($event.event.content)\"\r\n      [disabled]=\"disabled\"\r\n      [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    ></editor>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"help-block\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sac-dialog\r\n  *ngIf=\"selectdialogvisible\"\r\n  [allowesc]=\"false\"\r\n  [backdrop]=\"true\"\r\n  [(isvisible)]=\"selectdialogvisible\"\r\n  title=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectDialogtitle) | async }}\"\r\n  size=\"large\"\r\n  height=\"500px\"\r\n>\r\n  <ng-container dialogbody> </ng-container>\r\n  <ng-container dialogfooter>\r\n    <sac-button\r\n      role=\"primary\"\r\n      [name]=\"name + '_modalOk'\"\r\n      text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectOk) | async }}\"\r\n      (clicked)=\"setSelectDialogResult()\"\r\n    ></sac-button>\r\n    <sac-button\r\n      [name]=\"name + '_modalClose'\"\r\n      text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) | async }}\"\r\n      (clicked)=\"closeSelectDialog()\"\r\n    ></sac-button>\r\n  </ng-container>\r\n</sac-dialog>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacTinyMceComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            useExisting: core.forwardRef(function () { return SacTinyMceComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    SacTinyMceComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.NgZone }
+    ]; };
+
+    var SACBootstrap3TinyMceModule = /** @class */ (function () {
+        function SACBootstrap3TinyMceModule() {
+        }
+        return SACBootstrap3TinyMceModule;
+    }());
+    SACBootstrap3TinyMceModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTinyMceComponent],
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule,
+                        tinymceAngular.EditorModule,
+                        SACBootstrap3ButtonModule,
+                        SACBootstrap3DialogModule,
+                        SACBootstrap3LayoutModule,
+                    ],
+                    exports: [SacTinyMceComponent],
+                },] }
+    ];
+
+    var SacTreeViewComponent = /** @class */ (function (_super) {
+        __extends(SacTreeViewComponent, _super);
+        function SacTreeViewComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacTreeViewComponent;
+    }(sacCommon.SacTreeViewCommon));
+    SacTreeViewComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-treeview',
+                    template: "<div class=\"structure panel panel-default\" icon=\"Structure\">\r\n  <div class=\"panel-heading\">\r\n    <p class=\"panel-title\"><span>{{ name }}</span></p>\r\n  </div>\r\n  <div class=\"panel-body\">\r\n    <div class=\"right\">\r\n      <div\r\n        class=\"form-submit form-inline\"\r\n        style=\"text-align: right; height: 24px\"\r\n      >\r\n        <a class=\"btn-inline\"\r\n          ><i class=\"icon icon-base-expand\" (click)=\"collapseAllNode(false)\"></i\r\n        ></a>\r\n        <a class=\"btn-inline\"\r\n          ><i\r\n            class=\"icon icon-base-collapse\"\r\n            (click)=\"collapseAllNode(true)\"\r\n          ></i\r\n        ></a>\r\n      </div>\r\n    </div>\r\n    <div\r\n      [id]=\"name\"\r\n      class=\"structure-tree single-root jstree jstree-1 jstree-default\"\r\n    >\r\n      <ul\r\n        class=\"jstree-container-ul jstree-children jstree-no-dots jstree-striped jstree-wholerow-ul\"\r\n        *ngIf=\"nodes && nodes.length\"\r\n      >\r\n        <li\r\n          *ngFor=\"let node of nodes; let last = last\"\r\n          class=\"jstree-node\"\r\n          [ngClass]=\"{\r\n      'jstree-open': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n      'jstree-closed': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n      'jstree-leaf': !node[childrenAttr].length,\r\n      'jstree-last': last\r\n    }\"\r\n          [id]=\"node[idAttr]\"\r\n        >\r\n          <div\r\n            unselectable=\"on\"\r\n            role=\"presentation\"\r\n            class=\"jstree-wholerow\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n            [ngClass]=\"{'jstree-wholerow-clicked': node === selectedNode, 'jstree-wholerow-hovered': node.hover}\"\r\n          >\r\n            &nbsp;\r\n          </div>\r\n\r\n          <i\r\n            class=\"jstree-icon jstree-ocl\"\r\n            role=\"presentation\"\r\n            (click)=\"onCollapseClick(node)\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n          ></i>\r\n\r\n          <a\r\n            class=\"jstree-anchor\"\r\n            (click)=\"onClick(node)\"\r\n            [ngClass]=\"{'jstree-clicked': node === selectedNode, 'jstreehovered': node.hover}\"\r\n            (mouseover)=\"node.hover=true\"\r\n            (mouseout)=\"node.hover=false\"\r\n          >\r\n            <ng-container\r\n              *ngTemplateOutlet=\"treefileicon; context { item: node }\"\r\n              ;\r\n              content\r\n            ></ng-container>\r\n\r\n            <span>{{node[textAttr]}}</span>\r\n          </a>\r\n\r\n          <ng-container\r\n            *ngTemplateOutlet=\"template; context { item: node }\"\r\n            ;\r\n            content\r\n          ></ng-container>\r\n\r\n          <sac-treeviewchild\r\n            *ngIf=\"node[childrenAttr] && node[childrenAttr].length\"\r\n            [fileicontemplate]=\"fileicontemplate\"\r\n            [template]=\"template\"\r\n            [collapseall]=\"collapseall\"\r\n            [ngClass]=\"(node[collapseAttr]===true)?'collapse':'show'\"\r\n            [data]=\"node[childrenAttr]\"\r\n            [idAttr]=\"idAttr\"\r\n            [parentAttr]=\"parentAttr\"\r\n            [textAttr]=\"textAttr\"\r\n            [prepareData]=\"false\"\r\n            (onselecteditem)=\"sendMsgToParent($event)\"\r\n            [(selectedid)]=\"selectedid\"\r\n          >\r\n          </sac-treeviewchild>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                },] }
+    ];
+
+    var SacTreeViewChildComponent = /** @class */ (function (_super) {
+        __extends(SacTreeViewChildComponent, _super);
+        function SacTreeViewChildComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacTreeViewChildComponent;
+    }(sacCommon.SacTreeViewChildCommon));
+    SacTreeViewChildComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-treeviewchild',
+                    template: "<ul class=\"jstree-children\" *ngIf=\"nodes && nodes.length\">\r\n  <li\r\n    *ngFor=\"let node of nodes; let last = last\"\r\n    class=\"jstree-node\"\r\n    [ngClass]=\"{\r\n    'jstree-open': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n    'jstree-closed': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n    'jstree-leaf': !node[childrenAttr].length,\r\n    'jstree-last': last\r\n      }\"\r\n    [id]=\"node[idAttr]\"\r\n  >\r\n    <div\r\n      unselectable=\"on\"\r\n      role=\"presentation\"\r\n      class=\"jstree-wholerow\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n      [ngClass]=\"{'jstree-wholerow-clicked': node === selectedNode, 'jstree-wholerow-hovered': node.hover}\"\r\n    >\r\n      &nbsp;\r\n    </div>\r\n\r\n    <i\r\n      class=\"jstree-icon jstree-ocl\"\r\n      role=\"presentation\"\r\n      (click)=\"onCollapseClick(node)\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n    ></i>\r\n\r\n    <a\r\n      class=\"jstree-anchor\"\r\n      (click)=\"onClick(node)\"\r\n      [ngClass]=\"{'jstree-clicked': node === selectedNode, 'jstreehovered': node.hover}\"\r\n      (mouseover)=\"node.hover=true\"\r\n      (mouseout)=\"node.hover=false\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"treefileicon; context { item: node }\"\r\n        ;\r\n        content\r\n      ></ng-container>\r\n\r\n      {{node[textAttr]}}\r\n    </a>\r\n\r\n    <ng-container\r\n      *ngTemplateOutlet=\"template; context { item: node }\"\r\n    ></ng-container>\r\n\r\n    <sac-treeviewchild\r\n      *ngIf=\"node[childrenAttr] && node[childrenAttr].length\"\r\n      [fileicontemplate]=\"fileicontemplate\"\r\n      [template]=\"template\"\r\n      [collapseall]=\"collapseall\"\r\n      [ngClass]=\"(node[collapseAttr]===true)?'collapse':'show'\"\r\n      [data]=\"node[childrenAttr]\"\r\n      [idAttr]=\"idAttr\"\r\n      [parentAttr]=\"parentAttr\"\r\n      [textAttr]=\"textAttr\"\r\n      [prepareData]=\"false\"\r\n      (onselecteditem)=\"sendMsgToParent($event)\"\r\n      [(selectedid)]=\"selectedid\"\r\n    >\r\n    </sac-treeviewchild>\r\n  </li>\r\n</ul>\r\n"
+                },] }
+    ];
+
+    var SacTreeItemActionComponent = /** @class */ (function (_super) {
+        __extends(SacTreeItemActionComponent, _super);
+        function SacTreeItemActionComponent(el) {
+            return _super.call(this, el) || this;
+        }
+        return SacTreeItemActionComponent;
+    }(sacCommon.SacTreeItemActionCommon));
+    SacTreeItemActionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-treeitemaction',
+                    template: "<i class=\"{{transformClass(iconstyle)}}\" (mouseover)=\"item.hover=true\" (mouseout)=\"item.hover=false\" (click)=\"iconaction()\" ></i>"
+                },] }
+    ];
+    SacTreeItemActionComponent.ctorParameters = function () { return [
+        { type: core.ElementRef }
+    ]; };
+
+    var SACBootstrap3TtreeviewModule = /** @class */ (function () {
+        function SACBootstrap3TtreeviewModule() {
+        }
+        return SACBootstrap3TtreeviewModule;
+    }());
+    SACBootstrap3TtreeviewModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacTreeViewComponent, SacTreeViewChildComponent, SacTreeItemActionComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacTreeViewComponent, SacTreeViewChildComponent, SacTreeItemActionComponent]
+                },] }
+    ];
+
+    // https://github.com/kukhariev/ngx-uploadx/
+    var SacUploadComponent = /** @class */ (function (_super) {
+        __extends(SacUploadComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param renderer Angular rendering engine
+         * @param ngZone ngZone to manage external javascripts
+         */
+        function SacUploadComponent(formLayout, injector, renderer, ngZone) {
+            return _super.call(this, formLayout, injector, renderer, ngZone) || this;
+        }
+        return SacUploadComponent;
+    }(sacCommon.SacUploadSingleCommon));
+    SacUploadComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-upload',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"input-group upload-component upload-single\"\r\n      [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <div class=\"input-group-btn\">\r\n        <!-- image-preview-input -->\r\n        <div\r\n          class=\"btn upload-input custom-file\"\r\n          [class.disabled]=\"HasQueueItem()\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <i [class]=\"IconBrowse\"></i>\r\n          <span class=\"upload-browse\"\r\n            >{{\r\n            lngResourceService.GetString(validationKeyService.UploadButtonBrowse)\r\n            | async }}</span\r\n          >\r\n          <input\r\n            type=\"file\"\r\n            class=\"custom-file-input\"\r\n            #files\r\n            (click)=\"files.value = ''\"\r\n            (uploadxState)=\"onUpload($event)\"\r\n            multiple\r\n            [disabled]=\"HasQueueItem()\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"form-control upload-progress\">\r\n        <div class=\"progress\">\r\n          <div\r\n            class=\"progress-bar\"\r\n            [class.progress-bar-success]=\"Progress()===100\"\r\n            role=\"progressbar\"\r\n            [attr.aria-valuenow]=\"Progress()\"\r\n            aria-valuemin=\"0\"\r\n            aria-valuemax=\"100\"\r\n            [style.width.%]=\"Progress()\"\r\n          >\r\n            <span class=\"progress-text text-dark\"\r\n              >{{ Filename() | async }}</span\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <input type=\"textimage-preview-filename\" class=\"form-control image-preview-filename\" disabled=\"disabled\"> --><!-- don't give a name === doesn't send on POST/GET -->\r\n      <div class=\"input-group-btn\">\r\n        <!-- image-preview-clear button -->\r\n        <a\r\n          class=\"btn\"\r\n          (click)=\"cancelAll()\"\r\n          [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconDelete\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)\"\r\n          class=\"btn\"\r\n          (click)=\"pauseAll()\"\r\n          [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconPause\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"autoupload && enablepause && IsPaused()\"\r\n          class=\"btn\"\r\n          (click)=\"uploadAll()\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconContinue\"></span>\r\n        </a>\r\n        <a\r\n          *ngIf=\"autoupload === false\"\r\n          class=\"btn\"\r\n          (click)=\"uploadAll()\"\r\n          [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n          [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconUpload\"></span> {{\r\n          lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n          | async }}\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacUploadComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacUploadComponent; }),
+                        },
+                    ],
+                    styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]
+                },] }
+    ];
+    SacUploadComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.Renderer2 },
+        { type: core.NgZone }
+    ]; };
+
+    // https://github.com/kukhariev/ngx-uploadx/
+    var SacUploadMultipleComponent = /** @class */ (function (_super) {
+        __extends(SacUploadMultipleComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formLayout SacFormLayout to define scoped layout settings
+         * @param injector Injector for injecting services
+         * @param renderer Angular rendering engine
+         * @param ngZone ngZone to manage external javascripts
+         */
+        function SacUploadMultipleComponent(formLayout, injector, renderer, ngZone) {
+            return _super.call(this, formLayout, injector, renderer, ngZone) || this;
+        }
+        return SacUploadMultipleComponent;
+    }(sacCommon.SacUploadMultipleCommon));
+    SacUploadMultipleComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-uploadmultiple',
+                    template: "<div\r\n  class=\"row form-group\"\r\n  [class.has-error]=\"invalid && (dirty || touched)\"\r\n  [ngClass]=\"componentHeight | toLabelHeight\"\r\n>\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-xs-12 control-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only' ]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-xs-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div class=\"upload-component\">\r\n      <div class=\"row\">\r\n        <div class=\"col-xs-12\">\r\n          <div\r\n            class=\"btn-group\"\r\n            [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n            [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n          >\r\n            <div\r\n              class=\"btn upload-input custom-file\"\r\n              [class.disabled]=\"maxfiles > 0 &&  uploads.length >= maxfiles\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <i [class]=\"IconBrowse\"></i>\r\n              <span class=\"upload-browse\">Browse</span>\r\n              <input\r\n                type=\"file\"\r\n                class=\"custom-file-input\"\r\n                #files\r\n                (click)=\"files.value = ''\"\r\n                (uploadxState)=\"onUpload($event)\"\r\n                multiple\r\n                [disabled]=\"maxfiles > 0 &&  uploads.length >= maxfiles\"\r\n              />\r\n            </div>\r\n\r\n            <div\r\n              class=\"btn-group\"\r\n              [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n              [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n            >\r\n              <!-- image-preview-clear button -->\r\n              <a\r\n                class=\"btn\"\r\n                (click)=\"cancelAll()\"\r\n                [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconDelete\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)\"\r\n                class=\"btn\"\r\n                (click)=\"pauseAll()\"\r\n                [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconPause\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"autoupload && enablepause && IsPaused() === true\"\r\n                class=\"btn\"\r\n                (click)=\"uploadAll()\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconContinue\"></span>\r\n              </a>\r\n              <a\r\n                *ngIf=\"autoupload === false\"\r\n                class=\"btn\"\r\n                (click)=\"uploadAll()\"\r\n                [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n                [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconUpload\"></span> {{\r\n                lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n                | async }}\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngFor=\"let file of uploads\" style=\"margin-top: 5px\">\r\n        <div\r\n          class=\"input-group upload-component upload-multiple\"\r\n          [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n          [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n        >\r\n          <div class=\"form-control upload-progress\">\r\n            <div class=\"progress\">\r\n              <div\r\n                class=\"progress-bar\"\r\n                [class.progress-bar-success]=\"file.progress===100\"\r\n                role=\"progressbar\"\r\n                [attr.aria-valuenow]=\"file.progress\"\r\n                aria-valuemin=\"0\"\r\n                aria-valuemax=\"100\"\r\n                [style.width.%]=\"file.progress\"\r\n              >\r\n                <span class=\"progress-text text-dark\">{{ file.name }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"input-group-btn\"\r\n            [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n            [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\r\n          >\r\n            <!-- image-preview-clear button -->\r\n            <a\r\n              class=\"btn\"\r\n              (click)=\"cancel(file.uploadId)\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconDelete\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"(autoupload === false && enablepause) || (autoupload && enablepause && file.status !== 'paused')\"\r\n              class=\"btn\"\r\n              (click)=\"pause(file.uploadId)\"\r\n              [attr.disabled]=\"file.status !== 'uploading' ? 'disabled' : null\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconPause\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"autoupload && enablepause && file.status === 'paused'\"\r\n              class=\"btn\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconContinue\"></span>\r\n            </a>\r\n            <a\r\n              *ngIf=\"autoupload === false\"\r\n              class=\"btn\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ?  'disabled' : null\"\r\n              [class.btn-default]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconUpload\"></span> {{\r\n              lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n              | async }}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"help-block help-block-error\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacUploadMultipleComponent,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: core.forwardRef(function () { return SacUploadMultipleComponent; }),
+                        },
+                    ],
+                    styles: [".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]
+                },] }
+    ];
+    SacUploadMultipleComponent.ctorParameters = function () { return [
+        { type: SacFormLayoutDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector },
+        { type: core.Renderer2 },
+        { type: core.NgZone }
+    ]; };
+
+    var SACBootstrap3UploadModule = /** @class */ (function () {
+        function SACBootstrap3UploadModule() {
+        }
+        return SACBootstrap3UploadModule;
+    }());
+    SACBootstrap3UploadModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacUploadComponent, SacUploadMultipleComponent],
+                    imports: [common.CommonModule, forms.FormsModule, SACBootstrap3LayoutModule],
+                    exports: [SacUploadComponent, SacUploadMultipleComponent],
+                },] }
+    ];
+
+    /**
+     * 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>
+     */
+    /* eslint @angular-eslint/directive-selector: 0 */
+    var SacFormDirective = /** @class */ (function (_super) {
+        __extends(SacFormDirective, _super);
+        // #endregion Properties
+        // #region Constructors
+        /**
+         * Konstruktor
+         * @param form Instanz von NgForm für eigene automatische Formular Logik
+         */
+        function SacFormDirective(form) {
+            var _this = _super.call(this, form) || this;
+            // #region Properties
+            /**
+             * Sets the standard CSS class for forms on the form container
+             */
+            _this.cssClassForm = true;
+            /**
+             * Sets the default CSS class for horizontal forms on the form container
+             */
+            _this.cssClassHorizontal = true;
+            return _this;
+        }
+        return SacFormDirective;
+    }(sacCommon.SacFormCommon));
+    SacFormDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: 'form:not([ngNoForm]):not([formGroup]),[ngForm]',
+                    exportAs: 'sacform',
+                },] }
+    ];
+    SacFormDirective.ctorParameters = function () { return [
+        { type: forms.NgForm }
+    ]; };
+    SacFormDirective.propDecorators = {
+        cssClassForm: [{ type: core.HostBinding, args: ['class.form',] }],
+        cssClassHorizontal: [{ type: core.HostBinding, args: ['class.form-horizontal',] }]
+    };
+
+    var SacValidationSummaryComponent = /** @class */ (function (_super) {
+        __extends(SacValidationSummaryComponent, _super);
+        // #region Constructors
+        /**
+         * Constructor
+         * @param formControl Instance of Form Component to receive invalid form controls
+         * @param injector Injector for injecting services
+         */
+        function SacValidationSummaryComponent(formControl, injector) {
+            return _super.call(this, formControl, injector) || this;
+        }
+        return SacValidationSummaryComponent;
+    }(sacCommon.SacValidationSummaryCommon));
+    SacValidationSummaryComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-validationsummary',
+                    template: "<div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"hasErrors\" [id]=\"name\">\r\n  <ul>\r\n    <li *ngFor=\"let error of formErrors\">\r\n      {{error | async}}\r\n    </li>\r\n  </ul>\r\n</div>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SacValidationSummaryComponent,
+                        },
+                    ]
+                },] }
+    ];
+    SacValidationSummaryComponent.ctorParameters = function () { return [
+        { type: SacFormDirective, decorators: [{ type: core.Host }, { type: core.Optional }] },
+        { type: core.Injector }
+    ]; };
+
+    var SACBootstrap3ValidationSummaryModule = /** @class */ (function () {
+        function SACBootstrap3ValidationSummaryModule() {
+        }
+        return SACBootstrap3ValidationSummaryModule;
+    }());
+    SACBootstrap3ValidationSummaryModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacValidationSummaryComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacValidationSummaryComponent]
+                },] }
+    ];
+
+    var SacWizardItemComponent = /** @class */ (function (_super) {
+        __extends(SacWizardItemComponent, _super);
+        function SacWizardItemComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return SacWizardItemComponent;
+    }(sacCommon.SacWizardItemCommon));
+    SacWizardItemComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-wizarditem',
+                    template: ""
+                },] }
+    ];
+
+    var SacWizardComponent = /** @class */ (function (_super) {
+        __extends(SacWizardComponent, _super);
+        function SacWizardComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        SacWizardComponent.prototype.wizardItems = function () {
+            return this._wizardItems;
+        };
+        return SacWizardComponent;
+    }(sacCommon.SacWizardCommon));
+    SacWizardComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'sac-wizard',
+                    template: "<ul [id]=\"name\" class=\"nav nav-wizard\" role=\"tablist\">\r\n  <li *ngFor=\"let item of _wizardItems\" class=\"nav-item\" [ngClass]=\"{ 'active': item._active, 'disabled': item._disabled, 'success': item._iscomplete }\"\r\n      [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\">\r\n    <a role=\"tab\" (click)=\"selectStep(item)\">\r\n      <div class=\"circle\">\r\n        <span class=\"step\"></span>\r\n      </div>\r\n    </a>\r\n    <div class=\"info\">\r\n      <a (click)=\"selectStep(item)\">{{item.label}}</a>\r\n    </div>\r\n  </li>\r\n</ul>\r\n",
+                    // Value Access Provider registrieren, damit Wert via Model geschrieben und gelesen werden kann
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, multi: true, useExisting: SacWizardComponent }
+                    ]
+                },] }
+    ];
+    SacWizardComponent.propDecorators = {
+        _wizardItems: [{ type: core.ContentChildren, args: [SacWizardItemComponent,] }]
+    };
+
+    var SACBootstrap3WizardModule = /** @class */ (function () {
+        function SACBootstrap3WizardModule() {
+        }
+        return SACBootstrap3WizardModule;
+    }());
+    SACBootstrap3WizardModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacWizardComponent, SacWizardItemComponent],
+                    imports: [
+                        common.CommonModule
+                    ],
+                    exports: [SacWizardComponent, SacWizardItemComponent]
+                },] }
+    ];
+
+    /**
+     * Factory Methode für SacForm
+     * @param form NgFormular
+     */
+    function SACFORM_FACTORY(form) {
+        return form;
+    }
+    /**
+     * Factory Methode für NgForm
+     * @param form NgForm
+     */
+    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);
+     * }
+     *}
+     *
+     */
+    var SacInheritFormDirective = /** @class */ (function () {
+        function SacInheritFormDirective() {
+        }
+        return SacInheritFormDirective;
+    }());
+    SacInheritFormDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[sacInheritForm]',
+                    providers: [
+                        {
+                            provide: SacFormDirective,
+                            useFactory: SACFORM_FACTORY,
+                            deps: [[new core.SkipSelf(), SacFormDirective]]
+                        }, {
+                            provide: forms.ControlContainer,
+                            useFactory: NGFORM_FACTORY,
+                            deps: [forms.NgForm]
+                        }
+                    ]
+                },] }
+    ];
+
+    var SACBootstrap3FormModule = /** @class */ (function () {
+        function SACBootstrap3FormModule() {
+        }
+        return SACBootstrap3FormModule;
+    }());
+    SACBootstrap3FormModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [SacFormDirective, SacInheritFormDirective],
+                    imports: [common.CommonModule, forms.FormsModule],
+                    exports: [SacFormDirective, SacInheritFormDirective],
+                },] }
+    ];
+
+    /*
+     * Public API Surface of sac-bootstrap3
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.NGFORM_FACTORY = NGFORM_FACTORY;
+    exports.SACBootstrap3ButtonModule = SACBootstrap3ButtonModule;
+    exports.SACBootstrap3CheckboxModule = SACBootstrap3CheckboxModule;
+    exports.SACBootstrap3ConfirmModule = SACBootstrap3ConfirmModule;
+    exports.SACBootstrap3DateTimeModule = SACBootstrap3DateTimeModule;
+    exports.SACBootstrap3DialogModule = SACBootstrap3DialogModule;
+    exports.SACBootstrap3FormModule = SACBootstrap3FormModule;
+    exports.SACBootstrap3GridModule = SACBootstrap3GridModule;
+    exports.SACBootstrap3InputModule = SACBootstrap3InputModule;
+    exports.SACBootstrap3LayoutModule = SACBootstrap3LayoutModule;
+    exports.SACBootstrap3ListModule = SACBootstrap3ListModule;
+    exports.SACBootstrap3StaticLabelModule = SACBootstrap3StaticLabelModule;
+    exports.SACBootstrap3TabsModule = SACBootstrap3TabsModule;
+    exports.SACBootstrap3TinyMceModule = SACBootstrap3TinyMceModule;
+    exports.SACBootstrap3TooltipModule = SACBootstrap3TooltipModule;
+    exports.SACBootstrap3TtreeviewModule = SACBootstrap3TtreeviewModule;
+    exports.SACBootstrap3UploadModule = SACBootstrap3UploadModule;
+    exports.SACBootstrap3ValidationSummaryModule = SACBootstrap3ValidationSummaryModule;
+    exports.SACBootstrap3WizardModule = SACBootstrap3WizardModule;
+    exports.SACFORM_FACTORY = SACFORM_FACTORY;
+    exports.SacButtonComponent = SacButtonComponent;
+    exports.SacCheckboxComponent = SacCheckboxComponent;
+    exports.SacConfirmComponent = SacConfirmComponent;
+    exports.SacDateComponent = SacDateComponent;
+    exports.SacDateSelectorComponent = SacDateSelectorComponent;
+    exports.SacDateTimeComponent = SacDateTimeComponent;
+    exports.SacDialogComponent = SacDialogComponent;
+    exports.SacDropdownComponent = SacDropdownComponent;
+    exports.SacDropdownOptionDirective = SacDropdownOptionDirective;
+    exports.SacFormDirective = SacFormDirective;
+    exports.SacFormLayoutDirective = SacFormLayoutDirective;
+    exports.SacGridButtonComponent = SacGridButtonComponent;
+    exports.SacGridColumnActionComponent = SacGridColumnActionComponent;
+    exports.SacGridColumnComponent = SacGridColumnComponent;
+    exports.SacGridComponent = SacGridComponent;
+    exports.SacGridImageComponent = SacGridImageComponent;
+    exports.SacInheritFormDirective = SacInheritFormDirective;
+    exports.SacInputAreaComponent = SacInputAreaComponent;
+    exports.SacInputComponent = SacInputComponent;
+    exports.SacInputCurrencyComponent = SacInputCurrencyComponent;
+    exports.SacInputDecimalComponent = SacInputDecimalComponent;
+    exports.SacInputEmailComponent = SacInputEmailComponent;
+    exports.SacInputIntegerComponent = SacInputIntegerComponent;
+    exports.SacInputPasswordComponent = SacInputPasswordComponent;
+    exports.SacInputSearchComponent = SacInputSearchComponent;
+    exports.SacListboxComponent = SacListboxComponent;
+    exports.SacPagingComponent = SacPagingComponent;
+    exports.SacRadiobuttonComponent = SacRadiobuttonComponent;
+    exports.SacRadiobuttonsComponent = SacRadiobuttonsComponent;
+    exports.SacStaticFormContainerComponent = SacStaticFormContainerComponent;
+    exports.SacStaticLabelComponent = SacStaticLabelComponent;
+    exports.SacTabComponent = SacTabComponent;
+    exports.SacTabItemComponent = SacTabItemComponent;
+    exports.SacTimeComponent = SacTimeComponent;
+    exports.SacTinyMceComponent = SacTinyMceComponent;
+    exports.SacToControlHeightPipe = SacToControlHeightPipe;
+    exports.SacToControlWidthCssPipe = SacToControlWidthCssPipe;
+    exports.SacToLabelHeightPipe = SacToLabelHeightPipe;
+    exports.SacToLabelWidthCssPipe = SacToLabelWidthCssPipe;
+    exports.SacTooltipComponent = SacTooltipComponent;
+    exports.SacTreeItemActionComponent = SacTreeItemActionComponent;
+    exports.SacTreeViewChildComponent = SacTreeViewChildComponent;
+    exports.SacTreeViewComponent = SacTreeViewComponent;
+    exports.SacUploadComponent = SacUploadComponent;
+    exports.SacUploadMultipleComponent = SacUploadMultipleComponent;
+    exports.SacValidationSummaryComponent = SacValidationSummaryComponent;
+    exports.SacWizardComponent = SacWizardComponent;
+    exports.SacWizardItemComponent = SacWizardItemComponent;
+    exports.ServiceConfirm = ServiceConfirm;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.umd.js.map