npm - @simpleangularcontrols/sac-bootstrap3 - Versions diffs - 10.0.0-rc.2 → 10.0.0-rc.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/bundles/simpleangularcontrols-sac-bootstrap3.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@simpleangularcontrols/sac-common"),require("@angular/common"),require("@angular/forms"),require("rxjs"),require("rxjs/operators"),require("angular-imask"),require("moment"),require("@tinymce/tinymce-angular")):"function"==typeof define&&define.amd?define("@simpleangularcontrols/sac-bootstrap3",["exports","@angular/core","@simpleangularcontrols/sac-common","@angular/common","@angular/forms","rxjs","rxjs/operators","angular-imask","moment","@tinymce/tinymce-angular"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self).simpleangularcontrols=e.simpleangularcontrols||{},e.simpleangularcontrols["sac-bootstrap3"]={}),e.ng.core,e.sacCommon,e.ng.common,e.ng.forms,e.rxjs,e.rxjs.operators,e.angularImask,e.moment,e.tinymceAngular)}(this,(function(e,n,r,t,o,l,a,s,i,c){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(i),u=function(e,n){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])})(e,n)};function m(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}u(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}Object.create;function g(e,n){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var t,o,l=r.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(t=l.next()).done;)a.push(t.value)}catch(e){o={error:e}}finally{try{t&&!t.done&&(r=l.return)&&r.call(l)}finally{if(o)throw o.error}}return a}function b(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(g(arguments[n]));return e}Object.create;"function"==typeof SuppressedError&&SuppressedError;var h=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacButtonCommon);h.decorators=[{type:n.Component,args:[{selector:"sac-button",template:'<a\r\n  [id]="name"\r\n  class="btn"\r\n  [class.btn-primary]="role === \'primary\'"\r\n  [class.btn-secondary]="role === \'secondary\'"\r\n  [class.btn-success]="role === \'success\'"\r\n  [class.btn-danger]="role === \'danger\'"\r\n  [class.btn-warning]="role === \'warning\'"\r\n  [class.btn-info]="role === \'info\'"\r\n  [class.btn-default]="role === \'default\'"\r\n  [class.btn-link]="role === \'link\'"\r\n  [attr.disabled]="_isdisabled ? \'disabled\' : null"\r\n  (click)="buttonClick()"\r\n>\r\n  <i\r\n    *ngIf="icon !== \'\'"\r\n    [ngClass]="icon"\r\n    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"\r\n  ></i>\r\n  {{text}}\r\n</a>\r\n'}]}];var v=function(){};v.decorators=[{type:n.NgModule,args:[{declarations:[h],imports:[t.CommonModule],exports:[h]}]}];var f=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacFormLayoutCommon);f.decorators=[{type:n.Directive,args:[{selector:"[sacFormLayout]"}]}];var y=function(){function e(){}return e.prototype.transform=function(e){if(!e)return"";switch(e){case r.ControlHeight.Small:return"input-sm";case r.ControlHeight.Large:return"input-lg";default:return""}},e}();y.decorators=[{type:n.Pipe,args:[{name:"toControlHeight"}]}];var C=function(){function e(){}return e.prototype.transform=function(e){var n=[];return e.labelSizeXs&&n.push("col-xs-"+this.calcControlSize(e.labelSizeXs)),e.labelSizeSm&&n.push("col-sm-"+this.calcControlSize(e.labelSizeSm)),e.labelSizeMd&&n.push("col-md-"+this.calcControlSize(e.labelSizeMd)),e.labelSizeLg&&n.push("col-lg-"+this.calcControlSize(e.labelSizeLg)),n.join(" ")},e.prototype.calcControlSize=function(e){return 12===e?12:e?12-e:12},e}();C.decorators=[{type:n.Pipe,args:[{name:"toControlWidthCss"}]}];var S=function(){function e(){}return e.prototype.transform=function(e){if(!e)return"";switch(e){case r.ControlHeight.Small:return"form-group-sm";case r.ControlHeight.Large:return"form-group-lg";default:return""}},e}();S.decorators=[{type:n.Pipe,args:[{name:"toLabelHeight"}]}];var x=function(){function e(){}return e.prototype.transform=function(e){var n=[];return e.labelSizeXs&&n.push("col-xs-"+e.labelSizeXs),e.labelSizeSm&&n.push("col-sm-"+e.labelSizeSm),e.labelSizeMd&&n.push("col-md-"+e.labelSizeMd),e.labelSizeLg&&n.push("col-lg-"+e.labelSizeLg),n.join(" ")},e}();x.decorators=[{type:n.Pipe,args:[{name:"toLabelWidthCss"}]}];var I=function(){};I.decorators=[{type:n.NgModule,args:[{declarations:[f,y,C,S,x],imports:[t.CommonModule],exports:[f,y,C,S,x]}]}];var w=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacCheckboxCommon);w.decorators=[{type:n.Component,args:[{selector:"sac-checkbox",template:'<div\r\n  class="row"\r\n  [class.form-group]="!stacked"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="!disablelabel && !stacked"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[!disablelabel && !stacked ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[!disablelabel && !stacked ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="checkbox"\r\n      [class.checkbox-sm]="componentHeight === ControlHeight.Small"\r\n      [class.checkbox-lg]="componentHeight === ControlHeight.Large"\r\n    >\r\n      <label>\r\n        <input\r\n          id="{{name}}"\r\n          name="{{name}}"\r\n          type="checkbox"\r\n          class="visible-checkbox"\r\n          [checked]="value"\r\n          [disabled]="isdisabled"\r\n          (blur)="onTouch()"\r\n          (change)="setValue($event.target.checked)"\r\n        />\r\n        <ng-container *ngIf="checkboxtext"\r\n          >&nbsp;<span>{{checkboxtext}}</span></ng-container\r\n        >\r\n      </label>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:w},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return w})),multi:!0}],styles:[".checkbox-sm{padding-top:2px}.checkbox-sm input{height:12px;margin-top:2px;width:12px}.checkbox-sm label{font-size:12px;padding-top:2px}.checkbox-lg input{height:20px;margin-top:2px;width:20px}.checkbox-lg label{font-size:18px;padding-top:4px}"]}]}],w.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var A=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacRadiobuttonsCommon);A.decorators=[{type:n.Component,args:[{selector:"sac-radiobuttons",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:n.forwardRef((function(){return A})),multi:!0},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return A})),multi:!0}]}]}],A.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var H=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(r.SacRadiobuttonCommon);H.decorators=[{type:n.Component,args:[{selector:"sac-radiobutton",template:'<div\r\n  class="radio"\r\n  *ngIf="hidden===false"\r\n  [class.radio-sm]="componentHeight === ControlHeight.Small"\r\n  [class.radio-lg]="componentHeight === ControlHeight.Large"\r\n>\r\n  <label for="{{getName}}_{{getIndex}}">\r\n    <input\r\n      id="{{getName}}_{{getIndex}}"\r\n      name="{{getName}}"\r\n      type="radio"\r\n      [value]="value"\r\n      [checked]="checked"\r\n      (change)="ChangeEvent()"\r\n      [disabled]="isDisabled"\r\n    />\r\n    <ng-template\r\n      *ngTemplateOutlet="labeltemplate || defaultItemLabelTemplate;context:{ label: label }"\r\n    >\r\n    </ng-template>\r\n  </label>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label="label"\r\n  >&nbsp;<span>{{label}}</span></ng-template\r\n>\r\n',styles:[".radio-lg label{font-size:18px;padding-top:2px}.radio-lg label input{height:20px;margin-top:2px;width:20px}.radio-sm{padding-top:2px}.radio-sm label{font-size:12px;min-height:14px;padding-top:2px}.radio-sm label input{height:12px;margin-top:2px;width:12px}"]}]}],H.ctorParameters=function(){return[{type:A,decorators:[{type:n.Host}]}]};var L=function(){};L.decorators=[{type:n.NgModule,args:[{declarations:[w,H,A],imports:[t.CommonModule,I],exports:[w,H,A]}]}];var k=function(e){function n(n,r){var t=e.call(this,r)||this;return t.zindex=20002,t._lastDialogMarginTop=0,t.element=n.nativeElement,t}return m(n,e),Object.defineProperty(n.prototype,"dialogMarginTop",{get:function(){var e=0;return null!==this.dialogElement&&void 0!==this.dialogElement&&(e=this.dialogElement.nativeElement.clientHeight/2*-1),this._lastDialogMarginTop!==e&&(this._lastDialogMarginTop=e,this.ChangeDetector.detectChanges()),e},enumerable:!1,configurable:!0}),n.prototype.ngOnInit=function(){document.body.appendChild(this.element)},n.prototype.ngOnDestroy=function(){this.hide(),document.body.contains(this.element)&&document.body.removeChild(this.element),e.prototype.ngOnDestroy.call(this)},n}(r.SacDialogCommon);k.decorators=[{type:n.Component,args:[{selector:"sac-dialog",template:'<div [id]="name" *ngIf="_show" [ngStyle]="{\'z-index\': zindex}">\r\n  <div class="modal in" style="display: block;" tabindex="-1" role="dialog" #dialog>\r\n    <div class="modal-dialog" role="document" [style.width]="width">\r\n      <div class="modal-content">\r\n        <div class="modal-header">\r\n          <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="hide()" *ngIf="closebutton"><span aria-hidden="true">&times;</span></button>\r\n          <span class="modal-title">{{title}}</span>\r\n        </div>\r\n        <div class="modal-body">\r\n          <ng-content select="[dialogbody]"></ng-content>\r\n        </div>\r\n        <div class="modal-footer">\r\n          <ng-content select="[dialogfooter]"></ng-content>\r\n        </div>\r\n      </div>\x3c!-- /.modal-content --\x3e\r\n    </div>\x3c!-- /.modal-dialog --\x3e\r\n  </div>\x3c!-- /.modal --\x3e\r\n</div>\r\n<div class="modal-backdrop in" *ngIf="_show && backdrop" #backdrop></div>\r\n'}]}],k.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef}]},k.propDecorators={zindex:[{type:n.Input}]};var E=function(){};E.decorators=[{type:n.NgModule,args:[{declarations:[k],imports:[t.CommonModule],exports:[k]}]}];var _=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacConfirmCommon);_.decorators=[{type:n.Component,args:[{selector:"sac-confirm",template:'<sac-dialog\r\n  [(isvisible)]="isvisible"\r\n  [title]="title"\r\n  [allowesc]="false"\r\n  [closebutton]="false"\r\n>\r\n  <div dialogbody>\r\n    <div class="media">\r\n      <div class="media-left media-middle" *ngIf="hasImage()">\r\n        <img [attr.src]="image" />\r\n      </div>\r\n      <div class="media-body">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <div dialogfooter>\r\n    <ng-container *ngFor="let button of buttons">\r\n      <sac-button\r\n        [name]="button.key"\r\n        [text]="button.text"\r\n        [role]="button.role || \'default\'"\r\n        (clicked)="confirm(button.key)"\r\n        style="margin-left: 15px"\r\n      ></sac-button>\r\n    </ng-container>\r\n  </div>\r\n</sac-dialog>\r\n'}]}];var T=function(e){function n(n,r,t){var o=e.call(this,r,t)||this;return o.componentFactoryResolver=n,o.buttons=[],o.message="",o.title="",o}return m(n,e),n.prototype.ConfirmMessage=function(n,t,o){var s=this;return void 0===o&&(o=null),this.title=n,this.message=t,r.isDefined(o)?this.buttons=o:(this.buttons=[],l.forkJoin({button_yes:this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonYes),button_no:this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonNo)}).pipe(a.take(1)).subscribe((function(e){s.buttons.push(new r.SacConfirmButton("yes",e.button_yes,"primary")),s.buttons.push(new r.SacConfirmButton("no",e.button_no))}))),e.prototype.Confirm.call(this)},n.prototype.GetComponentFactory=function(){return this.componentFactoryResolver.resolveComponentFactory(_)},n.prototype.ConfigureDialog=function(e){e.title=this.title,e.message=this.message,e.buttons=this.buttons,e.image=this.iconService.ConfirmDefaultImage},n}(r.ServiceConfirmCommon);T.decorators=[{type:n.Injectable}],T.ctorParameters=function(){return[{type:n.ComponentFactoryResolver,decorators:[{type:n.Inject,args:[n.ComponentFactoryResolver]}]},{type:n.ApplicationRef},{type:n.Injector}]};var M=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[T]}},e}();M.decorators=[{type:n.NgModule,args:[{declarations:[_],imports:[t.CommonModule,E,v],exports:[_],entryComponents:[_]}]}];p.default;var R=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n}(r.SacDateCommon);R.decorators=[{type:n.Component,args:[{selector:"sac-date",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      style="position: relative"\r\n      [style.width.px]="componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 180 : 140"\r\n    >\r\n      <div\r\n        id="{{name}}"\r\n        class="datetime-textbox input-group"\r\n        [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n        [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n      >\r\n        \x3c!-- this class comes in the div above when disabled [ngClass]="[disablelabel === false ? \'col-md-\' + _inputsize : \'col-md-12\']" --\x3e\r\n        <input\r\n          name="{{name}}"\r\n          type="text"\r\n          class="form-control date-control"\r\n          [class.is-invalid]="invalid && (dirty || touched)"\r\n          [ngClass]="[componentHeight | toControlHeight]"\r\n          [imask]="imaskDate"\r\n          placeholder="dd.mm.yyyy"\r\n          [attr.placeholder]="placeholder"\r\n          [value]="valuestring"\r\n          maxlength="10"\r\n          size="10"\r\n          (blur)="onTouch()"\r\n          (accept)="setValueString($event)"\r\n          [disabled]="isdisabled"\r\n          (click)="showDateSelector()"\r\n        />\r\n        <span class="input-group-btn">\r\n          <button\r\n            class="btn btn-default"\r\n            type="button"\r\n            (click)="showDateSelector()"\r\n            [disabled]="isdisabled"\r\n          >\r\n            <i [class]="IconSelector"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <div\r\n        class="help-block help-block-error"\r\n        *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class="popover bottom in"\r\n        role="tooltip"\r\n        *ngIf="_showselector"\r\n        style="\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: unset;\r\n          max-width: 325px;\r\n        "\r\n      >\r\n        <div\r\n          class="arrow"\r\n          style="left: unset"\r\n          [style.right.px]="componentHeight === ControlHeight.Small ? 4 : componentHeight === ControlHeight.Large ? 14 : 10"\r\n        ></div>\r\n        <h3 class="popover-title" style="display: none"></h3>\r\n        <div class="popover-content">\r\n          <sac-dateselector\r\n            *ngIf="_showselector"\r\n            [initialvalue]="value"\r\n            (selectdate)="dateselect($event)"\r\n            dateselection="true"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return R}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return R}))}]}]}],R.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef}]};var O=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacDateSelectorCommon);O.decorators=[{type:n.Component,args:[{selector:"sac-dateselector",template:'<div class="calendar-selector" style="min-width: 265px">\r\n  <table class="table-condensed" style="width: 100%" *ngIf="dateselection">\r\n    <thead>\r\n      <tr>\r\n        <th class="prev text-left" (click)="monthBack()">\r\n          <i [class]="iconMonthPrev"></i>\r\n        </th>\r\n        <th colspan="5" class="switch text-center">{{month+1}}/{{year}}</th>\r\n        <th class="next text-right" (click)="monthNext()">\r\n          <i [class]="iconMonthNext"></i>\r\n        </th>\r\n      </tr>\r\n      <tr>\r\n        <th class="dow text-center">Mo</th>\r\n        <th class="dow text-center">Di</th>\r\n        <th class="dow text-center">Mi</th>\r\n        <th class="dow text-center">Do</th>\r\n        <th class="dow text-center">Fr</th>\r\n        <th class="dow text-center">Sa</th>\r\n        <th class="dow text-center">So</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor="let week of dates; let i=index">\r\n        <tr>\r\n          <td\r\n            class="text-center"\r\n            *ngFor="let item of week"\r\n            [ngStyle]="{\'cursor\': item.isenabled ? \'pointer\' : null}"\r\n            [ngClass]="{\'day-current\': item.iscurrent, \'day-selected\': item.isselected, \'day-new\': item.isnew, \'day-disabled\': !item.isenabled}"\r\n            (click)="selectDate(item)"\r\n          >\r\n            {{ item.displaytext }}\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n  <div class="container-fluid" *ngIf="timeselection" style="margin-top: 10px">\r\n    <div class="row">\r\n      <div class="col-md-6" style="padding-right: 20px">\r\n        <div class="form-group">\r\n          <label>Stunde</label>\r\n          <input\r\n            type="number"\r\n            class="form-control"\r\n            [value]="getHours()"\r\n            (input)="setHours($event.target.value)"\r\n            min="0"\r\n            max="23"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class="col-md-6" style="padding-left: 20px">\r\n        <div class="form-group">\r\n          <label>Minute</label>\r\n          <input\r\n            type="number"\r\n            class="form-control"\r\n            [value]="getMinutes()"\r\n            (input)="setMinutes($event.target.value)"\r\n            min="0"\r\n            max="59"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class="row" style="margin-top: 10px">\r\n    <div class="col-md-4 text-left">\r\n      <button type="button" class="btn btn-default" (click)="setToday()">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class="col-md-8 text-right">\r\n      <button type="button" class="btn btn-default" (click)="resetSelection()">\r\n        Reset\r\n      </button>\r\n      <button\r\n        type="button"\r\n        class="btn btn-primary"\r\n        style="margin-left: 10px"\r\n        (click)="applySelection()"\r\n      >\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}];var G=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n}(r.SacDateTimeCommon);G.decorators=[{type:n.Component,args:[{selector:"sac-datetime",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      style="position: relative"\r\n      [style.width.px]="componentHeight === ControlHeight.Small ? 160 : componentHeight === ControlHeight.Large ? 230 : 180"\r\n    >\r\n      <div\r\n        id="{{name}}"\r\n        class="datetime-textbox input-group"\r\n        [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n        [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n      >\r\n        <input\r\n          id="{{name}}"\r\n          name="{{name}}"\r\n          type="text"\r\n          class="form-control"\r\n          [class.is-invalid]="invalid && (dirty || touched)"\r\n          [ngClass]="[componentHeight | toControlHeight]"\r\n          [imask]="imaskDate"\r\n          [attr.placeholder]="placeholder"\r\n          [value]="valuestring"\r\n          (blur)="onTouch()"\r\n          (accept)="setValueString($event)"\r\n          [disabled]="isdisabled"\r\n          (click)="showDateSelector()"\r\n        />\r\n        <span class="input-group-btn">\r\n          <button\r\n            class="btn btn-default"\r\n            type="button"\r\n            (click)="showDateSelector()"\r\n            [disabled]="isdisabled"\r\n          >\r\n            <i [class]="IconSelector"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <div\r\n        class="help-block help-block-error"\r\n        *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n\r\n      <div\r\n        class="popover bottom in"\r\n        role="tooltip"\r\n        *ngIf="_showselector"\r\n        style="\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        "\r\n      >\r\n        <div class="arrow" style="left: unset; right: 10px"></div>\r\n        <h3 class="popover-title" style="display: none"></h3>\r\n        <div class="popover-content">\r\n          <sac-dateselector\r\n            *ngIf="_showselector"\r\n            [initialvalue]="value"\r\n            (selectdate)="dateselect($event)"\r\n            dateselection="true"\r\n            timeselection="true"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return G}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return G}))}]}]}],G.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef}]};var z=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n}(r.SacTimeCommon);z.decorators=[{type:n.Component,args:[{selector:"sac-time",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      style="position: relative"\r\n      [style.width.px]="componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 160 : 140"\r\n    >\r\n      <div\r\n        class="input-group"\r\n        [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n        [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n      >\r\n        <input\r\n          id="{{name}}"\r\n          name="{{name}}"\r\n          type="text"\r\n          [value]="valuestring"\r\n          maxlength="6"\r\n          [imask]="imaskDate"\r\n          size="6"\r\n          class="form-control"\r\n          [attr.placeholder]="placeholder"\r\n          data-error-msg="ctl00_cphContent_ctl00_ucPublicationDetail_dtpValidFrom_timeTextBoxTypeValidator"\r\n          [ngClass]="{\'is-invalid\': invalid && (dirty || touched) }"\r\n          (blur)="onTouch()"\r\n          (accept)="setValueString($event)"\r\n          [disabled]="isdisabled"\r\n        />\r\n        <span class="input-group-btn">\r\n          <button\r\n            class="btn btn-default"\r\n            type="button"\r\n            (click)="showTimeSelector()"\r\n            [disabled]="isdisabled"\r\n          >\r\n            <i [class]="IconSelector"></i>\r\n          </button>\r\n        </span>\r\n      </div>\r\n      <div\r\n        class="help-block help-block-error"\r\n        *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n      >\r\n        {{ GetErrorMessage() | async }}\r\n      </div>\r\n      <div\r\n        class="popover bottom in"\r\n        role="tooltip"\r\n        *ngIf="_showselector"\r\n        style="\r\n          display: block;\r\n          left: unset;\r\n          right: 0px;\r\n          top: 34px;\r\n          max-width: 325px;\r\n        "\r\n      >\r\n        <div class="arrow" style="left: unset; right: 10px"></div>\r\n        <h3 class="popover-title" style="display: none"></h3>\r\n        <div class="popover-content">\r\n          <sac-dateselector\r\n            *ngIf="_showselector"\r\n            [initialvalue]="value"\r\n            (selectdate)="timeselect($event)"\r\n            timeselection="true"\r\n          ></sac-dateselector>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return z}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return z}))}]}]}],z.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef}]};var D=function(){};D.decorators=[{type:n.NgModule,args:[{declarations:[R,G,z,O],imports:[t.CommonModule,s.IMaskModule,I],exports:[R,G,z,O]}]}];var N=function(e){function n(){var n=e.apply(this,b(arguments))||this;return n.ellipsis=!1,n}return m(n,e),n}(r.SacGridCommon);N.decorators=[{type:n.Component,args:[{selector:"sac-grid",template:'<table class="table table-striped table-condensed table-hover" id={{name}}>\r\n  <thead>\r\n    <tr>\r\n      <ng-container *ngTemplateOutlet="template; context { row: {}, type: \'header\'}">\r\n      </ng-container>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <ng-container *ngFor="let item of value; let i=index">\r\n      <tr>\r\n        <ng-container *ngTemplateOutlet="template; context { row: item, type: \'body\'}">\r\n        </ng-container>\r\n      </tr>\r\n    </ng-container>\r\n    <tr *ngIf="value === undefined || value === null || value.length === 0">\r\n      <td [attr.colspan]="ColumnCount">{{emptytext}}</td>\r\n    </tr>\r\n    <tr>\r\n      <td [attr.colspan]="ColumnCount">\r\n        <div class="container-fluid">\r\n          <sac-paging name="{{name}}Paging" (paging)="pageChange($event)" [pagerdata]="pagerdata" [pagingtext]="pagingtext" [pagesizetext]="pagesizetext"></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:N},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return N}))}]}]}],N.propDecorators={template:[{type:n.ContentChild,args:[n.TemplateRef,{static:!0}]}]};var P=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n}(r.SacGridColumnCommon);P.decorators=[{type:n.Component,args:[{selector:"sac-gridcolumn",template:'<th\r\n  scope="col"\r\n  *ngIf="IsHeader()"\r\n  [style.width]="width"\r\n  (click)="SortByColumn()"\r\n>\r\n  <span>{{header}}</span>\r\n  <span\r\n    [class]="IconSortUp"\r\n    style="padding-left: 0.5rem"\r\n    *ngIf="IsSortedColumn() && GetSortDirection() ===\'asc\'"\r\n  ></span>\r\n  <span\r\n    [class]="IconSortDown"\r\n    style="padding-left: 0.5rem"\r\n    *ngIf="IsSortedColumn() && GetSortDirection() ===\'desc\'"\r\n  ></span>\r\n</th>\r\n<td\r\n  scope="col"\r\n  *ngIf="IsBody()"\r\n  [style.width]="width"\r\n  [class.ellipsis]="IsEllipsis()"\r\n>\r\n  <span [attr.title]="IsEllipsis() ? value : null"> {{value}} </span>\r\n</td>\r\n',providers:[{provide:r.SacGridColumnBaseCommon,useExisting:n.forwardRef((function(){return P}))}]}]}],P.ctorParameters=function(){return[{type:N},{type:n.Injector},{type:n.ElementRef}]};var j=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.getIconClass=function(){var e=this.iconstyle,n=this.icon;if(""===e)switch(this.icon){case"edit":e="sprite",n="icon-sprite-base-main_edit";break;case"delete":e="sprite",n="icon-sprite-base-main_delete"}return this._isdisabledvalue&&(n+="_disabled"),(e+" "+n).trim()},n}(r.SacGridButtonCommon);j.decorators=[{type:n.Component,args:[{selector:"sac-gridbutton",template:'<a (click)="callaction()" style="padding-right: 5px;" [class.disabled]="isdisabled" [attr.disabled]="isdisabled ? \'disabled\' : null"><span class="{{getIconClass()}}"></span></a>\r\n'}]}];var V=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(r.SacPagingCommon);V.decorators=[{type:n.Component,args:[{selector:"sac-paging",template:'<div class="row">\r\n  <div class="pager-nav col-sm-9" id="{{name}}">\r\n    <ul class="pagination" style="margin: 10px 0">\r\n      <li\r\n        [ngClass]="{\'aspNetDisabled disabled\': activePageIndex === firstPageIndex}"\r\n      >\r\n        <a (click)="firstPage()">«</a>\r\n      </li>\r\n      <li\r\n        *ngFor="let page of paginators; let i = index"\r\n        [ngClass]="{\'active\': page === activePageIndex}"\r\n      >\r\n        <a (click)="changePage(page)">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        [ngClass]="{\'aspNetDisabled disabled\': activePageIndex === lastPageIndex}"\r\n      >\r\n        <a (click)="lastPage()">»</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class="col-sm-3 text-right" style="margin: 20px 0">\r\n    Seite {{getCurrentPageNumber()}} von {{getTotalPageNumber()}}\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:V},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return V}))}]}]}],V.ctorParameters=function(){return[{type:n.Injector}]};var q=function(e){function n(n,r,t){var o=e.call(this,n,r,t)||this;return o.width="52px",o}return m(n,e),n}(r.SacGridColumnActionCommon);q.decorators=[{type:n.Component,args:[{selector:"sac-gridcolumnaction",template:'<th scope="col" *ngIf="IsHeader()" [style.width]="width"><span></span></th>\r\n<td scope="col" *ngIf="IsBody()">\r\n   <ng-content></ng-content>\r\n</td>\r\n',providers:[{provide:r.SacGridColumnBaseCommon,useExisting:n.forwardRef((function(){return q}))}]}]}],q.ctorParameters=function(){return[{type:N},{type:n.Injector},{type:n.ElementRef}]};var F=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.getIconClass=function(){switch(this.iconstyle){case"edit":return"sprite icon-sprite-base-main_edit";case"delete":return"sprite icon-sprite-base-main_delete";default:return this.iconstyle}},n}(r.SacGridImageCommon);F.decorators=[{type:n.Component,args:[{selector:"sac-gridimage",template:'<span style="padding-right: 5px;"><span class="{{getIconClass()}}"></span></span>\r\n'}]}];var W=function(){};W.decorators=[{type:n.NgModule,args:[{declarations:[N,P,q,V,j,F],imports:[t.CommonModule],exports:[N,P,q,V,j,F]}]}];var U=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacTooltipCommon);U.decorators=[{type:n.Component,args:[{selector:"sac-tooltip",template:'<div [style.display]="inlinemode ? \'inline\' : null">\r\n  <div #container (mouseenter)="ShowTooltip()" (mouseleave)="HideTooltip()" [style.display]="inlinemode ? \'inline\' : null">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf="IsTooltipVisible()" [style.visibility]="IsTooltipContentVisible ? \'visible\' : \'hidden\'" #tooltip class="tooltip in" style="display: block;"\r\n       [style.left.px]="LeftPos" [style.top.px]="TopPos"\r\n       [class.top]="GetTooltipPosition() === TooltipPosition.top" [class.left]="GetTooltipPosition() === TooltipPosition.left"\r\n       [class.right]="GetTooltipPosition() === TooltipPosition.right" [class.bottom]="GetTooltipPosition() === TooltipPosition.bottom">\r\n    <div class="tooltip-arrow" style="top: 50%;"></div>\r\n    <div class="tooltip-inner">\r\n      {{tooltiptext}}\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}],U.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.ElementRef}]};var B=function(){};B.decorators=[{type:n.NgModule,args:[{declarations:[U],imports:[t.CommonModule,t.CommonModule],exports:[U]}]}];var $=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputCommon);$.decorators=[{type:n.Component,args:[{selector:"sac-input",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <input\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      type="text"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      [value]="value"\r\n      [attr.placeholder]="placeholder"\r\n      (blur)="onTouch()"\r\n      (input)="setValue($event.target.value)"\r\n      [attr.maxlength]="maxlength"\r\n      [disabled]="isdisabled"\r\n      [readonly]="readonly"\r\n    />\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:$},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return $}))}]}]}],$.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var K=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputAreaCommon);K.decorators=[{type:n.Component,args:[{selector:"sac-inputarea",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <textarea\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      type=""\r\n      class="form-control"\r\n      [class.is-invalid]="invalid && (dirty || touched)"\r\n      [class.validation-error]="invalid && (dirty || touched)"\r\n      [class.required]="isrequired"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      [value]="value"\r\n      [attr.placeholder]="placeholder"\r\n      (blur)="onTouch()"\r\n      (input)="setValue($event.target.value)"\r\n      (keypress)="onKeyPress($event)"\r\n      [attr.rows]="rows"\r\n      [disabled]="isdisabled"\r\n      [readonly]="readonly"\r\n    ></textarea>\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:K},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return K}))}]}]}],K.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Y=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputCurrencyCommon);Y.decorators=[{type:n.Component,args:[{selector:"sac-inputcurrency",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="input-group"\r\n      [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n      [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n    >\r\n      <input\r\n        id="{{name}}"\r\n        name="{{name}}"\r\n        type="text"\r\n        class="form-control"\r\n        [ngClass]="[componentHeight | toControlHeight]"\r\n        [value]="value"\r\n        [attr.placeholder]="placeholder"\r\n        (blur)="onTouch()"\r\n        (input)="setValue($event.target.value)"\r\n        (keypress)="onKeyPress($event)"\r\n        [disabled]="isdisabled"\r\n        [readonly]="readonly"\r\n      />\r\n      <label\r\n        for="{{name}}"\r\n        class="form-label-adaptive form-label-fixed"\r\n        [ngClass]="{ \'required\': isrequired }"\r\n        *ngIf="isAdaptiveLabel && !disablelabel"\r\n        >{{label}}</label\r\n      >\r\n      <div class="input-group-addon">{{currency}}</div>\r\n    </div>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Y},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Y}))}]}]}],Y.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Q=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputDecimalCommon);Q.decorators=[{type:n.Component,args:[{selector:"sac-inputdecimal",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <input\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      type="text"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      [value]="value"\r\n      [attr.placeholder]="placeholder"\r\n      (blur)="onTouch()"\r\n      (input)="setValue($event.target.value)"\r\n      (keypress)="onKeyPress($event)"\r\n      [disabled]="isdisabled"\r\n      [readonly]="readonly"\r\n    />\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Q},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Q}))}]}]}],Q.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var X=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputEmailCommon);X.decorators=[{type:n.Component,args:[{selector:"sac-inputemail",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="input-group"\r\n      [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n      [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n    >\r\n      <div class="input-group-addon">@</div>\r\n      <input\r\n        id="{{name}}"\r\n        name="{{name}}"\r\n        type="text"\r\n        class="form-control"\r\n        [ngClass]="[componentHeight | toControlHeight]"\r\n        [value]="value"\r\n        [attr.placeholder]="placeholder"\r\n        (blur)="onTouch()"\r\n        (input)="setValue($event.target.value)"\r\n        autocomplete="email"\r\n        [attr.maxlength]="maxlength"\r\n        [disabled]="isdisabled"\r\n        [readonly]="readonly"\r\n      />\r\n      <label\r\n        for="{{name}}"\r\n        class="form-label-adaptive form-label-fixed"\r\n        [ngClass]="{ \'required\': isrequired }"\r\n        *ngIf="isAdaptiveLabel && !disablelabel"\r\n        >{{label}}</label\r\n      >\r\n    </div>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:X},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return X}))}]}]}],X.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Z=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputIntegerCommon);Z.decorators=[{type:n.Component,args:[{selector:"sac-inputinteger",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <input\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      type="text"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      [value]="value"\r\n      [attr.placeholder]="placeholder"\r\n      (blur)="onTouch()"\r\n      (input)="setValue($event.target.value)"\r\n      (keypress)="onKeyPress($event)"\r\n      [disabled]="isdisabled"\r\n      [readonly]="readonly"\r\n    />\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Z},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Z}))}]}]}],Z.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var J=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputPasswordCommon);J.decorators=[{type:n.Component,args:[{selector:"sac-inputpassword",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <input\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      type="password"\r\n      [value]="value"\r\n      [attr.placeholder]="placeholder"\r\n      (blur)="onTouch()"\r\n      (input)="setValue($event.target.value)"\r\n      [attr.maxlength]="maxlength"\r\n      autocomplete="new-password"\r\n      [disabled]="isdisabled"\r\n      [readonly]="readonly"\r\n    />\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:J},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return J}))}]}]}],J.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ee=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacInputSearchCommon);ee.decorators=[{type:n.Component,args:[{selector:"sac-inputsearch",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="input-group"\r\n      [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n      [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n    >\r\n      <input\r\n        id="{{name}}"\r\n        name="{{name}}"\r\n        type="text"\r\n        class="form-control"\r\n        [ngClass]="[componentHeight | toControlHeight]"\r\n        [value]="value"\r\n        [attr.placeholder]="placeholder"\r\n        (blur)="onTouch()"\r\n        (input)="setValue($event.target.value)"\r\n        [attr.maxlength]="maxlength"\r\n        [disabled]="isdisabled"\r\n        [readonly]="readonly"\r\n      />\r\n      <span class="input-group-btn">\r\n        <input\r\n          type="submit"\r\n          class="btn btn-default"\r\n          id="{{name}}_search"\r\n          (click)="searchClick()"\r\n          [value]="buttontext"\r\n        />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ee},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ee}))}]}]}],ee.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ne=function(){};ne.decorators=[{type:n.NgModule,args:[{declarations:[$,K,Y,Q,X,Z,J,ee],imports:[t.CommonModule,t.CommonModule,o.FormsModule,B,I],exports:[$,K,Y,Q,X,Z,J,ee]}]}];var re=function(e){function n(n,r,t,o){return e.call(this,n,r,t,o)||this}return m(n,e),n}(r.SacDropdownCommon);re.decorators=[{type:n.Component,args:[{selector:"sac-dropdown",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <select\r\n      #dropdownitem\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      (blur)="onTouch()"\r\n      (change)="setValue(dropdownitem.value)"\r\n      [disabled]="isdisabled"\r\n    >\r\n      <option *ngIf="emptylabel !== \'\'" [ngValue]="emptyvalue">\r\n        {{emptylabel}}\r\n      </option>\r\n\r\n      <ng-content></ng-content>\r\n\r\n      <ng-container *ngIf="groupitems === \'\'">\r\n        <option\r\n          *ngFor="let item of options"\r\n          [ngValue]="optionvalue ? item[optionvalue] : item"\r\n          [disabled]="optionenabled !== \'\' && item[optionenabled] === false"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf="groupitems !== \'\'">\r\n        <optgroup\r\n          *ngFor="let group of options"\r\n          [attr.label]="group[grouplabel]"\r\n        >\r\n          <option\r\n            *ngFor="let item of group[groupitems]"\r\n            [ngValue]="optionvalue ? item[optionvalue] : item"\r\n            [disabled]="optionenabled !== \'\' && item[optionenabled] === false"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel], item: item }"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label="label">\r\n  {{label}}\r\n</ng-template>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:re},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return re}))}]}]}],re.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.ElementRef}]};var te=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n}(r.SacDropdownOptionCommon);te.decorators=[{type:n.Directive,args:[{selector:"option,[sacOption]"}]}],te.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:re,decorators:[{type:n.Optional},{type:n.Host}]}]};var oe=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacListboxCommon);oe.decorators=[{type:n.Component,args:[{selector:"sac-listbox",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <select\r\n      multiple\r\n      id="{{name}}"\r\n      name="{{name}}"\r\n      class="form-control"\r\n      [ngClass]="[componentHeight | toControlHeight]"\r\n      [size]="rowsize"\r\n      (blur)="onTouch()"\r\n      (change)="getSelectedItems($event.target)"\r\n      [disabled]="isdisabled"\r\n    >\r\n      <ng-content></ng-content>\r\n      <ng-container *ngIf="groupitems === \'\'">\r\n        <option\r\n          *ngFor="let option of options"\r\n          [value]="option[optionvalue]"\r\n          [disabled]="optionenabled !== \'\' && option[optionenabled] === false"\r\n        >\r\n          <ng-template\r\n            *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate;context:{ label: option[optionlabel] }"\r\n          >\r\n          </ng-template>\r\n        </option>\r\n      </ng-container>\r\n      <ng-container *ngIf="groupitems !== \'\'">\r\n        <optgroup\r\n          *ngFor="let option of options"\r\n          [attr.label]="option[grouplabel]"\r\n        >\r\n          <option\r\n            *ngFor="let item of option[groupitems]"\r\n            [value]="item[optionvalue]"\r\n            [disabled]="optionenabled !== \'\' && item[optionenabled] === false"\r\n          >\r\n            <ng-template\r\n              *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate;context:{ label: item[optionlabel] }"\r\n            >\r\n            </ng-template>\r\n          </option>\r\n        </optgroup>\r\n      </ng-container>\r\n    </select>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultItemLabelTemplate let-label="label">\r\n  {{label}}\r\n</ng-template>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:oe},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return oe}))}]}]}],oe.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var le=function(){};le.decorators=[{type:n.NgModule,args:[{declarations:[re,te,oe],imports:[t.CommonModule,r.SACCommonListboxOptionModule,o.FormsModule,I],exports:[re,te,oe]}]}];var ae=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacStaticFormContainerCommon);ae.decorators=[{type:n.Component,args:[{selector:"sac-staticformcontainer",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <ng-content></ng-content>\r\n    <label\r\n      for="{{name}}"\r\n      class="form-label-adaptive form-label-fixed"\r\n      [ngClass]="{ \'required\': isrequired }"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ae},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ae}))}]}]}],ae.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var se=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacStaticLabelCommon);se.decorators=[{type:n.Component,args:[{selector:"sac-staticlabel",template:'<div class="row form-group" [ngClass]="componentHeight | toLabelHeight">\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="form-control-static"\r\n      [style.padding-left.px]="0"\r\n      [innerHTML]="value"\r\n    ></div>\r\n    <label\r\n      for="{{name}}"\r\n      class="col-left control-label"\r\n      *ngIf="isAdaptiveLabel && !disablelabel"\r\n      >{{label}}</label\r\n    >\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:se},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return se}))}]}]}],se.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ie=function(){};ie.decorators=[{type:n.NgModule,args:[{declarations:[se,ae],imports:[t.CommonModule,B,I],exports:[se,ae]}]}];var ce=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacTabItemCommon);ce.decorators=[{type:n.Component,args:[{selector:"sac-tabitem",template:'<div [id]="id" [hidden]="unloadwhenhidden === false && active === false"\r\n     *ngIf="(unloadwhenhidden === true && active === true) || unloadwhenhidden === false" class="tab-pane">\r\n  <ng-template [ngTemplateOutlet]="templateRef"></ng-template>\r\n</div>\r\n\r\n'}]}];var de=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.tabItems=function(){return this._tabItems.toArray()},n}(r.SacTabCommon);de.decorators=[{type:n.Component,args:[{selector:"sac-tab",template:'\x3c!-- Nav tabs --\x3e\r\n<div [id]="name" class="content-nav-tabs">\r\n  <ul class="nav nav-tabs" role="tablist">\r\n    <li\r\n      *ngFor="let item of _tabItems"\r\n      [ngClass]="{ \'active show\': item.active, \'disabled\': item.disabled }"\r\n      (click)="selectTab(item)"\r\n      [ngStyle]="{\'cursor\': item._disabled ? \'not-allowed\' : \'pointer\'}"\r\n    >\r\n      <a [id]="GetTabItemButtonId(item._id)" role="tab">\r\n        <ng-template\r\n          *ngTemplateOutlet="tablabeltemplate || defaultTabLabelTemplate;context:{ label: item.label }"\r\n        >\r\n        </ng-template>\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n\r\n\x3c!-- Tab panes --\x3e\r\n<div class="tab-content" style="margin-top: 15px">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultTabLabelTemplate let-label="label">\r\n  {{label}}\r\n</ng-template>\r\n'}]}],de.propDecorators={_tabItems:[{type:n.ContentChildren,args:[ce]}]};var pe=function(){};pe.decorators=[{type:n.NgModule,args:[{declarations:[de,ce],imports:[t.CommonModule],exports:[de,ce]}]}];var ue=function(e){function n(n,r,t){return e.call(this,n,r,t)||this}return m(n,e),n.prototype.overwriteDefaultSettings=function(){return{file_picker_types:void 0,file_picker_callback:void 0}},n}(r.SacTinyMceCommon);ue.decorators=[{type:n.Component,args:[{selector:"sac-tinymce",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n  >\r\n    {{label}}\r\n  </label>\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n    [class.has-error]="isinlineerrorenabled && invalid && (dirty || touched)"\r\n  >\r\n    <editor\r\n      [id]="name + \'_tinymce\'"\r\n      [init]="_config"\r\n      [initialValue]="value"\r\n      ngModel\r\n      [ngModelOptions]="{standalone: true}"\r\n      (ngModelChange)="setValue($event)"\r\n      (onSaveContent)="save($event.event.content)"\r\n      [disabled]="disabled"\r\n      [class.is-invalid]="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    ></editor>\r\n    <div\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n      class="help-block"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<sac-dialog\r\n  *ngIf="selectdialogvisible"\r\n  [allowesc]="false"\r\n  [backdrop]="true"\r\n  [(isvisible)]="selectdialogvisible"\r\n  title="{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectDialogtitle) | async }}"\r\n  size="large"\r\n  height="500px"\r\n>\r\n  <ng-container dialogbody> </ng-container>\r\n  <ng-container dialogfooter>\r\n    <sac-button\r\n      role="primary"\r\n      [name]="name + \'_modalOk\'"\r\n      text="{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectOk) | async }}"\r\n      (clicked)="setSelectDialogResult()"\r\n    ></sac-button>\r\n    <sac-button\r\n      [name]="name + \'_modalClose\'"\r\n      text="{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) | async }}"\r\n      (clicked)="closeSelectDialog()"\r\n    ></sac-button>\r\n  </ng-container>\r\n</sac-dialog>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ue},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return ue})),multi:!0}]}]}],ue.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.NgZone}]};var me=function(){};me.decorators=[{type:n.NgModule,args:[{declarations:[ue],imports:[t.CommonModule,o.FormsModule,c.EditorModule,v,E,I],exports:[ue]}]}];var ge=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacTreeViewCommon);ge.decorators=[{type:n.Component,args:[{selector:"sac-treeview",template:'<div class="structure panel panel-default" icon="Structure">\r\n  <div class="panel-heading">\r\n    <p class="panel-title"><span>{{ name }}</span></p>\r\n  </div>\r\n  <div class="panel-body">\r\n    <div class="right">\r\n      <div\r\n        class="form-submit form-inline"\r\n        style="text-align: right; height: 24px"\r\n      >\r\n        <a class="btn-inline"\r\n          ><i class="icon icon-base-expand" (click)="collapseAllNode(false)"></i\r\n        ></a>\r\n        <a class="btn-inline"\r\n          ><i\r\n            class="icon icon-base-collapse"\r\n            (click)="collapseAllNode(true)"\r\n          ></i\r\n        ></a>\r\n      </div>\r\n    </div>\r\n    <div\r\n      [id]="name"\r\n      class="structure-tree single-root jstree jstree-1 jstree-default"\r\n    >\r\n      <ul\r\n        class="jstree-container-ul jstree-children jstree-no-dots jstree-striped jstree-wholerow-ul"\r\n        *ngIf="nodes && nodes.length"\r\n      >\r\n        <li\r\n          *ngFor="let node of nodes; let last = last"\r\n          class="jstree-node"\r\n          [ngClass]="{\r\n      \'jstree-open\': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n      \'jstree-closed\': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n      \'jstree-leaf\': !node[childrenAttr].length,\r\n      \'jstree-last\': last\r\n    }"\r\n          [id]="node[idAttr]"\r\n        >\r\n          <div\r\n            unselectable="on"\r\n            role="presentation"\r\n            class="jstree-wholerow"\r\n            (mouseover)="node.hover=true"\r\n            (mouseout)="node.hover=false"\r\n            [ngClass]="{\'jstree-wholerow-clicked\': node === selectedNode, \'jstree-wholerow-hovered\': node.hover}"\r\n          >\r\n            &nbsp;\r\n          </div>\r\n\r\n          <i\r\n            class="jstree-icon jstree-ocl"\r\n            role="presentation"\r\n            (click)="onCollapseClick(node)"\r\n            (mouseover)="node.hover=true"\r\n            (mouseout)="node.hover=false"\r\n          ></i>\r\n\r\n          <a\r\n            class="jstree-anchor"\r\n            (click)="onClick(node)"\r\n            [ngClass]="{\'jstree-clicked\': node === selectedNode, \'jstreehovered\': node.hover}"\r\n            (mouseover)="node.hover=true"\r\n            (mouseout)="node.hover=false"\r\n          >\r\n            <ng-container\r\n              *ngTemplateOutlet="treefileicon; context { item: node }"\r\n              ;\r\n              content\r\n            ></ng-container>\r\n\r\n            <span>{{node[textAttr]}}</span>\r\n          </a>\r\n\r\n          <ng-container\r\n            *ngTemplateOutlet="template; context { item: node }"\r\n            ;\r\n            content\r\n          ></ng-container>\r\n\r\n          <sac-treeviewchild\r\n            *ngIf="node[childrenAttr] && node[childrenAttr].length"\r\n            [fileicontemplate]="fileicontemplate"\r\n            [template]="template"\r\n            [collapseall]="collapseall"\r\n            [ngClass]="(node[collapseAttr]===true)?\'collapse\':\'show\'"\r\n            [data]="node[childrenAttr]"\r\n            [idAttr]="idAttr"\r\n            [parentAttr]="parentAttr"\r\n            [textAttr]="textAttr"\r\n            [prepareData]="false"\r\n            (onselecteditem)="sendMsgToParent($event)"\r\n            [(selectedid)]="selectedid"\r\n          >\r\n          </sac-treeviewchild>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}];var be=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacTreeViewChildCommon);be.decorators=[{type:n.Component,args:[{selector:"sac-treeviewchild",template:'<ul class="jstree-children" *ngIf="nodes && nodes.length">\r\n  <li\r\n    *ngFor="let node of nodes; let last = last"\r\n    class="jstree-node"\r\n    [ngClass]="{\r\n    \'jstree-open\': !node[collapseAttr] && node[childrenAttr] && node[childrenAttr].length,\r\n    \'jstree-closed\': node[collapseAttr]  && node[childrenAttr] && node[childrenAttr].length,\r\n    \'jstree-leaf\': !node[childrenAttr].length,\r\n    \'jstree-last\': last\r\n      }"\r\n    [id]="node[idAttr]"\r\n  >\r\n    <div\r\n      unselectable="on"\r\n      role="presentation"\r\n      class="jstree-wholerow"\r\n      (mouseover)="node.hover=true"\r\n      (mouseout)="node.hover=false"\r\n      [ngClass]="{\'jstree-wholerow-clicked\': node === selectedNode, \'jstree-wholerow-hovered\': node.hover}"\r\n    >\r\n      &nbsp;\r\n    </div>\r\n\r\n    <i\r\n      class="jstree-icon jstree-ocl"\r\n      role="presentation"\r\n      (click)="onCollapseClick(node)"\r\n      (mouseover)="node.hover=true"\r\n      (mouseout)="node.hover=false"\r\n    ></i>\r\n\r\n    <a\r\n      class="jstree-anchor"\r\n      (click)="onClick(node)"\r\n      [ngClass]="{\'jstree-clicked\': node === selectedNode, \'jstreehovered\': node.hover}"\r\n      (mouseover)="node.hover=true"\r\n      (mouseout)="node.hover=false"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet="treefileicon; context { item: node }"\r\n        ;\r\n        content\r\n      ></ng-container>\r\n\r\n      {{node[textAttr]}}\r\n    </a>\r\n\r\n    <ng-container\r\n      *ngTemplateOutlet="template; context { item: node }"\r\n    ></ng-container>\r\n\r\n    <sac-treeviewchild\r\n      *ngIf="node[childrenAttr] && node[childrenAttr].length"\r\n      [fileicontemplate]="fileicontemplate"\r\n      [template]="template"\r\n      [collapseall]="collapseall"\r\n      [ngClass]="(node[collapseAttr]===true)?\'collapse\':\'show\'"\r\n      [data]="node[childrenAttr]"\r\n      [idAttr]="idAttr"\r\n      [parentAttr]="parentAttr"\r\n      [textAttr]="textAttr"\r\n      [prepareData]="false"\r\n      (onselecteditem)="sendMsgToParent($event)"\r\n      [(selectedid)]="selectedid"\r\n    >\r\n    </sac-treeviewchild>\r\n  </li>\r\n</ul>\r\n'}]}];var he=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(r.SacTreeItemActionCommon);he.decorators=[{type:n.Component,args:[{selector:"sac-treeitemaction",template:'<i class="{{transformClass(iconstyle)}}" (mouseover)="item.hover=true" (mouseout)="item.hover=false" (click)="iconaction()" ></i>'}]}],he.ctorParameters=function(){return[{type:n.ElementRef}]};var ve=function(){};ve.decorators=[{type:n.NgModule,args:[{declarations:[ge,be,he],imports:[t.CommonModule],exports:[ge,be,he]}]}];var fe=function(e){function n(n,r,t,o){return e.call(this,n,r,t,o)||this}return m(n,e),n}(r.SacUploadSingleCommon);fe.decorators=[{type:n.Component,args:[{selector:"sac-upload",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div\r\n      class="input-group upload-component upload-single"\r\n      [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n      [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n    >\r\n      <div class="input-group-btn">\r\n        \x3c!-- image-preview-input --\x3e\r\n        <div\r\n          class="btn upload-input custom-file"\r\n          [class.disabled]="HasQueueItem()"\r\n          [class.btn-default]="!(invalid && (dirty || touched))"\r\n          [class.btn-danger]="invalid && (dirty || touched)"\r\n        >\r\n          <i [class]="IconBrowse"></i>\r\n          <span class="upload-browse"\r\n            >{{\r\n            lngResourceService.GetString(validationKeyService.UploadButtonBrowse)\r\n            | async }}</span\r\n          >\r\n          <input\r\n            type="file"\r\n            class="custom-file-input"\r\n            #files\r\n            (click)="files.value = \'\'"\r\n            (uploadxState)="onUpload($event)"\r\n            multiple\r\n            [disabled]="HasQueueItem()"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class="form-control upload-progress">\r\n        <div class="progress">\r\n          <div\r\n            class="progress-bar"\r\n            [class.progress-bar-success]="Progress()===100"\r\n            role="progressbar"\r\n            [attr.aria-valuenow]="Progress()"\r\n            aria-valuemin="0"\r\n            aria-valuemax="100"\r\n            [style.width.%]="Progress()"\r\n          >\r\n            <span class="progress-text text-dark"\r\n              >{{ Filename() | async }}</span\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \x3c!-- <input type="textimage-preview-filename" class="form-control image-preview-filename" disabled="disabled"> --\x3e\x3c!-- don\'t give a name === doesn\'t send on POST/GET --\x3e\r\n      <div class="input-group-btn">\r\n        \x3c!-- image-preview-clear button --\x3e\r\n        <a\r\n          class="btn"\r\n          (click)="cancelAll()"\r\n          [attr.disabled]="HasQueueItem() === false ? \'disabled\' : null"\r\n          [class.btn-default]="!(invalid && (dirty || touched))"\r\n          [class.btn-danger]="invalid && (dirty || touched)"\r\n        >\r\n          <span [class]="IconDelete"></span>\r\n        </a>\r\n        <a\r\n          *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)"\r\n          class="btn"\r\n          (click)="pauseAll()"\r\n          [attr.disabled]="IsUploading() === false ? \'disabled\' : null"\r\n          [class.btn-default]="!(invalid && (dirty || touched))"\r\n          [class.btn-danger]="invalid && (dirty || touched)"\r\n        >\r\n          <span [class]="IconPause"></span>\r\n        </a>\r\n        <a\r\n          *ngIf="autoupload && enablepause && IsPaused()"\r\n          class="btn"\r\n          (click)="uploadAll()"\r\n          [class.btn-default]="!(invalid && (dirty || touched))"\r\n          [class.btn-danger]="invalid && (dirty || touched)"\r\n        >\r\n          <span [class]="IconContinue"></span>\r\n        </a>\r\n        <a\r\n          *ngIf="autoupload === false"\r\n          class="btn"\r\n          (click)="uploadAll()"\r\n          [attr.disabled]="IsStateToUpload() === false ?  \'disabled\' : null"\r\n          [class.btn-default]="!(invalid && (dirty || touched))"\r\n          [class.btn-danger]="invalid && (dirty || touched)"\r\n        >\r\n          <span [class]="IconUpload"></span> {{\r\n          lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n          | async }}\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:fe},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return fe}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]}]}],fe.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var ye=function(e){function n(n,r,t,o){return e.call(this,n,r,t,o)||this}return m(n,e),n}(r.SacUploadMultipleCommon);ye.decorators=[{type:n.Component,args:[{selector:"sac-uploadmultiple",template:'<div\r\n  class="row form-group"\r\n  [class.has-error]="invalid && (dirty || touched)"\r\n  [ngClass]="componentHeight | toLabelHeight"\r\n>\r\n  <label\r\n    *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n    id="{{name}}label"\r\n    for="{{name}}"\r\n    class="col-xs-12 control-label"\r\n    [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\' ]"\r\n    [class.required]="isrequired"\r\n    >{{label}}</label\r\n  >\r\n  <div\r\n    class="col-xs-12"\r\n    [ngClass]="[disablelabel === false ?  (this.labelSizes | toControlWidthCss) : \'\']"\r\n  >\r\n    <div class="upload-component">\r\n      <div class="row">\r\n        <div class="col-xs-12">\r\n          <div\r\n            class="btn-group"\r\n            [class.btn-group-sm]="componentHeight === ControlHeight.Small"\r\n            [class.btn-group-lg]="componentHeight === ControlHeight.Large"\r\n          >\r\n            <div\r\n              class="btn upload-input custom-file"\r\n              [class.disabled]="maxfiles > 0 &&  uploads.length >= maxfiles"\r\n              [class.btn-default]="!(invalid && (dirty || touched))"\r\n              [class.btn-danger]="invalid && (dirty || touched)"\r\n            >\r\n              <i [class]="IconBrowse"></i>\r\n              <span class="upload-browse">Browse</span>\r\n              <input\r\n                type="file"\r\n                class="custom-file-input"\r\n                #files\r\n                (click)="files.value = \'\'"\r\n                (uploadxState)="onUpload($event)"\r\n                multiple\r\n                [disabled]="maxfiles > 0 &&  uploads.length >= maxfiles"\r\n              />\r\n            </div>\r\n\r\n            <div\r\n              class="btn-group"\r\n              [class.btn-group-sm]="componentHeight === ControlHeight.Small"\r\n              [class.btn-group-lg]="componentHeight === ControlHeight.Large"\r\n            >\r\n              \x3c!-- image-preview-clear button --\x3e\r\n              <a\r\n                class="btn"\r\n                (click)="cancelAll()"\r\n                [attr.disabled]="HasQueueItem() === false ? \'disabled\' : null"\r\n                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                [class.btn-danger]="invalid && (dirty || touched)"\r\n              >\r\n                <span [class]="IconDelete"></span>\r\n              </a>\r\n              <a\r\n                *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)"\r\n                class="btn"\r\n                (click)="pauseAll()"\r\n                [attr.disabled]="IsUploading() === false ? \'disabled\' : null"\r\n                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                [class.btn-danger]="invalid && (dirty || touched)"\r\n              >\r\n                <span [class]="IconPause"></span>\r\n              </a>\r\n              <a\r\n                *ngIf="autoupload && enablepause && IsPaused() === true"\r\n                class="btn"\r\n                (click)="uploadAll()"\r\n                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                [class.btn-danger]="invalid && (dirty || touched)"\r\n              >\r\n                <span [class]="IconContinue"></span>\r\n              </a>\r\n              <a\r\n                *ngIf="autoupload === false"\r\n                class="btn"\r\n                (click)="uploadAll()"\r\n                [attr.disabled]="IsStateToUpload() === false ?  \'disabled\' : null"\r\n                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                [class.btn-danger]="invalid && (dirty || touched)"\r\n              >\r\n                <span [class]="IconUpload"></span> {{\r\n                lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n                | async }}\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngFor="let file of uploads" style="margin-top: 5px">\r\n        <div\r\n          class="input-group upload-component upload-multiple"\r\n          [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n          [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n        >\r\n          <div class="form-control upload-progress">\r\n            <div class="progress">\r\n              <div\r\n                class="progress-bar"\r\n                [class.progress-bar-success]="file.progress===100"\r\n                role="progressbar"\r\n                [attr.aria-valuenow]="file.progress"\r\n                aria-valuemin="0"\r\n                aria-valuemax="100"\r\n                [style.width.%]="file.progress"\r\n              >\r\n                <span class="progress-text text-dark">{{ file.name }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class="input-group-btn"\r\n            [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n            [class.input-group-lg]="componentHeight === ControlHeight.Large"\r\n          >\r\n            \x3c!-- image-preview-clear button --\x3e\r\n            <a\r\n              class="btn"\r\n              (click)="cancel(file.uploadId)"\r\n              [class.btn-default]="!(invalid && (dirty || touched))"\r\n              [class.btn-danger]="invalid && (dirty || touched)"\r\n            >\r\n              <span [class]="IconDelete"></span>\r\n            </a>\r\n            <a\r\n              *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && file.status !== \'paused\')"\r\n              class="btn"\r\n              (click)="pause(file.uploadId)"\r\n              [attr.disabled]="file.status !== \'uploading\' ? \'disabled\' : null"\r\n              [class.btn-default]="!(invalid && (dirty || touched))"\r\n              [class.btn-danger]="invalid && (dirty || touched)"\r\n            >\r\n              <span [class]="IconPause"></span>\r\n            </a>\r\n            <a\r\n              *ngIf="autoupload && enablepause && file.status === \'paused\'"\r\n              class="btn"\r\n              (click)="upload(file.uploadId)"\r\n              [class.btn-default]="!(invalid && (dirty || touched))"\r\n              [class.btn-danger]="invalid && (dirty || touched)"\r\n            >\r\n              <span [class]="IconContinue"></span>\r\n            </a>\r\n            <a\r\n              *ngIf="autoupload === false"\r\n              class="btn"\r\n              (click)="upload(file.uploadId)"\r\n              [attr.disabled]="file.status !== \'added\' && file.status !== \'paused\' ?  \'disabled\' : null"\r\n              [class.btn-default]="!(invalid && (dirty || touched))"\r\n              [class.btn-danger]="invalid && (dirty || touched)"\r\n            >\r\n              <span [class]="IconUpload"></span> {{\r\n              lngResourceService.GetString(validationKeyService.UploadButtonUpload)\r\n              | async }}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class="help-block help-block-error"\r\n      *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n    >\r\n      {{ GetErrorMessage() | async }}\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ye},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ye}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}"]}]}],ye.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var Ce=function(){};Ce.decorators=[{type:n.NgModule,args:[{declarations:[fe,ye],imports:[t.CommonModule,o.FormsModule,I],exports:[fe,ye]}]}];var Se=function(e){function n(n){var r=e.call(this,n)||this;return r.cssClassForm=!0,r.cssClassHorizontal=!0,r}return m(n,e),n}(r.SacFormCommon);Se.decorators=[{type:n.Directive,args:[{selector:"form:not([ngNoForm]):not([formGroup]),[ngForm]",exportAs:"sacform"}]}],Se.ctorParameters=function(){return[{type:o.NgForm}]},Se.propDecorators={cssClassForm:[{type:n.HostBinding,args:["class.form"]}],cssClassHorizontal:[{type:n.HostBinding,args:["class.form-horizontal"]}]};var xe=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacValidationSummaryCommon);xe.decorators=[{type:n.Component,args:[{selector:"sac-validationsummary",template:'<div class="alert alert-danger" role="alert" *ngIf="hasErrors" [id]="name">\r\n  <ul>\r\n    <li *ngFor="let error of formErrors">\r\n      {{error | async}}\r\n    </li>\r\n  </ul>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:xe}]}]}],xe.ctorParameters=function(){return[{type:Se,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Ie=function(){};Ie.decorators=[{type:n.NgModule,args:[{declarations:[xe],imports:[t.CommonModule],exports:[xe]}]}];var we=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacWizardItemCommon);we.decorators=[{type:n.Component,args:[{selector:"sac-wizarditem",template:""}]}];var Ae=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.wizardItems=function(){return this._wizardItems},n}(r.SacWizardCommon);Ae.decorators=[{type:n.Component,args:[{selector:"sac-wizard",template:'<ul [id]="name" class="nav nav-wizard" role="tablist">\r\n  <li *ngFor="let item of _wizardItems" class="nav-item" [ngClass]="{ \'active\': item._active, \'disabled\': item._disabled, \'success\': item._iscomplete }"\r\n      [ngStyle]="{\'cursor\': item._disabled ? \'not-allowed\' : \'pointer\'}">\r\n    <a role="tab" (click)="selectStep(item)">\r\n      <div class="circle">\r\n        <span class="step"></span>\r\n      </div>\r\n    </a>\r\n    <div class="info">\r\n      <a (click)="selectStep(item)">{{item.label}}</a>\r\n    </div>\r\n  </li>\r\n</ul>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Ae}]}]}],Ae.propDecorators={_wizardItems:[{type:n.ContentChildren,args:[we]}]};var He=function(){};function Le(e){return e}function ke(e){return e}He.decorators=[{type:n.NgModule,args:[{declarations:[Ae,we],imports:[t.CommonModule],exports:[Ae,we]}]}];var Ee=function(){};Ee.decorators=[{type:n.Directive,args:[{selector:"[sacInheritForm]",providers:[{provide:Se,useFactory:Le,deps:[[new n.SkipSelf,Se]]},{provide:o.ControlContainer,useFactory:ke,deps:[o.NgForm]}]}]}];var _e=function(){};_e.decorators=[{type:n.NgModule,args:[{declarations:[Se,Ee],imports:[t.CommonModule,o.FormsModule],exports:[Se,Ee]}]}],e.NGFORM_FACTORY=ke,e.SACBootstrap3ButtonModule=v,e.SACBootstrap3CheckboxModule=L,e.SACBootstrap3ConfirmModule=M,e.SACBootstrap3DateTimeModule=D,e.SACBootstrap3DialogModule=E,e.SACBootstrap3FormModule=_e,e.SACBootstrap3GridModule=W,e.SACBootstrap3InputModule=ne,e.SACBootstrap3LayoutModule=I,e.SACBootstrap3ListModule=le,e.SACBootstrap3StaticLabelModule=ie,e.SACBootstrap3TabsModule=pe,e.SACBootstrap3TinyMceModule=me,e.SACBootstrap3TooltipModule=B,e.SACBootstrap3TtreeviewModule=ve,e.SACBootstrap3UploadModule=Ce,e.SACBootstrap3ValidationSummaryModule=Ie,e.SACBootstrap3WizardModule=He,e.SACFORM_FACTORY=Le,e.SacButtonComponent=h,e.SacCheckboxComponent=w,e.SacConfirmComponent=_,e.SacDateComponent=R,e.SacDateSelectorComponent=O,e.SacDateTimeComponent=G,e.SacDialogComponent=k,e.SacDropdownComponent=re,e.SacDropdownOptionDirective=te,e.SacFormDirective=Se,e.SacFormLayoutDirective=f,e.SacGridButtonComponent=j,e.SacGridColumnActionComponent=q,e.SacGridColumnComponent=P,e.SacGridComponent=N,e.SacGridImageComponent=F,e.SacInheritFormDirective=Ee,e.SacInputAreaComponent=K,e.SacInputComponent=$,e.SacInputCurrencyComponent=Y,e.SacInputDecimalComponent=Q,e.SacInputEmailComponent=X,e.SacInputIntegerComponent=Z,e.SacInputPasswordComponent=J,e.SacInputSearchComponent=ee,e.SacListboxComponent=oe,e.SacPagingComponent=V,e.SacRadiobuttonComponent=H,e.SacRadiobuttonsComponent=A,e.SacStaticFormContainerComponent=ae,e.SacStaticLabelComponent=se,e.SacTabComponent=de,e.SacTabItemComponent=ce,e.SacTimeComponent=z,e.SacTinyMceComponent=ue,e.SacToControlHeightPipe=y,e.SacToControlWidthCssPipe=C,e.SacToLabelHeightPipe=S,e.SacToLabelWidthCssPipe=x,e.SacTooltipComponent=U,e.SacTreeItemActionComponent=he,e.SacTreeViewChildComponent=be,e.SacTreeViewComponent=ge,e.SacUploadComponent=fe,e.SacUploadMultipleComponent=ye,e.SacValidationSummaryComponent=xe,e.SacWizardComponent=Ae,e.SacWizardItemComponent=we,e.ServiceConfirm=T,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@simpleangularcontrols/sac-common"),require("@angular/common"),require("@angular/forms"),require("rxjs"),require("rxjs/operators"),require("angular-imask"),require("moment"),require("@tinymce/tinymce-angular")):"function"==typeof define&&define.amd?define("@simpleangularcontrols/sac-bootstrap3",["exports","@angular/core","@simpleangularcontrols/sac-common","@angular/common","@angular/forms","rxjs","rxjs/operators","angular-imask","moment","@tinymce/tinymce-angular"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self).simpleangularcontrols=e.simpleangularcontrols||{},e.simpleangularcontrols["sac-bootstrap3"]={}),e.ng.core,e.sacCommon,e.ng.common,e.ng.forms,e.rxjs,e.rxjs.operators,e.angularImask,e.moment,e.tinymceAngular)}(this,(function(e,n,t,r,o,l,a,i,s,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(s),u=function(e,n){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])})(e,n)};function m(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function t(){this.constructor=e}u(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}Object.create;function g(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,l=t.call(e),a=[];try{for(;(void 0===n||n-- >0)&&!(r=l.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=l.return)&&t.call(l)}finally{if(o)throw o.error}}return a}function h(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(g(arguments[n]));return e}Object.create;"function"==typeof SuppressedError&&SuppressedError;var b=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacButtonCommon);b.decorators=[{type:n.Component,args:[{selector:"sac-button",template:'<a\r\n  [id]="name"\r\n  class="btn"\r\n  [class.btn-primary]="role === \'primary\'"\r\n  [class.btn-secondary]="role === \'secondary\'"\r\n  [class.btn-success]="role === \'success\'"\r\n  [class.btn-danger]="role === \'danger\'"\r\n  [class.btn-warning]="role === \'warning\'"\r\n  [class.btn-info]="role === \'info\'"\r\n  [class.btn-default]="role === \'default\'"\r\n  [class.btn-link]="role === \'link\'"\r\n  [attr.disabled]="_isdisabled ? \'disabled\' : null"\r\n  (click)="buttonClick()"\r\n>\r\n  <i\r\n    *ngIf="isloading"\r\n    class=""\r\n    role="status"\r\n    aria-hidden="true"\r\n    class="glyphicon glyphicon-repeat spin"\r\n    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"\r\n  ></i>\r\n  <i\r\n    *ngIf="!isloading && icon !== \'\'"\r\n    [ngClass]="icon"\r\n    [ngStyle]="{ \'margin-right\': text ? \'0.5rem\': null}"\r\n  ></i>\r\n  {{text}}\r\n</a>\r\n',encapsulation:n.ViewEncapsulation.None,styles:["sac-button+sac-button {margin-left: 5px}",".spin { animation: spin 1.5s infinite; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }"]}]}];var f=function(){};f.decorators=[{type:n.NgModule,args:[{declarations:[b],imports:[r.CommonModule],exports:[b]}]}];var x=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacFormLayoutCommon);x.decorators=[{type:n.Directive,args:[{selector:"[sacFormLayout]"}]}];var v=function(){function e(){}return e.prototype.transform=function(e){if(!e)return"";switch(e){case t.ControlHeight.Small:return"input-sm";case t.ControlHeight.Large:return"input-lg";default:return""}},e}();v.decorators=[{type:n.Pipe,args:[{name:"toControlHeight"}]}];var y=function(){function e(){}return e.prototype.transform=function(e){var n=[];return e.labelSizeXs&&n.push("col-xs-"+this.calcControlSize(e.labelSizeXs)),e.labelSizeSm&&n.push("col-sm-"+this.calcControlSize(e.labelSizeSm)),e.labelSizeMd&&n.push("col-md-"+this.calcControlSize(e.labelSizeMd)),e.labelSizeLg&&n.push("col-lg-"+this.calcControlSize(e.labelSizeLg)),n.join(" ")},e.prototype.calcControlSize=function(e){return 12===e?12:e?12-e:12},e}();y.decorators=[{type:n.Pipe,args:[{name:"toControlWidthCss"}]}];var C=function(){function e(){}return e.prototype.transform=function(e){if(!e)return"";switch(e){case t.ControlHeight.Small:return"form-group-sm";case t.ControlHeight.Large:return"form-group-lg";default:return""}},e}();C.decorators=[{type:n.Pipe,args:[{name:"toLabelHeight"}]}];var I=function(){function e(){}return e.prototype.transform=function(e){var n=[];return e.labelSizeXs&&n.push("col-xs-"+e.labelSizeXs),e.labelSizeSm&&n.push("col-sm-"+e.labelSizeSm),e.labelSizeMd&&n.push("col-md-"+e.labelSizeMd),e.labelSizeLg&&n.push("col-lg-"+e.labelSizeLg),n.join(" ")},e}();I.decorators=[{type:n.Pipe,args:[{name:"toLabelWidthCss"}]}];var S=function(){};S.decorators=[{type:n.NgModule,args:[{declarations:[x,v,y,C,I],imports:[r.CommonModule],exports:[x,v,y,C,I]}]}];var w=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n.prototype.getTooltipOffset=function(){return 0},n}(t.SacTooltipCommon);w.decorators=[{type:n.Component,args:[{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        <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n        *ngIf="IsTooltipVisible()"\r\n        #tooltip>\r\n        <div\r\n            [style.visibility]="IsTooltipContentVisible ? \'visible\' : \'hidden\'"\r\n            class="tooltip in"\r\n            style="display: block"\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            <div class="tooltip-arrow"></div>\r\n            <div class="tooltip-inner">{{ tooltiptext }}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n'}]}],w.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.ElementRef}]};var H=function(){};H.decorators=[{type:n.NgModule,args:[{declarations:[w],imports:[r.CommonModule],exports:[w]}]}];var k=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacCheckboxCommon);k.decorators=[{type:n.Component,args:[{selector:"sac-checkbox",template:'<div\r\n    class="row"\r\n    [class.form-group]="!stacked"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="!disablelabel && !stacked"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[!disablelabel && !stacked ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[!disablelabel && !stacked ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div\r\n            class="checkbox"\r\n            [class.checkbox-sm]="componentHeight === ControlHeight.Small"\r\n            [class.checkbox-lg]="componentHeight === ControlHeight.Large">\r\n            <label for="{{ name }}">\r\n                <input\r\n                    id="{{ name }}"\r\n                    name="{{ name }}"\r\n                    type="checkbox"\r\n                    class="visible-checkbox"\r\n                    [checked]="value"\r\n                    [disabled]="isdisabled"\r\n                    (blur)="onTouch()"\r\n                    (change)="setValue($event.target.checked)" />\r\n                <ng-container *ngIf="checkboxtext">\r\n                    <span>{{ checkboxtext }}</span>\r\n                </ng-container>\r\n            </label>\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && (disablelabel || stacked)"\r\n                class="form-control-static"\r\n                style="display: inline">\r\n                <sac-tooltip\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:k},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return k})),multi:!0}],styles:[".checkbox-sm{padding-top:2px}.checkbox-sm input{height:12px;margin-top:2px;width:12px}.checkbox-sm label{font-size:12px;padding-top:2px}.checkbox-lg input{height:20px;margin-top:2px;width:20px}.checkbox-lg label{font-size:18px;padding-top:4px}"]}]}],k.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var T=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacRadiobuttonsCommon);T.decorators=[{type:n.Component,args:[{selector:"sac-radiobuttons",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div>\r\n            <ng-content></ng-content>\r\n        </div>\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:n.forwardRef((function(){return T})),multi:!0},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return T})),multi:!0}]}]}],T.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var A=function(e){function n(n,t,r){return e.call(this,n,t,r)||this}return m(n,e),n}(t.SacRadiobuttonCommon);A.decorators=[{type:n.Component,args:[{selector:"sac-radiobutton",template:'<div\r\n    class="radio"\r\n    *ngIf="hidden === false"\r\n    [class.radio-sm]="componentHeight === ControlHeight.Small"\r\n    [class.radio-lg]="componentHeight === ControlHeight.Large">\r\n    <label for="{{ getName }}_{{ getIndex }}">\r\n        <input\r\n            id="{{ getName }}_{{ getIndex }}"\r\n            name="{{ getName }}"\r\n            type="radio"\r\n            [value]="value"\r\n            [checked]="checked"\r\n            (change)="ChangeEvent()"\r\n            [disabled]="isDisabled" />\r\n        <ng-template *ngTemplateOutlet="labeltemplate || defaultItemLabelTemplate; context: { label: label }"></ng-template>\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n    </label>\r\n\r\n    <div\r\n        *ngIf="helptextmode === \'tooltip\' && helptext"\r\n        class="form-control-static"\r\n        style="display: inline">\r\n        <sac-tooltip\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px; margin-right: 5px">\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    <span>{{ label }}</span>\r\n</ng-template>\r\n',styles:[".radio-lg label{font-size:18px;padding-top:2px}.radio-lg label input{height:20px;margin-top:2px;width:20px}.radio-sm{padding-top:2px}.radio-sm label{font-size:12px;min-height:14px;padding-top:2px}.radio-sm label input{height:12px;margin-top:2px;width:12px}"]}]}],A.ctorParameters=function(){return[{type:T,decorators:[{type:n.Host}]},{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var L=function(){};L.decorators=[{type:n.NgModule,args:[{declarations:[k,A,T],imports:[r.CommonModule,S,H],exports:[k,A,T]}]}];var E=function(e){function n(n,t){var r=e.call(this,t)||this;return r.zindex=20002,r._lastDialogMarginTop=0,r.element=n.nativeElement,r}return m(n,e),Object.defineProperty(n.prototype,"dialogMarginTop",{get:function(){var e=0;return null!==this.dialogElement&&void 0!==this.dialogElement&&(e=this.dialogElement.nativeElement.clientHeight/2*-1),this._lastDialogMarginTop!==e&&(this._lastDialogMarginTop=e,this.ChangeDetector.detectChanges()),e},enumerable:!1,configurable:!0}),n.prototype.ngOnInit=function(){document.body.appendChild(this.element)},n.prototype.ngOnDestroy=function(){this.hide(),document.body.contains(this.element)&&document.body.removeChild(this.element),e.prototype.ngOnDestroy.call(this)},n}(t.SacDialogCommon);E.decorators=[{type:n.Component,args:[{selector:"sac-dialog",template:'<div [id]="name" *ngIf="_show" [ngStyle]="{\'z-index\': zindex}">\r\n  <div\r\n    class="modal in"\r\n    style="display: block"\r\n    tabindex="-1"\r\n    role="dialog"\r\n    #dialog\r\n  >\r\n    <div\r\n      class="modal-dialog"\r\n      [class.modal-sm]="_size===\'small\'"\r\n      [class.modal-lg]="_size === \'large\' || _size === \'extralarge\'"\r\n      role="document"\r\n    >\r\n      <div class="modal-content">\r\n        <div class="modal-header">\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          <span class="modal-title">{{title}}</span>\r\n        </div>\r\n        <div class="modal-body">\r\n          <ng-content select="[dialogbody]"></ng-content>\r\n        </div>\r\n        <div class="modal-footer">\r\n          <ng-content select="[dialogfooter]"></ng-content>\r\n        </div>\r\n      </div>\r\n      \x3c!-- /.modal-content --\x3e\r\n    </div>\r\n    \x3c!-- /.modal-dialog --\x3e\r\n  </div>\r\n  \x3c!-- /.modal --\x3e\r\n</div>\r\n<div class="modal-backdrop in" *ngIf="_show && backdrop" #backdrop></div>\r\n'}]}],E.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef}]},E.propDecorators={zindex:[{type:n.Input}]};var z=function(){};z.decorators=[{type:n.NgModule,args:[{declarations:[E],imports:[r.CommonModule],exports:[E]}]}];var _=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacConfirmCommon);_.decorators=[{type:n.Component,args:[{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>\r\n  <div dialogbody>\r\n    <div class="media">\r\n      <div class="media-left media-middle" *ngIf="hasImage()">\r\n        <img [attr.src]="image" />\r\n      </div>\r\n      <div class="media-body">{{message}}</div>\r\n    </div>\r\n  </div>\r\n  <div dialogfooter>\r\n    <ng-container *ngFor="let button of buttons">\r\n      <sac-button\r\n        [name]="button.key"\r\n        [text]="button.text"\r\n        [role]="button.role || \'default\'"\r\n        (clicked)="confirm(button.key)"\r\n      ></sac-button>\r\n    </ng-container>\r\n  </div>\r\n</sac-dialog>\r\n'}]}];var R=function(e){function n(n,t,r){var o=e.call(this,t,r)||this;return o.componentFactoryResolver=n,o.buttons=[],o.message="",o.title="",o}return m(n,e),n.prototype.ConfirmMessage=function(n,r,o){var i=this;return void 0===o&&(o=null),this.title=n,this.message=r,t.isDefined(o)?this.buttons=o:(this.buttons=[],l.forkJoin({button_yes:this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonYes),button_no:this.localisationService.GetString(this.validationKeyService.ConfirmDefaultButtonNo)}).pipe(a.take(1)).subscribe((function(e){i.buttons.push(new t.SacConfirmButton("yes",e.button_yes,"primary")),i.buttons.push(new t.SacConfirmButton("no",e.button_no))}))),e.prototype.Confirm.call(this)},n.prototype.GetComponentFactory=function(){return this.componentFactoryResolver.resolveComponentFactory(_)},n.prototype.ConfigureDialog=function(e){e.title=this.title,e.message=this.message,e.buttons=this.buttons,e.image=this.iconService.ConfirmDefaultImage},n}(t.ServiceConfirmCommon);R.decorators=[{type:n.Injectable}],R.ctorParameters=function(){return[{type:n.ComponentFactoryResolver,decorators:[{type:n.Inject,args:[n.ComponentFactoryResolver]}]},{type:n.ApplicationRef},{type:n.Injector}]};var P=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[R]}},e}();P.decorators=[{type:n.NgModule,args:[{declarations:[_],imports:[r.CommonModule,z,f],exports:[_],entryComponents:[_]}]}];var O=function(e){function n(n,t,r,o,l){return e.call(this,n,t,r,o,l)||this}return m(n,e),n}(t.SacContextmenuCommon);O.decorators=[{type:n.Component,args:[{selector:"sac-contextmenu",template:'<div\r\n    class="dropdown"\r\n    [ngClass]="cssclass">\r\n    <ng-container [ngTemplateOutlet]="buttontemplate || defaultButtonTemplate"></ng-container>\r\n\r\n    <ul\r\n        class="dropdown-menu dropdown-menu-right"\r\n        sacContextMenuContainer\r\n        [class.show]="isopen">\r\n        <ng-content></ng-content>\r\n    </ul>\r\n</div>\r\n\r\n<ng-template #defaultButtonTemplate>\r\n    <button\r\n        sacContextMenuAnchor\r\n        class="btn btn-link"\r\n        type="button"\r\n        (click)="toggle()">\r\n        <i [class]="IconContextMenu"></i>\r\n    </button>\r\n</ng-template>\r\n'}]}],O.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Inject,args:[r.DOCUMENT]}]},{type:n.NgZone},{type:n.ElementRef},{type:n.Renderer2},{type:n.Injector}]};var M=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(t.SacContextmenuAnchorCommon);M.decorators=[{type:n.Directive,args:[{selector:"[sacContextMenuAnchor]",providers:[{provide:t.SacContextmenuAnchorCommon,useExisting:n.forwardRef((function(){return M}))}]}]}],M.ctorParameters=function(){return[{type:n.ElementRef}]};var G=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(t.SacContextMenuContrainerCommon);G.decorators=[{type:n.Directive,args:[{selector:"[sacContextMenuContainer]",providers:[{provide:t.SacContextMenuContrainerCommon,useExisting:n.forwardRef((function(){return G}))}]}]}],G.ctorParameters=function(){return[{type:n.ElementRef}]};var D=function(e){function n(n){var t=e.call(this)||this;return t.el=n,t}return m(n,e),n.prototype.ngOnInit=function(){for(var e=this.el.nativeElement,n=e.parentElement;e.firstChild;)n.insertBefore(e.firstChild,e);n.removeChild(e)},n}(t.SacContextmenuItemButtonCommon);D.decorators=[{type:n.Component,args:[{selector:"sac-contextmenubutton",template:'<li\r\n    [class.disabled]="isdisabled"\r\n    [ngClass]="cssclass">\r\n    <a\r\n        [id]="name"\r\n        (click)="callaction($event)"\r\n        [attr.disabled]="isdisabled ? \'disabled\' : null"\r\n        [ngStyle]="{ cursor: !isdisabled ? \'pointer\' : null }"\r\n        style="display: flex">\r\n        <div\r\n            style="min-width: 25px"\r\n            *ngIf="!isicondisabled">\r\n            <img\r\n                *ngIf="image"\r\n                [src]="image"\r\n                style="vertical-align: baseline"\r\n                [ngStyle]="{ \'margin-right\': text ? \'5px\' : null }" />\r\n            <i\r\n                *ngIf="icon"\r\n                [class]="iconstyle + \' \' + icon"\r\n                [ngStyle]="{ \'margin-right\': text ? \'5px\' : null }">\r\n            </i>\r\n        </div>\r\n        <div>{{ text }}</div>\r\n    </a>\r\n</li>\r\n',providers:[{provide:t.SacContextmenuItemCommon,useExisting:n.forwardRef((function(){return D}))}]}]}],D.ctorParameters=function(){return[{type:n.ElementRef}]};var N=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacContextmenuItemCommon);N.decorators=[{type:n.Component,args:[{selector:"sac-contextmenusplitter",template:'<li\r\n    role="separator"\r\n    class="divider"></li>\r\n',providers:[{provide:t.SacContextmenuItemCommon,useExisting:n.forwardRef((function(){return N}))}]}]}];var V=function(){};V.decorators=[{type:n.NgModule,args:[{declarations:[O,D,N,M,G],imports:[r.CommonModule],exports:[O,D,N,M]}]}];var F=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacDateCommon);F.decorators=[{type:n.Component,args:[{selector:"sac-date",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div\r\n            style="position: relative"\r\n            [style.width.px]="componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 180 : 140">\r\n            <div\r\n                class="datetime-textbox input-group"\r\n                [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n                [class.input-group-lg]="componentHeight === ControlHeight.Large">\r\n                \x3c!-- this class comes in the div above when disabled [ngClass]="[disablelabel === false ? \'col-md-\' + _inputsize : \'col-md-12\']" --\x3e\r\n                <input\r\n                    id="{{ name }}"\r\n                    name="{{ name }}"\r\n                    type="text"\r\n                    class="form-control date-control"\r\n                    [class.is-invalid]="invalid && (dirty || touched)"\r\n                    [ngClass]="[componentHeight | toControlHeight]"\r\n                    [imask]="imaskDate"\r\n                    [attr.placeholder]="placeholder"\r\n                    [value]="valuestring"\r\n                    (blur)="onTouch()"\r\n                    (accept)="setValueString($event)"\r\n                    [disabled]="isdisabled"\r\n                    (click)="showDateSelector()" />\r\n                <span class="input-group-btn">\r\n                    <button\r\n                        #pickerbutton\r\n                        class="btn btn-default"\r\n                        type="button"\r\n                        (click)="showDateSelector()"\r\n                        [disabled]="isdisabled">\r\n                        <i [class]="IconSelector"></i>\r\n                    </button>\r\n                </span>\r\n            </div>\r\n            <p\r\n                *ngIf="helptextmode === \'text\' && helptext"\r\n                class="help-block">\r\n                {{ helptext }}\r\n            </p>\r\n            <div\r\n                class="help-block help-block-error"\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n\r\n            <div\r\n                #picker\r\n                *ngIf="_showselector">\r\n                <div\r\n                    class="popover in"\r\n                    role="tooltip"\r\n                    style="display: block; max-width: unset; margin: 0"\r\n                    [class.bottom]="GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend"\r\n                    [class.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                        style="margin: 0"\r\n                        class="arrow"\r\n                        [style.top.px]="posArrowTop"\r\n                        [style.left.px]="posArrowLeft">\r\n                    </div>\r\n\r\n                    <div class="popover-content">\r\n                        <sac-dateselector\r\n                            *ngIf="_showselector"\r\n                            [initialvalue]="value"\r\n                            (selectdate)="dateselect($event)"\r\n                            dateselection="true">\r\n                        </sac-dateselector>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n            class="form-control-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return F}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return F}))}]}]}],F.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef},{type:n.ChangeDetectorRef}]};c.default;var j=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacDateSelectorCommon);j.decorators=[{type:n.Component,args:[{selector:"sac-dateselector",template:'<div class="calendar-selector" style="min-width: 265px">\r\n  <table class="table-condensed" style="width: 100%" *ngIf="dateselection">\r\n    <thead>\r\n      <tr>\r\n        <th class="prev text-left" (click)="monthBack()">\r\n          <i [class]="iconMonthPrev"></i>\r\n        </th>\r\n        <th colspan="5" class="switch text-center">{{month+1}}/{{year}}</th>\r\n        <th class="next text-right" (click)="monthNext()">\r\n          <i [class]="iconMonthNext"></i>\r\n        </th>\r\n      </tr>\r\n      <tr>\r\n        <th class="dow text-center">Mo</th>\r\n        <th class="dow text-center">Di</th>\r\n        <th class="dow text-center">Mi</th>\r\n        <th class="dow text-center">Do</th>\r\n        <th class="dow text-center">Fr</th>\r\n        <th class="dow text-center">Sa</th>\r\n        <th class="dow text-center">So</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngFor="let week of dates; let i=index">\r\n        <tr>\r\n          <td\r\n            class="text-center"\r\n            *ngFor="let item of week"\r\n            [ngStyle]="{\'cursor\': item.isenabled ? \'pointer\' : null}"\r\n            [ngClass]="{\'day-current\': item.iscurrent, \'day-selected\': item.isselected, \'day-new\': item.isnew, \'day-disabled\': !item.isenabled}"\r\n            (click)="selectDate(item)"\r\n          >\r\n            {{ item.displaytext }}\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n  <div class="container-fluid" *ngIf="timeselection" style="margin-top: 10px">\r\n    <div class="row">\r\n      <div class="col-md-6" style="padding-right: 20px">\r\n        <div class="form-group">\r\n          <label>Stunde</label>\r\n          <input\r\n            type="number"\r\n            class="form-control"\r\n            [value]="getHours()"\r\n            (input)="setHours($event.target.value)"\r\n            min="0"\r\n            max="23"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class="col-md-6" style="padding-left: 20px">\r\n        <div class="form-group">\r\n          <label>Minute</label>\r\n          <input\r\n            type="number"\r\n            class="form-control"\r\n            [value]="getMinutes()"\r\n            (input)="setMinutes($event.target.value)"\r\n            min="0"\r\n            max="59"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class="row" style="margin-top: 10px">\r\n    <div class="col-md-4 text-left">\r\n      <button type="button" class="btn btn-default" (click)="setToday()">\r\n        Heute\r\n      </button>\r\n    </div>\r\n    <div class="col-md-8 text-right">\r\n      <button type="button" class="btn btn-default" (click)="resetSelection()">\r\n        Reset\r\n      </button>\r\n      <button\r\n        type="button"\r\n        class="btn btn-primary"\r\n        style="margin-left: 10px"\r\n        (click)="applySelection()"\r\n      >\r\n        Apply\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n'}]}];var W=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacDateTimeCommon);W.decorators=[{type:n.Component,args:[{selector:"sac-datetime",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div\r\n            style="position: relative"\r\n            [style.width.px]="componentHeight === ControlHeight.Small ? 160 : componentHeight === ControlHeight.Large ? 230 : 180">\r\n            <div\r\n                class="datetime-textbox input-group"\r\n                [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n                [class.input-group-lg]="componentHeight === ControlHeight.Large">\r\n                <input\r\n                    id="{{ name }}"\r\n                    name="{{ name }}"\r\n                    type="text"\r\n                    class="form-control date-control"\r\n                    [class.is-invalid]="invalid && (dirty || touched)"\r\n                    [ngClass]="[componentHeight | toControlHeight]"\r\n                    [imask]="imaskDate"\r\n                    [attr.placeholder]="placeholder"\r\n                    [value]="valuestring"\r\n                    (blur)="onTouch()"\r\n                    (accept)="setValueString($event)"\r\n                    [disabled]="isdisabled"\r\n                    (click)="showDateSelector()" />\r\n                <span class="input-group-btn">\r\n                    <button\r\n                        #pickerbutton\r\n                        class="btn btn-default"\r\n                        type="button"\r\n                        (click)="showDateSelector()"\r\n                        [disabled]="isdisabled">\r\n                        <i [class]="IconSelector"></i>\r\n                    </button>\r\n                </span>\r\n            </div>\r\n            <p\r\n                *ngIf="helptextmode === \'text\' && helptext"\r\n                class="help-block">\r\n                {{ helptext }}\r\n            </p>\r\n            <div\r\n                class="help-block help-block-error"\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n\r\n            <div\r\n                #picker\r\n                *ngIf="_showselector">\r\n                <div\r\n                    class="popover in"\r\n                    role="tooltip"\r\n                    style="display: block; max-width: unset; margin: 0"\r\n                    [class.bottom]="GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend"\r\n                    [class.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                        style="margin: 0"\r\n                        class="arrow"\r\n                        [style.top.px]="posArrowTop"\r\n                        [style.left.px]="posArrowLeft">\r\n                    </div>\r\n\r\n                    <div class="popover-content">\r\n                        <sac-dateselector\r\n                            *ngIf="_showselector"\r\n                            [initialvalue]="value"\r\n                            (selectdate)="dateselect($event)"\r\n                            dateselection="true"\r\n                            timeselection="true"></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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return W}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return W}))}]}]}],W.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef},{type:n.ChangeDetectorRef}]};var U=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacTimeCommon);U.decorators=[{type:n.Component,args:[{selector:"sac-time",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div\r\n            style="position: relative"\r\n            [style.width.px]="componentHeight === ControlHeight.Small ? 120 : componentHeight === ControlHeight.Large ? 160 : 140">\r\n            <div\r\n                class="datetime-textbox input-group"\r\n                [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n                [class.input-group-lg]="componentHeight === ControlHeight.Large">\r\n                <input\r\n                    id="{{ name }}"\r\n                    name="{{ name }}"\r\n                    type="text"\r\n                    class="form-control time-control"\r\n                    [class.is-invalid]="invalid && (dirty || touched)"\r\n                    [ngClass]="[componentHeight | toControlHeight]"\r\n                    [imask]="imaskDate"\r\n                    [attr.placeholder]="placeholder"\r\n                    [value]="valuestring"\r\n                    (blur)="onTouch()"\r\n                    (accept)="setValueString($event)"\r\n                    [disabled]="isdisabled"\r\n                    (click)="showTimeSelector()"\r\n                    maxlength="6"\r\n                    size="6" />\r\n                <span class="input-group-btn">\r\n                    <button\r\n                        #pickerbutton\r\n                        class="btn btn-default"\r\n                        type="button"\r\n                        (click)="showTimeSelector()"\r\n                        [disabled]="isdisabled">\r\n                        <i [class]="IconSelector"></i>\r\n                    </button>\r\n                </span>\r\n            </div>\r\n            <p\r\n                *ngIf="helptextmode === \'text\' && helptext"\r\n                class="help-block">\r\n                {{ helptext }}\r\n            </p>\r\n            <div\r\n                class="help-block help-block-error"\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n                {{ GetErrorMessage() | async }}\r\n            </div>\r\n\r\n            <div\r\n                #picker\r\n                *ngIf="_showselector">\r\n                <div\r\n                    class="popover in"\r\n                    role="tooltip"\r\n                    style="display: block; max-width: unset; margin: 0"\r\n                    [class.bottom]="GetPickerPosition() == TooltipPosition.bottom || GetPickerPosition() == TooltipPosition.bottomend"\r\n                    [class.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                        style="margin: 0"\r\n                        class="arrow"\r\n                        [style.top.px]="posArrowTop"\r\n                        [style.left.px]="posArrowLeft">\r\n                    </div>\r\n\r\n                    <div class="popover-content">\r\n                        <sac-dateselector\r\n                            *ngIf="_showselector"\r\n                            [initialvalue]="value"\r\n                            (selectdate)="timeselect($event)"\r\n                            timeselection="true"></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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return U}))},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return U}))}]}]}],U.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.ElementRef},{type:n.ChangeDetectorRef}]};var q=function(){};q.decorators=[{type:n.NgModule,args:[{declarations:[F,W,U,j],imports:[r.CommonModule,i.IMaskModule,S,H],exports:[F,W,U,j]}]}];var B=function(e){function n(){var n=e.apply(this,h(arguments))||this;return n.ellipsis=!1,n}return m(n,e),n}(t.SacGridCommon);B.decorators=[{type:n.Component,args:[{selector:"sac-grid",template:'<table class="table table-striped table-condensed table-hover" id="{{name}}">\r\n  <thead>\r\n    <tr>\r\n      <ng-container\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            [pagingtext]="pagingtext"\r\n            [pagesizetext]="pagesizetext"\r\n          ></sac-paging>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </tfoot>\r\n</table>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:B},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return B}))}]}]}],B.propDecorators={template:[{type:n.ContentChild,args:[n.TemplateRef,{static:!0}]}]};var $=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.getIconClass=function(){var e=this.iconstyle,n=this.icon;if(""===e)switch(this.icon){case"edit":e="sprite",n="icon-sprite-base-main_edit";break;case"delete":e="sprite",n="icon-sprite-base-main_delete"}return this._isdisabledvalue&&(n+="_disabled"),(e+" "+n).trim()},n}(t.SacGridButtonCommon);$.decorators=[{type:n.Component,args:[{selector:"sac-gridbutton",template:'<a (click)="callaction()" style="padding-right: 5px;" [class.disabled]="isdisabled" [attr.disabled]="isdisabled ? \'disabled\' : null"><span class="{{getIconClass()}}"></span></a>\r\n'}]}];var K=function(e){function n(n,t,r){return e.call(this,n,t,r)||this}return m(n,e),n}(t.SacGridColumnCommon);K.decorators=[{type:n.Component,args:[{selector:"sac-gridcolumn",template:'<th\r\n    scope="col"\r\n    *ngIf="IsHeader()"\r\n    [style.width]="width"\r\n    (click)="SortByColumn()">\r\n    <span>{{ header }}</span>\r\n    <span\r\n        [class]="IconSortUp"\r\n        style="padding-left: 0.5rem"\r\n        *ngIf="IsSortedColumn() && GetSortDirection() === \'asc\'"></span>\r\n    <span\r\n        [class]="IconSortDown"\r\n        style="padding-left: 0.5rem"\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',providers:[{provide:t.SacGridColumnBaseCommon,useExisting:n.forwardRef((function(){return K}))}]}]}],K.ctorParameters=function(){return[{type:B},{type:n.Injector},{type:n.ElementRef}]};var Y=function(e){function n(n,t,r){var o=e.call(this,n,t,r)||this;return o.width="52px",o}return m(n,e),n}(t.SacGridColumnActionCommon);Y.decorators=[{type:n.Component,args:[{selector:"sac-gridcolumnaction",template:'<th scope="col" *ngIf="IsHeader()" [style.width]="width"><span></span></th>\r\n<td scope="col" *ngIf="IsBody()">\r\n   <ng-content></ng-content>\r\n</td>\r\n',providers:[{provide:t.SacGridColumnBaseCommon,useExisting:n.forwardRef((function(){return Y}))}]}]}],Y.ctorParameters=function(){return[{type:B},{type:n.Injector},{type:n.ElementRef}]};var Q=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.getIconClass=function(){switch(this.iconstyle){case"edit":return"sprite icon-sprite-base-main_edit";case"delete":return"sprite icon-sprite-base-main_delete";default:return this.iconstyle}},n}(t.SacGridImageCommon);Q.decorators=[{type:n.Component,args:[{selector:"sac-gridimage",template:'<span style="padding-right: 5px;"><span class="{{getIconClass()}}"></span></span>\r\n'}]}];var Z=function(e){function n(n){return e.call(this,n)||this}return m(n,e),n}(t.SacPagingCommon);Z.decorators=[{type:n.Component,args:[{selector:"sac-paging",template:'<div class="row">\r\n  <div class="pager-nav col-sm-4" id="{{name}}">\r\n    <ul class="pagination" style="margin: 10px 0">\r\n      <li\r\n        [ngClass]="{\'aspNetDisabled disabled\': activePageIndex === firstPageIndex}"\r\n      >\r\n        <a (click)="firstPage()">«</a>\r\n      </li>\r\n      <li\r\n        *ngFor="let page of paginators; let i = index"\r\n        [ngClass]="{\'active\': page === activePageIndex}"\r\n      >\r\n        <a (click)="changePage(page)">{{page + 1 }}</a>\r\n      </li>\r\n      <li\r\n        [ngClass]="{\'aspNetDisabled disabled\': activePageIndex === lastPageIndex}"\r\n      >\r\n        <a (click)="lastPage()">»</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class="col-sm-4 text-center" style="margin: 20px 0">\r\n    Seite {{getCurrentPageNumber()}} von {{getTotalPageNumber()}}\r\n  </div>\r\n  <div\r\n    class="col-sm-4 text-right"\r\n    *ngIf="!pagesizedisabled"\r\n    style="margin: 12px 0"\r\n  >\r\n    <div class="form-inline">\r\n      <div class="form-group" 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        <span style="margin-left: 5px">{{ PageSizeText | async }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Z},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Z}))}]}]}],Z.ctorParameters=function(){return[{type:n.Injector}]};var X=function(){};X.decorators=[{type:n.NgModule,args:[{declarations:[B,K,Y,Z,$,Q],imports:[r.CommonModule,o.FormsModule],exports:[B,K,Y,Z,$,Q]}]}];var J=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputCommon);J.decorators=[{type:n.Component,args:[{selector:"sac-input",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                [attr.maxlength]="maxtextlength"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:J},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return J}))}]}]}],J.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ee=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputAreaCommon);ee.decorators=[{type:n.Component,args:[{selector:"sac-inputarea",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <textarea\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type=""\r\n                class="form-control"\r\n                [class.is-invalid]="invalid && (dirty || touched)"\r\n                [class.validation-error]="invalid && (dirty || touched)"\r\n                [class.required]="isrequired"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                (keypress)="onKeyPress($event)"\r\n                [attr.rows]="rows"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly">\r\n            </textarea>\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ee},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ee}))}]}]}],ee.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ne=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputCurrencyCommon);ne.decorators=[{type:n.Component,args:[{selector:"sac-inputcurrency",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [class.clearfix]="helptextmode === \'tooltip\' && helptext && disablelabel">\r\n        <div\r\n            *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n            class="form-control-static pull-right"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\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            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                (keypress)="onKeyPress($event)"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n            <div class="input-group-addon">{{ currency }}</div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ne},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ne}))}]}]}],ne.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var te=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputDecimalCommon);te.decorators=[{type:n.Component,args:[{selector:"sac-inputdecimal",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                (keypress)="onKeyPress($event)"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:te},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return te}))}]}]}],te.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var re=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputEmailCommon);re.decorators=[{type:n.Component,args:[{selector:"sac-inputemail",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [class.clearfix]="helptextmode === \'tooltip\' && helptext && disablelabel">\r\n        <div\r\n            *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n            class="form-control-static pull-right"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\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            <div class="input-group-addon">@</div>\r\n            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                autocomplete="email"\r\n                [attr.maxlength]="maxtextlength"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:re},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return re}))}]}]}],re.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var oe=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputIntegerCommon);oe.decorators=[{type:n.Component,args:[{selector:"sac-inputinteger",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                (keypress)="onKeyPress($event)"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:oe},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return oe}))}]}]}],oe.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var le=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputPasswordCommon);le.decorators=[{type:n.Component,args:[{selector:"sac-inputpassword",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                type="password"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                [attr.maxlength]="maxtextlength"\r\n                autocomplete="new-password"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:le},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return le}))}]}]}],le.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ae=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacInputSearchCommon);ae.decorators=[{type:n.Component,args:[{selector:"sac-inputsearch",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [class.clearfix]="helptextmode === \'tooltip\' && helptext && disablelabel">\r\n        <div\r\n            *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n            class="form-control-static pull-right"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\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            <input\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                type="text"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [value]="value"\r\n                [attr.placeholder]="placeholder"\r\n                (blur)="onTouch()"\r\n                (input)="setValue($event.target.value)"\r\n                [attr.maxlength]="maxtextlength"\r\n                [disabled]="isdisabled"\r\n                [readonly]="readonly" />\r\n            <span class="input-group-btn">\r\n                <button\r\n                    type="button"\r\n                    class="btn btn-default"\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                        [style.margin-right.px]="buttonmode === \'mixed\' ? 7 : null">\r\n                    </i>\r\n                    <ng-container *ngIf="buttonmode === \'text\' || buttonmode === \'mixed\'">{{ buttontext }}</ng-container>\r\n                </button>\r\n            </span>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ae},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ae}))}]}]}],ae.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ie=function(){};ie.decorators=[{type:n.NgModule,args:[{declarations:[J,ee,ne,te,re,oe,le,ae],imports:[r.CommonModule,r.CommonModule,o.FormsModule,H,S],exports:[J,ee,ne,te,re,oe,le,ae]}]}];var se=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacDropdownCommon);se.decorators=[{type:n.Component,args:[{selector:"sac-dropdown",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <select\r\n                #dropdownitem\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                (blur)="onTouch()"\r\n                (change)="setValue(dropdownitem.value)"\r\n                [disabled]="isdisabled">\r\n                <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\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\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',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:se},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return se}))}]}]}],se.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.ElementRef}]};var pe=function(e){function n(n,t,r){return e.call(this,n,t,r)||this}return m(n,e),n}(t.SacDropdownOptionCommon);pe.decorators=[{type:n.Directive,args:[{selector:"option,[sacOption]"}]}],pe.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:se,decorators:[{type:n.Optional},{type:n.Host}]}]};var de=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacListboxCommon);de.decorators=[{type:n.Component,args:[{selector:"sac-listbox",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <select\r\n                multiple\r\n                id="{{ name }}"\r\n                name="{{ name }}"\r\n                class="form-control"\r\n                [ngClass]="[componentHeight | toControlHeight]"\r\n                [size]="rowsize"\r\n                (blur)="onTouch()"\r\n                (change)="getSelectedItems($event.target)"\r\n                [disabled]="isdisabled">\r\n                <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                        <ng-template *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate; context: { label: option[optionlabel] }"> </ng-template>\r\n                    </option>\r\n                </ng-container>\r\n                <ng-container *ngIf="groupitems !== \'\'">\r\n                    <optgroup\r\n                        *ngFor="let option of options"\r\n                        [attr.label]="option[grouplabel]">\r\n                        <option\r\n                            *ngFor="let item of option[groupitems]"\r\n                            [value]="item[optionvalue]"\r\n                            [disabled]="optionenabled !== \'\' && item[optionenabled] === false">\r\n                            <ng-template *ngTemplateOutlet="optionlabeltemplate || defaultItemLabelTemplate; context: { label: item[optionlabel] }"> </ng-template>\r\n                        </option>\r\n                    </optgroup>\r\n                </ng-container>\r\n            </select>\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\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',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:de},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return de}))}]}]}],de.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ce=function(){};ce.decorators=[{type:n.NgModule,args:[{declarations:[se,pe,de],imports:[r.CommonModule,t.SACCommonListboxOptionModule,H,o.FormsModule,S],exports:[se,pe,de]}]}];var ue=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacStaticFormContainerCommon);ue.decorators=[{type:n.Component,args:[{selector:"sac-staticformcontainer",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="isinvalid && errormessage"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <ng-content></ng-content>\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\r\n                    </span>\r\n                </sac-tooltip>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && isinvalid && errormessage">\r\n            {{ errormessage }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ue},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return ue}))}]}]}],ue.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var me=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacStaticLabelCommon);me.decorators=[{type:n.Component,args:[{selector:"sac-staticlabel",template:'<div\r\n    class="row form-group"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div\r\n            [id]="name"\r\n            class="form-control-static"\r\n            [style.padding-left.px]="0"\r\n            [innerHTML]="value">\r\n        </div>\r\n\r\n        <div\r\n            *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n            class="form-control-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:me},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return me}))}]}]}],me.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var ge=function(){};ge.decorators=[{type:n.NgModule,args:[{declarations:[me,ue],imports:[r.CommonModule,H,S],exports:[me,ue]}]}];var he=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacTabItemCommon);he.decorators=[{type:n.Component,args:[{selector:"sac-tabitem",template:'<div [id]="id" [hidden]="unloadwhenhidden === false && active === false"\r\n     *ngIf="(unloadwhenhidden === true && active === true) || unloadwhenhidden === false" class="tab-pane">\r\n  <ng-template [ngTemplateOutlet]="templateRef"></ng-template>\r\n</div>\r\n\r\n'}]}];var be=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.tabItems=function(){return this._tabItems.toArray()},n}(t.SacTabCommon);be.decorators=[{type:n.Component,args:[{selector:"sac-tab",template:'\x3c!-- Nav tabs --\x3e\r\n<div [id]="name" class="content-nav-tabs">\r\n  <ul class="nav nav-tabs" role="tablist">\r\n    <li\r\n      *ngFor="let item of _tabItems"\r\n      [ngClass]="{ \'active show\': item.active, \'disabled\': item.disabled }"\r\n      (click)="selectTab(item)"\r\n      [ngStyle]="{\'cursor\': item._disabled ? \'not-allowed\' : \'pointer\'}"\r\n    >\r\n      <a [id]="GetTabItemButtonId(item.id)" role="tab">\r\n        <ng-template\r\n          *ngTemplateOutlet="tablabeltemplate || defaultTabLabelTemplate;context:{ label: item.label }"\r\n        >\r\n        </ng-template>\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n\r\n\x3c!-- Tab panes --\x3e\r\n<div class="tab-content" style="margin-top: 15px">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #defaultTabLabelTemplate let-label="label">\r\n  {{label}}\r\n</ng-template>\r\n'}]}],be.propDecorators={_tabItems:[{type:n.ContentChildren,args:[he]}]};var fe=function(){};fe.decorators=[{type:n.NgModule,args:[{declarations:[be,he],imports:[r.CommonModule],exports:[be,he]}]}];var xe=function(e){function n(n,t,r){return e.call(this,n,t,r)||this}return m(n,e),n.prototype.overwriteDefaultSettings=function(){return{file_picker_types:void 0,file_picker_callback:void 0}},n}(t.SacTinyMceCommon);xe.decorators=[{type:n.Component,args:[{selector:"sac-tinymce",template:'<div\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [class.has-error]="isinlineerrorenabled && invalid && (dirty || touched)"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div [style.flex-grow]="helptextmode === \'tooltip\' && helptext && disablelabel ? 1 : null">\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)"></editor>\r\n            <p\r\n                *ngIf="helptextmode === \'text\' && helptext"\r\n                class="help-block">\r\n                {{ helptext }}\r\n            </p>\r\n            <div\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n                class="help-block">\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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\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> </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',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:xe},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return xe})),multi:!0}]}]}],xe.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.NgZone}]};var ve=function(){};ve.decorators=[{type:n.NgModule,args:[{declarations:[xe],imports:[r.CommonModule,o.FormsModule,p.EditorModule,f,z,S,H],exports:[xe]}]}];var ye=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacTreeviewCommon);ye.decorators=[{type:n.Component,args:[{selector:"sac-treeview",template:'<div\r\n    class="row mb-3"\r\n    [class.g-0]="disablelabel"\r\n    [class.has-error]="invalid && (dirty || touched)">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [class.has-error]="isinlineerrorenabled && invalid && (dirty || touched)">\r\n        <div [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n            <div [style.width.%]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'100\' : null">\r\n                <table\r\n                    class="table table-hover table-condensed"\r\n                    id="{{ name }}"\r\n                    style="table-layout: fixed"\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                    <tbody>\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                    </tbody>\r\n                </table>\r\n\r\n                <div\r\n                    *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n                    class="help-block">\r\n                    {{ GetErrorMessage() | async }}\r\n                </div>\r\n\r\n                <p\r\n                    *ngIf="helptextmode === \'text\' && helptext"\r\n                    class="help-block">\r\n                    {{ helptext }}\r\n                </p>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                class="form-control-static"\r\n                style="margin-left: 5px">\r\n                <sac-tooltip\r\n                    *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                    [tooltiptext]="helptext"\r\n                    [inlinemode]="true">\r\n                    <span\r\n                        [class]="HelptextTooltipIcon"\r\n                        style="margin-left: 5px; margin-right: 5px">\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    <tr\r\n        [class.active]="isSelectedState(node)"\r\n        attr.data-path="{{ path }}/{{ getStringField(node, attrid) }}"\r\n        attr.data-textpath="{{ textpath }}/{{ getStringField(node, attrlabel) }}">\r\n        <td>\r\n            <div\r\n                class="py-1 px-2 d-flex align-items-center"\r\n                style="display: flex; flex-direction: row; cursor: pointer; align-items: center"\r\n                (mouseenter)="setHoverState(node, true)"\r\n                (mouseleave)="setHoverState(node, false)">\r\n                <div\r\n                    style="margin-right: 15px"\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                    style="margin-right: 15px"\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                    style="padding-top: 7px; padding-bottom: 7px; flex-grow: 1"\r\n                    [style.max-width.%]="enableellipsis ? \'100\' : null"\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                    style="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            </div>\r\n        </td>\r\n    </tr>\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\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        style="margin-right: 15px"\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-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',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ye},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return ye})),multi:!0}]}]}],ye.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Ce=function(){};Ce.decorators=[{type:n.NgModule,args:[{declarations:[ye],imports:[r.CommonModule,H,S,V],exports:[ye]}]}];var Ie=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n.prototype.ngOnInit=function(){e.prototype.ngOnInit.call(this)},n}(t.SacDropzoneMultipleCommon);Ie.decorators=[{type:n.Component,args:[{selector:"sac-dropzonemultiple",template:'<div\r\n    id="{{ name }}"\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}_uploadinput"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div [style.flex-grow]="helptextmode === \'tooltip\' && helptext && disablelabel ? 1 : null">\r\n            <div\r\n                class="img-rounded dropzone control-label"\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"\r\n                    *ngIf="uploads.length === 0">\r\n                    <div>\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 *ngIf="uploads.length > 0">\r\n                    <div>\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">{{ file.name }}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class="input-group-btn">\r\n                                    \x3c!-- image-preview-clear button --\x3e\r\n                                    <a\r\n                                        class="btn"\r\n                                        (click)="cancel(file.uploadId)"\r\n                                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                                        <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="help-block">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n                class="help-block help-block-error">\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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Ie},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Ie}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone{border-style:dashed;border-width:2px;min-height:120px;padding-bottom:50px;padding-top:50px;position:relative;text-align:center;width:100%}.dropzone.active{background-color:#add8e6}.dropzone .progress{border-radius:0}.dropzone .progress .progress-bar{border-bottom-right-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.dropzone .progress .progress-bar .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone input[type=file]{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.dropzone .dropzone-uploadstates{margin-left:auto;margin-right:auto;margin-top:6px;max-width:450px;width:80%}"]}]}],Ie.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var Se=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n.prototype.ngOnInit=function(){e.prototype.ngOnInit.call(this)},n}(t.SacDropzoneSingleCommon);Se.decorators=[{type:n.Component,args:[{selector:"sac-dropzonesingle",template:'<div\r\n    id="{{ name }}"\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}_uploadinput"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div [style.flex-grow]="helptextmode === \'tooltip\' && helptext && disablelabel ? 1 : null">\r\n            <div\r\n                class="img-rounded dropzone control-label"\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"\r\n                    *ngIf="uploads.length === 0">\r\n                    <div>\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 *ngIf="uploads.length > 0">\r\n                    <div>\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">\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">{{ file.name }}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class="input-group-btn">\r\n                                    \x3c!-- image-preview-clear button --\x3e\r\n                                    <a\r\n                                        class="btn"\r\n                                        (click)="cancel(file.uploadId)"\r\n                                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                                        <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="help-block">\r\n                {{ helptext }}\r\n            </small>\r\n            <div\r\n                *ngIf="isinlineerrorenabled && invalid && (dirty || touched)"\r\n                class="help-block help-block-error">\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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Se},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return Se}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone{border-style:dashed;border-width:2px;min-height:120px;padding-bottom:50px;padding-top:50px;position:relative;text-align:center;width:100%}.dropzone.active{background-color:#add8e6}.dropzone .progress{border-radius:0}.dropzone .progress .progress-bar{border-bottom-right-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.dropzone .progress .progress-bar .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone input[type=file]{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.dropzone .dropzone-uploadstates{margin-left:auto;margin-right:auto;margin-top:6px;max-width:450px;width:80%}"]}]}],Se.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var we=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacUploadSingleCommon);we.decorators=[{type:n.Component,args:[{selector:"sac-upload",template:'<div\r\n    id="{{ name }}"\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}_uploadinput"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']"\r\n        [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\r\n        <div [style.flex-grow]="helptextmode === \'tooltip\' && helptext && disablelabel ? 1 : null">\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                <div class="input-group-btn">\r\n                    \x3c!-- image-preview-input --\x3e\r\n                    <div\r\n                        class="btn upload-input custom-file"\r\n                        [class.disabled]="HasQueueItem()"\r\n                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                        <i [class]="IconBrowse"></i>\r\n                        <span class="upload-browse">{{ lngResourceService.GetString(validationKeyService.UploadButtonBrowse) | async }}</span>\r\n                        <input\r\n                            id="{{ name }}_uploadinput"\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                    </div>\r\n                </div>\r\n                <div class="form-control upload-progress">\r\n                    <div class="progress">\r\n                        <div\r\n                            class="progress-bar"\r\n                            [class.progress-bar-success]="Progress() === 100"\r\n                            role="progressbar"\r\n                            [attr.aria-valuenow]="Progress()"\r\n                            aria-valuemin="0"\r\n                            aria-valuemax="100"\r\n                            [style.width.%]="Progress()">\r\n                            <span class="progress-text text-dark">{{ Filename() | async }}</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class="input-group-btn">\r\n                    \x3c!-- image-preview-clear button --\x3e\r\n                    <a\r\n                        class="btn"\r\n                        (click)="cancelAll()"\r\n                        [attr.disabled]="HasQueueItem() === false ? \'disabled\' : null"\r\n                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                        <span [class]="IconDelete"></span>\r\n                    </a>\r\n                    <a\r\n                        *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)"\r\n                        class="btn"\r\n                        (click)="pauseAll()"\r\n                        [attr.disabled]="IsUploading() === false ? \'disabled\' : null"\r\n                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                        <span [class]="IconPause"></span>\r\n                    </a>\r\n                    <a\r\n                        *ngIf="autoupload && enablepause && IsPaused()"\r\n                        class="btn"\r\n                        (click)="uploadAll()"\r\n                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                        <span [class]="IconContinue"></span>\r\n                    </a>\r\n                    <a\r\n                        *ngIf="autoupload === false"\r\n                        class="btn"\r\n                        (click)="uploadAll()"\r\n                        [attr.disabled]="IsStateToUpload() === false ? \'disabled\' : null"\r\n                        [class.btn-default]="!(invalid && (dirty || touched))"\r\n                        [class.btn-danger]="invalid && (dirty || touched)">\r\n                        <span [class]="IconUpload"></span> {{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n            <p\r\n                *ngIf="helptextmode === \'text\' && helptext"\r\n                class="help-block">\r\n                {{ helptext }}\r\n            </p>\r\n\r\n            <div\r\n                class="help-block help-block-error"\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-static"\r\n            style="margin-left: 5px">\r\n            <sac-tooltip\r\n                *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                [tooltiptext]="helptext"\r\n                [inlinemode]="true">\r\n                <span\r\n                    [class]="HelptextTooltipIcon"\r\n                    style="margin-left: 5px; margin-right: 5px">\r\n                </span>\r\n            </sac-tooltip>\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:we},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return we}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone{border-style:dashed;border-width:2px;min-height:120px;padding-bottom:50px;padding-top:50px;position:relative;text-align:center;width:100%}.dropzone.active{background-color:#add8e6}.dropzone .progress{border-radius:0}.dropzone .progress .progress-bar{border-bottom-right-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.dropzone .progress .progress-bar .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone input[type=file]{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.dropzone .dropzone-uploadstates{margin-left:auto;margin-right:auto;margin-top:6px;max-width:450px;width:80%}"]}]}],we.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var He=function(e){function n(n,t,r,o){return e.call(this,n,t,r,o)||this}return m(n,e),n}(t.SacUploadMultipleCommon);He.decorators=[{type:n.Component,args:[{selector:"sac-uploadmultiple",template:'<div\r\n    id="{{ name }}"\r\n    class="row form-group"\r\n    [class.has-error]="invalid && (dirty || touched)"\r\n    [ngClass]="componentHeight | toLabelHeight">\r\n    <label\r\n        *ngIf="disablelabel === false && !isAdaptiveLabel"\r\n        id="{{ name }}label"\r\n        for="{{ name }}_uploadinput"\r\n        class="col-xs-12 control-label"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toLabelWidthCss) : \'sr-only\']"\r\n        [class.required]="isrequired">\r\n        <span class="text">{{ label }}</span>\r\n        <sac-tooltip\r\n            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n            [tooltiptext]="helptext"\r\n            [inlinemode]="true">\r\n            <span\r\n                [class]="HelptextTooltipIcon"\r\n                style="margin-left: 5px">\r\n            </span>\r\n        </sac-tooltip>\r\n    </label>\r\n    <div\r\n        class="col-xs-12"\r\n        [ngClass]="[disablelabel === false ? (this.labelSizes | toControlWidthCss) : \'\']">\r\n        <div class="upload-component">\r\n            <div class="row">\r\n                <div\r\n                    class="col-xs-12"\r\n                    [style.display]="helptextmode === \'tooltip\' && helptext && disablelabel ? \'flex\' : null">\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-default]="!(invalid && (dirty || touched))"\r\n                            [class.btn-danger]="invalid && (dirty || touched)">\r\n                            <i [class]="IconBrowse"></i>\r\n                            <span class="upload-browse">Browse</span>\r\n                            <input\r\n                                id="{{ name }}_uploadinput"\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                        </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                            \x3c!-- image-preview-clear button --\x3e\r\n                            <a\r\n                                class="btn"\r\n                                (click)="cancelAll()"\r\n                                [attr.disabled]="HasQueueItem() === false ? \'disabled\' : null"\r\n                                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                [class.btn-danger]="invalid && (dirty || touched)">\r\n                                <span [class]="IconDelete"></span>\r\n                            </a>\r\n                            <a\r\n                                *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && IsPaused() === false)"\r\n                                class="btn"\r\n                                (click)="pauseAll()"\r\n                                [attr.disabled]="IsUploading() === false ? \'disabled\' : null"\r\n                                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                [class.btn-danger]="invalid && (dirty || touched)">\r\n                                <span [class]="IconPause"></span>\r\n                            </a>\r\n                            <a\r\n                                *ngIf="autoupload && enablepause && IsPaused() === true"\r\n                                class="btn"\r\n                                (click)="uploadAll()"\r\n                                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                [class.btn-danger]="invalid && (dirty || touched)">\r\n                                <span [class]="IconContinue"></span>\r\n                            </a>\r\n                            <a\r\n                                *ngIf="autoupload === false"\r\n                                class="btn"\r\n                                (click)="uploadAll()"\r\n                                [attr.disabled]="IsStateToUpload() === false ? \'disabled\' : null"\r\n                                [class.btn-default]="!(invalid && (dirty || touched))"\r\n                                [class.btn-danger]="invalid && (dirty || touched)">\r\n                                <span [class]="IconUpload"></span> {{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div\r\n                        *ngIf="helptextmode === \'tooltip\' && helptext && disablelabel"\r\n                        class="form-control-static"\r\n                        style="margin-left: 5px">\r\n                        <sac-tooltip\r\n                            *ngIf="helptextmode === \'tooltip\' && helptext"\r\n                            [tooltiptext]="helptext"\r\n                            [inlinemode]="true">\r\n                            <span\r\n                                [class]="HelptextTooltipIcon"\r\n                                style="margin-left: 5px; margin-right: 5px">\r\n                            </span>\r\n                        </sac-tooltip>\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 class="form-control upload-progress">\r\n                        <div class="progress">\r\n                            <div\r\n                                class="progress-bar"\r\n                                [class.progress-bar-success]="file.progress === 100"\r\n                                role="progressbar"\r\n                                [attr.aria-valuenow]="file.progress"\r\n                                aria-valuemin="0"\r\n                                aria-valuemax="100"\r\n                                [style.width.%]="file.progress">\r\n                                <span class="progress-text text-dark">{{ file.name }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        class="input-group-btn"\r\n                        [class.input-group-sm]="componentHeight === ControlHeight.Small"\r\n                        [class.input-group-lg]="componentHeight === ControlHeight.Large">\r\n                        \x3c!-- image-preview-clear button --\x3e\r\n                        <a\r\n                            class="btn"\r\n                            (click)="cancel(file.uploadId)"\r\n                            [class.btn-default]="!(invalid && (dirty || touched))"\r\n                            [class.btn-danger]="invalid && (dirty || touched)">\r\n                            <span [class]="IconDelete"></span>\r\n                        </a>\r\n                        <a\r\n                            *ngIf="(autoupload === false && enablepause) || (autoupload && enablepause && file.status !== \'paused\')"\r\n                            class="btn"\r\n                            (click)="pause(file.uploadId)"\r\n                            [attr.disabled]="file.status !== \'uploading\' ? \'disabled\' : null"\r\n                            [class.btn-default]="!(invalid && (dirty || touched))"\r\n                            [class.btn-danger]="invalid && (dirty || touched)">\r\n                            <span [class]="IconPause"></span>\r\n                        </a>\r\n                        <a\r\n                            *ngIf="autoupload && enablepause && file.status === \'paused\'"\r\n                            class="btn"\r\n                            (click)="upload(file.uploadId)"\r\n                            [class.btn-default]="!(invalid && (dirty || touched))"\r\n                            [class.btn-danger]="invalid && (dirty || touched)">\r\n                            <span [class]="IconContinue"></span>\r\n                        </a>\r\n                        <a\r\n                            *ngIf="autoupload === false"\r\n                            class="btn"\r\n                            (click)="upload(file.uploadId)"\r\n                            [attr.disabled]="file.status !== \'added\' && file.status !== \'paused\' ? \'disabled\' : null"\r\n                            [class.btn-default]="!(invalid && (dirty || touched))"\r\n                            [class.btn-danger]="invalid && (dirty || touched)">\r\n                            <span [class]="IconUpload"></span> {{ lngResourceService.GetString(validationKeyService.UploadButtonUpload) | async }}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <p\r\n            *ngIf="helptextmode === \'text\' && helptext"\r\n            class="help-block">\r\n            {{ helptext }}\r\n        </p>\r\n        <div\r\n            class="help-block help-block-error"\r\n            *ngIf="isinlineerrorenabled && invalid && (dirty || touched)">\r\n            {{ GetErrorMessage() | async }}\r\n        </div>\r\n    </div>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:He},{provide:o.NG_VALIDATORS,multi:!0,useExisting:n.forwardRef((function(){return He}))}],styles:[".upload-component .upload-input{position:relative}.upload-component .custom-file>i{margin-right:15px}.upload-component .custom-file .custom-file-input{bottom:0;display:inline-block;left:0;margin:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone{border-style:dashed;border-width:2px;min-height:120px;padding-bottom:50px;padding-top:50px;position:relative;text-align:center;width:100%}.dropzone.active{background-color:#add8e6}.dropzone .progress{border-radius:0}.dropzone .progress .progress-bar{border-bottom-right-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.dropzone .progress .progress-bar .progress-text{color:#000;display:table-cell;height:34px;left:0;line-height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.dropzone input[type=file]{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.dropzone .dropzone-uploadstates{margin-left:auto;margin-right:auto;margin-top:6px;max-width:450px;width:80%}"]}]}],He.ctorParameters=function(){return[{type:x,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone}]};var ke=function(){};ke.decorators=[{type:n.NgModule,args:[{declarations:[we,He,Se,Ie],imports:[r.CommonModule,o.FormsModule,S,H],exports:[we,He,Se,Ie]}]}];var Te=function(e){function n(n){var t=e.call(this,n)||this;return t.cssClassForm=!0,t.cssClassHorizontal=!0,t}return m(n,e),n}(t.SacFormCommon);Te.decorators=[{type:n.Directive,args:[{selector:"form:not([ngNoForm]):not([formGroup]),[ngForm]",exportAs:"sacform"}]}],Te.ctorParameters=function(){return[{type:o.NgForm}]},Te.propDecorators={cssClassForm:[{type:n.HostBinding,args:["class.form"]}],cssClassHorizontal:[{type:n.HostBinding,args:["class.form-horizontal"]}]};var Ae=function(e){function n(n,t){return e.call(this,n,t)||this}return m(n,e),n}(t.SacValidationSummaryCommon);Ae.decorators=[{type:n.Component,args:[{selector:"sac-validationsummary",template:'<div class="alert alert-danger" role="alert" *ngIf="hasErrors" [id]="name">\r\n  <ul>\r\n    <li *ngFor="let error of formErrors">\r\n      {{error | async}}\r\n    </li>\r\n  </ul>\r\n</div>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:Ae}]}]}],Ae.ctorParameters=function(){return[{type:Te,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var Le=function(){};Le.decorators=[{type:n.NgModule,args:[{declarations:[Ae],imports:[r.CommonModule],exports:[Ae]}]}];var Ee=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(t.SacWizardItemCommon);Ee.decorators=[{type:n.Component,args:[{selector:"sac-wizarditem",template:""}]}];var ze=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n.prototype.wizardItems=function(){return this._wizardItems},n}(t.SacWizardCommon);ze.decorators=[{type:n.Component,args:[{selector:"sac-wizard",template:'<ul [id]="name" class="nav nav-wizard" role="tablist">\r\n  <li *ngFor="let item of _wizardItems" class="nav-item" [ngClass]="{ \'active\': item._active, \'disabled\': item._disabled, \'success\': item._iscomplete }"\r\n      [ngStyle]="{\'cursor\': item._disabled ? \'not-allowed\' : \'pointer\'}">\r\n    <a role="tab" (click)="selectStep(item)">\r\n      <div class="circle">\r\n        <span class="step"></span>\r\n      </div>\r\n    </a>\r\n    <div class="info">\r\n      <a (click)="selectStep(item)">{{item.label}}</a>\r\n    </div>\r\n  </li>\r\n</ul>\r\n',providers:[{provide:o.NG_VALUE_ACCESSOR,multi:!0,useExisting:ze}]}]}],ze.propDecorators={_wizardItems:[{type:n.ContentChildren,args:[Ee]}]};var _e=function(){};_e.decorators=[{type:n.NgModule,args:[{declarations:[ze,Ee],imports:[r.CommonModule],exports:[ze,Ee]}]}];var Re=function(e){function n(n){return e.call(this,n.get(o.NgForm))||this}return m(n,e),n}(t.SacFormCommon);function Pe(e){return e}function Oe(e){return e}Re.decorators=[{type:n.Directive,args:[{selector:"[sacInheritForm]",exportAs:"sacinheritform",providers:[{provide:Te,useFactory:Oe,deps:[[new n.SkipSelf,Te]]},{provide:o.ControlContainer,useFactory:Pe,deps:[o.NgForm]}]}]}],Re.ctorParameters=function(){return[{type:n.Injector}]};var Me=function(){};Me.decorators=[{type:n.NgModule,args:[{declarations:[Te,Re],imports:[r.CommonModule,o.FormsModule],exports:[Te,Re]}]}],e.NGFORM_FACTORY=Pe,e.SACBootstrap3ButtonModule=f,e.SACBootstrap3CheckboxModule=L,e.SACBootstrap3ConfirmModule=P,e.SACBootstrap3ContextmenuModule=V,e.SACBootstrap3DateTimeModule=q,e.SACBootstrap3DialogModule=z,e.SACBootstrap3FormModule=Me,e.SACBootstrap3GridModule=X,e.SACBootstrap3InputModule=ie,e.SACBootstrap3LayoutModule=S,e.SACBootstrap3ListModule=ce,e.SACBootstrap3StaticLabelModule=ge,e.SACBootstrap3TabsModule=fe,e.SACBootstrap3TinyMceModule=ve,e.SACBootstrap3TooltipModule=H,e.SACBootstrap3TreeviewModule=Ce,e.SACBootstrap3UploadModule=ke,e.SACBootstrap3ValidationSummaryModule=Le,e.SACBootstrap3WizardModule=_e,e.SACFORM_FACTORY=Oe,e.SacButtonComponent=b,e.SacCheckboxComponent=k,e.SacConfirmComponent=_,e.SacContextmenuAnchorDirective=M,e.SacContextmenuComponent=O,e.SacContextmenuItemButtonComponent=D,e.SacContextmenuItemSplitterComponent=N,e.SacDateComponent=F,e.SacDateSelectorComponent=j,e.SacDateTimeComponent=W,e.SacDialogComponent=E,e.SacDropdownComponent=se,e.SacDropdownOptionDirective=pe,e.SacDropzoneMultipleComponent=Ie,e.SacDropzoneSingleComponent=Se,e.SacFormDirective=Te,e.SacFormLayoutDirective=x,e.SacGridButtonComponent=$,e.SacGridColumnActionComponent=Y,e.SacGridColumnComponent=K,e.SacGridComponent=B,e.SacGridImageComponent=Q,e.SacInheritFormDirective=Re,e.SacInputAreaComponent=ee,e.SacInputComponent=J,e.SacInputCurrencyComponent=ne,e.SacInputDecimalComponent=te,e.SacInputEmailComponent=re,e.SacInputIntegerComponent=oe,e.SacInputPasswordComponent=le,e.SacInputSearchComponent=ae,e.SacListboxComponent=de,e.SacPagingComponent=Z,e.SacRadiobuttonComponent=A,e.SacRadiobuttonsComponent=T,e.SacStaticFormContainerComponent=ue,e.SacStaticLabelComponent=me,e.SacTabComponent=be,e.SacTabItemComponent=he,e.SacTimeComponent=U,e.SacTinyMceComponent=xe,e.SacToControlHeightPipe=v,e.SacToControlWidthCssPipe=y,e.SacToLabelHeightPipe=C,e.SacToLabelWidthCssPipe=I,e.SacTooltipComponent=w,e.SacTreeviewComponent=ye,e.SacUploadComponent=we,e.SacUploadMultipleComponent=He,e.SacValidationSummaryComponent=Ae,e.SacWizardComponent=ze,e.SacWizardItemComponent=Ee,e.ServiceConfirm=R,e.ɵa=G,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.umd.min.js.map