@simpleangularcontrols/sac-bootstrap4 10.0.0-rc.2 → 10.0.0-rc.21

package/simpleangularcontrols-sac-bootstrap4.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SACBootstrap4BrowserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"},{"__symbolic":"reference","name":"SACBootstrap4UploadModule"},{"__symbolic":"reference","name":"SACBootstrap4FormModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"bootstrap":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"SACBootstrap4ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵf"}]}]}],"members":{}},"SACBootstrap4CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}]}]}],"members":{}},"SACBootstrap4ConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},"providers":[{"__symbolic":"reference","name":"ServiceConfirm"}]}}}},"ServiceConfirm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"ServiceConfirmCommon","line":33,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":60,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":61,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":62,"character":12},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":14}]}],"ConfirmMessage":[{"__symbolic":"method"}],"GetComponentFactory":[{"__symbolic":"method"}],"ConfigureDialog":[{"__symbolic":"method"}]}},"SACBootstrap4ContextmenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}]}]}],"members":{}},"SACBootstrap4DateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":16,"character":26},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"}]}]}],"members":{}},"SACBootstrap4DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"SacFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":20,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),[ngForm]","exportAs":"sacform"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":25,"character":20}]}],"cssClassForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.form"]}]}]}},"SACBootstrap4FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"ɵu"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"ɵu"}]}]}],"members":{}},"SACBootstrap4GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":18}],"exports":[{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"}]}]}],"members":{}},"SACBootstrap4InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"}]}]}],"members":{}},"SACBootstrap4LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"}]}]}],"members":{}},"SACBootstrap4DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"}]}]}],"members":{}},"SACBootstrap4ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"}]}]}],"members":{}},"SACBootstrap4MultilanguageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"}]}]}],"members":{}},"SACBootstrap4StaticLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}]}]}],"members":{}},"SACBootstrap4TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"}]}]}],"members":{}},"SACBootstrap4TinyMceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵce"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@tinymce/tinymce-angular","name":"EditorModule","line":15,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4BrowserModule"}],"exports":[{"__symbolic":"reference","name":"ɵce"}]}]}],"members":{}},"SACBootstrap4UploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":26},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"}],"exports":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"SACBootstrap4ValidationSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵcf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵcf"}]}]}],"members":{}},"SACBootstrap4WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFileBrowserCommon","line":19,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-filebrowser","providers":[{"__symbolic":"reference","name":"ServiceConfirm"}],"template":"<div class=\"row\">\r\n  <div class=\"col-12 col-md-5 col-lg-4\">\r\n    <ul class=\"list-group list-group-flush\">\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"treeItem\"\r\n        [ngTemplateOutletContext]=\"{node: rootNode, deep: 0}\"\r\n      ></ng-template>\r\n    </ul>\r\n\r\n    <ng-template #treeItem let-node=\"node\" let-deep=\"deep\">\r\n      <li\r\n        class=\"list-group-item py-1 px-2 d-flex align-items-center\"\r\n        [class.list-group-item-secondary]=\"node === selectedNode\"\r\n        (click)=\"selectNode(node)\"\r\n        style=\"cursor: pointer\"\r\n      >\r\n        <div class=\"mx-3\" *ngFor=\"let i of count(deep)\"></div>\r\n        <div\r\n          (click)=\"switchExpandNode(node);$event.stopPropagation();\"\r\n          class=\"mr-2\"\r\n          [ngClass]=\"node.ChildNodes.length === 0 ? iconFolderEmpty: (!node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderCollabsed : (node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderOpen : ''))\"\r\n        ></div>\r\n        <ng-container *ngIf=\"!node.IsEditMode\">\r\n          <div class=\"flex-grow-1\">{{ node.Name }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"node.IsEditMode\">\r\n          <div class=\"flex-grow-1\" ngForm>\r\n            <input\r\n              name=\"editFolder\"\r\n              class=\"form-control form-control-sm\"\r\n              [ngModel]=\"node.Name\"\r\n              [ngModelOptions]=\"{updateOn: 'blur'}\"\r\n              (ngModelChange)=\"renameNode(node, $event)\"\r\n              (keydown.enter)=\"$event.target.blur();false;\"\r\n              (blur)=\"renameNode(node, null)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            />\r\n          </div>\r\n        </ng-container>\r\n        <div class=\"flex-shrink-0\">\r\n          <a\r\n            *ngIf=\"node.Path !== '/' && allowfolderrename\"\r\n            class=\"btn btn-sm btn-link text-secondary\"\r\n            (click)=\"editNode(node);$event.stopPropagation();\"\r\n          >\r\n            <i [class]=\"iconEdit\"></i>\r\n          </a>\r\n          <sac-contextmenu cssclass=\"d-inline-block\">\r\n            <sac-contextmenubutton\r\n              *ngIf=\"allowfoldercreate\"\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonNewFolder) | async }}\"\r\n              [icon]=\"iconFolderNew\"\r\n              (clicked)=\"newNode(node)\"\r\n            ></sac-contextmenubutton>\r\n            <sac-contextmenubutton\r\n              *ngIf=\"node.Path !== '/' && allowfolderdelete\"\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonDelete) | async }}\"\r\n              [icon]=\"iconDelete\"\r\n              (clicked)=\"deleteNode(node)\"\r\n            ></sac-contextmenubutton>\r\n            <sac-contextmenusplitter\r\n              *ngIf=\"allowfoldercreate || (node.Path !== '/' && allowfolderdelete)\"\r\n            ></sac-contextmenusplitter>\r\n            <sac-contextmenubutton\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonRefresh) | async }}\"\r\n              [icon]=\"iconRefresh\"\r\n              (clicked)=\"refreshNode(node)\"\r\n            ></sac-contextmenubutton>\r\n          </sac-contextmenu>\r\n        </div>\r\n      </li>\r\n\r\n      <ng-container *ngIf=\"node.IsExpanded\">\r\n        <ng-template\r\n          *ngFor=\"let child of node.ChildNodes\"\r\n          [ngTemplateOutlet]=\"treeItem\"\r\n          [ngTemplateOutletContext]=\"{node: child, deep: deep + 1}\"\r\n        ></ng-template>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n  <div class=\"col-12 col-md-7 col-lg-8\">\r\n    <ng-container *ngIf=\"selectedNode && selectedNode.Files\">\r\n      <div *ngIf=\"allowfileupload\" ngForm>\r\n        <sac-dropzonemultiple\r\n          [disablelabel]=\"true\"\r\n          [endpoint]=\"apiurl + '/uploadregister'\"\r\n          name=\"upload\"\r\n          uploadheight=\"5rem\"\r\n          [ngModel]=\"uploads\"\r\n          (ngModelChange)=\"uploadComplete(selectedNode,$event)\"\r\n          [allowedtypes]=\"allowedtypes\"\r\n          >{{\r\n          lngResourceService.GetString(validationKeyService.FilebrowserButtonUpload)\r\n          | async }}</sac-dropzonemultiple\r\n        >\r\n      </div>\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table table-striped table-hover align-middle\">\r\n          <thead>\r\n            <th>\r\n              {{\r\n              lngResourceService.GetString(validationKeyService.FilebrowserGridFilename)\r\n              | async }}\r\n            </th>\r\n            <th>\r\n              {{\r\n              lngResourceService.GetString(validationKeyService.FilebrowserGridSize)\r\n              | async }}\r\n            </th>\r\n            <th style=\"width: 80px\"></th>\r\n          </thead>\r\n          <tbody>\r\n            <ng-container *ngIf=\"selectedNode.Files.length === 0\">\r\n              <tr>\r\n                <td colspan=\"3\">\r\n                  {{\r\n                  lngResourceService.GetString(validationKeyService.FilebrowserGridNoFiles)\r\n                  | async }}\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectedNode.Files.length > 0\">\r\n              <tr\r\n                *ngFor=\"let item of selectedNode.Files\"\r\n                (click)=\"selectFile(item)\"\r\n                [class.table-primary]=\"selectedFileItem === item\"\r\n              >\r\n                <td [class.p-2]=\"item.IsEditMode\">\r\n                  <ng-container *ngIf=\"!item.IsEditMode\">\r\n                    {{ item.Filename }}\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"item.IsEditMode\">\r\n                    <div>\r\n                      <input\r\n                        name=\"editFolder\"\r\n                        class=\"form-control form-control-sm\"\r\n                        [ngModel]=\"item.Filename\"\r\n                        [ngModelOptions]=\"{updateOn: 'blur'}\"\r\n                        (ngModelChange)=\"renameFile(item, $event)\"\r\n                        (keydown.enter)=\"$event.target.blur();false\"\r\n                        (blur)=\"renameFile(item, null)\"\r\n                        (click)=\"$event.stopPropagation();\"\r\n                      />\r\n                    </div>\r\n                  </ng-container>\r\n                </td>\r\n                <td>{{ item.Size}}</td>\r\n                <td class=\"p-2\">\r\n                  <div class=\"btn-toolbar\" role=\"toolbar\">\r\n                    <div class=\"btn-group ml-auto\" role=\"group\">\r\n                      <a\r\n                        *ngIf=\"allowfilerename\"\r\n                        class=\"btn btn-sm btn-link text-secondary\"\r\n                        (click)=\"editFile(item);$event.stopPropagation();\"\r\n                        ><i [class]=\"iconEdit\"></i\r\n                      ></a>\r\n                    </div>\r\n                    <div class=\"btn-group\" role=\"group\">\r\n                      <a\r\n                        *ngIf=\"allowfiledelete\"\r\n                        class=\"btn btn-sm btn-link text-secondary\"\r\n                        (click)=\"deleteFile(item);$event.stopPropagation();\"\r\n                        ><i [class]=\"iconDelete\"></i\r\n                      ></a>\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"uploadComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":14},{"__symbolic":"reference","name":"ServiceConfirm"}]}],"confirmDeleteFile":[{"__symbolic":"method"}],"confirmDeleteNode":[{"__symbolic":"method"}],"count":[{"__symbolic":"method"}],"uploadedFileMoved":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneMultipleCommon","line":36,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"sac-dropzonemultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵb"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":29,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵb"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"dropzone d-flex justify-content-center position-relative\"\r\n      (drop)=\"dropHandler($event)\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      [class.active]=\"active\"\r\n      [style.min-height]=\"uploadheight\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n    >\r\n      <div\r\n        class=\"content d-flex justify-content-center\"\r\n        *ngIf=\"uploads.length === 0\"\r\n      >\r\n        <div class=\"align-self-center text-center\">\r\n          <div\r\n            [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n          >\r\n            <ng-content></ng-content>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"content d-flex justify-content-center\"\r\n        *ngIf=\"uploads.length > 0\"\r\n      >\r\n        <div class=\"align-self-center progress-container\">\r\n          <div\r\n            class=\"dropzone-uploadstates\"\r\n            [class.mt-1]=\"i > 0\"\r\n            *ngFor=\"let file of uploads; let i = index\"\r\n          >\r\n            <div\r\n              class=\"input-group upload-component upload-component-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 border-secondary\">\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 class=\"input-group-append\">\r\n                <!-- image-preview-clear button -->\r\n                <a\r\n                  class=\"btn\"\r\n                  (click)=\"cancel(file.uploadId)\"\r\n                  [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                  [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n                >\r\n                  <span [class]=\"IconDelete\"></span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <input\r\n        #files\r\n        multiple\r\n        id=\"{{ name }}_uploadinput\"\r\n        type=\"file\"\r\n        class=\"custom-file-input\"\r\n        (click)=\"files.value = ''\"\r\n        (uploadxState)=\"onUpload($event)\"\r\n        [disabled]=\"HasQueueItem()\"\r\n      />\r\n    </div>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":50,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":51,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":12}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormLayoutCommon","line":6,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[sacFormLayout]"}]}],"members":{}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacConfirmCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-confirm","template":"<sac-dialog\r\n  [(isvisible)]=\"isvisible\"\r\n  [title]=\"title\"\r\n  [allowesc]=\"false\"\r\n  [closebutton]=\"false\"\r\n  dialogsize=\"small\"\r\n>\r\n  <div dialogbody>\r\n    <div class=\"media\">\r\n      <img\r\n        [attr.src]=\"image\"\r\n        class=\"align-self-center mr-3\"\r\n        *ngIf=\"hasImage()\"\r\n      />\r\n      <div class=\"media-body\">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <ng-container 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      ></sac-button>\r\n    </ng-container>\r\n  </ng-container>\r\n</sac-dialog>\r\n"}]}],"members":{}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDialogCommon","line":17,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sac-dialog","template":"<div #dialog class=\"modal show\" style=\"display: block\" tabindex=\"-1\" role=\"dialog\" *ngIf=\"_show\">\r\n  <div class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\" role=\"document\"\r\n       [class.modal-xl]=\"_size === 'extralarge'\"\r\n       [class.modal-lg]=\"_size === 'large'\"\r\n       [class.modal-sm]=\"_size === 'small'\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\">{{title}}</h5>\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      </div>\r\n      <div class=\"modal-body\" [style.height]=\"height\">\r\n        <ng-content select=\"[dialogbody]\"></ng-content>\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <ng-content select=\"[dialogfooter]\"></ng-content>\r\n      </div>\r\n    </div><!-- /.modal-content -->\r\n  </div><!-- /.modal-dialog -->\r\n</div><!-- /.modal -->\r\n<div class=\"modal-backdrop show\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacButtonCommon","line":12,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-button","template":"<button\r\n  [id]=\"name\"\r\n  type=\"button\"\r\n  class=\"btn d-flex justify-content-center align-items-center\"\r\n  [attr.disabled]=\"_isdisabled || isloading ? 'disabled' : null\"\r\n  (click)=\"buttonClick()\"\r\n  [class.btn-primary]=\"role === 'primary'\"\r\n  [class.btn-secondary]=\"role === 'secondary' || role === 'default'\"\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-link]=\"role === 'link'\"\r\n>\r\n  <span\r\n    *ngIf=\"isloading\"\r\n    class=\"spinner-border spinner-border-sm mr-2\"\r\n    role=\"status\"\r\n    aria-hidden=\"true\"\r\n  ></span>\r\n  <i *ngIf=\"!isloading && icon !== ''\" [ngClass]=\"icon\" [class.mr-2]=\"text\"></i\r\n  >{{text}}\r\n</button>\r\n"}]}],"members":{}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sac-contextmenu","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":20,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵg"}}],"template":"<div class=\"dropdown\" [ngClass]=\"cssclass\">\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n  ></ng-container>\r\n\r\n  <div\r\n    class=\"dropdown-menu dropdown-menu-right\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacContextMenuAnchor\r\n    class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  >\r\n    <i [class]=\"IconContextMenu\"></i>\r\n  </button>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":37,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":12},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":27,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":14}]}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":13,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-contextmenubutton","template":"<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":18,"character":27}]}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":10,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenusplitter","template":"<div class=\"dropdown-divider\"></div>"}]}],"members":{}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵj"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenuanchor"}]}]}]}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵk"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenucontainer"}]}]}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadSingleCommon","line":34,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"sac-upload","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵl"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵl"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <div class=\"input-group-prepend\">\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <i class=\"pr-2\" [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\r\n        class=\"form-control upload-progress\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      >\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-append\">\r\n        <!-- image-preview-clear button -->\r\n        <button\r\n          class=\"btn\"\r\n          (click)=\"cancelAll()\"\r\n          [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n          [class.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n          [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconDelete\"></span>\r\n        </button>\r\n        <button\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.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n          [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconPause\"></span>\r\n        </button>\r\n        <button\r\n          *ngIf=\"autoupload && enablepause && IsPaused()\"\r\n          class=\"btn\"\r\n          (click)=\"uploadAll()\"\r\n          [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconContinue\"></span>\r\n        </button>\r\n        <button\r\n          *ngIf=\"autoupload === false\"\r\n          class=\"btn text-nowrap\"\r\n          (click)=\"uploadAll()\"\r\n          [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n          [class.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n          [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n          [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n        >\r\n          <span [class]=\"IconUpload\" class=\"pr-2\"></span>{{\r\n          lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n          | async }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.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{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":47,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":12}]}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadMultipleCommon","line":34,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"sac-uploadmultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵm"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵm"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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-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            [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <i [class]=\"IconBrowse\" class=\"pr-2\"></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              <button\r\n                class=\"btn\"\r\n                (click)=\"cancelAll()\"\r\n                [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconDelete\"></span>\r\n              </button>\r\n              <button\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconPause\"></span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"autoupload && enablepause && IsPaused() === true\"\r\n                class=\"btn\"\r\n                (click)=\"uploadAll()\"\r\n                [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconContinue\"></span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"autoupload === false\"\r\n                class=\"btn text-nowrap\"\r\n                (click)=\"uploadAll()\"\r\n                [attr.disabled]=\"IsStateToUpload() === false ?  'disabled' : null\"\r\n                [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n              >\r\n                <span [class]=\"IconUpload\" class=\"pr-2\"></span> {{\r\n                lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n                | async }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div\r\n            *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n            class=\"invalid-feedback\"\r\n          >\r\n            {{ GetErrorMessage() | async }}\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\r\n            class=\"form-control upload-progress\"\r\n            [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n          >\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 class=\"input-group-append\">\r\n            <!-- image-preview-clear button -->\r\n            <button\r\n              class=\"btn\"\r\n              (click)=\"cancel(file.uploadId)\"\r\n              [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconDelete\"></span>\r\n            </button>\r\n            <button\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconPause\"></span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"autoupload && enablepause && file.status === 'paused'\"\r\n              class=\"btn\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconContinue\"></span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"autoupload === false\"\r\n              class=\"btn text-nowrap\"\r\n              (click)=\"upload(file.uploadId)\"\r\n              [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ?  'disabled' : null\"\r\n              [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n              [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n            >\r\n              <span [class]=\"IconUpload\" class=\"pr-2\"></span>{{\r\n              lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n              | async }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.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{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":47,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":12}]}]}},"ɵn":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneSingleCommon","line":36,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"sac-dropzonesingle","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵn"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":29,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵn"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"dropzone d-flex justify-content-center position-relative\"\r\n      (drop)=\"dropHandler($event)\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      [style.min-height]=\"uploadheight\"\r\n      [class.active]=\"active\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n    >\r\n      <div\r\n        class=\"content d-flex justify-content-center\"\r\n        *ngIf=\"uploads.length === 0\"\r\n      >\r\n        <div class=\"align-self-center text-center\">\r\n          <div\r\n            [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n          >\r\n            <ng-content></ng-content>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"content d-flex justify-content-center\"\r\n        *ngIf=\"uploads.length > 0\"\r\n      >\r\n        <div class=\"align-self-center progress-container\">\r\n          <div class=\"dropzone-uploadstates\" *ngFor=\"let file of uploads\">\r\n            <div\r\n              class=\"input-group upload-component upload-component-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 border-secondary\">\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 class=\"input-group-append\">\r\n                <!-- image-preview-clear button -->\r\n                <a\r\n                  class=\"btn\"\r\n                  (click)=\"cancel(file.uploadId)\"\r\n                  [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                  [class.btn-danger]=\"invalid && (dirty || touched)\"\r\n                >\r\n                  <span [class]=\"IconDelete\"></span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <input\r\n        #files\r\n        id=\"{{ name }}_uploadinput\"\r\n        type=\"file\"\r\n        class=\"custom-file-input\"\r\n        (click)=\"files.value = ''\"\r\n        (uploadxState)=\"onUpload($event)\"\r\n        [disabled]=\"HasQueueItem()\"\r\n      />\r\n    </div>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":50,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":51,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":12}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}],"calcControlSize":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"ɵt":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":55,"character":1},"arguments":[{"selector":"[sacInheritForm]","providers":[{"provide":{"__symbolic":"reference","name":"SacFormDirective"},"useFactory":{"__symbolic":"reference","name":"ɵs"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":61,"character":18}},{"__symbolic":"reference","name":"SacFormDirective"}]]},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":63,"character":15},"useFactory":{"__symbolic":"reference","name":"ɵt"},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":65,"character":13}]}]}]}],"members":{}},"ɵv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacCheckboxCommon","line":27,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵv"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵv"},"multi":true}],"template":"<div\r\n  class=\"row\"\r\n  [class.no-gutters]=\"disablelabel\"\r\n  [class.form-group]=\"!stacked\"\r\n>\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\r\n  >\r\n    <label\r\n      *ngIf=\"!disablelabel && !stacked\"\r\n      for=\"{{name}}\"\r\n      class=\"col-form-label\"\r\n      [ngClass]=\"componentHeight | toLabelHeight\"\r\n      >{{label}}</label\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"align-self-center col-12\"\r\n    [ngClass]=\"[!disablelabel && !stacked ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"form-check\"\r\n      [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\r\n      [class.form-check-lg]=\"componentHeight === ControlHeight.Large\"\r\n    >\r\n      <input\r\n        class=\"form-check-input\"\r\n        [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"checkbox\"\r\n        [checked]=\"value\"\r\n        (blur)=\"onTouch()\"\r\n        (change)=\"setValue($event.target.checked)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <label\r\n        for=\"{{name}}\"\r\n        class=\"form-check-label\"\r\n        [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\"\r\n      >\r\n        <ng-container *ngIf=\"checkboxtext\">{{checkboxtext}}</ng-container>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":14}]}]}},"ɵw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonCommon","line":12,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-radiobutton","template":"<div\r\n  class=\"form-check\"\r\n  [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\r\n  [class.form-check-lg]=\"componentHeight === ControlHeight.Large\"\r\n  *ngIf=\"hidden===false\"\r\n>\r\n  <input\r\n    id=\"{{getName}}_{{getIndex}}\"\r\n    name=\"{{getName}}\"\r\n    type=\"radio\"\r\n    class=\"form-check-input\"\r\n    [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\r\n    [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\r\n    [value]=\"value\"\r\n    [checked]=\"checked\"\r\n    (change)=\"ChangeEvent()\"\r\n    [disabled]=\"isDisabled\"\r\n  />\r\n  <label\r\n    for=\"{{getName}}_{{getIndex}}\"\r\n    class=\"form-check-label\"\r\n    [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n    [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\"\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\">{{label}}</ng-template>\r\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;margin-top:.4rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":17,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"ɵx"}]}]}},"ɵx":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonsCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobuttons","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵx"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵx"},"multi":true}],"template":"<div class=\"row form-group\">\r\n  <div\r\n    *ngIf=\"disablelabel === false\"\r\n    class=\"col-12 pt-0\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\"\r\n  >\r\n    <label\r\n      class=\"col-form-label\"\r\n      [ngClass]=\"componentHeight | toLabelHeight\"\r\n      *ngIf=\"!disablelabel\"\r\n      >{{label}}</label\r\n    >\r\n  </div>\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n    [class.pt-1]=\"componentHeight === ControlHeight.Small\"\r\n    [class.pt-2]=\"componentHeight !== ControlHeight.Small\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵy":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateCommon","line":39,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-date","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵy"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵy"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <div class=\"input-group-append\">\r\n        <button\r\n          class=\"btn btn-secondary\"\r\n          type=\"button\"\r\n          (click)=\"showDateSelector()\"\r\n          [disabled]=\"isdisabled\"\r\n        >\r\n          <i [class]=\"IconSelector\"></i>\r\n        </button>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show\"\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.rem]=\"componentHeight === ControlHeight.Small ? 1.1 : componentHeight === ControlHeight.Large ? 1.8 : 1.4\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"dateselect($event)\"\r\n          dateselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":13}}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":50,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":16}]}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateTimeCommon","line":32,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sac-datetime","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵz"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":26,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵz"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <div class=\"input-group-append\">\r\n        <button\r\n          class=\"btn btn-secondary\"\r\n          type=\"button\"\r\n          (click)=\"showDateSelector()\"\r\n          [disabled]=\"isdisabled\"\r\n        >\r\n          <i [class]=\"IconSelector\"></i>\r\n        </button>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show\"\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.rem]=\"componentHeight === ControlHeight.Small ? 1.1 : componentHeight === ControlHeight.Large ? 1.8 : 1.4\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"dateselect($event)\"\r\n          dateselection=\"true\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":13}}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":43,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":16}]}]}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTimeCommon","line":32,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sac-time","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵba"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":26,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵba"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [imask]=\"imaskDate\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [value]=\"valuestring\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        (blur)=\"onTouch()\"\r\n        (accept)=\"setValueString($event)\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <div class=\"input-group-append\">\r\n        <button\r\n          class=\"btn btn-secondary\"\r\n          type=\"button\"\r\n          (click)=\"showTimeSelector()\"\r\n          [disabled]=\"isdisabled\"\r\n        >\r\n          <i [class]=\"IconSelector\"></i>\r\n        </button>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"popover fade bs-popover-bottom show\"\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.rem]=\"componentHeight === ControlHeight.Small ? 1.1 : componentHeight === ControlHeight.Large ? 1.8 : 1.4\"\r\n      ></div>\r\n      <h3 class=\"popover-header\" style=\"display: none\"></h3>\r\n      <div class=\"popover-body\">\r\n        <sac-dateselector\r\n          [initialvalue]=\"value\"\r\n          (selectdate)=\"timeselect($event)\"\r\n          timeselection=\"true\"\r\n        ></sac-dateselector>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":13}}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":43,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":16}]}]}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateSelectorCommon","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-dateselector","template":"<div class=\"calendar-selector\">\r\n  <div *ngIf=\"dateselection\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col text-left\">\r\n          <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\r\n        </div>\r\n        <div class=\"col text-center\">{{month+1}}/{{year}}</div>\r\n        <div class=\"col text-right\">\r\n          <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div></div>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <ng-container *ngFor=\"let week of dates; let i=index\">\r\n          <ng-container *ngFor=\"let item of week\">\r\n            <div\r\n              class=\"p-2 col text-center\"\r\n              [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\r\n              [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\r\n              (click)=\"selectDate(item)\"\r\n            >\r\n              {{ item.displaytext }}\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"w-100\"></div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row justify-content-start\" *ngIf=\"timeselection\">\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Stunde</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getHours()\"\r\n          (input)=\"setHours($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"23\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Minute</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getMinutes()\"\r\n          (input)=\"setMinutes($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"59\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row\">\r\n    <div class=\"mr-auto p-2\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"resetSelection()\"\r\n      >\r\n        Reset\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"applySelection()\">\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridCommon","line":27,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-grid","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbc"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbc"}}],"template":"<div class=\"table-responsive\">\r\n  <table class=\"table table-striped table-hover\" id={{name}}>\r\n    <thead class=\"thead-light\">\r\n      <tr>\r\n        <ng-container *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\">\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor=\"let item of value; let i=index\">\r\n        <tr>\r\n          <ng-container *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\">\r\n          </ng-container>\r\n        </tr>\r\n      </ng-container>\r\n      <tr *ngIf=\"value === undefined || value === null || value.length===0\">\r\n        <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\r\n      </tr>\r\n      <tr>\r\n        <td [attr.colspan]=\"ColumnCount\">\r\n          <div class=\"container-fluid\">\r\n            <sac-paging name=\"{{name}}Paging\" (paging)=\"pageChange($event)\" [pagerdata]=\"pagerdata\" [pagesizes]=\"pagesizes\" [pagingtext]=\"pagingtext\" [pagesizetext]=\"pagesizetext\" [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n"}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":33,"character":16},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":50}]}]}},"ɵbd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnCommon","line":20,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumn","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbd"}}],"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=\"pl-2\"\r\n    [class]=\"IconSortUp\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='asc'\"\r\n  ></span>\r\n  <span\r\n    class=\"pl-2\"\r\n    [class]=\"IconSortDown\"\r\n    *ngIf=\"IsSortedColumn() && GetSortDirection() ==='desc'\"\r\n  ></span>\r\n</th>\r\n<td\r\n  scope=\"col\"\r\n  *ngIf=\"IsBody()\"\r\n  [style.width]=\"width\"\r\n  [class.ellipsis]=\"IsEllipsis()\"\r\n>\r\n  <span [attr.title]=\"IsEllipsis() ? value : null\"> {{value}} </span>\r\n</td>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"ɵbe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnActionCommon","line":20,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumnaction","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbe"}}],"template":"<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\r\n<td scope=\"col\" class=\"px-2\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"ɵbf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacPagingCommon","line":20,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-paging","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbf"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbf"}}],"template":"<div\r\n  class=\"d-flex justify-content-between align-items-center flex-wrap\"\r\n  id=\"{{name}}\"\r\n>\r\n  <div class=\"col-pagination order-2 order-md-1\" id=\"{{name}}_pages\">\r\n    <ul class=\"pagination mb-4 mb-md-0\">\r\n      <li\r\n        class=\"page-item\"\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === firstPageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"firstPage()\">«</a>\r\n      </li>\r\n      <li\r\n        class=\"page-item\"\r\n        *ngFor=\"let page of paginators; let i = index\"\r\n        [ngClass]=\"{'active': page === activePageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"changePage(page)\">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        class=\"page-item\"\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === lastPageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"lastPage()\">»</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"col-summary order-1 order-md-2\">\r\n    <div class=\"mb-4 mb-md-0 mr-4 mb-md-0\">{{ PagingText | async }}</div>\r\n  </div>\r\n  <div class=\"col-pagesize order-3\" *ngIf=\"!pagesizedisabled\">\r\n    <div class=\"d-flex align-items-center\" id=\"{{name}}_size\">\r\n      <select\r\n        class=\"form-control form-control-sm\"\r\n        style=\"width: 85px\"\r\n        [ngModel]=\"pageSize\"\r\n        (ngModelChange)=\"changePageSize($event)\"\r\n      >\r\n        <option [ngValue]=\"size\" *ngFor=\"let size of getPageSizes\">\r\n          {{size}}\r\n        </option>\r\n      </select>\r\n      <div class=\"ml-2\">{{ PageSizeText | async }}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":24}]}]}},"ɵbg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridButtonCommon","line":19,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"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"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridImageCommon","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridimage","template":"<span><span class=\"{{getIconClass()}}\"></span></span>\r\n"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCommon","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbi"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":15,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbi"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [value]=\"value\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [disabled]=\"isdisabled\"\r\n    />\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":14}]}]}},"ɵbj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputAreaCommon","line":25,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbj"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbj"}}],"template":"<div class=\"form-group row\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [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      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [disabled]=\"isdisabled\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [readonly]=\"readonly\"\r\n    ></textarea>\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbk":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCurrencyCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputcurrency","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbk"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbk"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [value]=\"value\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (keypress)=\"onKeyPress($event)\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      />\r\n      <div class=\"input-group-append\">\r\n        <span class=\"input-group-text\">{{currency}}</span>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputDecimalCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputdecimal","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbl"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbl"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [value]=\"value\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n    />\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputEmailCommon","line":25,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputemail","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbm"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbm"}}],"template":"<div class=\"form-group row\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <div class=\"input-group-prepend\">\r\n        <span class=\"input-group-text\">@</span>\r\n      </div>\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [value]=\"value\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"setValue($event.target.value)\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        autocomplete=\"email\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbn":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputIntegerCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputinteger","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbn"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbn"}}],"template":"<div class=\"form-group row\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [value]=\"value\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n    />\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbo":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputPasswordCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputpassword","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbo"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbo"}}],"template":"<div class=\"form-group row\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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=\"password\"\r\n      class=\"form-control\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [value]=\"value\"\r\n      (blur)=\"onTouch()\"\r\n      (input)=\"setValue($event.target.value)\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      autocomplete=\"new-password\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\r\n      [disabled]=\"isdisabled\"\r\n      [readonly]=\"readonly\"\r\n    />\r\n    <div\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n      class=\"invalid-feedback\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputSearchCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputsearch","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbp"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbp"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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        [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        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [disabled]=\"isdisabled\"\r\n        [readonly]=\"readonly\"\r\n      />\r\n      <div class=\"input-group-append\">\r\n        <input\r\n          type=\"submit\"\r\n          class=\"btn btn-secondary\"\r\n          id=\"{{name}}_search\"\r\n          (click)=\"searchClick()\"\r\n          [value]=\"buttontext\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵbq":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownCommon","line":39,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-dropdown","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbq"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbq"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.is-invalid]=\"invalid && (dirty || touched)\"\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=\"invalid-feedback\"\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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":51,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16}]}]}},"ɵbr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownOptionCommon","line":65,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":64,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":77,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","name":"ɵbq"}]}]}},"ɵbs":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxCommon","line":39,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-listbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbs"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbs"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [size]=\"rowsize\"\r\n      [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\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          {{option[optionlabel]}}\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            {{item[optionlabel]}}\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div\r\n      class=\"invalid-feedback\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":14}]}]}},"ɵbt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxOptionCommon","line":61,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":60,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":73,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":72,"character":14},{"__symbolic":"reference","name":"ɵbs"}]}]}},"ɵbu":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputCommon","line":28,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinput","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbu"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbu"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <input\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [value]=\"LanguageValue\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        (input)=\"SetLanguageValue($event.target.value)\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [disabled]=\"isdisabled\"\r\n      />\r\n      <div\r\n        placement=\"bottom-right\"\r\n        class=\"input-group-append\"\r\n        sac-multilanguagemenu\r\n        [buttontemplate]=\"menuButton\"\r\n        #contextmenu\r\n      >\r\n        <ng-template #menuButton>\r\n          <button\r\n            sacMultilanguageMenuAnchor\r\n            [id]=\"name + '_dropdownitem'\"\r\n            type=\"button\"\r\n            class=\"btn dropdown-toggle\"\r\n            (click)=\"contextmenu.toggle()\"\r\n            [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\"\r\n          >\r\n            <img\r\n              src=\"{{SelectedIcon}}\"\r\n              class=\"align-baseline mr-1 ml-1\"\r\n              *ngIf=\"SelectedIconType === IconType.Image\"\r\n            />\r\n            <span\r\n              [ngClass]=\"SelectedIcon\"\r\n              class=\"align-baseline mr-1 ml-1\"\r\n              *ngIf=\"SelectedIconType === IconType.CssSprite\"\r\n            ></span>\r\n          </button>\r\n        </ng-template>\r\n        <ng-container *ngFor=\"let sprache of Languages\">\r\n          <sac-multilanguagemenubutton\r\n            *ngIf=\"sprache.IconType === IconType.Image\"\r\n            text=\"{{sprache.Text}}\"\r\n            image=\"{{sprache.Icon}}\"\r\n            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger': ''\"\r\n            (clicked)=\"SelectLanguage(sprache)\"\r\n          ></sac-multilanguagemenubutton>\r\n          <sac-multilanguagemenubutton\r\n            *ngIf=\"sprache.IconType === IconType.CssSprite\"\r\n            text=\"{{sprache.Text}}\"\r\n            icon=\"{{sprache.Icon}}\"\r\n            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger': ''\"\r\n            (clicked)=\"SelectLanguage(sprache)\"\r\n          ></sac-multilanguagemenubutton>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col text-right\"></div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"ɵbv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputAreaCommon","line":28,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbv"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵbv"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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      [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      <textarea\r\n        id=\"{{name}}\"\r\n        name=\"{{name}}\"\r\n        type=\"text\"\r\n        class=\"form-control\"\r\n        [value]=\"LanguageValue\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        (blur)=\"onTouch()\"\r\n        style=\"height: auto\"\r\n        (input)=\"SetLanguageValue($event.target.value)\"\r\n        [attr.rows]=\"rows\"\r\n        [attr.maxlength]=\"maxlength\"\r\n        [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n        [ngClass]=\"[componentHeight | toControlHeight]\"\r\n        [disabled]=\"isdisabled\"\r\n      ></textarea>\r\n\r\n      <div\r\n        placement=\"bottom-right\"\r\n        class=\"input-group-append\"\r\n        sac-multilanguagemenu\r\n        [buttontemplate]=\"menuButton\"\r\n        #contextmenu\r\n      >\r\n        <ng-template #menuButton>\r\n          <button\r\n            sacMultilanguageMenuAnchor\r\n            [id]=\"name + '_dropdownitem'\"\r\n            type=\"button\"\r\n            class=\"btn dropdown-toggle\"\r\n            (click)=\"contextmenu.toggle()\"\r\n            [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\"\r\n          >\r\n            <img\r\n              src=\"{{SelectedIcon}}\"\r\n              class=\"align-baseline mr-1 ml-1\"\r\n              *ngIf=\"SelectedIconType === IconType.Image\"\r\n            />\r\n            <i\r\n              [ngClass]=\"SelectedIcon\"\r\n              class=\"align-baseline mr-1 ml-1\"\r\n              *ngIf=\"SelectedIconType === IconType.CssSprite\"\r\n            ></i>\r\n          </button>\r\n        </ng-template>\r\n        <ng-container *ngFor=\"let sprache of Languages\">\r\n          <sac-multilanguagemenubutton\r\n            *ngIf=\"sprache.IconType === IconType.Image\"\r\n            text=\"{{sprache.Text}}\"\r\n            image=\"{{sprache.Icon}}\"\r\n            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger': ''\"\r\n            (clicked)=\"SelectLanguage(sprache)\"\r\n          ></sac-multilanguagemenubutton>\r\n          <sac-multilanguagemenubutton\r\n            *ngIf=\"sprache.IconType === IconType.CssSprite\"\r\n            text=\"{{sprache.Text}}\"\r\n            icon=\"{{sprache.Icon}}\"\r\n            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger': ''\"\r\n            (clicked)=\"SelectLanguage(sprache)\"\r\n          ></sac-multilanguagemenubutton>\r\n        </ng-container>\r\n      </div>\r\n      <div\r\n        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n        class=\"invalid-feedback\"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col text-right\"></div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"ɵbw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":25,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"[sac-multilanguagemenu]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":20,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbw"}}],"template":"<ng-container\r\n  [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n></ng-container>\r\n\r\n<div\r\n  class=\"dropdown-menu dropdown-menu-right\"\r\n  sacMultilanguageMenuContainer\r\n  [class.show]=\"isopen\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacMultilanguageMenuAnchor\r\n    class=\"btn btn-secondary dropdown-toggle\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  ></button>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":37,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":12},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":27,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":14}]}]}},"ɵbx":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵbx"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenuanchor"}]}]}]}},"ɵby":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵby"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenucontainer"}]}]}]}},"ɵbz":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":13,"character":61},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-multilanguagemenubutton","template":"<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":18,"character":27}]}]}},"ɵca":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticLabelCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-staticlabel","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵca"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵca"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\r\n  >\r\n    <div\r\n      class=\"form-control-plaintext\"\r\n      [ngClass]=\"[componentHeight | toControlHeight]\"\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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"ɵcb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticFormContainerCommon","line":36,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sac-staticformcontainer","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵcb"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":30,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵcb"}}],"template":"<div class=\"row form-group\" [class.no-gutters]=\"disablelabel\">\r\n  <label\r\n    *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n    id=\"{{name}}_label\"\r\n    for=\"{{name}}\"\r\n    class=\"col-12 col-form-label\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n    [class.required]=\"isrequired\"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class=\"col-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=\"invalid-feedback\"\r\n      *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":14}]}]}},"ɵcc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabCommon","line":11,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-tab","template":"<!-- Nav tabs -->\r\n<div class=\"nav nav-tabs\" role=\"tablist\">\r\n  <a\r\n    *ngFor=\"let item of _tabItems\"\r\n    role=\"tab\"\r\n    class=\"nav-item nav-link active\"\r\n    data-toggle=\"tab\"\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    >{{item.label}}</a\r\n  >\r\n</div>\r\n\r\n<!-- Tab panes -->\r\n<div class=\"tab-content pl-3 pt-2\">\r\n  <ng-content></ng-content>\r\n</div>\r\n"}]}],"members":{"_tabItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcd"}]}]}],"tabItems":[{"__symbolic":"method"}]}},"ɵcd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabItemCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-tabitem","template":"<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\" *ngIf=\"(unloadwhenhidden === true && active === true) || unloadwhenhidden === false\" class=\"tab-pane\">\r\n  <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\r\n</div>\r\n"}]}],"members":{}},"ɵce":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTinyMceCommon","line":33,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sac-tinymce","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵce"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":27,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵce"},"multi":true}],"template":"<div class=\"form-row form-group\">\r\n  <div\r\n    class=\"col\"\r\n    [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n  >\r\n    <label for=\"{{name}}\" class=\"form-control-label\">{{label}}</label>\r\n  </div>\r\n  <div\r\n    class=\"col-12\"\r\n    [ngClass]=\"[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : '']\"\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=\"invalid-feedback\"\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>\r\n    <sac-filebrowser\r\n      [apiurl]=\"filebrowserapiurl\"\r\n      (file)=\"selectDialogSettings.value = $event\"\r\n      [allowfoldercreate]=\"allowfoldercreate\"\r\n      [allowfolderrename]=\"allowfolderrename\"\r\n      [allowfolderdelete]=\"allowfolderdelete\"\r\n      [allowfileupload]=\"allowfileupload\"\r\n      [allowfilerename]=\"allowfilerename\"\r\n      [allowfiledelete]=\"allowfiledelete\"\r\n      [selectedfile]=\"selectDialogSettings.value\"\r\n      [allowedtypes]=\"selectDialogSettings.allowedtypes\"\r\n    ></sac-filebrowser>\r\n  </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","styles":[".is-invalid{border:1px solid var(--red)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":13}}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":45,"character":12}]}],"overwriteDefaultSettings":[{"__symbolic":"method"}]}},"ɵcf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacValidationSummaryCommon","line":20,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-validationsummary","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵcf"}}],"template":"<div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"hasErrors\">\r\n  <ul class=\"mb-0\">\r\n    <li *ngFor=\"let error of formErrors\">{{error | async}}</li>\r\n  </ul>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":30,"character":14}]}]}},"ɵcg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardCommon","line":19,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-wizard","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵcg"}}],"template":"<ul 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"}]}],"members":{"_wizardItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵch"}]}]}],"wizardItems":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardItemCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-wizarditem","template":""}]}],"members":{}}},"origins":{"SACBootstrap4BrowserModule":"./components/browser/browser.module","SACBootstrap4ButtonModule":"./controls/buttons/button.module","SACBootstrap4CheckboxModule":"./controls/checkbox/checkbox.module","SACBootstrap4ConfirmModule":"./controls/confirm/confirm.module","ServiceConfirm":"./controls/confirm/confirm.service","SACBootstrap4ContextmenuModule":"./controls/contextmenu/contextmenu.module","SACBootstrap4DateTimeModule":"./controls/datetime/datetime.module","SACBootstrap4DialogModule":"./controls/dialog/dialog.module","SacFormDirective":"./controls/form/form","SACBootstrap4FormModule":"./controls/form/form.module","SACBootstrap4GridModule":"./controls/grid/grid.module","SACBootstrap4InputModule":"./controls/input/input.module","SACBootstrap4LayoutModule":"./controls/layout/layout.module","SACBootstrap4DropdownModule":"./controls/list/dropdown.module","SACBootstrap4ListModule":"./controls/list/list.module","SACBootstrap4MultilanguageModule":"./controls/multilanguage/multilanguage.module","SACBootstrap4StaticLabelModule":"./controls/static/staticlabel.module","SACBootstrap4TabsModule":"./controls/tabs/tabs.module","SACBootstrap4TinyMceModule":"./controls/tinymce/tinymce.module","SACBootstrap4UploadModule":"./controls/upload/upload.module","SACBootstrap4ValidationSummaryModule":"./controls/validation/validationsummary.module","SACBootstrap4WizardModule":"./controls/wizard/wizard.module","ɵa":"./components/browser/browser","ɵb":"./controls/upload/dropzonemultiple","ɵc":"./controls/layout/formlayout.directive","ɵd":"./controls/confirm/confirm","ɵe":"./controls/dialog/dialog","ɵf":"./controls/buttons/button","ɵg":"./controls/contextmenu/contextmenu","ɵh":"./controls/contextmenu/contextmenuitembutton","ɵi":"./controls/contextmenu/contextmenuitemsplitter","ɵj":"./controls/contextmenu/contextmenuanchor","ɵk":"./controls/contextmenu/contextmenucontainer","ɵl":"./controls/upload/upload","ɵm":"./controls/upload/uploadmultiple","ɵn":"./controls/upload/dropzonesingle","ɵo":"./controls/layout/tocontrolheight.pipe","ɵp":"./controls/layout/tocontrolwidthcss.pipe","ɵq":"./controls/layout/tolabelheight.pipe","ɵr":"./controls/layout/tolabelwidthcss.pipe","ɵs":"./controls/form/inheritform.directive","ɵt":"./controls/form/inheritform.directive","ɵu":"./controls/form/inheritform.directive","ɵv":"./controls/checkbox/checkbox","ɵw":"./controls/checkbox/radiobutton","ɵx":"./controls/checkbox/radiobuttons","ɵy":"./controls/datetime/date","ɵz":"./controls/datetime/datetime","ɵba":"./controls/datetime/time","ɵbb":"./controls/datetime/dateselector","ɵbc":"./controls/grid/grid","ɵbd":"./controls/grid/gridcolumn","ɵbe":"./controls/grid/gridcolumnaction","ɵbf":"./controls/grid/paging","ɵbg":"./controls/grid/gridbutton","ɵbh":"./controls/grid/gridimage","ɵbi":"./controls/input/input","ɵbj":"./controls/input/inputarea","ɵbk":"./controls/input/inputcurrency","ɵbl":"./controls/input/inputdecimal","ɵbm":"./controls/input/inputemail","ɵbn":"./controls/input/inputinteger","ɵbo":"./controls/input/inputpassword","ɵbp":"./controls/input/inputsearch","ɵbq":"./controls/list/dropdown","ɵbr":"./controls/list/dropdown","ɵbs":"./controls/list/listbox","ɵbt":"./controls/list/listbox","ɵbu":"./controls/multilanguage/multilanguageinput","ɵbv":"./controls/multilanguage/multilanguageinputarea","ɵbw":"./controls/multilanguage/multilanguagemenu","ɵbx":"./controls/multilanguage/multilanguagemenuanchor","ɵby":"./controls/multilanguage/multilanguagemenucontainer","ɵbz":"./controls/multilanguage/multilanguagemenuitembutton","ɵca":"./controls/static/staticlabel","ɵcb":"./controls/static/formcontainer","ɵcc":"./controls/tabs/tab","ɵcd":"./controls/tabs/tabitem","ɵce":"./controls/tinymce/tinymce","ɵcf":"./controls/validation/validationsummary","ɵcg":"./controls/wizard/wizard","ɵch":"./controls/wizard/wizarditem"},"importAs":"@simpleangularcontrols/sac-bootstrap4"}
+{"__symbolic":"module","version":4,"metadata":{"SACBootstrap4BrowserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"},{"__symbolic":"reference","name":"SACBootstrap4UploadModule"},{"__symbolic":"reference","name":"SACBootstrap4FormModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"bootstrap":[{"__symbolic":"reference","name":"SacBrowserComponent"}]}]}],"members":{}},"SACBootstrap4ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacButtonComponent"}]}]}],"members":{}},"SACBootstrap4CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}]}]}],"members":{}},"SACBootstrap4ConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"}],"exports":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"entryComponents":[{"__symbolic":"reference","name":"SacConfirmComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},"providers":[{"__symbolic":"reference","name":"ServiceConfirm"}]}}}},"ServiceConfirm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"ServiceConfirmCommon","line":33,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":60,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":61,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":62,"character":12},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":14}]}],"ConfirmMessage":[{"__symbolic":"method"}],"GetComponentFactory":[{"__symbolic":"method"}],"ConfigureDialog":[{"__symbolic":"method"}]}},"SACBootstrap4ContextmenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}]}]}],"members":{}},"SACBootstrap4DateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":19,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}]}]}],"members":{}},"SACBootstrap4DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacDialogComponent"}]}]}],"members":{}},"SACBootstrap4FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}]}]}],"members":{}},"SACBootstrap4GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":26}],"exports":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}]}]}],"members":{}},"SACBootstrap4InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}]}]}],"members":{}},"SACBootstrap4LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}]}]}],"members":{}},"SACBootstrap4DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}]}]}],"members":{}},"SACBootstrap4ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}]}]}],"members":{}},"SACBootstrap4MultilanguageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}]}]}],"members":{}},"SACBootstrap4StaticLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}]}]}],"members":{}},"SACBootstrap4TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"members":{}},"SACBootstrap4TinyMceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTinyMceComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@tinymce/tinymce-angular","name":"EditorModule","line":16,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4BrowserModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacTinyMceComponent"}]}]}],"members":{}},"SACBootstrap4TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTooltipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"SacTooltipComponent"}]}]}],"members":{}},"SACBootstrap4TreeviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTreeviewComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":14},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"}],"exports":[{"__symbolic":"reference","name":"SacTreeviewComponent"}]}]}],"members":{}},"SACBootstrap4UploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}]}]}],"members":{}},"SACBootstrap4ValidationSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}]}]}],"members":{}},"SACBootstrap4WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"members":{}},"SacButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacButtonCommon","line":12,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-button","template":"<button\r\n  [id]=\"name\"\r\n  type=\"button\"\r\n  class=\"btn d-flex justify-content-center align-items-center\"\r\n  [attr.disabled]=\"_isdisabled || isloading ? 'disabled' : null\"\r\n  (click)=\"buttonClick()\"\r\n  [class.btn-primary]=\"role === 'primary'\"\r\n  [class.btn-secondary]=\"role === 'secondary' || role === 'default'\"\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-link]=\"role === 'link'\"\r\n>\r\n  <span\r\n    *ngIf=\"isloading\"\r\n    class=\"spinner-border spinner-border-sm mr-2\"\r\n    role=\"status\"\r\n    aria-hidden=\"true\"\r\n  ></span>\r\n  <i *ngIf=\"!isloading && icon !== ''\" [ngClass]=\"icon\" [class.mr-2]=\"text\"></i\r\n  >{{text}}\r\n</button>\r\n"}]}],"members":{}},"SacCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacCheckboxCommon","line":26,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"},"multi":true}],"template":"<div\r\n    class=\"row\"\r\n    [class.no-gutters]=\"disablelabel\"\r\n    [class.form-group]=\"!stacked\">\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\">\r\n        <label\r\n            *ngIf=\"!disablelabel && !stacked\"\r\n            for=\"{{ name }}\"\r\n            class=\"col-form-label d-flex\"\r\n            [ngClass]=\"componentHeight | toLabelHeight\">\r\n            <div\r\n                class=\"text flex-grow-0\"\r\n                [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\r\n                >{{ label }}</div\r\n            >\r\n            <sac-tooltip\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\"\r\n                ><span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </label>\r\n    </div>\r\n    <div\r\n        class=\"align-self-center col-12\"\r\n        [ngClass]=\"[!disablelabel && !stacked ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div\r\n            [class.form-check]=\"checkboxstyle === 'checkbox'\"\r\n            [class.custom-control]=\"checkboxstyle === 'switch'\"\r\n            [class.custom-switch]=\"checkboxstyle === 'switch'\"\r\n            [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\r\n            [class.form-check-lg]=\"componentHeight === ControlHeight.Large\">\r\n            <input\r\n                [class.form-check-input]=\"checkboxstyle === 'checkbox'\"\r\n                [class.custom-control-input]=\"checkboxstyle === 'switch'\"\r\n                [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\r\n                [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"checkbox\"\r\n                [checked]=\"value\"\r\n                (blur)=\"onTouch()\"\r\n                (change)=\"setValue($event.target.checked)\"\r\n                [disabled]=\"isdisabled\" />\r\n            <label\r\n                for=\"{{ name }}\"\r\n                [class.form-check-label]=\"checkboxstyle === 'checkbox'\"\r\n                [class.custom-control-label]=\"checkboxstyle === 'switch'\"\r\n                [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n                [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\r\n                <ng-container *ngIf=\"checkboxtext\">{{ checkboxtext }}</ng-container>\r\n            </label>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && (disablelabel || stacked)\"\r\n                class=\"ml-2 mr-1 d-inline-block\"\r\n                [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n                [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\r\n                <sac-tooltip\r\n                    [tooltiptext]=\"helptext\"\r\n                    [inlinemode]=\"true\">\r\n                    <span\r\n                        [ngClass]=\"HelptextTooltipIcon\"\r\n                        class=\"ml-1\">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n        <small\r\n            *ngIf=\"helptextmode === 'text' && helptext\"\r\n            class=\"form-text text-muted\">\r\n            {{ helptext }}\r\n        </small>\r\n    </div>\r\n</div>\r\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":82}]}]}},"SacRadiobuttonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonCommon","line":13,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobutton","template":"<div\r\n    class=\"form-check\"\r\n    [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\r\n    [class.form-check-lg]=\"componentHeight === ControlHeight.Large\"\r\n    *ngIf=\"hidden === false\">\r\n    <input\r\n        id=\"{{ getName }}_{{ getIndex }}\"\r\n        name=\"{{ getName }}\"\r\n        type=\"radio\"\r\n        class=\"form-check-input\"\r\n        [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\r\n        [value]=\"value\"\r\n        [checked]=\"checked\"\r\n        (change)=\"ChangeEvent()\"\r\n        [disabled]=\"isDisabled\" />\r\n    <label\r\n        for=\"{{ getName }}_{{ getIndex }}\"\r\n        class=\"form-check-label\"\r\n        [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\r\n        <ng-template *ngTemplateOutlet=\"labeltemplate || defaultItemLabelTemplate; context: { label: label }\"> </ng-template>\r\n    </label>\r\n    <small\r\n        *ngIf=\"helptextmode === 'text' && helptext\"\r\n        class=\"form-text text-muted\">\r\n        {{ helptext }}\r\n    </small>\r\n    <div\r\n        *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n        class=\"ml-2 mr-1 d-inline-block\"\r\n        [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\r\n        [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\r\n        <sac-tooltip\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </div>\r\n</div>\r\n\r\n<ng-template\r\n    #defaultItemLabelTemplate\r\n    let-label=\"label\">\r\n    <ng-container>{{ label }}</ng-container>\r\n</ng-template>\r\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;margin-top:.4rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":23,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":24,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":17}}],null],"parameters":[{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":18}]}]}},"SacRadiobuttonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonsCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobuttons","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true}],"template":"<div class=\"row form-group\">\r\n    <div\r\n        *ngIf=\"disablelabel === false\"\r\n        class=\"col-12 pt-0\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only']\">\r\n        <label\r\n            class=\"col-form-label d-flex\"\r\n            [ngClass]=\"componentHeight | toLabelHeight\"\r\n            *ngIf=\"!disablelabel\">\r\n            <div\r\n                class=\"text flex-grow-0\"\r\n                [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\r\n                >{{ label }}</div\r\n            >\r\n            <sac-tooltip\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </label>\r\n    </div>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.pt-1]=\"componentHeight === ControlHeight.Small\"\r\n        [class.pt-2]=\"componentHeight !== ControlHeight.Small\">\r\n        <ng-content></ng-content>\r\n        <small\r\n            *ngIf=\"helptextmode === 'text' && helptext\"\r\n            class=\"form-text text-muted\">\r\n            {{ helptext }}\r\n        </small>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacConfirmComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacConfirmCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-confirm","template":"<sac-dialog\r\n  name=\"confirmDialog\"\r\n  [(isvisible)]=\"isvisible\"\r\n  [title]=\"title\"\r\n  [allowesc]=\"false\"\r\n  [closebutton]=\"false\"\r\n  dialogsize=\"small\"\r\n>\r\n  <div dialogbody>\r\n    <div class=\"media\">\r\n      <img\r\n        [attr.src]=\"image\"\r\n        class=\"align-self-center mr-3\"\r\n        *ngIf=\"hasImage()\"\r\n      />\r\n      <div class=\"media-body\">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <ng-container 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      ></sac-button>\r\n    </ng-container>\r\n  </ng-container>\r\n</sac-dialog>\r\n"}]}],"members":{}},"SacContextmenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-contextmenu","template":"<div class=\"dropdown\" [ngClass]=\"cssclass\">\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n  ></ng-container>\r\n\r\n  <div\r\n    class=\"dropdown-menu dropdown-menu-right\"\r\n    sacContextMenuContainer\r\n    [class.show]=\"isopen\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacContextMenuAnchor\r\n    class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  >\r\n    <i [class]=\"IconContextMenu\"></i>\r\n  </button>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":23,"character":16}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":24,"character":16},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":31,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":18}]}]}},"SacContextmenuAnchorDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenuanchor"}]}]}]}},"SacContextmenuItemButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"}}],"template":"<button\r\n    [id]=\"name\"\r\n    type=\"button\"\r\n    class=\"dropdown-item\"\r\n    (click)=\"callaction($event)\"\r\n    [class.disabled]=\"isdisabled\"\r\n    [ngClass]=\"cssclass\"\r\n    [attr.disabled]=\"isdisabled ? 'disabled' : null\">\r\n    <div class=\"d-flex\">\r\n        <div\r\n            *ngIf=\"!isicondisabled\"\r\n            style=\"min-width: 1.5rem\">\r\n            <img\r\n                *ngIf=\"image\"\r\n                [src]=\"image\"\r\n                class=\"align-baseline\" />\r\n            <i\r\n                *ngIf=\"icon\"\r\n                [class]=\"iconstyle + ' ' + icon\"></i>\r\n        </div>\r\n        <div class=\"flex-grow-1\">{{ text }}</div>\r\n    </div>\r\n</button>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SacContextmenuItemSplitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":16,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenusplitter","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"}}],"template":"<div class=\"dropdown-divider\"></div>"}]}],"members":{}},"SacDateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateCommon","line":28,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-date","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [imask]=\"imaskDate\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    [value]=\"valuestring\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    (blur)=\"onTouch()\"\r\n                    (accept)=\"setValueString($event)\"\r\n                    [disabled]=\"isdisabled\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        #pickerbutton\r\n                        class=\"btn btn-secondary\"\r\n                        type=\"button\"\r\n                        (click)=\"showDateSelector()\"\r\n                        [disabled]=\"isdisabled\">\r\n                        <i [class]=\"IconSelector\"></i>\r\n                    </button>\r\n                </div>\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                #picker\r\n                *ngIf=\"_showselector\">\r\n                <div\r\n                    class=\"popover fade show position-absolute m-0\"\r\n                    role=\"tooltip\"\r\n                    *ngIf=\"_showselector\"\r\n                    [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend\"\r\n                    [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top || GetPickerPosition() == TooltipPosition.topend\"\r\n                    [style.left.px]=\"posPopupLeft\"\r\n                    [style.top.px]=\"posPopupTop\">\r\n                    <div\r\n                        #pickerarrow\r\n                        class=\"arrow position-absolute m-0\"\r\n                        style=\"left: unset\"\r\n                        [style.top.px]=\"posArrowTop\"\r\n                        [style.left.px]=\"posArrowLeft\">\r\n                    </div>\r\n\r\n                    <div class=\"popover-body\">\r\n                        <sac-dateselector\r\n                            [initialvalue]=\"value\"\r\n                            (selectdate)=\"dateselect($event)\"\r\n                            dateselection=\"true\"></sac-dateselector>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":39,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":39,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":15}]}]}},"SacDateSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateSelectorCommon","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-dateselector","template":"<div class=\"calendar-selector\">\r\n  <div *ngIf=\"dateselection\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col text-left\">\r\n          <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\r\n        </div>\r\n        <div class=\"col text-center\">{{month+1}}/{{year}}</div>\r\n        <div class=\"col text-right\">\r\n          <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div></div>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <ng-container *ngFor=\"let week of dates; let i=index\">\r\n          <ng-container *ngFor=\"let item of week\">\r\n            <div\r\n              class=\"p-2 col text-center\"\r\n              [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\r\n              [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\r\n              (click)=\"selectDate(item)\"\r\n            >\r\n              {{ item.displaytext }}\r\n            </div>\r\n          </ng-container>\r\n          <div class=\"w-100\"></div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row justify-content-start\" *ngIf=\"timeselection\">\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Stunde</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getHours()\"\r\n          (input)=\"setHours($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"23\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <div class=\"form-group\">\r\n        <label>Minute</label>\r\n        <input\r\n          type=\"number\"\r\n          class=\"form-control form-control-sm\"\r\n          [value]=\"getMinutes()\"\r\n          (input)=\"setMinutes($event.target.value)\"\r\n          min=\"0\"\r\n          max=\"59\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"d-flex flex-row\">\r\n    <div class=\"mr-auto p-2\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToday()\">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"resetSelection()\"\r\n      >\r\n        Reset\r\n      </button>\r\n    </div>\r\n    <div class=\"p-2\">\r\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"applySelection()\">\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{}},"SacDateTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateTimeCommon","line":25,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-datetime","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [imask]=\"imaskDate\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    [value]=\"valuestring\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    (blur)=\"onTouch()\"\r\n                    (accept)=\"setValueString($event)\"\r\n                    [disabled]=\"isdisabled\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        #pickerbutton\r\n                        class=\"btn btn-secondary\"\r\n                        type=\"button\"\r\n                        (click)=\"showDateSelector()\"\r\n                        [disabled]=\"isdisabled\">\r\n                        <i [class]=\"IconSelector\"></i>\r\n                    </button>\r\n                </div>\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n\r\n            <div\r\n                #picker\r\n                *ngIf=\"_showselector\"\r\n                ><div\r\n                    class=\"popover fade show position-absolute m-0\"\r\n                    role=\"tooltip\"\r\n                    [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend\"\r\n                    [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top || GetPickerPosition() == TooltipPosition.topend\"\r\n                    [style.left.px]=\"posPopupLeft\"\r\n                    [style.top.px]=\"posPopupTop\">\r\n                    <div\r\n                        #pickerarrow\r\n                        class=\"arrow position-absolute m-0\"\r\n                        style=\"left: unset\"\r\n                        [style.top.px]=\"posArrowTop\"\r\n                        [style.left.px]=\"posArrowLeft\">\r\n                    </div>\r\n                    <div class=\"popover-body\">\r\n                        <sac-dateselector\r\n                            [initialvalue]=\"value\"\r\n                            (selectdate)=\"dateselect($event)\"\r\n                            dateselection=\"true\"\r\n                            timeselection=\"true\"></sac-dateselector>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTimeCommon","line":25,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-time","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [imask]=\"imaskDate\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    [value]=\"valuestring\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    (blur)=\"onTouch()\"\r\n                    (accept)=\"setValueString($event)\"\r\n                    [disabled]=\"isdisabled\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        #pickerbutton\r\n                        class=\"btn btn-secondary\"\r\n                        type=\"button\"\r\n                        (click)=\"showTimeSelector()\"\r\n                        [disabled]=\"isdisabled\">\r\n                        <i [class]=\"IconSelector\"></i>\r\n                    </button>\r\n                </div>\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                #picker\r\n                *ngIf=\"_showselector\">\r\n                <div\r\n                    class=\"popover fade show position-absolute m-0\"\r\n                    role=\"tooltip\"\r\n                    [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend\"\r\n                    [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top || GetPickerPosition() == TooltipPosition.topend\"\r\n                    [style.left.px]=\"posPopupLeft\"\r\n                    [style.top.px]=\"posPopupTop\">\r\n                    <div\r\n                        #pickerarrow\r\n                        class=\"arrow position-absolute m-0\"\r\n                        style=\"left: unset\"\r\n                        [style.top.px]=\"posArrowTop\"\r\n                        [style.left.px]=\"posArrowLeft\">\r\n                    </div>\r\n\r\n                    <div class=\"popover-body\">\r\n                        <sac-dateselector\r\n                            [initialvalue]=\"value\"\r\n                            (selectdate)=\"timeselect($event)\"\r\n                            timeselection=\"true\"></sac-dateselector>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDialogCommon","line":17,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sac-dialog","template":"<div\r\n  #dialog\r\n  class=\"modal show\"\r\n  style=\"display: block\"\r\n  tabindex=\"-1\"\r\n  role=\"dialog\"\r\n  *ngIf=\"_show\"\r\n>\r\n  <div\r\n    class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\"\r\n    role=\"document\"\r\n    [class.modal-xl]=\"_size === 'extralarge'\"\r\n    [class.modal-lg]=\"_size === 'large'\"\r\n    [class.modal-sm]=\"_size === 'small'\"\r\n  >\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\">{{title}}</h5>\r\n        <button\r\n          type=\"button\"\r\n          class=\"close\"\r\n          data-dismiss=\"modal\"\r\n          aria-label=\"Close\"\r\n          (click)=\"hide()\"\r\n          *ngIf=\"closebutton\"\r\n        >\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\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>\r\n    <!-- /.modal-content -->\r\n  </div>\r\n  <!-- /.modal-dialog -->\r\n</div>\r\n<!-- /.modal -->\r\n<div class=\"modal-backdrop show\" *ngIf=\"_show && backdrop\" #backdrop></div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SacFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":20,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),[ngForm]","exportAs":"sacform"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":25,"character":20}]}],"cssClassForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.form"]}]}]}},"SacInheritFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":26,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[sacInheritForm]","exportAs":"sacinheritform","providers":[{"provide":{"__symbolic":"reference","name":"SacFormDirective"},"useFactory":{"__symbolic":"reference","name":"SACFORM_FACTORY"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":17,"character":18}},{"__symbolic":"reference","name":"SacFormDirective"}]]},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":15},"useFactory":{"__symbolic":"reference","name":"NGFORM_FACTORY"},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":22,"character":13}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":24}]}]}},"NGFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SACFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SacGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridCommon","line":27,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-grid","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}}],"template":"<div class=\"table-responsive\">\r\n  <table class=\"table table-striped table-hover\" id=\"{{name}}\">\r\n    <thead class=\"thead-light\">\r\n      <tr>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\"\r\n        >\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\r\n            *ngTemplateOutlet=\"template; context { row: item, type: 'body'}\"\r\n          >\r\n          </ng-container>\r\n        </tr>\r\n      </ng-container>\r\n      <tr\r\n        *ngIf=\"value === undefined || value === null || value.length===0\"\r\n        data-e2e=\"emptyrow\"\r\n      >\r\n        <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\r\n      </tr>\r\n    </tbody>\r\n    <tfoot *ngIf=\"pagerdata\">\r\n      <tr>\r\n        <td [attr.colspan]=\"ColumnCount\">\r\n          <div class=\"container-fluid\">\r\n            <sac-paging\r\n              name=\"{{name}}Paging\"\r\n              (paging)=\"pageChange($event)\"\r\n              [pagerdata]=\"pagerdata\"\r\n              [pagesizes]=\"pagesizes\"\r\n              [pagingtext]=\"pagingtext\"\r\n              [pagesizetext]=\"pagesizetext\"\r\n              [pagesizedisabled]=\"pagesizedisabled\"\r\n            ></sac-paging>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </tfoot>\r\n  </table>\r\n</div>\r\n"}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":33,"character":16},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":50}]}]}},"SacGridButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridButtonCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"SacGridColumnComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnCommon","line":20,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumn","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"SacGridColumnComponent"}}],"template":"<th\r\n    scope=\"col\"\r\n    *ngIf=\"IsHeader()\"\r\n    [style.width]=\"width\"\r\n    (click)=\"SortByColumn()\">\r\n    <span>{{ header }}</span>\r\n    <span\r\n        class=\"pl-2\"\r\n        [class]=\"IconSortUp\"\r\n        *ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\r\n    <span\r\n        class=\"pl-2\"\r\n        [class]=\"IconSortDown\"\r\n        *ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></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    (click)=\"ColumnClick()\"\r\n    [style.max-width]=\"IsEllipsis() ? width : null\"\r\n    [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\r\n    [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\r\n    [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\">\r\n    <span\r\n        [attr.title]=\"IsEllipsis() ? value : null\"\r\n        [innerHtml]=\"value\"></span>\r\n</td>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"SacGridColumnActionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnActionCommon","line":20,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumnaction","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"SacGridColumnActionComponent"}}],"template":"<th scope=\"col\" *ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\r\n<td scope=\"col\" class=\"px-2\" *ngIf=\"IsBody()\">\r\n   <ng-content></ng-content>\r\n</td>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"SacGridImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridImageCommon","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridimage","template":"<span><span class=\"{{getIconClass()}}\"></span></span>\r\n"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"SacPagingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacPagingCommon","line":20,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-paging","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}}],"template":"<div\r\n  class=\"d-flex justify-content-between align-items-center flex-wrap\"\r\n  id=\"{{name}}\"\r\n>\r\n  <div class=\"col-pagination order-2 order-md-1\" id=\"{{name}}_pages\">\r\n    <ul class=\"pagination mb-4 mb-md-0\">\r\n      <li\r\n        class=\"page-item\"\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === firstPageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"firstPage()\">«</a>\r\n      </li>\r\n      <li\r\n        class=\"page-item\"\r\n        *ngFor=\"let page of paginators; let i = index\"\r\n        [ngClass]=\"{'active': page === activePageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"changePage(page)\">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        class=\"page-item\"\r\n        [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === lastPageIndex}\"\r\n      >\r\n        <a class=\"page-link\" (click)=\"lastPage()\">»</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"col-summary order-1 order-md-2\">\r\n    <div class=\"mb-4 mb-md-0 mr-4 mb-md-0\">{{ PagingText | async }}</div>\r\n  </div>\r\n  <div class=\"col-pagesize order-3\" *ngIf=\"!pagesizedisabled\">\r\n    <div class=\"d-flex align-items-center\" id=\"{{name}}_size\">\r\n      <select\r\n        class=\"form-control form-control-sm\"\r\n        style=\"width: 85px\"\r\n        [ngModel]=\"pageSize\"\r\n        (ngModelChange)=\"changePageSize($event)\"\r\n      >\r\n        <option [ngValue]=\"size\" *ngFor=\"let size of getPageSizes\">\r\n          {{size}}\r\n        </option>\r\n      </select>\r\n      <div class=\"ml-2\">{{ PageSizeText | async }}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":24}]}]}},"SacInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCommon","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":15,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <input\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"text\"\r\n                class=\"form-control\"\r\n                [value]=\"value\"\r\n                [attr.placeholder]=\"placeholder\"\r\n                [readonly]=\"readonly\"\r\n                (blur)=\"onTouch()\"\r\n                (input)=\"setValue($event.target.value)\"\r\n                (keypress)=\"onKeyPress($event)\"\r\n                [attr.maxlength]=\"maxtextlength\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                [disabled]=\"isdisabled\" />\r\n\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":14}]}]}},"SacInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputAreaCommon","line":25,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}}],"template":"<div class=\"form-group row\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <textarea\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"\"\r\n                class=\"form-control\"\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                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                [disabled]=\"isdisabled\"\r\n                [attr.maxlength]=\"maxtextlength\"\r\n                [readonly]=\"readonly\"></textarea>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputCurrencyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCurrencyCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputcurrency","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"value\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"setValue($event.target.value)\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (keypress)=\"onKeyPress($event)\"\r\n                    [disabled]=\"isdisabled\"\r\n                    [readonly]=\"readonly\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\" />\r\n                <div class=\"input-group-append\">\r\n                    <span class=\"input-group-text\">{{ currency }}</span>\r\n                </div>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputDecimalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputDecimalCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputdecimal","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <input\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"text\"\r\n                class=\"form-control\"\r\n                [value]=\"value\"\r\n                (blur)=\"onTouch()\"\r\n                (input)=\"setValue($event.target.value)\"\r\n                [attr.placeholder]=\"placeholder\"\r\n                [readonly]=\"readonly\"\r\n                (keypress)=\"onKeyPress($event)\"\r\n                [disabled]=\"isdisabled\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\" />\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputEmailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputEmailCommon","line":25,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputemail","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}}],"template":"<div class=\"form-group row\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <div class=\"input-group-prepend\">\r\n                    <span class=\"input-group-text\">@</span>\r\n                </div>\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"value\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"setValue($event.target.value)\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    [attr.maxlength]=\"maxtextlength\"\r\n                    autocomplete=\"email\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\"\r\n                    [readonly]=\"readonly\" />\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputIntegerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputIntegerCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputinteger","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}}],"template":"<div class=\"form-group row\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <input\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"text\"\r\n                class=\"form-control\"\r\n                [value]=\"value\"\r\n                (blur)=\"onTouch()\"\r\n                (input)=\"setValue($event.target.value)\"\r\n                [attr.placeholder]=\"placeholder\"\r\n                (keypress)=\"onKeyPress($event)\"\r\n                [disabled]=\"isdisabled\"\r\n                [readonly]=\"readonly\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\" />\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputPasswordComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputPasswordCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputpassword","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}}],"template":"<div class=\"form-group row\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <input\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                type=\"password\"\r\n                class=\"form-control\"\r\n                [attr.placeholder]=\"placeholder\"\r\n                [value]=\"value\"\r\n                (blur)=\"onTouch()\"\r\n                (input)=\"setValue($event.target.value)\"\r\n                [attr.maxlength]=\"maxtextlength\"\r\n                autocomplete=\"new-password\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                [disabled]=\"isdisabled\"\r\n                [readonly]=\"readonly\" />\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputSearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputSearchCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputsearch","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"value\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"setValue($event.target.value)\"\r\n                    [attr.maxlength]=\"maxtextlength\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\"\r\n                    [readonly]=\"readonly\" />\r\n                <div class=\"input-group-append\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"btn btn-secondary\"\r\n                        id=\"{{ name }}_search\"\r\n                        (click)=\"searchClick()\">\r\n                        <i\r\n                            *ngIf=\"buttonmode === 'icon' || buttonmode === 'mixed'\"\r\n                            [class]=\"iconname\"\r\n                            [class.mr-2]=\"buttonmode === 'mixed'\"></i>\r\n                        <ng-container *ngIf=\"buttonmode === 'text' || buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacFormLayoutDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormLayoutCommon","line":6,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[sacFormLayout]"}]}],"members":{}},"SacToControlHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToControlWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}],"calcControlSize":[{"__symbolic":"method"}]}},"SacToLabelHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToLabelWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacDropdownComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownCommon","line":39,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-dropdown","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\"\r\n        ><div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <select\r\n                #dropdownitem\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                class=\"form-control\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                (blur)=\"onTouch()\"\r\n                (change)=\"setValue(dropdownitem.value)\"\r\n                [disabled]=\"isdisabled\">\r\n                <option\r\n                    *ngIf=\"emptylabel !== ''\"\r\n                    [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                        <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </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                        <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                            <ng-template *ngTemplateOutlet=\"optionlabeltemplate || defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </ng-template>\r\n                        </option>\r\n                    </optgroup>\r\n                </ng-container>\r\n            </select>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                class=\"invalid-feedback\"\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template\r\n    #defaultItemLabelTemplate\r\n    let-label=\"label\">\r\n    {{ label }}\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":51,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16}]}]}},"SacDropdownOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownOptionCommon","line":65,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":64,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":77,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","name":"SacDropdownComponent"}]}]}},"SacListboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxCommon","line":39,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-listbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\"\r\n        ><div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <select\r\n                multiple\r\n                id=\"{{ name }}\"\r\n                name=\"{{ name }}\"\r\n                class=\"form-control\"\r\n                [size]=\"rowsize\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                (blur)=\"onTouch()\"\r\n                (change)=\"getSelectedItems($event.target)\"\r\n                [disabled]=\"isdisabled\">\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                        {{ option[optionlabel] }}\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                        <option\r\n                            *ngFor=\"let item of option[groupitems]\"\r\n                            [value]=\"item[optionvalue]\"\r\n                            [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\r\n                            {{ item[optionlabel] }}\r\n                        </option>\r\n                    </optgroup>\r\n                </ng-container>\r\n            </select>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                class=\"invalid-feedback\"\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":14}]}]}},"SacListboxOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxOptionCommon","line":61,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":60,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":73,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":72,"character":14},{"__symbolic":"reference","name":"SacListboxComponent"}]}]}},"SacMultilanguageInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputCommon","line":28,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinput","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <input\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"LanguageValue\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (blur)=\"onTouch()\"\r\n                    (input)=\"SetLanguageValue($event.target.value)\"\r\n                    [attr.maxlength]=\"maxtextlength\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\" />\r\n                <div\r\n                    placement=\"bottom-right\"\r\n                    class=\"input-group-append\"\r\n                    sac-multilanguagemenu\r\n                    [buttontemplate]=\"menuButton\"\r\n                    #contextmenu>\r\n                    <ng-template #menuButton>\r\n                        <button\r\n                            sacMultilanguageMenuAnchor\r\n                            [id]=\"name + '_dropdownitem'\"\r\n                            type=\"button\"\r\n                            class=\"btn dropdown-toggle\"\r\n                            (click)=\"contextmenu.toggle()\"\r\n                            [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\r\n                            <img\r\n                                src=\"{{ SelectedIcon }}\"\r\n                                class=\"align-baseline mr-1 ml-1\"\r\n                                *ngIf=\"SelectedIconType === IconType.Image\" />\r\n                            <span\r\n                                [ngClass]=\"SelectedIcon\"\r\n                                class=\"align-baseline mr-1 ml-1\"\r\n                                *ngIf=\"SelectedIconType === IconType.CssSprite\"></span>\r\n                        </button>\r\n                    </ng-template>\r\n                    <ng-container *ngFor=\"let sprache of Languages\">\r\n                        <sac-multilanguagemenubutton\r\n                            *ngIf=\"sprache.IconType === IconType.Image\"\r\n                            text=\"{{ sprache.Text }}\"\r\n                            image=\"{{ sprache.Icon }}\"\r\n                            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\r\n                            (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\r\n                        <sac-multilanguagemenubutton\r\n                            *ngIf=\"sprache.IconType === IconType.CssSprite\"\r\n                            text=\"{{ sprache.Text }}\"\r\n                            icon=\"{{ sprache.Icon }}\"\r\n                            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\r\n                            (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"row\">\r\n    <div class=\"col text-right\"></div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"SacMultilanguageInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputAreaCommon","line":28,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <textarea\r\n                    id=\"{{ name }}\"\r\n                    name=\"{{ name }}\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    [value]=\"LanguageValue\"\r\n                    [attr.placeholder]=\"placeholder\"\r\n                    (blur)=\"onTouch()\"\r\n                    style=\"height: auto\"\r\n                    (input)=\"SetLanguageValue($event.target.value)\"\r\n                    [attr.rows]=\"rows\"\r\n                    [attr.maxlength]=\"maxtextlength\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [disabled]=\"isdisabled\"></textarea>\r\n\r\n                <div\r\n                    placement=\"bottom-right\"\r\n                    class=\"input-group-append\"\r\n                    sac-multilanguagemenu\r\n                    [buttontemplate]=\"menuButton\"\r\n                    #contextmenu>\r\n                    <ng-template #menuButton>\r\n                        <button\r\n                            sacMultilanguageMenuAnchor\r\n                            [id]=\"name + '_dropdownitem'\"\r\n                            type=\"button\"\r\n                            class=\"btn dropdown-toggle\"\r\n                            (click)=\"contextmenu.toggle()\"\r\n                            [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\r\n                            <img\r\n                                src=\"{{ SelectedIcon }}\"\r\n                                class=\"align-baseline mr-1 ml-1\"\r\n                                *ngIf=\"SelectedIconType === IconType.Image\" />\r\n                            <i\r\n                                [ngClass]=\"SelectedIcon\"\r\n                                class=\"align-baseline mr-1 ml-1\"\r\n                                *ngIf=\"SelectedIconType === IconType.CssSprite\"></i>\r\n                        </button>\r\n                    </ng-template>\r\n                    <ng-container *ngFor=\"let sprache of Languages\">\r\n                        <sac-multilanguagemenubutton\r\n                            *ngIf=\"sprache.IconType === IconType.Image\"\r\n                            text=\"{{ sprache.Text }}\"\r\n                            image=\"{{ sprache.Icon }}\"\r\n                            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\r\n                            (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\r\n                        <sac-multilanguagemenubutton\r\n                            *ngIf=\"sprache.IconType === IconType.CssSprite\"\r\n                            text=\"{{ sprache.Text }}\"\r\n                            icon=\"{{ sprache.Icon }}\"\r\n                            [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\r\n                            (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"row\">\r\n    <div class=\"col text-right\"></div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"SacStaticFormContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticFormContainerCommon","line":36,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sac-staticformcontainer","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":30,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div\r\n            [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            [class.was-validated]=\"isinlineerrorenabled && isinvalid && errormessage\">\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 }}\r\n            </label>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                class=\"invalid-feedback\"\r\n                *ngIf=\"isinlineerrorenabled && isinvalid && errormessage\">\r\n                {{ errormessage }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":44,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":82}]}]}},"SacStaticLabelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticLabelCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-staticlabel","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}}],"template":"<div\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\"></span> </sac-tooltip\r\n    ></label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div>\r\n            <div\r\n                [id]=\"name\"\r\n                class=\"form-control-plaintext\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                [innerHTML]=\"value\"></div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabCommon","line":11,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-tab","template":"<!-- Nav tabs -->\r\n<div class=\"nav nav-tabs\" role=\"tablist\">\r\n  <a\r\n    *ngFor=\"let item of _tabItems\"\r\n    [id]=\"GetTabItemButtonId(item.id)\"\r\n    role=\"tab\"\r\n    class=\"nav-item nav-link active\"\r\n    data-toggle=\"tab\"\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    >{{item.label}}</a\r\n  >\r\n</div>\r\n\r\n<!-- Tab panes -->\r\n<div class=\"tab-content pl-3 pt-2\">\r\n  <ng-content></ng-content>\r\n</div>\r\n"}]}],"members":{"_tabItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"tabItems":[{"__symbolic":"method"}]}},"SacTabItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabItemCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-tabitem","template":"<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\" *ngIf=\"(unloadwhenhidden === true && active === true) || unloadwhenhidden === false\" class=\"tab-pane\">\r\n  <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\r\n</div>\r\n"}]}],"members":{}},"SacTinyMceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTinyMceCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-tinymce","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"},"multi":true}],"template":"<div class=\"row form-group\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\"\r\n        ><div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\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    <ng-container dialogbody>\r\n        <sac-filebrowser\r\n            [apiurl]=\"filebrowserapiurl\"\r\n            (file)=\"selectDialogSettings.value = $event\"\r\n            [allowfoldercreate]=\"allowfoldercreate\"\r\n            [allowfolderrename]=\"allowfolderrename\"\r\n            [allowfolderdelete]=\"allowfolderdelete\"\r\n            [allowfileupload]=\"allowfileupload\"\r\n            [allowfilerename]=\"allowfilerename\"\r\n            [allowfiledelete]=\"allowfiledelete\"\r\n            [selectedfile]=\"selectDialogSettings.value\"\r\n            [allowedtypes]=\"selectDialogSettings.allowedtypes\"></sac-filebrowser>\r\n    </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()\"></sac-button>\r\n        <sac-button\r\n            [name]=\"name + '_modalClose'\"\r\n            text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) | async }}\"\r\n            (clicked)=\"closeSelectDialog()\"></sac-button>\r\n    </ng-container>\r\n</sac-dialog>\r\n","styles":[".is-invalid{border:1px solid var(--red)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":35,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":25}}],null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":82},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":35,"character":100}]}],"overwriteDefaultSettings":[{"__symbolic":"method"}]}},"SacTooltipComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTooltipCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-tooltip","template":"<div [style.display]=\"inlinemode ? 'inline' : null\">\r\n  <div\r\n    #container\r\n    (mouseenter)=\"ShowTooltip()\"\r\n    (mouseleave)=\"HideTooltip()\"\r\n    [style.display]=\"inlinemode ? 'inline' : null\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div #tooltip *ngIf=\"IsTooltipVisible()\">\r\n    <div\r\n      [class.show]=\"IsTooltipContentVisible\"\r\n      class=\"tooltip bs-tooltip-auto fade\"\r\n      style=\"position: absolute\"\r\n      [style.left.px]=\"LeftPos\"\r\n      [style.top.px]=\"TopPos\"\r\n      [class.top]=\"GetTooltipPosition() === TooltipPosition.top\"\r\n      [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\r\n      [class.right]=\"GetTooltipPosition() === TooltipPosition.right\"\r\n      [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\"\r\n      [attr.x-placement]=\"GetTooltipPosition() == TooltipPosition.right ? 'right' : GetTooltipPosition() == TooltipPosition.left ? 'left' :  GetTooltipPosition() == TooltipPosition.top ? 'top' :GetTooltipPosition() == TooltipPosition.bottom ? 'bottom' : null\"\r\n    >\r\n      <div\r\n        class=\"arrow\"\r\n        style=\"position: absolute\"\r\n        [style.top.px]=\"GetTooltipPosition() === TooltipPosition.left || GetTooltipPosition() === TooltipPosition.right ? (getToolTipHeight() / 2) - 6.5 : null\"\r\n        [style.left.px]=\"GetTooltipPosition() === TooltipPosition.bottom || GetTooltipPosition() === TooltipPosition.top ? (getToolTipWidth() / 2) - 6.5 : null\"\r\n      ></div>\r\n      <div class=\"tooltip-inner\">{{tooltiptext}}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":45}]}],"getTooltipOffset":[{"__symbolic":"method"}]}},"SacTreeviewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTreeviewCommon","line":24,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-treeview","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"},"multi":true}],"template":"<div\r\n    class=\"row mb-3\"\r\n    [class.g-0]=\"disablelabel\">\r\n    <label\r\n        for=\"{{ name }}\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"w-100\"\r\n                [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\r\n                [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n                <ul\r\n                    class=\"list-group list-group-flush\"\r\n                    id=\"{{ name }}\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\"\r\n                    [class.border]=\"invalid && (dirty || touched)\"\r\n                    [class.border-danger]=\"invalid && (dirty || touched)\">\r\n                    <ng-container *ngFor=\"let node of data\">\r\n                        <ng-template\r\n                            [ngTemplateOutlet]=\"treeItem\"\r\n                            [ngTemplateOutletContext]=\"{ node: node, deep: 0, path: '', textpath: '' }\">\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </ul>\r\n\r\n                <div\r\n                    *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                    class=\"invalid-feedback\">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n\r\n                <small\r\n                    *ngIf=\"helptextmode === 'text' && helptext\"\r\n                    class=\"form-text text-muted\">\r\n                    {{ helptext }}\r\n                </small>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n                [ngClass]=\"[componentHeight | toControlHeight]\">\r\n                <sac-tooltip\r\n                    [tooltiptext]=\"helptext\"\r\n                    [inlinemode]=\"true\">\r\n                    <span\r\n                        [ngClass]=\"HelptextTooltipIcon\"\r\n                        class=\"ml-1\">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template\r\n    #treeItem\r\n    let-node=\"node\"\r\n    let-deep=\"deep\"\r\n    let-path=\"path\"\r\n    let-textpath=\"textpath\">\r\n    <li\r\n        class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\r\n        [class.active]=\"isSelectedState(node)\"\r\n        (mouseenter)=\"setHoverState(node, true)\"\r\n        (mouseleave)=\"setHoverState(node, false)\"\r\n        style=\"cursor: pointer\"\r\n        attr.data-path=\"{{ path }}/{{ getStringField(node, attrid) }}\"\r\n        attr.data-textpath=\"{{ textpath }}/{{ getStringField(node, attrlabel) }}\">\r\n        <div\r\n            class=\"mx-3\"\r\n            *ngFor=\"let i of count(deep)\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            *ngIf=\"expandedstate === 'true' || expandedstate === true\"\r\n            class=\"mr-2\"\r\n            [ngClass]=\"!hasChildren(node) ? iconFolderEmpty : !isExpandedState(node) ? iconFolderCollabsed : isExpandedState(node) ? iconFolderOpen : ''\">\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            *ngIf=\"attricon && getStringField(node, attricon)\">\r\n            <ng-template\r\n                [ngTemplateOutlet]=\"templateicon || defaultTemplateIcon\"\r\n                [ngTemplateOutletContext]=\"{ node: node }\">\r\n            </ng-template>\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"onNodeClicked(node)\"\r\n            class=\"flex-grow-1 py-1\"\r\n            [style.overflow]=\"enableellipsis ? 'hidden' : null\"\r\n            [style.text-overflow]=\"enableellipsis ? 'ellipsis' : null\"\r\n            [style.white-space]=\"enableellipsis ? 'nowrap' : null\">\r\n            <ng-template\r\n                [ngTemplateOutlet]=\"templatelabel || defaultTemplateLabel\"\r\n                [ngTemplateOutletContext]=\"{ node: node, label: getStringField(node, attrlabel) }\">\r\n            </ng-template>\r\n        </div>\r\n\r\n        <div\r\n            (click)=\"setSelectedState(node)\"\r\n            class=\"flex-shrink-0\"\r\n            *ngIf=\"!isDisabledState(node) && (showactionalways || isSelectedState(node) || isHoverState(node))\">\r\n            <ng-template\r\n                [ngTemplateOutlet]=\"templateaction || defaultTemplateAction\"\r\n                [ngTemplateOutletContext]=\"{ node: node, actionhandler: onActionClicked.bind(this) }\">\r\n            </ng-template>\r\n        </div>\r\n    </li>\r\n\r\n    <ng-container *ngIf=\"isExpandedState(node)\">\r\n        <ng-template\r\n            *ngFor=\"let child of getChildren(node)\"\r\n            [ngTemplateOutlet]=\"treeItem\"\r\n            [ngTemplateOutletContext]=\"{\r\n                node: child,\r\n                deep: deep + 1,\r\n                path: path + '/' + getStringField(node, attrid),\r\n                textpath: textpath + '/' + getStringField(node, attrlabel)\r\n            }\">\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #defaultTemplateLabel\r\n    let-label=\"label\"\r\n    let-node=\"node\">\r\n    <span [title]=\"label\">\r\n        {{ label }}\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #defaultTemplateIcon\r\n    let-node=\"node\">\r\n    <div\r\n        class=\"mr-2\"\r\n        [ngClass]=\"getStringField(node, attricon)\">\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #defaultTemplateAction\r\n    let-node=\"node\"\r\n    let-actionhandler=\"actionhandler\">\r\n    <a\r\n        class=\"btn btn-sm btn-link text-secondary\"\r\n        (click)=\"actionhandler({ action: 'default', node: node })\">\r\n        <i [class]=\"iconAction\"></i>\r\n    </a>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":32,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":82}]}]}},"SacDropzoneMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneMultipleCommon","line":26,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonemultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}}],"template":"<div\r\n    id=\"{{ name }}\"\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}_uploadinput\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\"></span> </sac-tooltip\r\n    ></label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"dropzone d-flex justify-content-center position-relative\"\r\n                (drop)=\"dropHandler($event)\"\r\n                (dragover)=\"onDragOver($event)\"\r\n                (dragleave)=\"onDragLeave($event)\"\r\n                [class.active]=\"active\"\r\n                [style.min-height]=\"uploadheight\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\">\r\n                <div\r\n                    class=\"content d-flex justify-content-center\"\r\n                    *ngIf=\"uploads.length === 0\">\r\n                    <div class=\"align-self-center text-center\">\r\n                        <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    class=\"content d-flex justify-content-center\"\r\n                    *ngIf=\"uploads.length > 0\">\r\n                    <div class=\"align-self-center progress-container\">\r\n                        <div\r\n                            class=\"dropzone-uploadstates\"\r\n                            [class.mt-1]=\"i > 0\"\r\n                            *ngFor=\"let file of uploads; let i = index\">\r\n                            <div\r\n                                class=\"input-group upload-component upload-component-multiple\"\r\n                                [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n                                [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n                                <div class=\"form-control upload-progress border-secondary\">\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                                            <span class=\"progress-text text-dark\">{{ file.name }}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"input-group-append\">\r\n                                    <!-- image-preview-clear button -->\r\n                                    <a\r\n                                        class=\"btn\"\r\n                                        (click)=\"cancel(file.uploadId)\"\r\n                                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                        <span [class]=\"IconDelete\"></span>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <input\r\n                    #files\r\n                    multiple\r\n                    id=\"{{ name }}_uploadinput\"\r\n                    type=\"file\"\r\n                    class=\"custom-file-input\"\r\n                    (click)=\"files.value = ''\"\r\n                    (uploadxState)=\"onUpload($event)\"\r\n                    [disabled]=\"HasQueueItem()\" />\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacDropzoneSingleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneSingleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonesingle","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}}],"template":"<div\r\n    id=\"{{ name }}\"\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}_uploadinput\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\"\r\n            ><span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\"></span> </sac-tooltip\r\n    ></label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n            <div\r\n                class=\"dropzone d-flex justify-content-center position-relative\"\r\n                (drop)=\"dropHandler($event)\"\r\n                (dragover)=\"onDragOver($event)\"\r\n                (dragleave)=\"onDragLeave($event)\"\r\n                [style.min-height]=\"uploadheight\"\r\n                [class.active]=\"active\"\r\n                [class.is-invalid]=\"invalid && (dirty || touched)\">\r\n                <div\r\n                    class=\"content d-flex justify-content-center\"\r\n                    *ngIf=\"uploads.length === 0\">\r\n                    <div class=\"align-self-center text-center\">\r\n                        <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    class=\"content d-flex justify-content-center\"\r\n                    *ngIf=\"uploads.length > 0\">\r\n                    <div class=\"align-self-center progress-container\">\r\n                        <div\r\n                            class=\"dropzone-uploadstates\"\r\n                            *ngFor=\"let file of uploads\">\r\n                            <div\r\n                                class=\"input-group upload-component upload-component-multiple\"\r\n                                [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\r\n                                [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\r\n                                <div class=\"form-control upload-progress border-secondary\">\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                                            <span class=\"progress-text text-dark\">{{ file.name }}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"input-group-append\">\r\n                                    <!-- image-preview-clear button -->\r\n                                    <a\r\n                                        class=\"btn\"\r\n                                        (click)=\"cancel(file.uploadId)\"\r\n                                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                        <span [class]=\"IconDelete\"></span>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <input\r\n                    #files\r\n                    id=\"{{ name }}_uploadinput\"\r\n                    type=\"file\"\r\n                    class=\"custom-file-input\"\r\n                    (click)=\"files.value = ''\"\r\n                    (uploadxState)=\"onUpload($event)\"\r\n                    [disabled]=\"HasQueueItem()\" />\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacUploadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadSingleCommon","line":34,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"sac-upload","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}}],"template":"<div\r\n    id=\"{{ name }}\"\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}_uploadinput\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\"\r\n        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\r\n        <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\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                [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\r\n                <div class=\"input-group-prepend\">\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                        <i\r\n                            class=\"pr-2\"\r\n                            [ngClass]=\"IconBrowse\"></i>\r\n                        <span class=\"upload-browse\">{{ lngResourceService.GetString(validationKeyService.UploadButtonBrowse) | async }}</span>\r\n                        <input\r\n                            type=\"file\"\r\n                            id=\"{{ name }}_uploadinput\"\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                    </div>\r\n                </div>\r\n                <div\r\n                    class=\"form-control upload-progress\"\r\n                    [ngClass]=\"[componentHeight | toControlHeight]\"\r\n                    [class.is-invalid]=\"invalid && (dirty || touched)\">\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                            <span class=\"progress-text text-dark\">{{ Filename() | async }}</span>\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-append\">\r\n                    <!-- image-preview-clear button -->\r\n                    <button\r\n                        class=\"btn\"\r\n                        (click)=\"cancelAll()\"\r\n                        [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                        [class.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                        <span [ngClass]=\"IconDelete\"></span>\r\n                    </button>\r\n                    <button\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.disabled]=\"IsUploading() === false ? 'disabled' : null\"\r\n                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                        <span [ngClass]=\"IconPause\"></span>\r\n                    </button>\r\n                    <button\r\n                        *ngIf=\"autoupload && enablepause && IsPaused()\"\r\n                        class=\"btn\"\r\n                        (click)=\"uploadAll()\"\r\n                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                        <span [ngClass]=\"IconContinue\"></span>\r\n                    </button>\r\n                    <button\r\n                        *ngIf=\"autoupload === false\"\r\n                        class=\"btn text-nowrap\"\r\n                        (click)=\"uploadAll()\"\r\n                        [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\r\n                        [class.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\r\n                        [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                        [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                        <span\r\n                            [ngClass]=\"IconUpload\"\r\n                            class=\"pr-2\"></span\r\n                        >{{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <small\r\n                *ngIf=\"helptextmode === 'text' && helptext\"\r\n                class=\"form-text text-muted\">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                class=\"invalid-feedback\">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n            <sac-tooltip\r\n                [tooltiptext]=\"helptext\"\r\n                [inlinemode]=\"true\">\r\n                <span\r\n                    [ngClass]=\"HelptextTooltipIcon\"\r\n                    class=\"ml-1\">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.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{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":47,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":12}]}]}},"SacUploadMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadMultipleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-uploadmultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}}],"template":"<div\r\n    id=\"{{ name }}\"\r\n    class=\"row form-group\"\r\n    [class.no-gutters]=\"disablelabel\">\r\n    <label\r\n        *ngIf=\"disablelabel === false && !isAdaptiveLabel\"\r\n        id=\"{{ name }}_label\"\r\n        for=\"{{ name }}_uploadinput\"\r\n        class=\"col-12 col-form-label d-flex\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : 'sr-only', componentHeight | toLabelHeight]\"\r\n        [class.required]=\"isrequired\">\r\n        <div\r\n            class=\"text flex-grow-0\"\r\n            [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\r\n            {{ label }}\r\n        </div>\r\n        <sac-tooltip\r\n            *ngIf=\"helptextmode === 'tooltip' && helptext\"\r\n            [tooltiptext]=\"helptext\"\r\n            [inlinemode]=\"true\">\r\n            <span\r\n                [ngClass]=\"HelptextTooltipIcon\"\r\n                class=\"ml-1\">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class=\"col-12\"\r\n        [ngClass]=\"[disablelabel === false ? (this.labelSizes | toControlWidthCss) : '']\">\r\n        <div class=\"upload-component\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div\r\n                        [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                        [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty || touched)\">\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                            <div\r\n                                class=\"btn upload-input custom-file\"\r\n                                [class.disabled]=\"maxfiles > 0 && uploads.length >= maxfiles\"\r\n                                [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                <i\r\n                                    [ngClass]=\"IconBrowse\"\r\n                                    class=\"pr-2\"></i>\r\n                                <span class=\"upload-browse\">Browse</span>\r\n                                <input\r\n                                    type=\"file\"\r\n                                    id=\"{{ name }}_uploadinput\"\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                            </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                                <!-- image-preview-clear button -->\r\n                                <button\r\n                                    class=\"btn\"\r\n                                    (click)=\"cancelAll()\"\r\n                                    [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\r\n                                    [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                    [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                    <span [ngClass]=\"IconDelete\"></span>\r\n                                </button>\r\n                                <button\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                    [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                    <span [ngClass]=\"IconPause\"></span>\r\n                                </button>\r\n                                <button\r\n                                    *ngIf=\"autoupload && enablepause && IsPaused() === true\"\r\n                                    class=\"btn\"\r\n                                    (click)=\"uploadAll()\"\r\n                                    [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                    [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                    <span [ngClass]=\"IconContinue\"></span>\r\n                                </button>\r\n                                <button\r\n                                    *ngIf=\"autoupload === false\"\r\n                                    class=\"btn text-nowrap\"\r\n                                    (click)=\"uploadAll()\"\r\n                                    [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\r\n                                    [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                                    [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                                    <span\r\n                                        [ngClass]=\"IconUpload\"\r\n                                        class=\"pr-2\"></span>\r\n                                    {{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            *ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\r\n                            class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\r\n                            [ngClass]=\"[componentHeight | toControlHeight]\">\r\n                            <sac-tooltip\r\n                                [tooltiptext]=\"helptext\"\r\n                                [inlinemode]=\"true\">\r\n                                <span\r\n                                    [ngClass]=\"HelptextTooltipIcon\"\r\n                                    class=\"ml-1\">\r\n                                </span>\r\n                            </sac-tooltip>\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        *ngIf=\"isinlineerrorenabled && invalid && (dirty || touched)\"\r\n                        class=\"invalid-feedback\">\r\n                        {{ GetErrorMessage() | async }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div\r\n                *ngFor=\"let file of uploads\"\r\n                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                    <div\r\n                        class=\"form-control upload-progress\"\r\n                        [class.is-invalid]=\"invalid && (dirty || touched)\">\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                                <span class=\"progress-text text-dark\">{{ file.name }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"input-group-append\">\r\n                        <!-- image-preview-clear button -->\r\n                        <button\r\n                            class=\"btn\"\r\n                            (click)=\"cancel(file.uploadId)\"\r\n                            [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                            [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                            <span [class]=\"IconDelete\"></span>\r\n                        </button>\r\n                        <button\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-secondary]=\"!(invalid && (dirty || touched))\"\r\n                            [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                            <span [class]=\"IconPause\"></span>\r\n                        </button>\r\n                        <button\r\n                            *ngIf=\"autoupload && enablepause && file.status === 'paused'\"\r\n                            class=\"btn\"\r\n                            (click)=\"upload(file.uploadId)\"\r\n                            [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                            [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                            <span [class]=\"IconContinue\"></span>\r\n                        </button>\r\n                        <button\r\n                            *ngIf=\"autoupload === false\"\r\n                            class=\"btn text-nowrap\"\r\n                            (click)=\"upload(file.uploadId)\"\r\n                            [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ? 'disabled' : null\"\r\n                            [class.btn-secondary]=\"!(invalid && (dirty || touched))\"\r\n                            [class.btn-danger]=\"invalid && (dirty || touched)\">\r\n                            <span\r\n                                [class]=\"IconUpload\"\r\n                                class=\"pr-2\"></span\r\n                            >{{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <small\r\n            *ngIf=\"helptextmode === 'text' && helptext\"\r\n            class=\"form-text text-muted\">\r\n            {{ helptext }}\r\n        </small>\r\n    </div>\r\n</div>\r\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.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{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}]}},"SacValidationSummaryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacValidationSummaryCommon","line":20,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-validationsummary","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacValidationSummaryComponent"}}],"template":"<div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"hasErrors\">\r\n  <ul class=\"mb-0\">\r\n    <li *ngFor=\"let error of formErrors\">{{error | async}}</li>\r\n  </ul>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":30,"character":14}]}]}},"SacWizardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardCommon","line":19,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-wizard","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacWizardComponent"}}],"template":"<ul 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"}]}],"members":{"_wizardItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"wizardItems":[{"__symbolic":"method"}]}},"SacWizardItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardItemCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-wizarditem","template":""}]}],"members":{}},"SacBrowserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFileBrowserCommon","line":19,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-filebrowser","providers":[{"__symbolic":"reference","name":"ServiceConfirm"}],"template":"<div class=\"row\">\r\n  <div class=\"col-12 col-md-5 col-lg-4\">\r\n    <ul class=\"list-group list-group-flush\">\r\n      <ng-template\r\n        [ngTemplateOutlet]=\"treeItem\"\r\n        [ngTemplateOutletContext]=\"{node: rootNode, deep: 0}\"\r\n      ></ng-template>\r\n    </ul>\r\n\r\n    <ng-template #treeItem let-node=\"node\" let-deep=\"deep\">\r\n      <li\r\n        class=\"list-group-item py-1 px-2 d-flex align-items-center\"\r\n        [class.list-group-item-secondary]=\"node === selectedNode\"\r\n        (click)=\"selectNode(node)\"\r\n        style=\"cursor: pointer\"\r\n      >\r\n        <div class=\"mx-3\" *ngFor=\"let i of count(deep)\"></div>\r\n        <div\r\n          (click)=\"switchExpandNode(node);$event.stopPropagation();\"\r\n          class=\"mr-2\"\r\n          [ngClass]=\"node.ChildNodes.length === 0 ? iconFolderEmpty: (!node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderCollabsed : (node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderOpen : ''))\"\r\n        ></div>\r\n        <ng-container *ngIf=\"!node.IsEditMode\">\r\n          <div class=\"flex-grow-1\">{{ node.Name }}</div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"node.IsEditMode\">\r\n          <div class=\"flex-grow-1\" ngForm>\r\n            <input\r\n              name=\"editFolder\"\r\n              class=\"form-control form-control-sm\"\r\n              [ngModel]=\"node.Name\"\r\n              [ngModelOptions]=\"{updateOn: 'blur'}\"\r\n              (ngModelChange)=\"renameNode(node, $event)\"\r\n              (keydown.enter)=\"$event.target.blur();false;\"\r\n              (blur)=\"renameNode(node, null)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            />\r\n          </div>\r\n        </ng-container>\r\n        <div class=\"flex-shrink-0\">\r\n          <a\r\n            *ngIf=\"node.Path !== '/' && allowfolderrename\"\r\n            class=\"btn btn-sm btn-link text-secondary\"\r\n            (click)=\"editNode(node);$event.stopPropagation();\"\r\n          >\r\n            <i [class]=\"iconEdit\"></i>\r\n          </a>\r\n          <sac-contextmenu cssclass=\"d-inline-block\">\r\n            <sac-contextmenubutton\r\n              *ngIf=\"allowfoldercreate\"\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonNewFolder) | async }}\"\r\n              [icon]=\"iconFolderNew\"\r\n              (clicked)=\"newNode(node)\"\r\n            ></sac-contextmenubutton>\r\n            <sac-contextmenubutton\r\n              *ngIf=\"node.Path !== '/' && allowfolderdelete\"\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonDelete) | async }}\"\r\n              [icon]=\"iconDelete\"\r\n              (clicked)=\"deleteNode(node)\"\r\n            ></sac-contextmenubutton>\r\n            <sac-contextmenusplitter\r\n              *ngIf=\"allowfoldercreate || (node.Path !== '/' && allowfolderdelete)\"\r\n            ></sac-contextmenusplitter>\r\n            <sac-contextmenubutton\r\n              text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonRefresh) | async }}\"\r\n              [icon]=\"iconRefresh\"\r\n              (clicked)=\"refreshNode(node)\"\r\n            ></sac-contextmenubutton>\r\n          </sac-contextmenu>\r\n        </div>\r\n      </li>\r\n\r\n      <ng-container *ngIf=\"node.IsExpanded\">\r\n        <ng-template\r\n          *ngFor=\"let child of node.ChildNodes\"\r\n          [ngTemplateOutlet]=\"treeItem\"\r\n          [ngTemplateOutletContext]=\"{node: child, deep: deep + 1}\"\r\n        ></ng-template>\r\n      </ng-container>\r\n    </ng-template>\r\n  </div>\r\n  <div class=\"col-12 col-md-7 col-lg-8\">\r\n    <ng-container *ngIf=\"selectedNode && selectedNode.Files\">\r\n      <div *ngIf=\"allowfileupload\" ngForm>\r\n        <sac-dropzonemultiple\r\n          [disablelabel]=\"true\"\r\n          [endpoint]=\"apiurl + '/uploadregister'\"\r\n          name=\"upload\"\r\n          uploadheight=\"5rem\"\r\n          [ngModel]=\"uploads\"\r\n          (ngModelChange)=\"uploadComplete(selectedNode,$event)\"\r\n          [allowedtypes]=\"allowedtypes\"\r\n          >{{\r\n          lngResourceService.GetString(validationKeyService.FilebrowserButtonUpload)\r\n          | async }}</sac-dropzonemultiple\r\n        >\r\n      </div>\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table table-striped table-hover align-middle\">\r\n          <thead>\r\n            <th>\r\n              {{\r\n              lngResourceService.GetString(validationKeyService.FilebrowserGridFilename)\r\n              | async }}\r\n            </th>\r\n            <th>\r\n              {{\r\n              lngResourceService.GetString(validationKeyService.FilebrowserGridSize)\r\n              | async }}\r\n            </th>\r\n            <th style=\"width: 80px\"></th>\r\n          </thead>\r\n          <tbody>\r\n            <ng-container *ngIf=\"selectedNode.Files.length === 0\">\r\n              <tr>\r\n                <td colspan=\"3\">\r\n                  {{\r\n                  lngResourceService.GetString(validationKeyService.FilebrowserGridNoFiles)\r\n                  | async }}\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectedNode.Files.length > 0\">\r\n              <tr\r\n                *ngFor=\"let item of selectedNode.Files\"\r\n                (click)=\"selectFile(item)\"\r\n                [class.table-primary]=\"selectedFileItem === item\"\r\n              >\r\n                <td [class.p-2]=\"item.IsEditMode\">\r\n                  <ng-container *ngIf=\"!item.IsEditMode\">\r\n                    {{ item.Filename }}\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"item.IsEditMode\">\r\n                    <div>\r\n                      <input\r\n                        name=\"editFolder\"\r\n                        class=\"form-control form-control-sm\"\r\n                        [ngModel]=\"item.Filename\"\r\n                        [ngModelOptions]=\"{updateOn: 'blur'}\"\r\n                        (ngModelChange)=\"renameFile(item, $event)\"\r\n                        (keydown.enter)=\"$event.target.blur();false\"\r\n                        (blur)=\"renameFile(item, null)\"\r\n                        (click)=\"$event.stopPropagation();\"\r\n                      />\r\n                    </div>\r\n                  </ng-container>\r\n                </td>\r\n                <td>{{ item.Size}}</td>\r\n                <td class=\"p-2\">\r\n                  <div class=\"btn-toolbar\" role=\"toolbar\">\r\n                    <div class=\"btn-group ml-auto\" role=\"group\">\r\n                      <a\r\n                        *ngIf=\"allowfilerename\"\r\n                        class=\"btn btn-sm btn-link text-secondary\"\r\n                        (click)=\"editFile(item);$event.stopPropagation();\"\r\n                        ><i [class]=\"iconEdit\"></i\r\n                      ></a>\r\n                    </div>\r\n                    <div class=\"btn-group\" role=\"group\">\r\n                      <a\r\n                        *ngIf=\"allowfiledelete\"\r\n                        class=\"btn btn-sm btn-link text-secondary\"\r\n                        (click)=\"deleteFile(item);$event.stopPropagation();\"\r\n                        ><i [class]=\"iconDelete\"></i\r\n                      ></a>\r\n                    </div>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            </ng-container>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n"}]}],"members":{"uploadComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":14},{"__symbolic":"reference","name":"ServiceConfirm"}]}],"confirmDeleteFile":[{"__symbolic":"method"}],"confirmDeleteNode":[{"__symbolic":"method"}],"count":[{"__symbolic":"method"}],"uploadedFileMoved":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵa"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenucontainer"}]}]}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":25,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"[sac-multilanguagemenu]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":20,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵb"}}],"template":"<ng-container\r\n  [ngTemplateOutlet]=\"buttontemplate || defaultButtonTemplate\"\r\n></ng-container>\r\n\r\n<div\r\n  class=\"dropdown-menu dropdown-menu-right\"\r\n  sacMultilanguageMenuContainer\r\n  [class.show]=\"isopen\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n  <button\r\n    sacMultilanguageMenuAnchor\r\n    class=\"btn btn-secondary dropdown-toggle\"\r\n    type=\"button\"\r\n    (click)=\"toggle()\"\r\n  ></button>\r\n</ng-template>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":37,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":12},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":27,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":14}]}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵc"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenuanchor"}]}]}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵd"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenucontainer"}]}]}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":61},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-multilanguagemenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵe"}}],"template":"<button\r\n  type=\"button\"\r\n  class=\"dropdown-item\"\r\n  (click)=\"callaction($event)\"\r\n  [class.disabled]=\"isdisabled\"\r\n  [ngClass]=\"cssclass\"\r\n  [attr.disabled]=\"isdisabled ? 'disabled' : null\"\r\n>\r\n  <div class=\"d-flex\">\r\n    <div *ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\r\n      <img *ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\r\n      <i *ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\r\n    </div>\r\n    <div class=\"flex-grow-1\">{{ text }}</div>\r\n  </div>\r\n</button>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"SACBootstrap4BrowserModule":"./components/browser/browser.module","SACBootstrap4ButtonModule":"./controls/buttons/button.module","SACBootstrap4CheckboxModule":"./controls/checkbox/checkbox.module","SACBootstrap4ConfirmModule":"./controls/confirm/confirm.module","ServiceConfirm":"./controls/confirm/confirm.service","SACBootstrap4ContextmenuModule":"./controls/contextmenu/contextmenu.module","SACBootstrap4DateTimeModule":"./controls/datetime/datetime.module","SACBootstrap4DialogModule":"./controls/dialog/dialog.module","SACBootstrap4FormModule":"./controls/form/form.module","SACBootstrap4GridModule":"./controls/grid/grid.module","SACBootstrap4InputModule":"./controls/input/input.module","SACBootstrap4LayoutModule":"./controls/layout/layout.module","SACBootstrap4DropdownModule":"./controls/list/dropdown.module","SACBootstrap4ListModule":"./controls/list/list.module","SACBootstrap4MultilanguageModule":"./controls/multilanguage/multilanguage.module","SACBootstrap4StaticLabelModule":"./controls/static/staticlabel.module","SACBootstrap4TabsModule":"./controls/tabs/tabs.module","SACBootstrap4TinyMceModule":"./controls/tinymce/tinymce.module","SACBootstrap4TooltipModule":"./controls/tooltip/tooltip.module","SACBootstrap4TreeviewModule":"./controls/treeview/treeview.module","SACBootstrap4UploadModule":"./controls/upload/upload.module","SACBootstrap4ValidationSummaryModule":"./controls/validation/validationsummary.module","SACBootstrap4WizardModule":"./controls/wizard/wizard.module","SacButtonComponent":"./controls/buttons/button","SacCheckboxComponent":"./controls/checkbox/checkbox","SacRadiobuttonComponent":"./controls/checkbox/radiobutton","SacRadiobuttonsComponent":"./controls/checkbox/radiobuttons","SacConfirmComponent":"./controls/confirm/confirm","SacContextmenuComponent":"./controls/contextmenu/contextmenu","SacContextmenuAnchorDirective":"./controls/contextmenu/contextmenuanchor","SacContextmenuItemButtonComponent":"./controls/contextmenu/contextmenuitembutton","SacContextmenuItemSplitterComponent":"./controls/contextmenu/contextmenuitemsplitter","SacDateComponent":"./controls/datetime/date","SacDateSelectorComponent":"./controls/datetime/dateselector","SacDateTimeComponent":"./controls/datetime/datetime","SacTimeComponent":"./controls/datetime/time","SacDialogComponent":"./controls/dialog/dialog","SacFormDirective":"./controls/form/form","SacInheritFormDirective":"./controls/form/inheritform.directive","NGFORM_FACTORY":"./controls/form/inheritform.directive","SACFORM_FACTORY":"./controls/form/inheritform.directive","SacGridComponent":"./controls/grid/grid","SacGridButtonComponent":"./controls/grid/gridbutton","SacGridColumnComponent":"./controls/grid/gridcolumn","SacGridColumnActionComponent":"./controls/grid/gridcolumnaction","SacGridImageComponent":"./controls/grid/gridimage","SacPagingComponent":"./controls/grid/paging","SacInputComponent":"./controls/input/input","SacInputAreaComponent":"./controls/input/inputarea","SacInputCurrencyComponent":"./controls/input/inputcurrency","SacInputDecimalComponent":"./controls/input/inputdecimal","SacInputEmailComponent":"./controls/input/inputemail","SacInputIntegerComponent":"./controls/input/inputinteger","SacInputPasswordComponent":"./controls/input/inputpassword","SacInputSearchComponent":"./controls/input/inputsearch","SacFormLayoutDirective":"./controls/layout/formlayout.directive","SacToControlHeightPipe":"./controls/layout/tocontrolheight.pipe","SacToControlWidthCssPipe":"./controls/layout/tocontrolwidthcss.pipe","SacToLabelHeightPipe":"./controls/layout/tolabelheight.pipe","SacToLabelWidthCssPipe":"./controls/layout/tolabelwidthcss.pipe","SacDropdownComponent":"./controls/list/dropdown","SacDropdownOptionDirective":"./controls/list/dropdown","SacListboxComponent":"./controls/list/listbox","SacListboxOptionDirective":"./controls/list/listbox","SacMultilanguageInputComponent":"./controls/multilanguage/multilanguageinput","SacMultilanguageInputAreaComponent":"./controls/multilanguage/multilanguageinputarea","SacStaticFormContainerComponent":"./controls/static/formcontainer","SacStaticLabelComponent":"./controls/static/staticlabel","SacTabComponent":"./controls/tabs/tab","SacTabItemComponent":"./controls/tabs/tabitem","SacTinyMceComponent":"./controls/tinymce/tinymce","SacTooltipComponent":"./controls/tooltip/tooltip","SacTreeviewComponent":"./controls/treeview/treeview","SacDropzoneMultipleComponent":"./controls/upload/dropzonemultiple","SacDropzoneSingleComponent":"./controls/upload/dropzonesingle","SacUploadComponent":"./controls/upload/upload","SacUploadMultipleComponent":"./controls/upload/uploadmultiple","SacValidationSummaryComponent":"./controls/validation/validationsummary","SacWizardComponent":"./controls/wizard/wizard","SacWizardItemComponent":"./controls/wizard/wizarditem","SacBrowserComponent":"./components/browser/browser","ɵa":"./controls/contextmenu/contextmenucontainer","ɵb":"./controls/multilanguage/multilanguagemenu","ɵc":"./controls/multilanguage/multilanguagemenuanchor","ɵd":"./controls/multilanguage/multilanguagemenucontainer","ɵe":"./controls/multilanguage/multilanguagemenuitembutton"},"importAs":"@simpleangularcontrols/sac-bootstrap4"}