@simpleangularcontrols/sac-bootstrap3 10.0.0-rc.5 → 10.0.0-rc.6

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

@@ -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 A=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacCheckboxCommon);A.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:A},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return A})),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}"]}]}],A.ctorParameters=function(){return[{type:f,decorators:[{type:n.Host},{type:n.Optional}]},{type:n.Injector}]};var w=function(e){function n(n,r){return e.call(this,n,r)||this}return m(n,e),n}(r.SacRadiobuttonsCommon);w.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 w})),multi:!0},{provide:o.NG_VALIDATORS,useExisting:n.forwardRef((function(){return w})),multi:!0}]}]}],w.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:w,decorators:[{type:n.Host}]}]};var L=function(){};L.decorators=[{type:n.NgModule,args:[{declarations:[A,H,w],imports:[t.CommonModule,I],exports:[A,H,w]}]}];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  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        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 Ae=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return m(n,e),n}(r.SacWizardItemCommon);Ae.decorators=[{type:n.Component,args:[{selector:"sac-wizarditem",template:""}]}];var we=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);we.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:we}]}]}],we.propDecorators={_wizardItems:[{type:n.ContentChildren,args:[Ae]}]};var He=function(){};He.decorators=[{type:n.NgModule,args:[{declarations:[we,Ae],imports:[t.CommonModule],exports:[we,Ae]}]}];var Le=function(e){function n(n){return e.call(this,n.get(o.NgForm))||this}return m(n,e),n}(r.SacFormCommon);function ke(e){return e}function Ee(e){return e}Le.decorators=[{type:n.Directive,args:[{selector:"[sacInheritForm]",exportAs:"sacinheritform",providers:[{provide:Se,useFactory:Ee,deps:[[new n.SkipSelf,Se]]},{provide:o.ControlContainer,useFactory:ke,deps:[o.NgForm]}]}]}],Le.ctorParameters=function(){return[{type:n.Injector}]};var _e=function(){};_e.decorators=[{type:n.NgModule,args:[{declarations:[Se,Le],imports:[t.CommonModule,o.FormsModule],exports:[Se,Le]}]}],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=Ee,e.SacButtonComponent=h,e.SacCheckboxComponent=A,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=Le,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=w,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=we,e.SacWizardItemComponent=Ae,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,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="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 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 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        />\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  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 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      [id]="name"\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(){};He.decorators=[{type:n.NgModule,args:[{declarations:[Ae,we],imports:[t.CommonModule],exports:[Ae,we]}]}];var Le=function(e){function n(n){return e.call(this,n.get(o.NgForm))||this}return m(n,e),n}(r.SacFormCommon);function ke(e){return e}function Ee(e){return e}Le.decorators=[{type:n.Directive,args:[{selector:"[sacInheritForm]",exportAs:"sacinheritform",providers:[{provide:Se,useFactory:Ee,deps:[[new n.SkipSelf,Se]]},{provide:o.ControlContainer,useFactory:ke,deps:[o.NgForm]}]}]}],Le.ctorParameters=function(){return[{type:n.Injector}]};var _e=function(){};_e.decorators=[{type:n.NgModule,args:[{declarations:[Se,Le],imports:[t.CommonModule,o.FormsModule],exports:[Se,Le]}]}],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=Ee,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=Le,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})}));
 //# sourceMappingURL=simpleangularcontrols-sac-bootstrap3.umd.min.js.map