npm - @simpleangularcontrols/sac-bootstrap4 - Versions diffs - 10.0.0-rc.26 → 10.0.0-rc.28 - Mend

@simpleangularcontrols/sac-bootstrap4 10.0.0-rc.26 → 10.0.0-rc.28

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

Files changed (119) hide show

package/simpleangularcontrols-sac-bootstrap4.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"SACBootstrap4BrowserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"},{"__symbolic":"reference","name":"SACBootstrap4UploadModule"},{"__symbolic":"reference","name":"SACBootstrap4FormModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"bootstrap":[{"__symbolic":"reference","name":"SacBrowserComponent"}]}]}],"members":{}},"SACBootstrap4ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacButtonComponent"}]}]}],"members":{}},"SACBootstrap4CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}]}]}],"members":{}},"SACBootstrap4ConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"}],"exports":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"entryComponents":[{"__symbolic":"reference","name":"SacConfirmComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},"providers":[{"__symbolic":"reference","name":"ServiceConfirm"}]}}}},"ServiceConfirm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"ServiceConfirmCommon","line":33,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":60,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":61,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":62,"character":12},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":14}]}],"ConfirmMessage":[{"__symbolic":"method"}],"GetComponentFactory":[{"__symbolic":"method"}],"ConfigureDialog":[{"__symbolic":"method"}]}},"SACBootstrap4ContextmenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}]}]}],"members":{}},"SACBootstrap4DateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":19,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}]}]}],"members":{}},"SACBootstrap4DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacDialogComponent"}]}]}],"members":{}},"SACBootstrap4FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}]}]}],"members":{}},"SACBootstrap4GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":26}],"exports":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}]}]}],"members":{}},"SACBootstrap4InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}]}]}],"members":{}},"SACBootstrap4LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}]}]}],"members":{}},"SACBootstrap4DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}]}]}],"members":{}},"SACBootstrap4ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}]}]}],"members":{}},"SACBootstrap4MultilanguageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}]}]}],"members":{}},"SACBootstrap4StaticLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}]}]}],"members":{}},"SACBootstrap4TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"members":{}},"SACBootstrap4TinyMceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTinyMceComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","module":"@tinymce/tinymce-angular","name":"EditorModule","line":16,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4BrowserModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacTinyMceComponent"}]}]}],"members":{}},"SACBootstrap4TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTooltipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"SacTooltipComponent"}]}]}],"members":{}},"SACBootstrap4TreeviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTreeviewComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":14},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"}],"exports":[{"__symbolic":"reference","name":"SacTreeviewComponent"}]}]}],"members":{}},"SACBootstrap4UploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"}],"exports":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}]}]}],"members":{}},"SACBootstrap4ValidationSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}]}]}],"members":{}},"SACBootstrap4WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"members":{}},"SacButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacButtonCommon","line":12,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-button","template":"<button\n [id]=\"name\"\n type=\"button\"\n class=\"btn d-flex justify-content-center align-items-center\"\n [attr.disabled]=\"_isdisabled \|\| isloading ? 'disabled' : null\"\n (click)=\"buttonClick()\"\n [class.btn-primary]=\"role === 'primary'\"\n [class.btn-secondary]=\"role === 'secondary' \|\| role === 'default'\"\n [class.btn-success]=\"role === 'success'\"\n [class.btn-danger]=\"role === 'danger'\"\n [class.btn-warning]=\"role === 'warning'\"\n [class.btn-info]=\"role === 'info'\"\n [class.btn-link]=\"role === 'link'\"\n>\n <span\n ngIf=\"isloading\"\n class=\"spinner-border spinner-border-sm mr-2\"\n role=\"status\"\n aria-hidden=\"true\"\n ></span>\n <i ngIf=\"!isloading && icon !== ''\" [ngClass]=\"icon\" [class.mr-2]=\"text\"></i\n >{{text}}\n</button>\n"}]}],"members":{}},"SacCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacCheckboxCommon","line":26,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"},"multi":true}],"template":"<div\n class=\"row\"\n [class.no-gutters]=\"disablelabel\"\n [class.form-group]=\"!stacked\">\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only']\">\n <label\n ngIf=\"!disablelabel && !stacked\"\n for=\"{{ name }}\"\n class=\"col-form-label d-flex\"\n [ngClass]=\"componentHeight \| toLabelHeight\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\n >{{ label }}</div\n >\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n </div>\n <div\n class=\"align-self-center col-12\"\n [ngClass]=\"[!disablelabel && !stacked ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div\n [class.form-check]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control]=\"checkboxstyle === 'switch'\"\n [class.custom-switch]=\"checkboxstyle === 'switch'\"\n [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n [class.form-check-input]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control-input]=\"checkboxstyle === 'switch'\"\n [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"checkbox\"\n [checked]=\"value\"\n (blur)=\"onTouch()\"\n (change)=\"setValue($event.target.checked)\"\n [disabled]=\"isdisabled\" />\n <label\n for=\"{{ name }}\"\n [class.form-check-label]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control-label]=\"checkboxstyle === 'switch'\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <ng-container ngIf=\"checkboxtext\">{{ checkboxtext }}</ng-container>\n </label>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && (disablelabel \|\| stacked)\"\n class=\"ml-2 mr-1 d-inline-block\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n</div>\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":82}]}]}},"SacRadiobuttonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonCommon","line":13,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobutton","template":"<div\n class=\"form-check\"\n [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-lg]=\"componentHeight === ControlHeight.Large\"\n ngIf=\"hidden === false\">\n <input\n id=\"{{ getName }}_{{ getIndex }}\"\n name=\"{{ getName }}\"\n type=\"radio\"\n class=\"form-check-input\"\n [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\n [value]=\"value\"\n [checked]=\"checked\"\n (change)=\"ChangeEvent()\"\n [disabled]=\"isDisabled\" />\n <label\n for=\"{{ getName }}_{{ getIndex }}\"\n class=\"form-check-label\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <ng-template ngTemplateOutlet=\"labeltemplate \|\| defaultItemLabelTemplate; context: { label: label }\"> </ng-template>\n </label>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n class=\"ml-2 mr-1 d-inline-block\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n</div>\n\n<ng-template\n #defaultItemLabelTemplate\n let-label=\"label\">\n <ng-container>{{ label }}</ng-container>\n</ng-template>\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;margin-top:.4rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":23,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":24,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":17}}],null],"parameters":[{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":18}]}]}},"SacRadiobuttonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonsCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobuttons","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true}],"template":"<div class=\"row form-group\">\n <div\n ngIf=\"disablelabel === false\"\n class=\"col-12 pt-0\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only']\">\n <label\n class=\"col-form-label d-flex\"\n [ngClass]=\"componentHeight \| toLabelHeight\"\n ngIf=\"!disablelabel\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\n >{{ label }}</div\n >\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n </div>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.pt-1]=\"componentHeight === ControlHeight.Small\"\n [class.pt-2]=\"componentHeight !== ControlHeight.Small\">\n <ng-content></ng-content>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacConfirmComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacConfirmCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-confirm","template":"<sac-dialog\n name=\"confirmDialog\"\n [(isvisible)]=\"isvisible\"\n [title]=\"title\"\n [allowesc]=\"false\"\n [closebutton]=\"false\"\n dialogsize=\"small\"\n>\n <div dialogbody>\n <div class=\"media\">\n <img\n [attr.src]=\"image\"\n class=\"align-self-center mr-3\"\n ngIf=\"hasImage()\"\n />\n <div class=\"media-body\">{{message}}</div>\n </div>\n </div>\n <ng-container dialogfooter>\n <ng-container ngFor=\"let button of buttons\">\n <sac-button\n [name]=\"button.key\"\n [text]=\"button.text\"\n [role]=\"button.role \|\| 'default'\"\n (clicked)=\"confirm(button.key)\"\n ></sac-button>\n </ng-container>\n </ng-container>\n</sac-dialog>\n"}]}],"members":{}},"SacContextmenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-contextmenu","template":"<div class=\"dropdown\" [ngClass]=\"cssclass\">\n <ng-container\n [ngTemplateOutlet]=\"buttontemplate \|\| defaultButtonTemplate\"\n ></ng-container>\n\n <div\n class=\"dropdown-menu dropdown-menu-right\"\n sacContextMenuContainer\n [class.show]=\"isopen\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #defaultButtonTemplate>\n <button\n sacContextMenuAnchor\n class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\n type=\"button\"\n (click)=\"toggle()\"\n >\n <i [class]=\"IconContextMenu\"></i>\n </button>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":23,"character":16}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":24,"character":16},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":31,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":18}]}]}},"SacContextmenuAnchorDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenuanchor"}]}]}]}},"SacContextmenuItemButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"}}],"template":"<button\n [id]=\"name\"\n type=\"button\"\n class=\"dropdown-item\"\n (click)=\"callaction($event)\"\n [class.disabled]=\"isdisabled\"\n [ngClass]=\"cssclass\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\">\n <div class=\"d-flex\">\n <div\n ngIf=\"!isicondisabled\"\n style=\"min-width: 1.5rem\">\n <img\n ngIf=\"image\"\n [src]=\"image\"\n class=\"align-baseline\" />\n <i\n ngIf=\"icon\"\n [class]=\"iconstyle + ' ' + icon\"></i>\n </div>\n <div class=\"flex-grow-1\">{{ text }}</div>\n </div>\n</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SacContextmenuItemSplitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":16,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenusplitter","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"}}],"template":"<div class=\"dropdown-divider\"></div>"}]}],"members":{}},"SacDateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateCommon","line":28,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-date","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showDateSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n #picker\n ngIf=\"_showselector\">\n <div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n ngIf=\"_showselector\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"dateselect($event)\"\n dateselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":39,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":39,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":15}]}]}},"SacDateSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateSelectorCommon","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-dateselector","template":"<div class=\"calendar-selector\">\n <div ngIf=\"dateselection\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col text-left\">\n <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\n </div>\n <div class=\"col text-center\">{{month+1}}/{{year}}</div>\n <div class=\"col text-right\">\n <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\n </div>\n </div>\n </div>\n <div></div>\n <div class=\"container\">\n <div class=\"row\">\n <ng-container ngFor=\"let week of dates; let i=index\">\n <ng-container ngFor=\"let item of week\">\n <div\n class=\"p-2 col text-center\"\n [ngStyle]=\"{'cursor': item.isenabled ? 'pointer' : null}\"\n [ngClass]=\"{'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled}\"\n (click)=\"selectDate(item)\"\n >\n {{ item.displaytext }}\n </div>\n </ng-container>\n <div class=\"w-100\"></div>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"d-flex flex-row justify-content-start\" ngIf=\"timeselection\">\n <div class=\"p-2\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control form-control-sm\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\"\n />\n </div>\n </div>\n <div class=\"p-2\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control form-control-sm\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\"\n />\n </div>\n </div>\n </div>\n <div class=\"d-flex flex-row\">\n <div class=\"mr-auto p-2\">\n <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"p-2\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n (click)=\"resetSelection()\"\n >\n Reset\n </button>\n </div>\n <div class=\"p-2\">\n <button type=\"button\" class=\"btn btn-primary\" (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n"}]}],"members":{}},"SacDateTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateTimeCommon","line":25,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-datetime","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showDateSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n\n <div\n #picker\n ngIf=\"_showselector\"\n ><div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"dateselect($event)\"\n dateselection=\"true\"\n timeselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTimeCommon","line":25,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-time","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showTimeSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n #picker\n ngIf=\"_showselector\">\n <div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"timeselect($event)\"\n timeselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDialogCommon","line":17,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sac-dialog","template":"<div\n #dialog\n class=\"modal show\"\n style=\"display: block\"\n tabindex=\"-1\"\n role=\"dialog\"\n ngIf=\"_show\"\n>\n <div\n class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\"\n role=\"document\"\n [class.modal-xl]=\"_size === 'extralarge'\"\n [class.modal-lg]=\"_size === 'large'\"\n [class.modal-sm]=\"_size === 'small'\"\n >\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h5 class=\"modal-title\">{{title}}</h5>\n <button\n type=\"button\"\n class=\"close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"hide()\"\n ngIf=\"closebutton\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <ng-content select=\"[dialogbody]\"></ng-content>\n </div>\n <div class=\"modal-footer\">\n <ng-content select=\"[dialogfooter]\"></ng-content>\n </div>\n </div>\n <!-- /.modal-content -->\n </div>\n <!-- /.modal-dialog -->\n</div>\n<!-- /.modal -->\n<div class=\"modal-backdrop show\" ngIf=\"_show && backdrop\" #backdrop></div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SacFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":20,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),[ngForm]","exportAs":"sacform"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":25,"character":20}]}],"cssClassForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.form"]}]}]}},"SacInheritFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":26,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[sacInheritForm]","exportAs":"sacinheritform","providers":[{"provide":{"__symbolic":"reference","name":"SacFormDirective"},"useFactory":{"__symbolic":"reference","name":"SACFORM_FACTORY"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":17,"character":18}},{"__symbolic":"reference","name":"SacFormDirective"}]]},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":20,"character":15},"useFactory":{"__symbolic":"reference","name":"NGFORM_FACTORY"},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":22,"character":13}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":24}]}]}},"NGFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SACFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SacGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridCommon","line":27,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-grid","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}}],"template":"<div class=\"table-responsive\">\n <table class=\"table table-striped table-hover\" id=\"{{name}}\">\n <thead class=\"thead-light\">\n <tr>\n <ng-container\n ngTemplateOutlet=\"template; context { row: {}, type: 'header'}\"\n >\n </ng-container>\n </tr>\n </thead>\n <tbody>\n <ng-container ngFor=\"let item of value; let i=index\">\n <tr>\n <ng-container\n ngTemplateOutlet=\"template; context { row: item, type: 'body'}\"\n >\n </ng-container>\n </tr>\n </ng-container>\n <tr\n ngIf=\"value === undefined \|\| value === null \|\| value.length===0\"\n data-e2e=\"emptyrow\"\n >\n <td [attr.colspan]=\"ColumnCount\">{{emptytext}}</td>\n </tr>\n </tbody>\n <tfoot ngIf=\"pagerdata\">\n <tr>\n <td [attr.colspan]=\"ColumnCount\">\n <div class=\"container-fluid\">\n <sac-paging\n name=\"{{name}}Paging\"\n (paging)=\"pageChange($event)\"\n [pagerdata]=\"pagerdata\"\n [pagesizes]=\"pagesizes\"\n [pagingtext]=\"pagingtext\"\n [pagesizetext]=\"pagesizetext\"\n [pagesizedisabled]=\"pagesizedisabled\"\n ></sac-paging>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n</div>\n"}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":33,"character":16},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":50}]}]}},"SacGridButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridButtonCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridbutton","template":"<a (click)=\"callaction()\" style=\"padding-right: 5px;\" [class.disabled]=\"isdisabled\" [attr.disabled]=\"isdisabled ? 'disabled' : null\"><span class=\"{{getIconClass()}}\"></span></a>\n"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"SacGridColumnComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnCommon","line":20,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumn","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"SacGridColumnComponent"}}],"template":"<th\n scope=\"col\"\n ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n (click)=\"SortByColumn()\">\n <span>{{ header }}</span>\n <span\n class=\"pl-2\"\n [class]=\"IconSortUp\"\n ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n class=\"pl-2\"\n [class]=\"IconSortDown\"\n ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n scope=\"col\"\n ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"SacGridColumnActionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnActionCommon","line":20,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sac-gridcolumnaction","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"SacGridColumnActionComponent"}}],"template":"<th scope=\"col\" ngIf=\"IsHeader()\" [style.width]=\"width\"><span></span></th>\n<td scope=\"col\" class=\"px-2\" ngIf=\"IsBody()\">\n <ng-content></ng-content>\n</td>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":62}]}]}},"SacGridImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridImageCommon","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridimage","template":"<span><span class=\"{{getIconClass()}}\"></span></span>\n"}]}],"members":{"getIconClass":[{"__symbolic":"method"}]}},"SacPagingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacPagingCommon","line":20,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-paging","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}}],"template":"<div\n class=\"d-flex justify-content-between align-items-center flex-wrap\"\n id=\"{{name}}\"\n>\n <div class=\"col-pagination order-2 order-md-1\" id=\"{{name}}_pages\">\n <ul class=\"pagination mb-4 mb-md-0\">\n <li\n class=\"page-item\"\n [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === firstPageIndex}\"\n >\n <a class=\"page-link\" (click)=\"firstPage()\">«</a>\n </li>\n <li\n class=\"page-item\"\n ngFor=\"let page of paginators; let i = index\"\n [ngClass]=\"{'active': page === activePageIndex}\"\n >\n <a class=\"page-link\" (click)=\"changePage(page)\">{{page + 1 }}</a>\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"{'aspNetDisabled disabled': activePageIndex === lastPageIndex}\"\n >\n <a class=\"page-link\" (click)=\"lastPage()\">»</a>\n </li>\n </ul>\n </div>\n <div class=\"col-summary order-1 order-md-2\">\n <div class=\"mb-4 mb-md-0 mr-4 mb-md-0\">{{ PagingText \| async }}</div>\n </div>\n <div class=\"col-pagesize order-3\" ngIf=\"!pagesizedisabled\">\n <div class=\"d-flex align-items-center\" id=\"{{name}}_size\">\n <select\n class=\"form-control form-control-sm\"\n style=\"width: 85px\"\n [ngModel]=\"pageSize\"\n (ngModelChange)=\"changePageSize($event)\"\n >\n <option [ngValue]=\"size\" ngFor=\"let size of getPageSizes\">\n {{size}}\n </option>\n </select>\n <div class=\"ml-2\">{{ PageSizeText \| async }}</div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":24}]}]}},"SacInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCommon","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":15,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\" />\n\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":14}]}]}},"SacInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputAreaCommon","line":25,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}}],"template":"<div class=\"form-group row\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <textarea\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.rows]=\"rows\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [attr.maxlength]=\"maxtextlength\"\n [readonly]=\"readonly\"></textarea>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputCurrencyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCurrencyCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputcurrency","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <div class=\"input-group-append\">\n <span class=\"input-group-text\">{{ currency }}</span>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputDecimalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputDecimalCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputdecimal","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputEmailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputEmailCommon","line":25,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputemail","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}}],"template":"<div class=\"form-group row\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">@</span>\n </div>\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"email\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"email\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputIntegerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputIntegerCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputinteger","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}}],"template":"<div class=\"form-group row\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputPasswordComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputPasswordCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputpassword","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}}],"template":"<div class=\"form-group row\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.input-group]=\"passwordeye\"\n [class.is-invalid]=\"passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n [type]=\"passwordeyevisible ? 'text' : 'password'\"\n class=\"form-control\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"new-password\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n ngIf=\"passwordeye\"\n class=\"input-group-append\">\n <a\n class=\"btn btn-outline-secondary\"\n (click)=\"onTogglePasswordEye()\"\n ><span [ngClass]=\"passwordeyevisible ? PasswordEyeVisibleIcon : PasswordEyeHiddenIcon\"></span>\n </a>\n </div>\n <div\n ngIf=\"!passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <div\n ngIf=\"passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacInputSearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputSearchCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputsearch","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"search\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div class=\"input-group-append\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n id=\"{{ name }}_search\"\n (click)=\"searchClick()\">\n <i\n ngIf=\"buttonmode === 'icon' \|\| buttonmode === 'mixed'\"\n [class]=\"iconname\"\n [class.mr-2]=\"buttonmode === 'mixed'\"></i>\n <ng-container ngIf=\"buttonmode === 'text' \|\| buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\n </button>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacFormLayoutDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormLayoutCommon","line":6,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[sacFormLayout]"}]}],"members":{}},"SacToControlHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToControlWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}],"calcControlSize":[{"__symbolic":"method"}]}},"SacToLabelHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToLabelWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacDropdownComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownCommon","line":39,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-dropdown","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <select\n #dropdownitem\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n class=\"form-control\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (change)=\"setValue(dropdownitem.value)\"\n [disabled]=\"isdisabled\">\n <option\n ngIf=\"emptylabel !== ''\"\n [ngValue]=\"emptyvalue\">\n {{ emptylabel }}\n </option>\n\n <ng-content></ng-content>\n\n <ng-container ngIf=\"groupitems === ''\">\n <option\n ngFor=\"let item of options\"\n [ngValue]=\"optionvalue ? item[optionvalue] : item\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n <ng-template ngTemplateOutlet=\"optionlabeltemplate \|\| defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </ng-template>\n </option>\n </ng-container>\n\n <ng-container ngIf=\"groupitems !== ''\">\n <optgroup\n ngFor=\"let group of options\"\n [attr.label]=\"group[grouplabel]\">\n <option\n ngFor=\"let item of group[groupitems]\"\n [ngValue]=\"optionvalue ? item[optionvalue] : item\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n <ng-template ngTemplateOutlet=\"optionlabeltemplate \|\| defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </ng-template>\n </option>\n </optgroup>\n </ng-container>\n </select>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n\n<ng-template\n #defaultItemLabelTemplate\n let-label=\"label\">\n {{ label }}\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":51,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16}]}]}},"SacDropdownOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownOptionCommon","line":65,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":64,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":77,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":14},{"__symbolic":"reference","name":"SacDropdownComponent"}]}]}},"SacListboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxCommon","line":39,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-listbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":33,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <select\n multiple\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n class=\"form-control\"\n [size]=\"rowsize\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (change)=\"getSelectedItems($event.target)\"\n [disabled]=\"isdisabled\">\n <ng-content></ng-content>\n <ng-container ngIf=\"groupitems === ''\">\n <option\n ngFor=\"let option of options\"\n [value]=\"option[optionvalue]\"\n [disabled]=\"optionenabled !== '' && option[optionenabled] === false\">\n {{ option[optionlabel] }}\n </option>\n </ng-container>\n <ng-container ngIf=\"groupitems !== ''\">\n <optgroup\n ngFor=\"let option of options\"\n [attr.label]=\"option[grouplabel]\">\n <option\n ngFor=\"let item of option[groupitems]\"\n [value]=\"item[optionvalue]\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n {{ item[optionlabel] }}\n </option>\n </optgroup>\n </ng-container>\n </select>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":14}]}]}},"SacListboxOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxOptionCommon","line":61,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":60,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":73,"character":17}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":72,"character":14},{"__symbolic":"reference","name":"SacListboxComponent"}]}]}},"SacMultilanguageInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputCommon","line":28,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinput","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"LanguageValue\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"SetLanguageValue($event.target.value)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\" />\n <div\n placement=\"bottom-right\"\n class=\"input-group-append\"\n sac-multilanguagemenu\n [buttontemplate]=\"menuButton\"\n #contextmenu>\n <ng-template #menuButton>\n <button\n sacMultilanguageMenuAnchor\n [id]=\"name + '_dropdownitem'\"\n type=\"button\"\n class=\"btn dropdown-toggle\"\n (click)=\"contextmenu.toggle()\"\n [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\n <img\n src=\"{{ SelectedIcon }}\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.Image\" />\n <span\n [ngClass]=\"SelectedIcon\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.CssSprite\"></span>\n </button>\n </ng-template>\n <ng-container ngFor=\"let sprache of Languages\">\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.Image\"\n text=\"{{ sprache.Text }}\"\n image=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.CssSprite\"\n text=\"{{ sprache.Text }}\"\n icon=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n </ng-container>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n<div class=\"row\">\n <div class=\"col text-right\"></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"SacMultilanguageInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputAreaCommon","line":28,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <textarea\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"LanguageValue\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n style=\"height: auto\"\n (input)=\"SetLanguageValue($event.target.value)\"\n [attr.rows]=\"rows\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"></textarea>\n\n <div\n placement=\"bottom-right\"\n class=\"input-group-append\"\n sac-multilanguagemenu\n [buttontemplate]=\"menuButton\"\n #contextmenu>\n <ng-template #menuButton>\n <button\n sacMultilanguageMenuAnchor\n [id]=\"name + '_dropdownitem'\"\n type=\"button\"\n class=\"btn dropdown-toggle\"\n (click)=\"contextmenu.toggle()\"\n [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\n <img\n src=\"{{ SelectedIcon }}\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.Image\" />\n <i\n [ngClass]=\"SelectedIcon\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.CssSprite\"></i>\n </button>\n </ng-template>\n <ng-container ngFor=\"let sprache of Languages\">\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.Image\"\n text=\"{{ sprache.Text }}\"\n image=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.CssSprite\"\n text=\"{{ sprache.Text }}\"\n icon=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n </ng-container>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n<div class=\"row\">\n <div class=\"col text-right\"></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":14}]}]}},"SacStaticFormContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticFormContainerCommon","line":36,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sac-staticformcontainer","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":30,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n [class.was-validated]=\"isinlineerrorenabled && isinvalid && errormessage\">\n <ng-content></ng-content>\n <label\n for=\"{{ name }}\"\n class=\"form-label-adaptive form-label-fixed\"\n [ngClass]=\"{ required: isrequired }\"\n ngIf=\"isAdaptiveLabel && !disablelabel\">\n {{ label }}\n </label>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && isinvalid && errormessage\">\n {{ errormessage }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":44,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":82}]}]}},"SacStaticLabelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticLabelCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-staticlabel","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div>\n <div\n [id]=\"name\"\n class=\"form-control-plaintext\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [innerHTML]=\"value\"></div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":14}]}]}},"SacTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabCommon","line":11,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-tab","template":"<!-- Nav tabs -->\n<div class=\"nav nav-tabs\" role=\"tablist\">\n <a\n ngFor=\"let item of _tabItems\"\n [id]=\"GetTabItemButtonId(item.id)\"\n role=\"tab\"\n class=\"nav-item nav-link active\"\n data-toggle=\"tab\"\n [ngClass]=\"{ 'active show': item.active, 'disabled': item.disabled }\"\n (click)=\"selectTab(item)\"\n [ngStyle]=\"{'cursor': item.disabled ? 'not-allowed' : 'pointer'}\"\n >{{item.label}}</a\n >\n</div>\n\n<!-- Tab panes -->\n<div class=\"tab-content pl-3 pt-2\">\n <ng-content></ng-content>\n</div>\n"}]}],"members":{"_tabItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"tabItems":[{"__symbolic":"method"}]}},"SacTabItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabItemCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-tabitem","template":"<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\" ngIf=\"(unloadwhenhidden === true && active === true) \|\| unloadwhenhidden === false\" class=\"tab-pane\">\n <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\n</div>\n"}]}],"members":{}},"SacTinyMceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTinyMceCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-tinymce","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"},"multi":true}],"template":"<div class=\"row form-group\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <editor\n [id]=\"name + '_tinymce'\"\n [init]=\"_config\"\n [initialValue]=\"value\"\n ngModel\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"setValue($event)\"\n (onSaveContent)=\"save($event.event.content)\"\n [disabled]=\"disabled\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n </editor>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n\n<sac-dialog\n ngIf=\"selectdialogvisible\"\n [allowesc]=\"false\"\n [backdrop]=\"true\"\n [(isvisible)]=\"selectdialogvisible\"\n title=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectDialogtitle) \| async }}\"\n size=\"large\"\n height=\"500px\">\n <ng-container dialogbody>\n <sac-filebrowser\n [apiurl]=\"filebrowserapiurl\"\n (file)=\"selectDialogSettings.value = $event\"\n [allowfoldercreate]=\"allowfoldercreate\"\n [allowfolderrename]=\"allowfolderrename\"\n [allowfolderdelete]=\"allowfolderdelete\"\n [allowfileupload]=\"allowfileupload\"\n [allowfilerename]=\"allowfilerename\"\n [allowfiledelete]=\"allowfiledelete\"\n [selectedfile]=\"selectDialogSettings.value\"\n [allowedtypes]=\"selectDialogSettings.allowedtypes\"></sac-filebrowser>\n </ng-container>\n <ng-container dialogfooter>\n <sac-button\n role=\"primary\"\n [name]=\"name + '_modalOk'\"\n text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectOk) \| async }}\"\n (clicked)=\"setSelectDialogResult()\"></sac-button>\n <sac-button\n [name]=\"name + '_modalClose'\"\n text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) \| async }}\"\n (clicked)=\"closeSelectDialog()\"></sac-button>\n </ng-container>\n</sac-dialog>\n","styles":[".is-invalid{border:1px solid var(--red)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":35,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":25}}],null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":82},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":35,"character":100}]}],"overwriteDefaultSettings":[{"__symbolic":"method"}]}},"SacTooltipComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTooltipCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-tooltip","template":"<div [style.display]=\"inlinemode ? 'inline' : null\">\n <div\n #container\n (mouseenter)=\"ShowTooltip()\"\n (mouseleave)=\"HideTooltip()\"\n [style.display]=\"inlinemode ? 'inline' : null\"\n >\n <ng-content></ng-content>\n </div>\n <div #tooltip ngIf=\"IsTooltipVisible()\">\n <div\n [class.show]=\"IsTooltipContentVisible\"\n class=\"tooltip bs-tooltip-auto fade\"\n style=\"position: absolute\"\n [style.left.px]=\"LeftPos\"\n [style.top.px]=\"TopPos\"\n [class.top]=\"GetTooltipPosition() === TooltipPosition.top\"\n [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\n [class.right]=\"GetTooltipPosition() === TooltipPosition.right\"\n [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\"\n [attr.x-placement]=\"GetTooltipPosition() == TooltipPosition.right ? 'right' : GetTooltipPosition() == TooltipPosition.left ? 'left' : GetTooltipPosition() == TooltipPosition.top ? 'top' :GetTooltipPosition() == TooltipPosition.bottom ? 'bottom' : null\"\n >\n <div\n class=\"arrow\"\n style=\"position: absolute\"\n [style.top.px]=\"GetTooltipPosition() === TooltipPosition.left \|\| GetTooltipPosition() === TooltipPosition.right ? (getToolTipHeight() / 2) - 6.5 : null\"\n [style.left.px]=\"GetTooltipPosition() === TooltipPosition.bottom \|\| GetTooltipPosition() === TooltipPosition.top ? (getToolTipWidth() / 2) - 6.5 : null\"\n ></div>\n <div class=\"tooltip-inner\">{{tooltiptext}}</div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":45}]}],"getTooltipOffset":[{"__symbolic":"method"}]}},"SacTreeviewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTreeviewCommon","line":24,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-treeview","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"},"multi":true}],"template":"<div\n class=\"row mb-3\"\n [class.g-0]=\"disablelabel\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"w-100\"\n [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\n [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <ul\n class=\"list-group list-group-flush\"\n id=\"{{ name }}\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [class.border]=\"invalid && (dirty \|\| touched)\"\n [class.border-danger]=\"invalid && (dirty \|\| touched)\">\n <ng-container ngFor=\"let node of data\">\n <ng-template\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{ node: node, deep: 0, path: '', textpath: '' }\">\n </ng-template>\n </ng-container>\n </ul>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n </div>\n</div>\n<ng-template\n #treeItem\n let-node=\"node\"\n let-deep=\"deep\"\n let-path=\"path\"\n let-textpath=\"textpath\">\n <li\n class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\n [class.active]=\"isSelectedState(node)\"\n (mouseenter)=\"setHoverState(node, true)\"\n (mouseleave)=\"setHoverState(node, false)\"\n style=\"cursor: pointer\"\n attr.data-path=\"{{ path }}/{{ getStringField(node, attrid) }}\"\n attr.data-textpath=\"{{ textpath }}/{{ getStringField(node, attrlabel) }}\">\n <div\n class=\"mx-3\"\n ngFor=\"let i of count(deep)\">\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n ngIf=\"expandedstate === 'true' \|\| expandedstate === true\"\n class=\"mr-2\"\n [ngClass]=\"!hasChildren(node) ? iconFolderEmpty : !isExpandedState(node) ? iconFolderCollabsed : isExpandedState(node) ? iconFolderOpen : ''\">\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n ngIf=\"attricon && getStringField(node, attricon)\">\n <ng-template\n [ngTemplateOutlet]=\"templateicon \|\| defaultTemplateIcon\"\n [ngTemplateOutletContext]=\"{ node: node }\">\n </ng-template>\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n class=\"flex-grow-1 py-1\"\n [style.overflow]=\"enableellipsis ? 'hidden' : null\"\n [style.text-overflow]=\"enableellipsis ? 'ellipsis' : null\"\n [style.white-space]=\"enableellipsis ? 'nowrap' : null\">\n <ng-template\n [ngTemplateOutlet]=\"templatelabel \|\| defaultTemplateLabel\"\n [ngTemplateOutletContext]=\"{ node: node, label: getStringField(node, attrlabel) }\">\n </ng-template>\n </div>\n\n <div\n (click)=\"setSelectedState(node)\"\n class=\"flex-shrink-0\"\n ngIf=\"!isDisabledState(node) && (showactionalways \|\| isSelectedState(node) \|\| isHoverState(node))\">\n <ng-template\n [ngTemplateOutlet]=\"templateaction \|\| defaultTemplateAction\"\n [ngTemplateOutletContext]=\"{ node: node, actionhandler: onActionClicked.bind(this) }\">\n </ng-template>\n </div>\n </li>\n\n <ng-container ngIf=\"isExpandedState(node)\">\n <ng-template\n ngFor=\"let child of getChildren(node)\"\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{\n node: child,\n deep: deep + 1,\n path: path + '/' + getStringField(node, attrid),\n textpath: textpath + '/' + getStringField(node, attrlabel)\n }\">\n </ng-template>\n </ng-container>\n</ng-template>\n<ng-template\n #defaultTemplateLabel\n let-label=\"label\"\n let-node=\"node\">\n <span [title]=\"label\">\n {{ label }}\n </span>\n</ng-template>\n\n<ng-template\n #defaultTemplateIcon\n let-node=\"node\">\n <div\n class=\"mr-2\"\n [ngClass]=\"getStringField(node, attricon)\">\n </div>\n</ng-template>\n\n<ng-template\n #defaultTemplateAction\n let-node=\"node\"\n let-actionhandler=\"actionhandler\">\n <a\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"actionhandler({ action: 'default', node: node })\">\n <i [class]=\"iconAction\"></i>\n </a>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":32,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":82}]}]}},"SacDropzoneMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneMultipleCommon","line":26,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonemultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"dropzone d-flex justify-content-center position-relative\"\n (drop)=\"dropHandler($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class.active]=\"active\"\n [style.min-height]=\"uploadheight\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length === 0\">\n <div class=\"align-self-center text-center\">\n <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length > 0\">\n <div class=\"align-self-center progress-container\">\n <div\n class=\"dropzone-uploadstates\"\n [class.mt-1]=\"i > 0\"\n ngFor=\"let file of uploads; let i = index\">\n <div\n class=\"input-group upload-component upload-component-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div class=\"form-control upload-progress border-secondary\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <a\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <input\n #files\n multiple\n id=\"{{ name }}_uploadinput\"\n type=\"file\"\n class=\"custom-file-input\"\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n [disabled]=\"HasQueueItem()\" />\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacDropzoneSingleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneSingleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonesingle","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"dropzone d-flex justify-content-center position-relative\"\n (drop)=\"dropHandler($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [style.min-height]=\"uploadheight\"\n [class.active]=\"active\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length === 0\">\n <div class=\"align-self-center text-center\">\n <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length > 0\">\n <div class=\"align-self-center progress-container\">\n <div\n class=\"dropzone-uploadstates\"\n ngFor=\"let file of uploads\">\n <div\n class=\"input-group upload-component upload-component-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div class=\"form-control upload-progress border-secondary\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <a\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <input\n #files\n id=\"{{ name }}_uploadinput\"\n type=\"file\"\n class=\"custom-file-input\"\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n [disabled]=\"HasQueueItem()\" />\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacUploadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadSingleCommon","line":34,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"sac-upload","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group upload-component upload-single\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div class=\"input-group-prepend\">\n <!-- image-preview-input -->\n <div\n class=\"btn upload-input custom-file\"\n [class.disabled]=\"HasQueueItem()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <i\n class=\"pr-2\"\n [ngClass]=\"IconBrowse\"></i>\n <span class=\"upload-browse\">{{ buttonbrowse ? buttonbrowse : (lngResourceService.GetString(validationKeyService.UploadButtonBrowse) \| async) }}</span>\n <input\n type=\"file\"\n id=\"{{ name }}_uploadinput\"\n class=\"custom-file-input\"\n #files\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n multiple\n [disabled]=\"HasQueueItem()\" />\n </div>\n </div>\n <div\n class=\"form-control upload-progress\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"Progress() === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"Progress()\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"Progress()\">\n <span class=\"progress-text text-dark\">{{ Filename() \| async }}</span>\n </div>\n </div>\n </div>\n <!-- <input type=\"textimage-preview-filename\" class=\"form-control image-preview-filename\" disabled=\"disabled\"> --><!-- don't give a name === doesn't send on POST/GET -->\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancelAll()\"\n [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && IsPaused() === false)\"\n class=\"btn\"\n (click)=\"pauseAll()\"\n [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && IsPaused()\"\n class=\"btn\"\n (click)=\"uploadAll()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"uploadAll()\"\n [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":47,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":12}]}]}},"SacUploadMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadMultipleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-uploadmultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div class=\"upload-component\">\n <div class=\"row\">\n <div class=\"col-12\">\n <div\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div\n class=\"btn-group\"\n [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div\n class=\"btn upload-input custom-file\"\n [class.disabled]=\"maxfiles > 0 && uploads.length >= maxfiles\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <i\n [ngClass]=\"IconBrowse\"\n class=\"pr-2\"></i>\n <span class=\"upload-browse\">{{\n buttonbrowse ? buttonbrowse : (lngResourceService.GetString(validationKeyService.UploadButtonBrowse) \| async)\n }}</span>\n <input\n type=\"file\"\n id=\"{{ name }}_uploadinput\"\n class=\"custom-file-input\"\n #files\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n multiple\n [disabled]=\"maxfiles > 0 && uploads.length >= maxfiles\" />\n </div>\n\n <div\n class=\"btn-group\"\n [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancelAll()\"\n [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && IsPaused() === false)\"\n class=\"btn\"\n (click)=\"pauseAll()\"\n [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && IsPaused() === true\"\n class=\"btn\"\n (click)=\"uploadAll()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"uploadAll()\"\n [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n </div>\n\n <div\n ngFor=\"let file of uploads\"\n style=\"margin-top: 5px\">\n <div\n class=\"input-group upload-component upload-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div\n class=\"form-control upload-progress\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && file.status !== 'paused')\"\n class=\"btn\"\n (click)=\"pause(file.uploadId)\"\n [attr.disabled]=\"file.status !== 'uploading' ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && file.status === 'paused'\"\n class=\"btn\"\n (click)=\"upload(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"upload(file.uploadId)\"\n [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n</div>\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}]}},"SacValidationSummaryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacValidationSummaryCommon","line":20,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-validationsummary","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacValidationSummaryComponent"}}],"template":"<div class=\"alert alert-danger\" role=\"alert\" ngIf=\"hasErrors\">\n <ul class=\"mb-0\">\n <li ngFor=\"let error of formErrors\">{{error \| async}}</li>\n </ul>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":13}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":30,"character":14}]}]}},"SacWizardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardCommon","line":19,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-wizard","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacWizardComponent"}}],"template":"<ul class=\"nav nav-wizard\" role=\"tablist\">\n <li ngFor=\"let item of _wizardItems\" class=\"nav-item\" [ngClass]=\"{ 'active': item._active, 'disabled': item._disabled, 'success': item._iscomplete }\"\n [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\">\n <a role=\"tab\" (click)=\"selectStep(item)\">\n <div class=\"circle\">\n <span class=\"step\"></span>\n </div>\n </a>\n <div class=\"info\">\n <a (click)=\"selectStep(item)\">{{item._label}}</a>\n </div>\n </li>\n</ul>\n"}]}],"members":{"_wizardItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"wizardItems":[{"__symbolic":"method"}]}},"SacWizardItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardItemCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-wizarditem","template":""}]}],"members":{}},"SacBrowserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFileBrowserCommon","line":19,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-filebrowser","providers":[{"__symbolic":"reference","name":"ServiceConfirm"}],"template":"<div class=\"row\">\n <div class=\"col-12 col-md-5 col-lg-4\">\n <ul class=\"list-group list-group-flush\">\n <ng-template\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{node: rootNode, deep: 0}\"\n ></ng-template>\n </ul>\n\n <ng-template #treeItem let-node=\"node\" let-deep=\"deep\">\n <li\n class=\"list-group-item py-1 px-2 d-flex align-items-center\"\n [class.list-group-item-secondary]=\"node === selectedNode\"\n (click)=\"selectNode(node)\"\n style=\"cursor: pointer\"\n >\n <div class=\"mx-3\" ngFor=\"let i of count(deep)\"></div>\n <div\n (click)=\"switchExpandNode(node);$event.stopPropagation();\"\n class=\"mr-2\"\n [ngClass]=\"node.ChildNodes.length === 0 ? iconFolderEmpty: (!node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderCollabsed : (node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderOpen : ''))\"\n ></div>\n <ng-container ngIf=\"!node.IsEditMode\">\n <div class=\"flex-grow-1\">{{ node.Name }}</div>\n </ng-container>\n <ng-container ngIf=\"node.IsEditMode\">\n <div class=\"flex-grow-1\" ngForm>\n <input\n name=\"editFolder\"\n class=\"form-control form-control-sm\"\n [ngModel]=\"node.Name\"\n [ngModelOptions]=\"{updateOn: 'blur'}\"\n (ngModelChange)=\"renameNode(node, $event)\"\n (keydown.enter)=\"$event.target.blur();false;\"\n (blur)=\"renameNode(node, null)\"\n (click)=\"$event.stopPropagation()\"\n />\n </div>\n </ng-container>\n <div class=\"flex-shrink-0\">\n <a\n ngIf=\"node.Path !== '/' && allowfolderrename\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"editNode(node);$event.stopPropagation();\"\n >\n <i [class]=\"iconEdit\"></i>\n </a>\n <sac-contextmenu cssclass=\"d-inline-block\">\n <sac-contextmenubutton\n ngIf=\"allowfoldercreate\"\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonNewFolder) \| async }}\"\n [icon]=\"iconFolderNew\"\n (clicked)=\"newNode(node)\"\n ></sac-contextmenubutton>\n <sac-contextmenubutton\n ngIf=\"node.Path !== '/' && allowfolderdelete\"\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonDelete) \| async }}\"\n [icon]=\"iconDelete\"\n (clicked)=\"deleteNode(node)\"\n ></sac-contextmenubutton>\n <sac-contextmenusplitter\n ngIf=\"allowfoldercreate \|\| (node.Path !== '/' && allowfolderdelete)\"\n ></sac-contextmenusplitter>\n <sac-contextmenubutton\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonRefresh) \| async }}\"\n [icon]=\"iconRefresh\"\n (clicked)=\"refreshNode(node)\"\n ></sac-contextmenubutton>\n </sac-contextmenu>\n </div>\n </li>\n\n <ng-container ngIf=\"node.IsExpanded\">\n <ng-template\n ngFor=\"let child of node.ChildNodes\"\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{node: child, deep: deep + 1}\"\n ></ng-template>\n </ng-container>\n </ng-template>\n </div>\n <div class=\"col-12 col-md-7 col-lg-8\">\n <ng-container ngIf=\"selectedNode && selectedNode.Files\">\n <div ngIf=\"allowfileupload\" ngForm>\n <sac-dropzonemultiple\n [disablelabel]=\"true\"\n [endpoint]=\"apiurl + '/uploadregister'\"\n name=\"upload\"\n uploadheight=\"5rem\"\n [ngModel]=\"uploads\"\n (ngModelChange)=\"uploadComplete(selectedNode,$event)\"\n [allowedtypes]=\"allowedtypes\"\n >{{\n lngResourceService.GetString(validationKeyService.FilebrowserButtonUpload)\n \| async }}</sac-dropzonemultiple\n >\n </div>\n <div class=\"table-responsive\">\n <table class=\"table table-striped table-hover align-middle\">\n <thead>\n <th>\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridFilename)\n \| async }}\n </th>\n <th>\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridSize)\n \| async }}\n </th>\n <th style=\"width: 80px\"></th>\n </thead>\n <tbody>\n <ng-container ngIf=\"selectedNode.Files.length === 0\">\n <tr>\n <td colspan=\"3\">\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridNoFiles)\n \| async }}\n </td>\n </tr>\n </ng-container>\n <ng-container ngIf=\"selectedNode.Files.length > 0\">\n <tr\n ngFor=\"let item of selectedNode.Files\"\n (click)=\"selectFile(item)\"\n [class.table-primary]=\"selectedFileItem === item\"\n >\n <td [class.p-2]=\"item.IsEditMode\">\n <ng-container ngIf=\"!item.IsEditMode\">\n {{ item.Filename }}\n </ng-container>\n <ng-container ngIf=\"item.IsEditMode\">\n <div>\n <input\n name=\"editFolder\"\n class=\"form-control form-control-sm\"\n [ngModel]=\"item.Filename\"\n [ngModelOptions]=\"{updateOn: 'blur'}\"\n (ngModelChange)=\"renameFile(item, $event)\"\n (keydown.enter)=\"$event.target.blur();false\"\n (blur)=\"renameFile(item, null)\"\n (click)=\"$event.stopPropagation();\"\n />\n </div>\n </ng-container>\n </td>\n <td>{{ item.Size}}</td>\n <td class=\"p-2\">\n <div class=\"btn-toolbar\" role=\"toolbar\">\n <div class=\"btn-group ml-auto\" role=\"group\">\n <a\n ngIf=\"allowfilerename\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"editFile(item);$event.stopPropagation();\"\n ><i [class]=\"iconEdit\"></i\n ></a>\n </div>\n <div class=\"btn-group\" role=\"group\">\n <a\n ngIf=\"allowfiledelete\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"deleteFile(item);$event.stopPropagation();\"\n ><i [class]=\"iconDelete\"></i\n ></a>\n </div>\n </div>\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n </div>\n </ng-container>\n </div>\n</div>\n"}]}],"members":{"uploadComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":14},{"__symbolic":"reference","name":"ServiceConfirm"}]}],"confirmDeleteFile":[{"__symbolic":"method"}],"confirmDeleteNode":[{"__symbolic":"method"}],"count":[{"__symbolic":"method"}],"uploadedFileMoved":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵa"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenucontainer"}]}]}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":25,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"[sac-multilanguagemenu]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":20,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵb"}}],"template":"<ng-container\n [ngTemplateOutlet]=\"buttontemplate \|\| defaultButtonTemplate\"\n></ng-container>\n\n<div\n class=\"dropdown-menu dropdown-menu-right\"\n sacMultilanguageMenuContainer\n [class.show]=\"isopen\"\n>\n <ng-content></ng-content>\n</div>\n\n<ng-template #defaultButtonTemplate>\n <button\n sacMultilanguageMenuAnchor\n class=\"btn btn-secondary dropdown-toggle\"\n type=\"button\"\n (click)=\"toggle()\"\n ></button>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":37,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":12},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":27,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":14}]}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵc"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenuanchor"}]}]}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵd"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenucontainer"}]}]}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":61},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-multilanguagemenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵe"}}],"template":"<button\n type=\"button\"\n class=\"dropdown-item\"\n (click)=\"callaction($event)\"\n [class.disabled]=\"isdisabled\"\n [ngClass]=\"cssclass\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n>\n <div class=\"d-flex\">\n <div ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\n <img ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\n <i ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\n </div>\n <div class=\"flex-grow-1\">{{ text }}</div>\n </div>\n</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"SACBootstrap4BrowserModule":"./components/browser/browser.module","SACBootstrap4ButtonModule":"./controls/buttons/button.module","SACBootstrap4CheckboxModule":"./controls/checkbox/checkbox.module","SACBootstrap4ConfirmModule":"./controls/confirm/confirm.module","ServiceConfirm":"./controls/confirm/confirm.service","SACBootstrap4ContextmenuModule":"./controls/contextmenu/contextmenu.module","SACBootstrap4DateTimeModule":"./controls/datetime/datetime.module","SACBootstrap4DialogModule":"./controls/dialog/dialog.module","SACBootstrap4FormModule":"./controls/form/form.module","SACBootstrap4GridModule":"./controls/grid/grid.module","SACBootstrap4InputModule":"./controls/input/input.module","SACBootstrap4LayoutModule":"./controls/layout/layout.module","SACBootstrap4DropdownModule":"./controls/list/dropdown.module","SACBootstrap4ListModule":"./controls/list/list.module","SACBootstrap4MultilanguageModule":"./controls/multilanguage/multilanguage.module","SACBootstrap4StaticLabelModule":"./controls/static/staticlabel.module","SACBootstrap4TabsModule":"./controls/tabs/tabs.module","SACBootstrap4TinyMceModule":"./controls/tinymce/tinymce.module","SACBootstrap4TooltipModule":"./controls/tooltip/tooltip.module","SACBootstrap4TreeviewModule":"./controls/treeview/treeview.module","SACBootstrap4UploadModule":"./controls/upload/upload.module","SACBootstrap4ValidationSummaryModule":"./controls/validation/validationsummary.module","SACBootstrap4WizardModule":"./controls/wizard/wizard.module","SacButtonComponent":"./controls/buttons/button","SacCheckboxComponent":"./controls/checkbox/checkbox","SacRadiobuttonComponent":"./controls/checkbox/radiobutton","SacRadiobuttonsComponent":"./controls/checkbox/radiobuttons","SacConfirmComponent":"./controls/confirm/confirm","SacContextmenuComponent":"./controls/contextmenu/contextmenu","SacContextmenuAnchorDirective":"./controls/contextmenu/contextmenuanchor","SacContextmenuItemButtonComponent":"./controls/contextmenu/contextmenuitembutton","SacContextmenuItemSplitterComponent":"./controls/contextmenu/contextmenuitemsplitter","SacDateComponent":"./controls/datetime/date","SacDateSelectorComponent":"./controls/datetime/dateselector","SacDateTimeComponent":"./controls/datetime/datetime","SacTimeComponent":"./controls/datetime/time","SacDialogComponent":"./controls/dialog/dialog","SacFormDirective":"./controls/form/form","SacInheritFormDirective":"./controls/form/inheritform.directive","NGFORM_FACTORY":"./controls/form/inheritform.directive","SACFORM_FACTORY":"./controls/form/inheritform.directive","SacGridComponent":"./controls/grid/grid","SacGridButtonComponent":"./controls/grid/gridbutton","SacGridColumnComponent":"./controls/grid/gridcolumn","SacGridColumnActionComponent":"./controls/grid/gridcolumnaction","SacGridImageComponent":"./controls/grid/gridimage","SacPagingComponent":"./controls/grid/paging","SacInputComponent":"./controls/input/input","SacInputAreaComponent":"./controls/input/inputarea","SacInputCurrencyComponent":"./controls/input/inputcurrency","SacInputDecimalComponent":"./controls/input/inputdecimal","SacInputEmailComponent":"./controls/input/inputemail","SacInputIntegerComponent":"./controls/input/inputinteger","SacInputPasswordComponent":"./controls/input/inputpassword","SacInputSearchComponent":"./controls/input/inputsearch","SacFormLayoutDirective":"./controls/layout/formlayout.directive","SacToControlHeightPipe":"./controls/layout/tocontrolheight.pipe","SacToControlWidthCssPipe":"./controls/layout/tocontrolwidthcss.pipe","SacToLabelHeightPipe":"./controls/layout/tolabelheight.pipe","SacToLabelWidthCssPipe":"./controls/layout/tolabelwidthcss.pipe","SacDropdownComponent":"./controls/list/dropdown","SacDropdownOptionDirective":"./controls/list/dropdown","SacListboxComponent":"./controls/list/listbox","SacListboxOptionDirective":"./controls/list/listbox","SacMultilanguageInputComponent":"./controls/multilanguage/multilanguageinput","SacMultilanguageInputAreaComponent":"./controls/multilanguage/multilanguageinputarea","SacStaticFormContainerComponent":"./controls/static/formcontainer","SacStaticLabelComponent":"./controls/static/staticlabel","SacTabComponent":"./controls/tabs/tab","SacTabItemComponent":"./controls/tabs/tabitem","SacTinyMceComponent":"./controls/tinymce/tinymce","SacTooltipComponent":"./controls/tooltip/tooltip","SacTreeviewComponent":"./controls/treeview/treeview","SacDropzoneMultipleComponent":"./controls/upload/dropzonemultiple","SacDropzoneSingleComponent":"./controls/upload/dropzonesingle","SacUploadComponent":"./controls/upload/upload","SacUploadMultipleComponent":"./controls/upload/uploadmultiple","SacValidationSummaryComponent":"./controls/validation/validationsummary","SacWizardComponent":"./controls/wizard/wizard","SacWizardItemComponent":"./controls/wizard/wizarditem","SacBrowserComponent":"./components/browser/browser","ɵa":"./controls/contextmenu/contextmenucontainer","ɵb":"./controls/multilanguage/multilanguagemenu","ɵc":"./controls/multilanguage/multilanguagemenuanchor","ɵd":"./controls/multilanguage/multilanguagemenucontainer","ɵe":"./controls/multilanguage/multilanguagemenuitembutton"},"importAs":"@simpleangularcontrols/sac-bootstrap4"}
1	+ {"__symbolic":"module","version":4,"metadata":{"SACBootstrap4BrowserModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"},{"__symbolic":"reference","name":"SACBootstrap4UploadModule"},{"__symbolic":"reference","name":"SACBootstrap4FormModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"SacBrowserComponent"}],"bootstrap":[{"__symbolic":"reference","name":"SacBrowserComponent"}]}]}],"members":{}},"SACBootstrap4ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":8,"character":18}],"exports":[{"__symbolic":"reference","name":"SacButtonComponent"}]}]}],"members":{}},"SACBootstrap4CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":14},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":11,"character":83}],"exports":[{"__symbolic":"reference","name":"SacCheckboxComponent"},{"__symbolic":"reference","name":"SacRadiobuttonComponent"},{"__symbolic":"reference","name":"SacRadiobuttonsComponent"}]}]}],"members":{}},"SACBootstrap4ConfirmModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"}],"exports":[{"__symbolic":"reference","name":"SacConfirmComponent"}],"entryComponents":[{"__symbolic":"reference","name":"SacConfirmComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SACBootstrap4ConfirmModule"},"providers":[{"__symbolic":"reference","name":"ServiceConfirm"}]}}}},"ServiceConfirm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"ServiceConfirmCommon","line":21,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":50,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":51,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":52,"character":12},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":53,"character":14}]}],"ConfirmMessage":[{"__symbolic":"method"}],"GetComponentFactory":[{"__symbolic":"method"}],"ConfigureDialog":[{"__symbolic":"method"}]}},"SACBootstrap4ContextmenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":17,"character":26}],"exports":[{"__symbolic":"reference","name":"SacContextmenuComponent"},{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"},{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"},{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}]}]}],"members":{}},"SACBootstrap4DateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"angular-imask","name":"IMaskModule","line":20,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":22,"character":32}],"exports":[{"__symbolic":"reference","name":"SacDateComponent"},{"__symbolic":"reference","name":"SacDateTimeComponent"},{"__symbolic":"reference","name":"SacTimeComponent"},{"__symbolic":"reference","name":"SacDateSelectorComponent"}]}]}],"members":{}},"SACBootstrap4DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDialogComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":8,"character":18}],"exports":[{"__symbolic":"reference","name":"SacDialogComponent"}]}]}],"members":{}},"SACBootstrap4FormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":9,"character":26},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":9,"character":39}],"exports":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","name":"SacInheritFormDirective"}]}]}],"members":{}},"SACBootstrap4GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":26},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":20,"character":39}],"exports":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","name":"SacGridColumnComponent"},{"__symbolic":"reference","name":"SacGridColumnActionComponent"},{"__symbolic":"reference","name":"SacPagingComponent"},{"__symbolic":"reference","name":"SacGridButtonComponent"},{"__symbolic":"reference","name":"SacGridImageComponent"}]}]}],"members":{}},"SACBootstrap4InputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":28,"character":32}],"exports":[{"__symbolic":"reference","name":"SacInputComponent"},{"__symbolic":"reference","name":"SacInputAreaComponent"},{"__symbolic":"reference","name":"SacInputCurrencyComponent"},{"__symbolic":"reference","name":"SacInputDecimalComponent"},{"__symbolic":"reference","name":"SacInputEmailComponent"},{"__symbolic":"reference","name":"SacInputIntegerComponent"},{"__symbolic":"reference","name":"SacInputPasswordComponent"},{"__symbolic":"reference","name":"SacInputSearchComponent"}]}]}],"members":{}},"SACBootstrap4LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","name":"SacToControlHeightPipe"},{"__symbolic":"reference","name":"SacToControlWidthCssPipe"},{"__symbolic":"reference","name":"SacToLabelHeightPipe"},{"__symbolic":"reference","name":"SacToLabelWidthCssPipe"}]}]}],"members":{}},"SACBootstrap4DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":10,"character":83}],"exports":[{"__symbolic":"reference","name":"SacDropdownComponent"},{"__symbolic":"reference","name":"SacDropdownOptionDirective"}]}]}],"members":{}},"SACBootstrap4ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":10,"character":83}],"exports":[{"__symbolic":"reference","name":"SacListboxComponent"},{"__symbolic":"reference","name":"SacListboxOptionDirective"}]}]}],"members":{}},"SACBootstrap4MultilanguageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"SacMultilanguageInputComponent"},{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}]}]}],"members":{}},"SACBootstrap4StaticLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":13,"character":32}],"exports":[{"__symbolic":"reference","name":"SacStaticLabelComponent"},{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}]}]}],"members":{}},"SACBootstrap4TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":9,"character":18}],"exports":[{"__symbolic":"reference","name":"SacTabComponent"},{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"members":{}},"SACBootstrap4TinyMceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTinyMceComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@tinymce/tinymce-angular","name":"EditorModule","line":17,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ButtonModule"},{"__symbolic":"reference","name":"SACBootstrap4DialogModule"},{"__symbolic":"reference","name":"SACBootstrap4BrowserModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":22,"character":32}],"exports":[{"__symbolic":"reference","name":"SacTinyMceComponent"}]}]}],"members":{}},"SACBootstrap4TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTooltipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":7,"character":28}],"exports":[{"__symbolic":"reference","name":"SacTooltipComponent"}]}]}],"members":{}},"SACBootstrap4TreeviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacTreeviewComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4ContextmenuModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":10,"character":115}],"exports":[{"__symbolic":"reference","name":"SacTreeviewComponent"}]}]}],"members":{}},"SACBootstrap4UploadModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","name":"SACBootstrap4LayoutModule"},{"__symbolic":"reference","name":"SACBootstrap4TooltipModule"},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":22,"character":31}],"exports":[{"__symbolic":"reference","name":"SacUploadComponent"},{"__symbolic":"reference","name":"SacUploadMultipleComponent"},{"__symbolic":"reference","name":"SacDropzoneSingleComponent"},{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}]}]}],"members":{}},"SACBootstrap4ValidationSummaryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SACCommonUtliltiesModule","line":8,"character":18}],"exports":[{"__symbolic":"reference","name":"SacValidationSummaryComponent"}]}]}],"members":{}},"SACBootstrap4WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"SacWizardComponent"},{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"members":{}},"SacButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacButtonCommon","line":12,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-button","template":"<button\n [id]=\"name\"\n type=\"button\"\n class=\"btn d-flex justify-content-center align-items-center\"\n [attr.disabled]=\"_isdisabled \|\| isloading ? 'disabled' : null\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\"\n (click)=\"buttonClick()\"\n [class.btn-primary]=\"role === 'primary'\"\n [class.btn-secondary]=\"role === 'secondary' \|\| role === 'default'\"\n [class.btn-success]=\"role === 'success'\"\n [class.btn-danger]=\"role === 'danger'\"\n [class.btn-warning]=\"role === 'warning'\"\n [class.btn-info]=\"role === 'info'\"\n [class.btn-link]=\"role === 'link'\">\n <span\n ngIf=\"isloading\"\n class=\"spinner-border spinner-border-sm mr-2\"\n role=\"status\"\n aria-hidden=\"true\"></span>\n <i\n ngIf=\"!isloading && icon !== ''\"\n [ngClass]=\"icon\"\n [class.mr-2]=\"text\"></i\n >{{ text }}\n</button>\n"}]}],"members":{}},"SacCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacCheckboxCommon","line":26,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacCheckboxComponent"},"multi":true}],"template":"<div\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\"\n class=\"row\"\n [class.no-gutters]=\"disablelabel\"\n [class.form-group]=\"!stacked\">\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only']\">\n <label\n ngIf=\"!disablelabel && !stacked\"\n for=\"{{ name }}\"\n class=\"col-form-label d-flex\"\n [ngClass]=\"componentHeight \| toLabelHeight\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\n >{{ label }}</div\n >\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n </div>\n <div\n class=\"align-self-center col-12\"\n [ngClass]=\"[!disablelabel && !stacked ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div\n [class.form-check]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control]=\"checkboxstyle === 'switch'\"\n [class.custom-switch]=\"checkboxstyle === 'switch'\"\n [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n [class.form-check-input]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control-input]=\"checkboxstyle === 'switch'\"\n [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"checkbox\"\n [checked]=\"value\"\n (blur)=\"onTouch()\"\n (change)=\"setValue($event.target.checked)\"\n [disabled]=\"isdisabled\" />\n <label\n for=\"{{ name }}\"\n [class.form-check-label]=\"checkboxstyle === 'checkbox'\"\n [class.custom-control-label]=\"checkboxstyle === 'switch'\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <ng-container ngIf=\"checkboxtext\">{{ checkboxtext }}</ng-container>\n </label>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && (disablelabel \|\| stacked)\"\n class=\"ml-2 mr-1 d-inline-block\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n</div>\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":34,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":82}]}]}},"SacRadiobuttonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonCommon","line":13,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobutton","template":"<div\n class=\"form-check\"\n [class.form-check-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-lg]=\"componentHeight === ControlHeight.Large\"\n ngIf=\"hidden === false\">\n <input\n id=\"{{ getName }}_{{ getIndex }}\"\n name=\"{{ getName }}\"\n type=\"radio\"\n class=\"form-check-input\"\n [class.form-check-input-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-input-lg]=\"componentHeight === ControlHeight.Large\"\n [value]=\"value\"\n [checked]=\"checked\"\n (change)=\"ChangeEvent()\"\n [disabled]=\"isDisabled\" />\n <label\n for=\"{{ getName }}_{{ getIndex }}\"\n class=\"form-check-label\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <ng-template ngTemplateOutlet=\"labeltemplate \|\| defaultItemLabelTemplate; context: { label: label }\"> </ng-template>\n </label>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n class=\"ml-2 mr-1 d-inline-block\"\n [class.form-check-label-sm]=\"componentHeight === ControlHeight.Small\"\n [class.form-check-label-lg]=\"componentHeight === ControlHeight.Large\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n</div>\n\n<ng-template\n #defaultItemLabelTemplate\n let-label=\"label\">\n <ng-container>{{ label }}</ng-container>\n</ng-template>\n","styles":[".form-check-lg{padding-left:1.75rem}.form-check-input{height:1rem;width:1rem}.form-check-input-sm{height:.875rem;margin-top:.4rem;width:.875rem}.form-check-input-lg{height:1.25rem;margin-left:-1.75rem;margin-top:.4rem;width:1.25rem}.form-check-label-sm{font-size:.875rem}.form-check-label-lg{font-size:1.25rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":23,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":24,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":17}}],null],"parameters":[{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":18}]}]}},"SacRadiobuttonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacRadiobuttonsCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-radiobuttons","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"useExisting":{"__symbolic":"reference","name":"SacRadiobuttonsComponent"},"multi":true}],"template":"<div\n class=\"row form-group\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <div\n ngIf=\"disablelabel === false\"\n class=\"col-12 pt-0\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only']\">\n <label\n class=\"col-form-label d-flex\"\n [ngClass]=\"componentHeight \| toLabelHeight\"\n ngIf=\"!disablelabel\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\"\n >{{ label }}</div\n >\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n </div>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.pt-1]=\"componentHeight === ControlHeight.Small\"\n [class.pt-2]=\"componentHeight !== ControlHeight.Small\">\n <ng-content></ng-content>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\"\n >{{ helptext }}</small\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacConfirmComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacConfirmCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-confirm","template":"<sac-dialog\n name=\"confirmDialog\"\n [(isvisible)]=\"isvisible\"\n [title]=\"title\"\n [allowesc]=\"false\"\n [closebutton]=\"false\"\n dialogsize=\"small\"\n>\n <div dialogbody>\n <div class=\"media\">\n <img\n [attr.src]=\"image\"\n class=\"align-self-center mr-3\"\n ngIf=\"hasImage()\"\n />\n <div class=\"media-body\">{{message}}</div>\n </div>\n </div>\n <ng-container dialogfooter>\n <ng-container ngFor=\"let button of buttons\">\n <sac-button\n [name]=\"button.key\"\n [text]=\"button.text\"\n [role]=\"button.role \|\| 'default'\"\n (clicked)=\"confirm(button.key)\"\n ></sac-button>\n </ng-container>\n </ng-container>\n</sac-dialog>\n"}]}],"members":{}},"SacContextmenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-contextmenu","template":"<div\n class=\"dropdown\"\n [ngClass]=\"cssclass\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <ng-container [ngTemplateOutlet]=\"buttontemplate \|\| defaultButtonTemplate\"></ng-container>\n\n <div\n class=\"dropdown-menu dropdown-menu-right\"\n sacContextMenuContainer\n [class.show]=\"isopen\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #defaultButtonTemplate>\n <button\n sacContextMenuAnchor\n class=\"btn btn-sm btn-link text-secondary text-decoration-none\"\n type=\"button\"\n (click)=\"toggle()\">\n <i [class]=\"IconContextMenu\"></i>\n </button>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":23,"character":16}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":24,"character":16},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":31,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":18}]}]}},"SacContextmenuAnchorDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuAnchorDirective"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenuanchor"}]}]}]}},"SacContextmenuItemButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemButtonComponent"}}],"template":"<button\n [id]=\"name\"\n type=\"button\"\n class=\"dropdown-item\"\n (click)=\"callaction($event)\"\n [class.disabled]=\"isdisabled\"\n [ngClass]=\"cssclass\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\">\n <div class=\"d-flex\">\n <div\n ngIf=\"!isicondisabled\"\n style=\"min-width: 1.5rem\">\n <img\n ngIf=\"image\"\n [src]=\"image\"\n class=\"align-baseline\" />\n <i\n ngIf=\"icon\"\n [class]=\"iconstyle + ' ' + icon\"></i>\n </div>\n <div class=\"flex-grow-1\">{{ text }}</div>\n </div>\n</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"SacContextmenuItemSplitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":16,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-contextmenusplitter","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"SacContextmenuItemSplitterComponent"}}],"template":"<div class=\"dropdown-divider\"></div>"}]}],"members":{}},"SacDateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateCommon","line":37,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"sac-date","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":31,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showDateSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n #picker\n ngIf=\"_showselector\">\n <div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n ngIf=\"_showselector\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"dateselect($event)\"\n dateselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":48,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":51,"character":15}]}]}},"SacDateSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateSelectorCommon","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-dateselector","template":"<div\n class=\"calendar-selector\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <div ngIf=\"dateselection\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col text-left\">\n <a (click)=\"monthBack()\"><span [class]=\"iconMonthPrev\"></span></a>\n </div>\n <div class=\"col text-center\">{{ month + 1 }}/{{ year }}</div>\n <div class=\"col text-right\">\n <a (click)=\"monthNext()\"><span [class]=\"iconMonthNext\"></span></a>\n </div>\n </div>\n </div>\n <div></div>\n <div class=\"container\">\n <div class=\"row\">\n <ng-container ngFor=\"let week of dates; let i = index\">\n <ng-container ngFor=\"let item of week\">\n <div\n class=\"p-2 col text-center\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\"\n >{{ item.displaytext }}</div\n >\n </ng-container>\n <div class=\"w-100\"></div>\n </ng-container>\n </div>\n </div>\n </div>\n <div\n class=\"d-flex flex-row justify-content-start\"\n ngIf=\"timeselection\">\n <div class=\"p-2\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control form-control-sm\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div class=\"p-2\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control form-control-sm\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n <div class=\"d-flex flex-row\">\n <div class=\"mr-auto p-2\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"p-2\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n </div>\n <div class=\"p-2\">\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n"}]}],"members":{}},"SacDateTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDateTimeCommon","line":25,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-datetime","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDateTimeComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showDateSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n\n <div\n #picker\n ngIf=\"_showselector\"\n ><div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"dateselect($event)\"\n dateselection=\"true\"\n timeselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTimeCommon","line":25,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-time","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTimeComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [imask]=\"imaskDate\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"valuestring\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (accept)=\"setValueString($event)\"\n [disabled]=\"isdisabled\" />\n <div class=\"input-group-append\">\n <button\n #pickerbutton\n class=\"btn btn-secondary\"\n type=\"button\"\n (click)=\"showTimeSelector()\"\n [disabled]=\"isdisabled\">\n <i [class]=\"IconSelector\"></i>\n </button>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n #picker\n ngIf=\"_showselector\">\n <div\n class=\"popover fade show position-absolute m-0\"\n role=\"tooltip\"\n [class.bs-popover-bottom]=\"GetPickerPosition() == TooltipPosition.bottom \|\| GetPickerPosition() == TooltipPosition.bottomend\"\n [class.bs-popover-top]=\"GetPickerPosition() == TooltipPosition.top \|\| GetPickerPosition() == TooltipPosition.topend\"\n [style.left.px]=\"posPopupLeft\"\n [style.top.px]=\"posPopupTop\">\n <div\n #pickerarrow\n class=\"arrow position-absolute m-0\"\n style=\"left: unset\"\n [style.top.px]=\"posArrowTop\"\n [style.left.px]=\"posArrowLeft\">\n </div>\n\n <div class=\"popover-body\">\n <sac-dateselector\n [initialvalue]=\"value\"\n (selectdate)=\"timeselect($event)\"\n timeselection=\"true\"></sac-dateselector>\n </div>\n </div>\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":36,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":15}]}]}},"SacDialogComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDialogCommon","line":10,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-dialog","template":"<div\n #dialog\n class=\"modal show\"\n style=\"display: block\"\n tabindex=\"-1\"\n role=\"dialog\"\n ngIf=\"_show\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <div\n class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\"\n role=\"document\"\n [class.modal-xl]=\"_size === 'extralarge'\"\n [class.modal-lg]=\"_size === 'large'\"\n [class.modal-sm]=\"_size === 'small'\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h5 class=\"modal-title\">{{ title }}</h5>\n <button\n type=\"button\"\n class=\"close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n (click)=\"hide()\"\n ngIf=\"closebutton\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <ng-content select=\"[dialogbody]\"></ng-content>\n </div>\n <div class=\"modal-footer\">\n <ng-content select=\"[dialogfooter]\"></ng-content>\n </div>\n </div>\n <!-- /.modal-content -->\n </div>\n <!-- /.modal-dialog -->\n</div>\n<!-- /.modal -->\n<div\n class=\"modal-backdrop show\"\n ngIf=\"_show && backdrop\"\n #backdrop></div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":39}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"SacFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":20,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),[ngForm]","exportAs":"sacform"}]}],"members":{"cssClassForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.form"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":37,"character":20}]}]}},"NGFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SACFORM_FACTORY":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"SacInheritFormDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormCommon","line":46,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"[sacInheritForm]","exportAs":"sacinheritform","providers":[{"provide":{"__symbolic":"reference","name":"SacFormDirective"},"useFactory":{"__symbolic":"reference","name":"SACFORM_FACTORY"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":37,"character":18}},{"__symbolic":"reference","name":"SacFormDirective"}]]},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":40,"character":15},"useFactory":{"__symbolic":"reference","name":"NGFORM_FACTORY"},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":42,"character":13}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":53,"character":24}]}]}},"SacGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridCommon","line":20,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-grid","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacGridComponent"}}],"template":"<div\n class=\"table-responsive\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <table\n class=\"table table-striped table-hover\"\n id=\"{{ name }}\">\n <thead class=\"thead-light\">\n <tr>\n <ng-container ngTemplateOutlet=\"template; context: { row: {}, type: 'header' }\"> </ng-container>\n </tr>\n </thead>\n <tbody>\n <ng-container ngFor=\"let item of value; let i = index\">\n <tr>\n <ng-container ngTemplateOutlet=\"template; context: { row: item, type: 'body' }\"> </ng-container>\n </tr>\n </ng-container>\n <tr\n ngIf=\"value === undefined \|\| value === null \|\| value.length === 0\"\n data-e2e=\"emptyrow\">\n <td [attr.colspan]=\"ColumnCount\">{{ emptytext }}</td>\n </tr>\n </tbody>\n <tfoot ngIf=\"pagerdata\">\n <tr>\n <td [attr.colspan]=\"ColumnCount\">\n <div class=\"container-fluid\">\n <sac-paging\n name=\"{{ name }}Paging\"\n (paging)=\"pageChange($event)\"\n [pagerdata]=\"pagerdata\"\n [pagesizes]=\"pagesizes\"\n [pagingtext]=\"pagingtext\"\n [pagesizetext]=\"pagesizetext\"\n [pagesizedisabled]=\"pagesizedisabled\"></sac-paging>\n </div>\n </td>\n </tr>\n </tfoot>\n </table>\n</div>\n"}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":31,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":31,"character":18},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":52}]}]}},"SacGridButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridButtonCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridbutton","template":"<a\n (click)=\"callaction()\"\n [attr.data-e2e]=\"name\"\n style=\"padding-right: 5px\"\n [style.cursor]=\"!isdisabled ? 'pointer' : null\"\n [class.disabled]=\"isdisabled\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n ><span class=\"{{ getIconClass() }}\"></span\n></a>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":26}]}]}},"SacGridColumnComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnCommon","line":17,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-gridcolumn","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":12,"character":21},"useExisting":{"__symbolic":"reference","name":"SacGridColumnComponent"}}],"template":"<th\n #headerElement\n scope=\"col\"\n ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\"\n (click)=\"SortByColumn()\">\n <span>{{ header }}</span>\n <span\n class=\"pl-2\"\n [class]=\"IconSortUp\"\n ngIf=\"IsSortedColumn() && GetSortDirection() === 'asc'\"></span>\n <span\n class=\"pl-2\"\n [class]=\"IconSortDown\"\n ngIf=\"IsSortedColumn() && GetSortDirection() === 'desc'\"></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n ngIf=\"IsBody()\"\n [style.width]=\"width\"\n [class.ellipsis]=\"IsEllipsis()\"\n (click)=\"ColumnClick()\"\n [style.max-width]=\"IsEllipsis() ? width : null\"\n [style.overflow]=\"IsEllipsis() ? 'hidden' : null\"\n [style.text-overflow]=\"IsEllipsis() ? 'ellipsis' : null\"\n [style.white-space]=\"IsEllipsis() ? 'nowrap' : null\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span\n [attr.title]=\"IsEllipsis() ? value : null\"\n [innerHtml]=\"value\"></span>\n</td>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":50},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":64}]}]}},"SacGridColumnActionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnActionCommon","line":17,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-gridcolumnaction","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridColumnBaseCommon","line":12,"character":15},"useExisting":{"__symbolic":"reference","name":"SacGridColumnActionComponent"}}],"template":"<th\n #headerElement\n scope=\"col\"\n ngIf=\"IsHeader()\"\n [style.width]=\"width\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <span></span>\n</th>\n<td\n #bodyElement\n scope=\"col\"\n class=\"px-2\"\n ngIf=\"IsBody()\"\n [class.text-right]=\"alignment === 'right'\"\n [class.text-center]=\"alignment === 'center'\">\n <ng-content></ng-content>\n</td>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SacGridComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":62}]}]}},"SacGridImageComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacGridImageCommon","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-gridimage","template":"<span><span [ngClass]=\"iconstyle\"></span></span>\n"}]}],"members":{}},"SacPagingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacPagingCommon","line":20,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-paging","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacPagingComponent"}}],"template":"<div\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\"\n class=\"d-flex justify-content-between align-items-center flex-wrap\"\n id=\"{{ name }}\">\n <div\n class=\"col-pagination order-2 order-md-1\"\n id=\"{{ name }}_pages\">\n <ul class=\"pagination mb-4 mb-md-0\">\n <li\n class=\"page-item\"\n [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === firstPageIndex }\">\n <a\n class=\"page-link\"\n (click)=\"firstPage()\"\n >«</a\n >\n </li>\n <li\n class=\"page-item\"\n ngFor=\"let page of paginators; let i = index\"\n [ngClass]=\"{ active: page === activePageIndex }\">\n <a\n class=\"page-link\"\n (click)=\"changePage(page)\"\n >{{ page + 1 }}</a\n >\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"{ 'aspNetDisabled disabled': activePageIndex === lastPageIndex }\">\n <a\n class=\"page-link\"\n (click)=\"lastPage()\"\n >»</a\n >\n </li>\n </ul>\n </div>\n <div class=\"col-summary order-1 order-md-2\">\n <div class=\"mb-4 mb-md-0 mr-4 mb-md-0\">{{ PagingText \| async }}</div>\n </div>\n <div\n class=\"col-pagesize order-3\"\n ngIf=\"!pagesizedisabled\">\n <div\n class=\"d-flex align-items-center\"\n id=\"{{ name }}_size\">\n <select\n class=\"form-control form-control-sm\"\n style=\"width: 85px\"\n id=\"{{ name }}_pagesize\"\n [ngModel]=\"pageSize\"\n (ngModelChange)=\"changePageSize($event)\">\n <option\n [ngValue]=\"size\"\n ngFor=\"let size of getPageSizes\">\n {{ size }}\n </option>\n </select>\n <div class=\"ml-2\">{{ PageSizeText \| async }}</div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":26}]}]}},"SacInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCommon","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":15,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\" />\n\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":29,"character":82}]}]}},"SacInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputAreaCommon","line":25,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputAreaComponent"}}],"template":"<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <textarea\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.rows]=\"rows\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [attr.maxlength]=\"maxtextlength\"\n [readonly]=\"readonly\"></textarea>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputCurrencyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputCurrencyCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputcurrency","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputCurrencyComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <div class=\"input-group-append\">\n <span class=\"input-group-text\">{{ currency }}</span>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputDecimalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputDecimalCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputdecimal","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputDecimalComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputEmailComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputEmailCommon","line":25,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputemail","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputEmailComponent"}}],"template":"<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">@</span>\n </div>\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"email\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.placeholder]=\"placeholder\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"email\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputIntegerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputIntegerCommon","line":25,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputinteger","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputIntegerComponent"}}],"template":"<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"decimal\"\n class=\"form-control\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n [attr.placeholder]=\"placeholder\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\" />\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputPasswordComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputPasswordCommon","line":25,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputpassword","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputPasswordComponent"}}],"template":"<div\n class=\"form-group row\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.input-group]=\"passwordeye\"\n [class.is-invalid]=\"passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n [type]=\"passwordeyevisible ? 'text' : 'password'\"\n class=\"form-control\"\n [attr.placeholder]=\"placeholder\"\n [value]=\"value\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n autocomplete=\"new-password\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div\n ngIf=\"passwordeye\"\n class=\"input-group-append\">\n <a\n class=\"btn btn-outline-secondary\"\n (click)=\"onTogglePasswordEye()\"\n ><span [ngClass]=\"passwordeyevisible ? PasswordEyeVisibleIcon : PasswordEyeHiddenIcon\"></span>\n </a>\n </div>\n <div\n ngIf=\"!passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <div\n ngIf=\"passwordeye && isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacInputSearchComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacInputSearchCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-inputsearch","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacInputSearchComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n inputmode=\"search\"\n class=\"form-control\"\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"setValue($event.target.value)\"\n (keypress)=\"onKeyPress($event)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"\n [readonly]=\"readonly\" />\n <div class=\"input-group-append\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n id=\"{{ name }}_search\"\n (click)=\"searchClick()\">\n <i\n ngIf=\"buttonmode === 'icon' \|\| buttonmode === 'mixed'\"\n [class]=\"iconname\"\n [class.mr-2]=\"buttonmode === 'mixed'\"></i>\n <ng-container ngIf=\"buttonmode === 'text' \|\| buttonmode === 'mixed'\">{{ buttontext }}</ng-container>\n </button>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacFormLayoutDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFormLayoutCommon","line":6,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[sacFormLayout]"}]}],"members":{}},"SacToControlHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToControlWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toControlWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}],"calcControlSize":[{"__symbolic":"method"}]}},"SacToLabelHeightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelHeight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacToLabelWidthCssPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"toLabelWidthCss"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"SacDropdownComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownCommon","line":27,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropdown","providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropdownComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <select\n #dropdownitem\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n class=\"form-control\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (change)=\"setValue(dropdownitem.value)\"\n [disabled]=\"isdisabled\">\n <option\n ngIf=\"emptylabel !== ''\"\n [ngValue]=\"emptyvalue\"\n >{{ emptylabel }}</option\n >\n\n <ng-content></ng-content>\n\n <ng-container ngIf=\"groupitems === ''\">\n <option\n ngFor=\"let item of options\"\n [ngValue]=\"optionvalue ? item[optionvalue] : item\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n <ng-template ngTemplateOutlet=\"optionlabeltemplate \|\| defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </ng-template>\n </option>\n </ng-container>\n\n <ng-container ngIf=\"groupitems !== ''\">\n <optgroup\n ngFor=\"let group of options\"\n [attr.label]=\"group[grouplabel]\">\n <option\n ngFor=\"let item of group[groupitems]\"\n [ngValue]=\"optionvalue ? item[optionvalue] : item\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n <ng-template ngTemplateOutlet=\"optionlabeltemplate \|\| defaultItemLabelTemplate; context: { label: item[optionlabel], item: item }\"> </ng-template>\n </option>\n </optgroup>\n </ng-container>\n </select>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n\n<ng-template\n #defaultItemLabelTemplate\n let-label=\"label\"\n >{{ label }}</ng-template\n>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":38,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":20}]}]}},"SacDropdownOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropdownOptionCommon","line":8,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[sacOption],option"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":62}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":74},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":50},{"__symbolic":"reference","name":"any"}]}]}},"SacListboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxCommon","line":27,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-listbox","providers":[{"provide":{"__symbolic":"reference","name":"ɵc"},"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":21,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacListboxComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <select\n multiple\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n class=\"form-control\"\n [size]=\"rowsize\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n (blur)=\"onTouch()\"\n (change)=\"getSelectedItems($event.target)\"\n [disabled]=\"isdisabled\">\n <ng-content></ng-content>\n <ng-container ngIf=\"groupitems === ''\">\n <option\n ngFor=\"let option of options\"\n [value]=\"option[optionvalue]\"\n [disabled]=\"optionenabled !== '' && option[optionenabled] === false\"\n >{{ option[optionlabel] }}</option\n >\n </ng-container>\n <ng-container ngIf=\"groupitems !== ''\">\n <optgroup\n ngFor=\"let option of options\"\n [attr.label]=\"option[grouplabel]\">\n <option\n ngFor=\"let item of option[groupitems]\"\n [value]=\"item[optionvalue]\"\n [disabled]=\"optionenabled !== '' && item[optionenabled] === false\">\n {{ item[optionlabel] }}\n </option>\n </optgroup>\n </ng-container>\n </select>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":35,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":82}]}]}},"SacListboxOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacListboxOptionCommon","line":5,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"option,[sacOption]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":62}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":74},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":50},{"__symbolic":"reference","name":"any"}]}]}},"SacMultilanguageInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputCommon","line":28,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinput","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <input\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"LanguageValue\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n (input)=\"SetLanguageValue($event.target.value)\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\" />\n <div\n placement=\"bottom-right\"\n class=\"input-group-append\"\n sac-multilanguagemenu\n [buttontemplate]=\"menuButton\"\n #contextmenu>\n <ng-template #menuButton>\n <button\n sacMultilanguageMenuAnchor\n [id]=\"name + '_dropdownitem'\"\n type=\"button\"\n class=\"btn dropdown-toggle\"\n (click)=\"contextmenu.toggle()\"\n [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\n <img\n src=\"{{ SelectedIcon }}\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.Image\" />\n <span\n [ngClass]=\"SelectedIcon\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.CssSprite\"></span>\n </button>\n </ng-template>\n <ng-container ngFor=\"let sprache of Languages\">\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.Image\"\n text=\"{{ sprache.Text }}\"\n image=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.CssSprite\"\n text=\"{{ sprache.Text }}\"\n icon=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n </ng-container>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n<div class=\"row\">\n <div class=\"col text-right\"></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":45,"character":82}]}]}},"SacMultilanguageInputAreaComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacMultilanguageInputAreaCommon","line":28,"character":56},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-multilanguageinputarea","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":17,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacMultilanguageInputAreaComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.has-validation]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <textarea\n id=\"{{ name }}\"\n name=\"{{ name }}\"\n type=\"text\"\n class=\"form-control\"\n [value]=\"LanguageValue\"\n [attr.placeholder]=\"placeholder\"\n (blur)=\"onTouch()\"\n style=\"height: auto\"\n (input)=\"SetLanguageValue($event.target.value)\"\n [attr.rows]=\"rows\"\n [attr.maxlength]=\"maxtextlength\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [disabled]=\"isdisabled\"></textarea>\n\n <div\n placement=\"bottom-right\"\n class=\"input-group-append\"\n sac-multilanguagemenu\n [buttontemplate]=\"menuButton\"\n #contextmenu>\n <ng-template #menuButton>\n <button\n sacMultilanguageMenuAnchor\n [id]=\"name + '_dropdownitem'\"\n type=\"button\"\n class=\"btn dropdown-toggle\"\n (click)=\"contextmenu.toggle()\"\n [ngClass]=\"[IsAnyEmpty() ? 'btn-warning' : 'btn-secondary']\">\n <img\n src=\"{{ SelectedIcon }}\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.Image\" />\n <i\n [ngClass]=\"SelectedIcon\"\n class=\"align-baseline mr-1 ml-1\"\n ngIf=\"SelectedIconType === IconType.CssSprite\"></i>\n </button>\n </ng-template>\n <ng-container ngFor=\"let sprache of Languages\">\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.Image\"\n text=\"{{ sprache.Text }}\"\n image=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n <sac-multilanguagemenubutton\n ngIf=\"sprache.IconType === IconType.CssSprite\"\n text=\"{{ sprache.Text }}\"\n icon=\"{{ sprache.Icon }}\"\n [cssclass]=\"IsEmpty(sprache) ? 'text-danger border-left border-danger' : ''\"\n (clicked)=\"SelectLanguage(sprache)\"></sac-multilanguagemenubutton>\n </ng-container>\n </div>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n<div class=\"row\">\n <div class=\"col text-right\"></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":45,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":45,"character":82}]}]}},"SacStaticFormContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticFormContainerCommon","line":36,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sac-staticformcontainer","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":30,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticFormContainerComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n [class.was-validated]=\"isinlineerrorenabled && isinvalid && errormessage\">\n <ng-content></ng-content>\n <label\n for=\"{{ name }}\"\n class=\"form-label-adaptive form-label-fixed\"\n [ngClass]=\"{ required: isrequired }\"\n ngIf=\"isAdaptiveLabel && !disablelabel\">\n {{ label }}\n </label>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n class=\"invalid-feedback\"\n ngIf=\"isinlineerrorenabled && isinvalid && errormessage\">\n {{ errormessage }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":44,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":82}]}]}},"SacStaticLabelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacStaticLabelCommon","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-staticlabel","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":19,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacStaticLabelComponent"}}],"template":"<div\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div>\n <div\n [id]=\"name\"\n class=\"form-control-plaintext\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [innerHTML]=\"value\"></div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":33,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":82}]}]}},"SacTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabCommon","line":11,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sac-tab","template":"<!-- Nav tabs -->\n<div\n class=\"nav nav-tabs\"\n role=\"tablist\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <a\n ngFor=\"let item of _tabItems\"\n [id]=\"GetTabItemButtonId(item.id)\"\n role=\"tab\"\n class=\"nav-item nav-link active\"\n data-toggle=\"tab\"\n [ngClass]=\"{ 'active show': item.active, disabled: item.disabled }\"\n (click)=\"selectTab(item)\"\n [ngStyle]=\"{ cursor: item.disabled ? 'not-allowed' : 'pointer' }\"\n >{{ item.label }}</a\n >\n</div>\n\n<!-- Tab panes -->\n<div class=\"tab-content pl-3 pt-2\">\n <ng-content></ng-content>\n</div>\n"}]}],"members":{"_tabItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":17,"character":5},"arguments":[{"__symbolic":"reference","name":"SacTabItemComponent"}]}]}],"tabItems":[{"__symbolic":"method"}]}},"SacTabItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTabItemCommon","line":10,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-tabitem","template":"<div [id]=\"id\" [hidden]=\"unloadwhenhidden === false && active === false\" ngIf=\"(unloadwhenhidden === true && active === true) \|\| unloadwhenhidden === false\" class=\"tab-pane\">\n <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\n</div>\n"}]}],"members":{}},"SacTinyMceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTinyMceCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-tinymce","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTinyMceComponent"},"multi":true}],"template":"<div\n class=\"row form-group\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\"\n ><div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <editor\n [id]=\"name + '_tinymce'\"\n [init]=\"_config\"\n [initialValue]=\"value\"\n ngModel\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"setValue($event)\"\n (onSaveContent)=\"save($event.event.content)\"\n (onBlur)=\"blur()\"\n [disabled]=\"disabled\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n </editor>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n\n<sac-dialog\n ngIf=\"selectdialogvisible\"\n [allowesc]=\"false\"\n [backdrop]=\"true\"\n [(isvisible)]=\"selectdialogvisible\"\n title=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectDialogtitle) \| async }}\"\n size=\"large\"\n height=\"500px\">\n <ng-container dialogbody>\n <sac-filebrowser\n [apiurl]=\"filebrowserapiurl\"\n (file)=\"selectDialogSettings.value = $event\"\n [allowfoldercreate]=\"allowfoldercreate\"\n [allowfolderrename]=\"allowfolderrename\"\n [allowfolderdelete]=\"allowfolderdelete\"\n [allowfileupload]=\"allowfileupload\"\n [allowfilerename]=\"allowfilerename\"\n [allowfiledelete]=\"allowfiledelete\"\n [selectedfile]=\"selectDialogSettings.value\"\n [allowedtypes]=\"selectDialogSettings.allowedtypes\"></sac-filebrowser>\n </ng-container>\n <ng-container dialogfooter>\n <sac-button\n role=\"primary\"\n [name]=\"name + '_modalOk'\"\n text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectOk) \| async }}\"\n (clicked)=\"setSelectDialogResult()\"></sac-button>\n <sac-button\n [name]=\"name + '_modalClose'\"\n text=\"{{ lngResourceService.GetString(validationKeyService.TinyMceFileselectCancel) \| async }}\"\n (clicked)=\"closeSelectDialog()\"></sac-button>\n </ng-container>\n</sac-dialog>\n","styles":[".is-invalid{border:1px solid var(--red)}::ng-deep .tox.tox-tinymce-aux{z-index:900}::ng-deep .tox.tox-tinymce-aux .tox-dialog-wrap{z-index:800}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":35,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":25}}],null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":82},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":35,"character":100}]}],"overwriteDefaultSettings":[{"__symbolic":"method"}]}},"SacTooltipComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTooltipCommon","line":26,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sac-tooltip","template":"<div\n [style.display]=\"inlinemode ? 'inline' : null\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <div\n #container\n (mouseenter)=\"ShowTooltip()\"\n (mouseleave)=\"HideTooltip()\"\n [style.display]=\"inlinemode ? 'inline' : null\">\n <ng-content></ng-content>\n </div>\n <div\n #tooltip\n ngIf=\"IsTooltipVisible()\">\n <div\n [class.show]=\"IsTooltipContentVisible\"\n class=\"tooltip bs-tooltip-auto fade\"\n style=\"position: absolute\"\n [style.left.px]=\"LeftPos\"\n [style.top.px]=\"TopPos\"\n [class.top]=\"GetTooltipPosition() === TooltipPosition.top\"\n [class.left]=\"GetTooltipPosition() === TooltipPosition.left\"\n [class.right]=\"GetTooltipPosition() === TooltipPosition.right\"\n [class.bottom]=\"GetTooltipPosition() === TooltipPosition.bottom\"\n [attr.x-placement]=\"\n GetTooltipPosition() == TooltipPosition.right\n ? 'right'\n : GetTooltipPosition() == TooltipPosition.left\n ? 'left'\n : GetTooltipPosition() == TooltipPosition.top\n ? 'top'\n : GetTooltipPosition() == TooltipPosition.bottom\n ? 'bottom'\n : null\n \">\n <div\n class=\"arrow\"\n style=\"position: absolute\"\n [style.top.px]=\"GetTooltipPosition() === TooltipPosition.left \|\| GetTooltipPosition() === TooltipPosition.right ? getToolTipHeight() / 2 - 6.5 : null\"\n [style.left.px]=\"GetTooltipPosition() === TooltipPosition.bottom \|\| GetTooltipPosition() === TooltipPosition.top ? getToolTipWidth() / 2 - 6.5 : null\"></div>\n <div class=\"tooltip-inner\">{{ tooltiptext }}</div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":47}]}],"getTooltipOffset":[{"__symbolic":"method"}]}},"SacTreeviewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacTreeviewCommon","line":24,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-treeview","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":18,"character":21},"useExisting":{"__symbolic":"reference","name":"SacTreeviewComponent"},"multi":true}],"template":"<div\n class=\"row mb-3\"\n [class.g-0]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n for=\"{{ name }}\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"w-100\"\n [style.min-width]=\"helptextmode === 'tooltip' && helptext && disablelabel ? 0 : null\"\n [class.mr-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <ul\n class=\"list-group list-group-flush\"\n id=\"{{ name }}\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\"\n [class.border]=\"invalid && (dirty \|\| touched)\"\n [class.border-danger]=\"invalid && (dirty \|\| touched)\">\n <ng-container ngFor=\"let node of data\">\n <ng-template\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{ node: node, deep: 0, path: '', textpath: '' }\">\n </ng-template>\n </ng-container>\n </ul>\n\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n </div>\n</div>\n<ng-template\n #treeItem\n let-node=\"node\"\n let-deep=\"deep\"\n let-path=\"path\"\n let-textpath=\"textpath\">\n <li\n class=\"list-group-item list-group-item-action py-1 px-2 d-flex align-items-center\"\n [class.active]=\"isSelectedState(node)\"\n (mouseenter)=\"setHoverState(node, true)\"\n (mouseleave)=\"setHoverState(node, false)\"\n style=\"cursor: pointer\"\n attr.data-path=\"{{ path }}/{{ getStringField(node, attrid) }}\"\n attr.data-textpath=\"{{ textpath }}/{{ getStringField(node, attrlabel) }}\">\n <div\n class=\"mx-3\"\n ngFor=\"let i of count(deep)\">\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n ngIf=\"expandedstate === 'true' \|\| expandedstate === true\"\n class=\"mr-2\"\n [ngClass]=\"!hasChildren(node) ? iconFolderEmpty : !isExpandedState(node) ? iconFolderCollabsed : isExpandedState(node) ? iconFolderOpen : ''\">\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n ngIf=\"attricon && getStringField(node, attricon)\">\n <ng-template\n [ngTemplateOutlet]=\"templateicon \|\| defaultTemplateIcon\"\n [ngTemplateOutletContext]=\"{ node: node }\">\n </ng-template>\n </div>\n\n <div\n (click)=\"onNodeClicked(node)\"\n class=\"flex-grow-1 py-1\"\n [style.overflow]=\"enableellipsis ? 'hidden' : null\"\n [style.text-overflow]=\"enableellipsis ? 'ellipsis' : null\"\n [style.white-space]=\"enableellipsis ? 'nowrap' : null\">\n <ng-template\n [ngTemplateOutlet]=\"templatelabel \|\| defaultTemplateLabel\"\n [ngTemplateOutletContext]=\"{ node: node, label: getStringField(node, attrlabel) }\">\n </ng-template>\n </div>\n\n <div\n (click)=\"setSelectedState(node)\"\n class=\"flex-shrink-0\"\n ngIf=\"!isDisabledState(node) && (showactionalways \|\| isSelectedState(node) \|\| isHoverState(node))\">\n <ng-template\n [ngTemplateOutlet]=\"templateaction \|\| defaultTemplateAction\"\n [ngTemplateOutletContext]=\"{ node: node, actionhandler: onActionClicked.bind(this) }\">\n </ng-template>\n </div>\n </li>\n\n <ng-container ngIf=\"isExpandedState(node)\">\n <ng-template\n ngFor=\"let child of getChildren(node)\"\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{\n node: child,\n deep: deep + 1,\n path: path + '/' + getStringField(node, attrid),\n textpath: textpath + '/' + getStringField(node, attrlabel)\n }\">\n </ng-template>\n </ng-container>\n</ng-template>\n<ng-template\n #defaultTemplateLabel\n let-label=\"label\"\n let-node=\"node\">\n <span [title]=\"label\">{{ label }}</span>\n</ng-template>\n\n<ng-template\n #defaultTemplateIcon\n let-node=\"node\">\n <div\n class=\"mr-2\"\n [ngClass]=\"getStringField(node, attricon)\">\n </div>\n</ng-template>\n\n<ng-template\n #defaultTemplateAction\n let-node=\"node\"\n let-actionhandler=\"actionhandler\">\n <a\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"actionhandler({ action: 'default', node: node })\">\n <i [class]=\"iconAction\"></i>\n </a>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":32,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":32,"character":82}]}]}},"SacDropzoneMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneMultipleCommon","line":26,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonemultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"dropzone d-flex justify-content-center position-relative\"\n (drop)=\"dropHandler($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class.active]=\"active\"\n [style.min-height]=\"uploadheight\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length === 0\">\n <div class=\"align-self-center text-center\">\n <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length > 0\">\n <div class=\"align-self-center progress-container\">\n <div\n class=\"dropzone-uploadstates\"\n [class.mt-1]=\"i > 0\"\n ngFor=\"let file of uploads; let i = index\">\n <div\n class=\"input-group upload-component upload-component-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div class=\"form-control upload-progress border-secondary\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <a\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <input\n #files\n multiple\n id=\"{{ name }}_uploadinput\"\n type=\"file\"\n class=\"custom-file-input\"\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n [disabled]=\"HasQueueItem()\" />\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacDropzoneSingleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacDropzoneSingleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-dropzonesingle","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacDropzoneSingleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\"\n ><span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\"></span> </sac-tooltip\n ></label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"dropzone d-flex justify-content-center position-relative\"\n (drop)=\"dropHandler($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [style.min-height]=\"uploadheight\"\n [class.active]=\"active\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length === 0\">\n <div class=\"align-self-center text-center\">\n <div [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n <div\n class=\"content d-flex justify-content-center\"\n ngIf=\"uploads.length > 0\">\n <div class=\"align-self-center progress-container\">\n <div\n class=\"dropzone-uploadstates\"\n ngFor=\"let file of uploads\">\n <div\n class=\"input-group upload-component upload-component-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div class=\"form-control upload-progress border-secondary\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <a\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <input\n #files\n id=\"{{ name }}_uploadinput\"\n type=\"file\"\n class=\"custom-file-input\"\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n [disabled]=\"HasQueueItem()\" />\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".dropzone{background:transparent;border:.125rem dashed #d3d3d3;border-radius:.5rem;min-height:9.75rem}.dropzone.is-invalid{border-color:var(--red)}.dropzone .content{bottom:0;left:0;position:absolute;right:0;top:0}.dropzone .content .is-invalid{color:var(--red)}.dropzone .content .progress-container{min-width:50%;z-index:100}.dropzone .content .dropzone-uploadstates .upload-progress{padding:0}.dropzone .content .dropzone-uploadstates .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0;height:100%}.dropzone .content .dropzone-uploadstates .upload-progress .progress .progress-text{left:0;position:absolute;right:0}.dropzone .custom-file-input{height:unset;min-height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SacUploadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadSingleCommon","line":26,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-upload","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\"\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div [class.flex-grow-1]=\"helptextmode === 'tooltip' && helptext && disablelabel\">\n <div\n class=\"input-group upload-component upload-single\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div class=\"input-group-prepend\">\n <!-- image-preview-input -->\n <div\n class=\"btn upload-input custom-file\"\n [class.disabled]=\"HasQueueItem()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <i\n class=\"pr-2\"\n [ngClass]=\"IconBrowse\"></i>\n <span class=\"upload-browse\">{{ buttonbrowse ? buttonbrowse : (lngResourceService.GetString(validationKeyService.UploadButtonBrowse) \| async) }}</span>\n <input\n type=\"file\"\n id=\"{{ name }}_uploadinput\"\n class=\"custom-file-input\"\n #files\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n multiple\n [disabled]=\"HasQueueItem()\" />\n </div>\n </div>\n <div\n class=\"form-control upload-progress\"\n [ngClass]=\"[componentHeight \| toControlHeight]\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"Progress() === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"Progress()\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"Progress()\">\n <span class=\"progress-text text-dark\">{{ Filename() \| async }}</span>\n </div>\n </div>\n </div>\n <!-- <input type=\"textimage-preview-filename\" class=\"form-control image-preview-filename\" disabled=\"disabled\"> --><!-- don't give a name === doesn't send on POST/GET -->\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancelAll()\"\n [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && IsPaused() === false)\"\n class=\"btn\"\n (click)=\"pauseAll()\"\n [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && IsPaused()\"\n class=\"btn\"\n (click)=\"uploadAll()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"uploadAll()\"\n [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n</div>\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}]}},"SacUploadMultipleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacUploadMultipleCommon","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"sac-uploadmultiple","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacUploadMultipleComponent"}}],"template":"<div\n id=\"{{ name }}\"\n class=\"row form-group\"\n [class.no-gutters]=\"disablelabel\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <label\n ngIf=\"disablelabel === false && !isAdaptiveLabel\"\n id=\"{{ name }}_label\"\n for=\"{{ name }}_uploadinput\"\n class=\"col-12 col-form-label d-flex\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toLabelWidthCss) : 'sr-only', componentHeight \| toLabelHeight]\"\n [class.required]=\"isrequired\">\n <div\n class=\"text flex-grow-0\"\n [class.flex-sm-grow-1]=\"splitlabelandhelptext\">\n {{ label }}\n </div>\n <sac-tooltip\n ngIf=\"helptextmode === 'tooltip' && helptext\"\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </label>\n <div\n class=\"col-12\"\n [ngClass]=\"[disablelabel === false ? (this.labelSizes \| toControlWidthCss) : '']\">\n <div class=\"upload-component\">\n <div class=\"row\">\n <div class=\"col-12\">\n <div\n [class.d-flex]=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n [class.is-invalid]=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\">\n <div\n class=\"btn-group\"\n [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div\n class=\"btn upload-input custom-file\"\n [class.disabled]=\"maxfiles > 0 && uploads.length >= maxfiles\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <i\n [ngClass]=\"IconBrowse\"\n class=\"pr-2\"></i>\n <span class=\"upload-browse\">{{\n buttonbrowse ? buttonbrowse : (lngResourceService.GetString(validationKeyService.UploadButtonBrowse) \| async)\n }}</span>\n <input\n type=\"file\"\n id=\"{{ name }}_uploadinput\"\n class=\"custom-file-input\"\n #files\n (click)=\"files.value = ''\"\n (uploadxState)=\"onUpload($event)\"\n multiple\n [disabled]=\"maxfiles > 0 && uploads.length >= maxfiles\" />\n </div>\n\n <div\n class=\"btn-group\"\n [class.btn-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.btn-group-lg]=\"componentHeight === ControlHeight.Large\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancelAll()\"\n [attr.disabled]=\"HasQueueItem() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && IsPaused() === false)\"\n class=\"btn\"\n (click)=\"pauseAll()\"\n [attr.disabled]=\"IsUploading() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && IsPaused() === true\"\n class=\"btn\"\n (click)=\"uploadAll()\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [ngClass]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"uploadAll()\"\n [attr.disabled]=\"IsStateToUpload() === false ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n <div\n ngIf=\"helptextmode === 'tooltip' && helptext && disablelabel\"\n class=\"form-control-plaintext align-self-top ml-2 mr-1 w-auto\"\n [ngClass]=\"[componentHeight \| toControlHeight]\">\n <sac-tooltip\n [tooltiptext]=\"helptext\"\n [inlinemode]=\"true\">\n <span\n [ngClass]=\"HelptextTooltipIcon\"\n class=\"ml-1\">\n </span>\n </sac-tooltip>\n </div>\n </div>\n <div\n ngIf=\"isinlineerrorenabled && invalid && (dirty \|\| touched)\"\n class=\"invalid-feedback\">\n {{ GetErrorMessage() \| async }}\n </div>\n </div>\n </div>\n\n <div\n ngFor=\"let file of uploads\"\n style=\"margin-top: 5px\">\n <div\n class=\"input-group upload-component upload-multiple\"\n [class.input-group-sm]=\"componentHeight === ControlHeight.Small\"\n [class.input-group-lg]=\"componentHeight === ControlHeight.Large\">\n <div\n class=\"form-control upload-progress\"\n [class.is-invalid]=\"invalid && (dirty \|\| touched)\">\n <div class=\"progress\">\n <div\n class=\"progress-bar\"\n [class.progress-bar-success]=\"file.progress === 100\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"file.progress\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [style.width.%]=\"file.progress\">\n <span class=\"progress-text text-dark\">{{ file.name }}</span>\n </div>\n </div>\n </div>\n <div class=\"input-group-append\">\n <!-- image-preview-clear button -->\n <button\n class=\"btn\"\n (click)=\"cancel(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconDelete\"></span>\n </button>\n <button\n ngIf=\"(autoupload === false && enablepause) \|\| (autoupload && enablepause && file.status !== 'paused')\"\n class=\"btn\"\n (click)=\"pause(file.uploadId)\"\n [attr.disabled]=\"file.status !== 'uploading' ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconPause\"></span>\n </button>\n <button\n ngIf=\"autoupload && enablepause && file.status === 'paused'\"\n class=\"btn\"\n (click)=\"upload(file.uploadId)\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span [class]=\"IconContinue\"></span>\n </button>\n <button\n ngIf=\"autoupload === false\"\n class=\"btn text-nowrap\"\n (click)=\"upload(file.uploadId)\"\n [attr.disabled]=\"file.status !== 'added' && file.status !== 'paused' ? 'disabled' : null\"\n [class.btn-secondary]=\"!(invalid && (dirty \|\| touched))\"\n [class.btn-danger]=\"invalid && (dirty \|\| touched)\">\n <span\n [ngClass]=\"IconUpload\"\n class=\"pr-2\"></span\n >{{ buttonupload ? buttonupload : (lngResourceService.GetString(validationKeyService.UploadButtonUpload) \| async) }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <small\n ngIf=\"helptextmode === 'text' && helptext\"\n class=\"form-text text-muted\">\n {{ helptext }}\n </small>\n </div>\n</div>\n","styles":[".upload-component .custom-file{height:100%}.upload-component .custom-file .custom-file-input{bottom:0;left:0;position:absolute;right:0;top:0}.upload-component.upload-multiple .upload-progress .progress{border-bottom-right-radius:0;border-top-right-radius:0}.upload-component.upload-single .upload-progress .progress{border-radius:0}.upload-component .upload-progress{border:0;padding:0}.upload-component .upload-progress .progress{height:100%}.upload-component .upload-progress .progress .progress-text{left:0;position:absolute;right:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":17}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"SacFormLayoutDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":38,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":16}]}]}},"SacValidationSummaryComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacValidationSummaryCommon","line":20,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sac-validationsummary","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacValidationSummaryComponent"}}],"template":"<div\n class=\"alert alert-danger\"\n role=\"alert\"\n ngIf=\"hasErrors\"\n [attr.data-e2e-key]=\"name \| testingattribute : e2eidentifier\">\n <ul class=\"mb-0\">\n <li ngFor=\"let error of formErrors\">{{ error \| async }}</li>\n </ul>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":28,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"SacFormDirective"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":76}]}]}},"SacWizardComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardCommon","line":19,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sac-wizard","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"SacWizardComponent"}}],"template":"<ul class=\"nav nav-wizard\" role=\"tablist\">\n <li ngFor=\"let item of _wizardItems\" class=\"nav-item\" [ngClass]=\"{ 'active': item._active, 'disabled': item._disabled, 'success': item._iscomplete }\"\n [ngStyle]=\"{'cursor': item._disabled ? 'not-allowed' : 'pointer'}\">\n <a role=\"tab\" (click)=\"selectStep(item)\">\n <div class=\"circle\">\n <span class=\"step\"></span>\n </div>\n </a>\n <div class=\"info\">\n <a (click)=\"selectStep(item)\">{{item._label}}</a>\n </div>\n </li>\n</ul>\n"}]}],"members":{"_wizardItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"SacWizardItemComponent"}]}]}],"wizardItems":[{"__symbolic":"method"}]}},"SacWizardItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacWizardItemCommon","line":10,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-wizarditem","template":""}]}],"members":{}},"SacBrowserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacFileBrowserCommon","line":19,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sac-filebrowser","providers":[{"__symbolic":"reference","name":"ServiceConfirm"}],"template":"<div class=\"row\">\n <div class=\"col-12 col-md-5 col-lg-4\">\n <ul class=\"list-group list-group-flush\">\n <ng-template\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{node: rootNode, deep: 0}\"\n ></ng-template>\n </ul>\n\n <ng-template #treeItem let-node=\"node\" let-deep=\"deep\">\n <li\n class=\"list-group-item py-1 px-2 d-flex align-items-center\"\n [class.list-group-item-secondary]=\"node === selectedNode\"\n (click)=\"selectNode(node)\"\n style=\"cursor: pointer\"\n >\n <div class=\"mx-3\" ngFor=\"let i of count(deep)\"></div>\n <div\n (click)=\"switchExpandNode(node);$event.stopPropagation();\"\n class=\"mr-2\"\n [ngClass]=\"node.ChildNodes.length === 0 ? iconFolderEmpty: (!node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderCollabsed : (node.IsExpanded && node.ChildNodes.length > 0 ? iconFolderOpen : ''))\"\n ></div>\n <ng-container ngIf=\"!node.IsEditMode\">\n <div class=\"flex-grow-1\">{{ node.Name }}</div>\n </ng-container>\n <ng-container ngIf=\"node.IsEditMode\">\n <div class=\"flex-grow-1\" ngForm>\n <input\n name=\"editFolder\"\n class=\"form-control form-control-sm\"\n [ngModel]=\"node.Name\"\n [ngModelOptions]=\"{updateOn: 'blur'}\"\n (ngModelChange)=\"renameNode(node, $event)\"\n (keydown.enter)=\"$event.target.blur();false;\"\n (blur)=\"renameNode(node, null)\"\n (click)=\"$event.stopPropagation()\"\n />\n </div>\n </ng-container>\n <div class=\"flex-shrink-0\">\n <a\n ngIf=\"node.Path !== '/' && allowfolderrename\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"editNode(node);$event.stopPropagation();\"\n >\n <i [class]=\"iconEdit\"></i>\n </a>\n <sac-contextmenu cssclass=\"d-inline-block\">\n <sac-contextmenubutton\n ngIf=\"allowfoldercreate\"\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonNewFolder) \| async }}\"\n [icon]=\"iconFolderNew\"\n (clicked)=\"newNode(node)\"\n ></sac-contextmenubutton>\n <sac-contextmenubutton\n ngIf=\"node.Path !== '/' && allowfolderdelete\"\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonDelete) \| async }}\"\n [icon]=\"iconDelete\"\n (clicked)=\"deleteNode(node)\"\n ></sac-contextmenubutton>\n <sac-contextmenusplitter\n ngIf=\"allowfoldercreate \|\| (node.Path !== '/' && allowfolderdelete)\"\n ></sac-contextmenusplitter>\n <sac-contextmenubutton\n text=\"{{ lngResourceService.GetString(validationKeyService.FilebrowserButtonRefresh) \| async }}\"\n [icon]=\"iconRefresh\"\n (clicked)=\"refreshNode(node)\"\n ></sac-contextmenubutton>\n </sac-contextmenu>\n </div>\n </li>\n\n <ng-container ngIf=\"node.IsExpanded\">\n <ng-template\n ngFor=\"let child of node.ChildNodes\"\n [ngTemplateOutlet]=\"treeItem\"\n [ngTemplateOutletContext]=\"{node: child, deep: deep + 1}\"\n ></ng-template>\n </ng-container>\n </ng-template>\n </div>\n <div class=\"col-12 col-md-7 col-lg-8\">\n <ng-container ngIf=\"selectedNode && selectedNode.Files\">\n <div ngIf=\"allowfileupload\" ngForm>\n <sac-dropzonemultiple\n [disablelabel]=\"true\"\n [endpoint]=\"apiurl + '/uploadregister'\"\n name=\"upload\"\n uploadheight=\"5rem\"\n [ngModel]=\"uploads\"\n (ngModelChange)=\"uploadComplete(selectedNode,$event)\"\n [allowedtypes]=\"allowedtypes\"\n >{{\n lngResourceService.GetString(validationKeyService.FilebrowserButtonUpload)\n \| async }}</sac-dropzonemultiple\n >\n </div>\n <div class=\"table-responsive\">\n <table class=\"table table-striped table-hover align-middle\">\n <thead>\n <th>\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridFilename)\n \| async }}\n </th>\n <th>\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridSize)\n \| async }}\n </th>\n <th style=\"width: 80px\"></th>\n </thead>\n <tbody>\n <ng-container ngIf=\"selectedNode.Files.length === 0\">\n <tr>\n <td colspan=\"3\">\n {{\n lngResourceService.GetString(validationKeyService.FilebrowserGridNoFiles)\n \| async }}\n </td>\n </tr>\n </ng-container>\n <ng-container ngIf=\"selectedNode.Files.length > 0\">\n <tr\n ngFor=\"let item of selectedNode.Files\"\n (click)=\"selectFile(item)\"\n [class.table-primary]=\"selectedFileItem === item\"\n >\n <td [class.p-2]=\"item.IsEditMode\">\n <ng-container ngIf=\"!item.IsEditMode\">\n {{ item.Filename }}\n </ng-container>\n <ng-container ngIf=\"item.IsEditMode\">\n <div>\n <input\n name=\"editFolder\"\n class=\"form-control form-control-sm\"\n [ngModel]=\"item.Filename\"\n [ngModelOptions]=\"{updateOn: 'blur'}\"\n (ngModelChange)=\"renameFile(item, $event)\"\n (keydown.enter)=\"$event.target.blur();false\"\n (blur)=\"renameFile(item, null)\"\n (click)=\"$event.stopPropagation();\"\n />\n </div>\n </ng-container>\n </td>\n <td>{{ item.Size}}</td>\n <td class=\"p-2\">\n <div class=\"btn-toolbar\" role=\"toolbar\">\n <div class=\"btn-group ml-auto\" role=\"group\">\n <a\n ngIf=\"allowfilerename\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"editFile(item);$event.stopPropagation();\"\n ><i [class]=\"iconEdit\"></i\n ></a>\n </div>\n <div class=\"btn-group\" role=\"group\">\n <a\n ngIf=\"allowfiledelete\"\n class=\"btn btn-sm btn-link text-secondary\"\n (click)=\"deleteFile(item);$event.stopPropagation();\"\n ><i [class]=\"iconDelete\"></i\n ></a>\n </div>\n </div>\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n </div>\n </ng-container>\n </div>\n</div>\n"}]}],"members":{"uploadComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"SacDropzoneMultipleComponent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":14},{"__symbolic":"reference","name":"ServiceConfirm"}]}],"confirmDeleteFile":[{"__symbolic":"method"}],"confirmDeleteNode":[{"__symbolic":"method"}],"count":[{"__symbolic":"method"}],"uploadedFileMoved":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacContextMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵa"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":39,"context":{"typeName":"HTMLElement"},"module":"./controls/contextmenu/contextmenucontainer"}]}]}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":34},"arguments":["SacDropdownToken"]},"ɵc":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":33},"arguments":["SacListboxToken"]},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":17,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"[sac-multilanguagemenu]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuCommon","line":12,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵd"}}],"template":"<ng-container\n [ngTemplateOutlet]=\"buttontemplate \|\| defaultButtonTemplate\"\n></ng-container>\n\n<div\n class=\"dropdown-menu dropdown-menu-right\"\n sacMultilanguageMenuContainer\n [class.show]=\"isopen\"\n>\n <ng-content></ng-content>\n</div>\n\n<ng-template #defaultButtonTemplate>\n <button\n sacMultilanguageMenuAnchor\n class=\"btn btn-secondary dropdown-toggle\"\n type=\"button\"\n (click)=\"toggle()\"\n ></button>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":29,"character":16}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":30,"character":16},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":31,"character":31,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenu"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":18}]}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":15,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuAnchor]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuAnchorCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵe"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenuanchor"}]}]}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":15,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[sacMultilanguageMenuContainer]","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextMenuContrainerCommon","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵf"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":37,"context":{"typeName":"HTMLElement"},"module":"./controls/multilanguage/multilanguagemenucontainer"}]}]}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemButtonCommon","line":16,"character":61},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sac-multilanguagemenubutton","providers":[{"provide":{"__symbolic":"reference","module":"@simpleangularcontrols/sac-common","name":"SacContextmenuItemCommon","line":11,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵg"}}],"template":"<button\n type=\"button\"\n class=\"dropdown-item\"\n (click)=\"callaction($event)\"\n [class.disabled]=\"isdisabled\"\n [ngClass]=\"cssclass\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n>\n <div class=\"d-flex\">\n <div ngIf=\"!isicondisabled\" style=\"min-width: 1.5rem\">\n <img ngIf=\"image\" [src]=\"image\" class=\"align-baseline\" />\n <i ngIf=\"icon\" [class]=\"iconstyle + ' ' + icon\"></i>\n </div>\n <div class=\"flex-grow-1\">{{ text }}</div>\n </div>\n</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"origins":{"SACBootstrap4BrowserModule":"./components/browser/browser.module","SACBootstrap4ButtonModule":"./controls/buttons/button.module","SACBootstrap4CheckboxModule":"./controls/checkbox/checkbox.module","SACBootstrap4ConfirmModule":"./controls/confirm/confirm.module","ServiceConfirm":"./controls/confirm/confirm.service","SACBootstrap4ContextmenuModule":"./controls/contextmenu/contextmenu.module","SACBootstrap4DateTimeModule":"./controls/datetime/datetime.module","SACBootstrap4DialogModule":"./controls/dialog/dialog.module","SACBootstrap4FormModule":"./controls/form/form.module","SACBootstrap4GridModule":"./controls/grid/grid.module","SACBootstrap4InputModule":"./controls/input/input.module","SACBootstrap4LayoutModule":"./controls/layout/layout.module","SACBootstrap4DropdownModule":"./controls/list/dropdown.module","SACBootstrap4ListModule":"./controls/list/list.module","SACBootstrap4MultilanguageModule":"./controls/multilanguage/multilanguage.module","SACBootstrap4StaticLabelModule":"./controls/static/staticlabel.module","SACBootstrap4TabsModule":"./controls/tabs/tabs.module","SACBootstrap4TinyMceModule":"./controls/tinymce/tinymce.module","SACBootstrap4TooltipModule":"./controls/tooltip/tooltip.module","SACBootstrap4TreeviewModule":"./controls/treeview/treeview.module","SACBootstrap4UploadModule":"./controls/upload/upload.module","SACBootstrap4ValidationSummaryModule":"./controls/validation/validationsummary.module","SACBootstrap4WizardModule":"./controls/wizard/wizard.module","SacButtonComponent":"./controls/buttons/button","SacCheckboxComponent":"./controls/checkbox/checkbox","SacRadiobuttonComponent":"./controls/checkbox/radiobutton","SacRadiobuttonsComponent":"./controls/checkbox/radiobuttons","SacConfirmComponent":"./controls/confirm/confirm","SacContextmenuComponent":"./controls/contextmenu/contextmenu","SacContextmenuAnchorDirective":"./controls/contextmenu/contextmenuanchor","SacContextmenuItemButtonComponent":"./controls/contextmenu/contextmenuitembutton","SacContextmenuItemSplitterComponent":"./controls/contextmenu/contextmenuitemsplitter","SacDateComponent":"./controls/datetime/date","SacDateSelectorComponent":"./controls/datetime/dateselector","SacDateTimeComponent":"./controls/datetime/datetime","SacTimeComponent":"./controls/datetime/time","SacDialogComponent":"./controls/dialog/dialog","SacFormDirective":"./controls/form/form","NGFORM_FACTORY":"./controls/form/inheritform.directive","SACFORM_FACTORY":"./controls/form/inheritform.directive","SacInheritFormDirective":"./controls/form/inheritform.directive","SacGridComponent":"./controls/grid/grid","SacGridButtonComponent":"./controls/grid/gridbutton","SacGridColumnComponent":"./controls/grid/gridcolumn","SacGridColumnActionComponent":"./controls/grid/gridcolumnaction","SacGridImageComponent":"./controls/grid/gridimage","SacPagingComponent":"./controls/grid/paging","SacInputComponent":"./controls/input/input","SacInputAreaComponent":"./controls/input/inputarea","SacInputCurrencyComponent":"./controls/input/inputcurrency","SacInputDecimalComponent":"./controls/input/inputdecimal","SacInputEmailComponent":"./controls/input/inputemail","SacInputIntegerComponent":"./controls/input/inputinteger","SacInputPasswordComponent":"./controls/input/inputpassword","SacInputSearchComponent":"./controls/input/inputsearch","SacFormLayoutDirective":"./controls/layout/formlayout.directive","SacToControlHeightPipe":"./controls/layout/tocontrolheight.pipe","SacToControlWidthCssPipe":"./controls/layout/tocontrolwidthcss.pipe","SacToLabelHeightPipe":"./controls/layout/tolabelheight.pipe","SacToLabelWidthCssPipe":"./controls/layout/tolabelwidthcss.pipe","SacDropdownComponent":"./controls/list/dropdown","SacDropdownOptionDirective":"./controls/list/dropdownoption.directive","SacListboxComponent":"./controls/list/listbox","SacListboxOptionDirective":"./controls/list/listboxoption.directive","SacMultilanguageInputComponent":"./controls/multilanguage/multilanguageinput","SacMultilanguageInputAreaComponent":"./controls/multilanguage/multilanguageinputarea","SacStaticFormContainerComponent":"./controls/static/formcontainer","SacStaticLabelComponent":"./controls/static/staticlabel","SacTabComponent":"./controls/tabs/tab","SacTabItemComponent":"./controls/tabs/tabitem","SacTinyMceComponent":"./controls/tinymce/tinymce","SacTooltipComponent":"./controls/tooltip/tooltip","SacTreeviewComponent":"./controls/treeview/treeview","SacDropzoneMultipleComponent":"./controls/upload/dropzonemultiple","SacDropzoneSingleComponent":"./controls/upload/dropzonesingle","SacUploadComponent":"./controls/upload/upload","SacUploadMultipleComponent":"./controls/upload/uploadmultiple","SacValidationSummaryComponent":"./controls/validation/validationsummary","SacWizardComponent":"./controls/wizard/wizard","SacWizardItemComponent":"./controls/wizard/wizarditem","SacBrowserComponent":"./components/browser/browser","ɵa":"./controls/contextmenu/contextmenucontainer","ɵb":"./controls/list/list.token","ɵc":"./controls/list/list.token","ɵd":"./controls/multilanguage/multilanguagemenu","ɵe":"./controls/multilanguage/multilanguagemenuanchor","ɵf":"./controls/multilanguage/multilanguagemenucontainer","ɵg":"./controls/multilanguage/multilanguagemenuitembutton"},"importAs":"@simpleangularcontrols/sac-bootstrap4"}