npm - mmhglobal-dynamicform - Versions diffs - 2.28.3 → 2.28.4 - Mend

mmhglobal-dynamicform 2.28.3 → 2.28.4

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 (102) hide show

package/esm2020/lib/ztext/ztext.component.mjs CHANGED Viewed

@@ -155,9 +155,9 @@ export class ZtextComponent extends InputFieldBase {
         return false;
     }
 }
-ZtextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtextComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
-ZtextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZtextComponent, selector: "app-ztext", viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztext-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Input for Mobile Screen -->\r\n  <ion-input *ngIf=\"isMobileScreen()\"\r\n             class=\"e1tag-style1\"\r\n             [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n             [formControlName]=\"data.Value\"\r\n             [id]=\"data.Value\"\r\n             [inputmode]=\"mapInputMode(data.Type)\"\r\n             [maxlength]=\"data.MaxLength\"\r\n             [minlength]=\"data.MinLength\"\r\n             [placeholder]=\"data.PlaceHolder\"\r\n             [style]=\"componentProperties.style.style1\"\r\n             [type]=\"mapInputType(data.Type)\"\r\n             clearOnEdit\r\n             (click)=\"onClick($event)\"\r\n             (ionChange)=\"onChange($event, $event.target.value)\">\r\n  </ion-input>\r\n\r\n  <!-- Kendo TextBox for Non-Mobile Screen -->\r\n  <kendo-textbox *ngIf=\"!isMobileScreen()\"\r\n                 #textbox\r\n                 class=\"input-field e1tag-style1\"\r\n                 [class.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [formControlName]=\"data.Value\"\r\n                 [id]=\"data.Value\"\r\n                 [maxlength]=\"data.MaxLength\"\r\n                 [minlength]=\"data.MinLength\"\r\n                 [placeholder]=\"data.PlaceHolder\"\r\n                 [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [style]=\"componentProperties.style.style1\"\r\n                 [type]=\"mapInputType(data.Type)\"\r\n                 (click)=\"onClick($event, $event.target.value)\"\r\n                 (input)=\"onChange($event, $event.target.value)\"> \r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"adornmentList\">\r\n      <button kendoButton\r\n              *ngIf=\"data.OnClick\"\r\n              class=\"textbox-clearbutton e1tag-style2\"\r\n              [style]=\"componentProperties.style.style2\"\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'close-circle'\"\r\n              (click)=\"readOnlyOnClear()\"></button>\r\n\r\n      <!-- For Adornments feature -->\r\n      <div *ngFor=\"let adornment of adornmentList\" class=\"e1tag-style3\" [style]=\"componentProperties.style.style3\">\r\n        <kendo-textbox-separator *ngIf=\"!adornment.HideSeperator\" class=\"textbox-separator e1tag-style4\" [style]=\"componentProperties.style.style4\"></kendo-textbox-separator>\r\n        <button kendoButton\r\n                [look]=\"adornmentLook(adornment)\"\r\n                [icon]=\"adornment.Icon\"\r\n                (click)=\"onAdornmentClick(adornment)\"\r\n                class=\"e1tag-style5\"\r\n                [style]=\"componentProperties.style.style5\"\r\n                [style.background-color]=\"getAdornmentBackgroundColor(adornment)\"></button>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"isPasswordField\">\r\n      <button kendoButton\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'eye'\"\r\n              (click)=\"togglePasswordVisibility()\"></button> \r\n    </ng-template>\r\n  </kendo-textbox>\r\n</div>\r\n", styles: [".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.divtextbox{justify-content:space-between;width:99%}.k-textbox{color:var(--z-text-color)}.textbox-separator{margin-top:0}.textbox-clearbutton{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;outline:0;cursor:pointer;opacity:.5}.textbox-clearbutton:hover{opacity:100!important}.icon-button{text-align:center;padding-top:10px}.adornments-icon-mobile{margin-bottom:0;margin-left:5px;width:28px;height:28px}\n"], components: [{ type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i3.InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator" }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i3.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtextComponent, decorators: [{
+ZtextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtextComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
+ZtextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ZtextComponent, selector: "app-ztext", viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztext-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Input for Mobile Screen -->\r\n  <ion-input *ngIf=\"isMobileScreen()\"\r\n             class=\"e1tag-style1\"\r\n             [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n             [formControlName]=\"data.Value\"\r\n             [id]=\"data.Value\"\r\n             [inputmode]=\"mapInputMode(data.Type)\"\r\n             [maxlength]=\"data.MaxLength\"\r\n             [minlength]=\"data.MinLength\"\r\n             [placeholder]=\"data.PlaceHolder\"\r\n             [style]=\"componentProperties.style.style1\"\r\n             [type]=\"mapInputType(data.Type)\"\r\n             clearOnEdit\r\n             (click)=\"onClick($event)\"\r\n             (ionChange)=\"onChange($event, $event.target.value)\">\r\n  </ion-input>\r\n\r\n  <!-- Kendo TextBox for Non-Mobile Screen -->\r\n  <kendo-textbox *ngIf=\"!isMobileScreen()\"\r\n                 #textbox\r\n                 class=\"input-field e1tag-style1\"\r\n                 [class.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [formControlName]=\"data.Value\"\r\n                 [id]=\"data.Value\"\r\n                 [maxlength]=\"data.MaxLength\"\r\n                 [minlength]=\"data.MinLength\"\r\n                 [placeholder]=\"data.PlaceHolder\"\r\n                 [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [style]=\"componentProperties.style.style1\"\r\n                 [type]=\"mapInputType(data.Type)\"\r\n                 (click)=\"onClick($event, $event.target.value)\"\r\n                 (input)=\"onChange($event, $event.target.value)\"> \r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"adornmentList\">\r\n      <button kendoButton\r\n              *ngIf=\"data.OnClick\"\r\n              class=\"textbox-clearbutton e1tag-style2\"\r\n              [style]=\"componentProperties.style.style2\"\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'close-circle'\"\r\n              (click)=\"readOnlyOnClear()\"></button>\r\n\r\n      <!-- For Adornments feature -->\r\n      <div *ngFor=\"let adornment of adornmentList\" class=\"e1tag-style3\" [style]=\"componentProperties.style.style3\">\r\n        <kendo-textbox-separator *ngIf=\"!adornment.HideSeperator\" class=\"textbox-separator e1tag-style4\" [style]=\"componentProperties.style.style4\"></kendo-textbox-separator>\r\n        <button kendoButton\r\n                [look]=\"adornmentLook(adornment)\"\r\n                [icon]=\"adornment.Icon\"\r\n                (click)=\"onAdornmentClick(adornment)\"\r\n                class=\"e1tag-style5\"\r\n                [style]=\"componentProperties.style.style5\"\r\n                [style.background-color]=\"getAdornmentBackgroundColor(adornment)\"></button>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"isPasswordField\">\r\n      <button kendoButton\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'eye'\"\r\n              (click)=\"togglePasswordVisibility()\"></button> \r\n    </ng-template>\r\n  </kendo-textbox>\r\n</div>\r\n", styles: [".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.divtextbox{justify-content:space-between;width:99%}.k-textbox{color:var(--z-text-color)}.textbox-separator{margin-top:0}.textbox-clearbutton{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;outline:0;cursor:pointer;opacity:.5}.textbox-clearbutton:hover{opacity:100!important}.icon-button{text-align:center;padding-top:10px}.adornments-icon-mobile{margin-bottom:0;margin-left:5px;width:28px;height:28px}\n"], components: [{ type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i3.InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator" }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i3.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtextComponent, decorators: [{
             type: Component,
             args: [{ selector: "app-ztext", template: "<div [formGroup]=\"form\" class=\"ztext-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Input for Mobile Screen -->\r\n  <ion-input *ngIf=\"isMobileScreen()\"\r\n             class=\"e1tag-style1\"\r\n             [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n             [formControlName]=\"data.Value\"\r\n             [id]=\"data.Value\"\r\n             [inputmode]=\"mapInputMode(data.Type)\"\r\n             [maxlength]=\"data.MaxLength\"\r\n             [minlength]=\"data.MinLength\"\r\n             [placeholder]=\"data.PlaceHolder\"\r\n             [style]=\"componentProperties.style.style1\"\r\n             [type]=\"mapInputType(data.Type)\"\r\n             clearOnEdit\r\n             (click)=\"onClick($event)\"\r\n             (ionChange)=\"onChange($event, $event.target.value)\">\r\n  </ion-input>\r\n\r\n  <!-- Kendo TextBox for Non-Mobile Screen -->\r\n  <kendo-textbox *ngIf=\"!isMobileScreen()\"\r\n                 #textbox\r\n                 class=\"input-field e1tag-style1\"\r\n                 [class.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [formControlName]=\"data.Value\"\r\n                 [id]=\"data.Value\"\r\n                 [maxlength]=\"data.MaxLength\"\r\n                 [minlength]=\"data.MinLength\"\r\n                 [placeholder]=\"data.PlaceHolder\"\r\n                 [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                 [style]=\"componentProperties.style.style1\"\r\n                 [type]=\"mapInputType(data.Type)\"\r\n                 (click)=\"onClick($event, $event.target.value)\"\r\n                 (input)=\"onChange($event, $event.target.value)\"> \r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"adornmentList\">\r\n      <button kendoButton\r\n              *ngIf=\"data.OnClick\"\r\n              class=\"textbox-clearbutton e1tag-style2\"\r\n              [style]=\"componentProperties.style.style2\"\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'close-circle'\"\r\n              (click)=\"readOnlyOnClear()\"></button>\r\n\r\n      <!-- For Adornments feature -->\r\n      <div *ngFor=\"let adornment of adornmentList\" class=\"e1tag-style3\" [style]=\"componentProperties.style.style3\">\r\n        <kendo-textbox-separator *ngIf=\"!adornment.HideSeperator\" class=\"textbox-separator e1tag-style4\" [style]=\"componentProperties.style.style4\"></kendo-textbox-separator>\r\n        <button kendoButton\r\n                [look]=\"adornmentLook(adornment)\"\r\n                [icon]=\"adornment.Icon\"\r\n                (click)=\"onAdornmentClick(adornment)\"\r\n                class=\"e1tag-style5\"\r\n                [style]=\"componentProperties.style.style5\"\r\n                [style.background-color]=\"getAdornmentBackgroundColor(adornment)\"></button>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template kendoTextBoxSuffixTemplate *ngIf=\"isPasswordField\">\r\n      <button kendoButton\r\n              [look]=\"'clear'\"\r\n              [icon]=\"'eye'\"\r\n              (click)=\"togglePasswordVisibility()\"></button> \r\n    </ng-template>\r\n  </kendo-textbox>\r\n</div>\r\n", styles: [".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.divtextbox{justify-content:space-between;width:99%}.k-textbox{color:var(--z-text-color)}.textbox-separator{margin-top:0}.textbox-clearbutton{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;outline:0;cursor:pointer;opacity:.5}.textbox-clearbutton:hover{opacity:100!important}.icon-button{text-align:center;padding-top:10px}.adornments-icon-mobile{margin-bottom:0;margin-left:5px;width:28px;height:28px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ZComponentService }]; }, propDecorators: { textbox: [{

package/esm2020/lib/ztextarea/ztextarea.component.mjs CHANGED Viewed

@@ -43,9 +43,9 @@ export class ZtextareaComponent extends InputFieldBase {
         return false;
     }
 }
-ZtextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtextareaComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
-ZtextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZtextareaComponent, selector: "app-ztextarea", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztextarea-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Textarea for Mobile Screen -->\r\n  <ion-textarea *ngIf=\"isMobileScreen()\"\r\n                class=\"e1tag-style1\"\r\n                [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                [formControlName]=\"data.Value\"\r\n                [id]=\"data.Value\"\r\n                [maxlength]=\"data.MaxLength\"\r\n                [minlength]=\"data.MinLength\"\r\n                [placeholder]=\"data.PlaceHolder\"\r\n                [rows]=\"data.textAreaRows\"\r\n                [style]=\"componentProperties.style.style1\">\r\n  </ion-textarea>\r\n\r\n  <!-- Kendo Textarea for Non-Mobile Screen -->\r\n  <kendo-textarea *ngIf=\"!isMobileScreen()\"\r\n                  #textarea\r\n                  class=\"input-field e1tag-style1\"\r\n                  [autoSize]=\"!data.textAreaRows\"\r\n                  [formControlName]=\"data.Value\"\r\n                  [id]=\"data.Value\"\r\n                  [maxlength]=\"data.MaxLength\"\r\n                  [minlength]=\"data.MinLength\"\r\n                  [placeholder]=\"data.PlaceHolder\"\r\n                  [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [class.textarea-readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [resizable]=\"data.Resizable || 'none'\"\r\n                  [rows]=\"data.textAreaRows\"\r\n                  [style.height]=\"data.Height ? data.Height : 'auto'\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  (click)=\"onItemClick($event)\"\r\n                  (valueChange)=\"onChange($event, $event)\">\r\n\r\n    <kendo-textarea-suffix *ngIf=\"data.IsShowCharacterCount\"\r\n                           class=\"character-counter-container e1tag-style2\"\r\n                           [style]=\"componentProperties.style.style2\">\r\n      <span class=\"character-counter e1tag-style3\"\r\n            [style]=\"componentProperties.style.style3\">{{charCounterDisplayStr}}</span>\r\n    </kendo-textarea-suffix>\r\n  </kendo-textarea>\r\n</div>\r\n", styles: [".gridInlineEdit{--background: transparent}.item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.character-counter-container{display:flex;justify-content:flex-end;padding:2px 5px;border-top-width:1px;border-top-style:solid;border-color:inherit;font-size:calc(var(--content-font-size) - 1px);color:var(--z-placeholder-color);background:#f0f0f0}kendo-textarea.textarea-readonly{background-color:#f2f2f2!important;color:#666!important}\n"], components: [{ type: i2.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "value", "wrap"] }, { type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", exportAs: ["kendoTextAreaSuffix"] }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtextareaComponent, decorators: [{
+ZtextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtextareaComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
+ZtextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ZtextareaComponent, selector: "app-ztextarea", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztextarea-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Textarea for Mobile Screen -->\r\n  <ion-textarea *ngIf=\"isMobileScreen()\"\r\n                class=\"e1tag-style1\"\r\n                [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                [formControlName]=\"data.Value\"\r\n                [id]=\"data.Value\"\r\n                [maxlength]=\"data.MaxLength\"\r\n                [minlength]=\"data.MinLength\"\r\n                [placeholder]=\"data.PlaceHolder\"\r\n                [rows]=\"data.textAreaRows\"\r\n                [style]=\"componentProperties.style.style1\">\r\n  </ion-textarea>\r\n\r\n  <!-- Kendo Textarea for Non-Mobile Screen -->\r\n  <kendo-textarea *ngIf=\"!isMobileScreen()\"\r\n                  #textarea\r\n                  class=\"input-field e1tag-style1\"\r\n                  [autoSize]=\"!data.textAreaRows\"\r\n                  [formControlName]=\"data.Value\"\r\n                  [id]=\"data.Value\"\r\n                  [maxlength]=\"data.MaxLength\"\r\n                  [minlength]=\"data.MinLength\"\r\n                  [placeholder]=\"data.PlaceHolder\"\r\n                  [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [class.textarea-readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [resizable]=\"data.Resizable || 'none'\"\r\n                  [rows]=\"data.textAreaRows\"\r\n                  [style.height]=\"data.Height ? data.Height : 'auto'\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  (click)=\"onItemClick($event)\"\r\n                  (valueChange)=\"onChange($event, $event)\">\r\n\r\n    <kendo-textarea-suffix *ngIf=\"data.IsShowCharacterCount\"\r\n                           class=\"character-counter-container e1tag-style2\"\r\n                           [style]=\"componentProperties.style.style2\">\r\n      <span class=\"character-counter e1tag-style3\"\r\n            [style]=\"componentProperties.style.style3\">{{charCounterDisplayStr}}</span>\r\n    </kendo-textarea-suffix>\r\n  </kendo-textarea>\r\n</div>\r\n", styles: [".gridInlineEdit{--background: transparent}.item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.character-counter-container{display:flex;justify-content:flex-end;padding:2px 5px;border-top-width:1px;border-top-style:solid;border-color:inherit;font-size:calc(var(--content-font-size) - 1px);color:var(--z-placeholder-color);background:#f0f0f0}kendo-textarea.textarea-readonly{background-color:#f2f2f2!important;color:#666!important}\n"], components: [{ type: i2.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "value", "wrap"] }, { type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { type: i3.TextAreaSuffixComponent, selector: "kendo-textarea-suffix", exportAs: ["kendoTextAreaSuffix"] }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-ztextarea', template: "<div [formGroup]=\"form\" class=\"ztextarea-container e1tag-style\" [style]=\"componentProperties.style.style\">\r\n  <!-- Ion Textarea for Mobile Screen -->\r\n  <ion-textarea *ngIf=\"isMobileScreen()\"\r\n                class=\"e1tag-style1\"\r\n                [attr.disabled]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                [formControlName]=\"data.Value\"\r\n                [id]=\"data.Value\"\r\n                [maxlength]=\"data.MaxLength\"\r\n                [minlength]=\"data.MinLength\"\r\n                [placeholder]=\"data.PlaceHolder\"\r\n                [rows]=\"data.textAreaRows\"\r\n                [style]=\"componentProperties.style.style1\">\r\n  </ion-textarea>\r\n\r\n  <!-- Kendo Textarea for Non-Mobile Screen -->\r\n  <kendo-textarea *ngIf=\"!isMobileScreen()\"\r\n                  #textarea\r\n                  class=\"input-field e1tag-style1\"\r\n                  [autoSize]=\"!data.textAreaRows\"\r\n                  [formControlName]=\"data.Value\"\r\n                  [id]=\"data.Value\"\r\n                  [maxlength]=\"data.MaxLength\"\r\n                  [minlength]=\"data.MinLength\"\r\n                  [placeholder]=\"data.PlaceHolder\"\r\n                  [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [class.textarea-readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                  [resizable]=\"data.Resizable || 'none'\"\r\n                  [rows]=\"data.textAreaRows\"\r\n                  [style.height]=\"data.Height ? data.Height : 'auto'\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  (click)=\"onItemClick($event)\"\r\n                  (valueChange)=\"onChange($event, $event)\">\r\n\r\n    <kendo-textarea-suffix *ngIf=\"data.IsShowCharacterCount\"\r\n                           class=\"character-counter-container e1tag-style2\"\r\n                           [style]=\"componentProperties.style.style2\">\r\n      <span class=\"character-counter e1tag-style3\"\r\n            [style]=\"componentProperties.style.style3\">{{charCounterDisplayStr}}</span>\r\n    </kendo-textarea-suffix>\r\n  </kendo-textarea>\r\n</div>\r\n", styles: [".gridInlineEdit{--background: transparent}.item.sc-ion-label-md-h,.item .sc-ion-label-md-h{font-weight:var(--z-label-weight);color:var(--z-label-color);text-shadow:var(--z-label-shadow)}.character-counter-container{display:flex;justify-content:flex-end;padding:2px 5px;border-top-width:1px;border-top-style:solid;border-color:inherit;font-size:calc(var(--content-font-size) - 1px);color:var(--z-placeholder-color);background:#f0f0f0}kendo-textarea.textarea-readonly{background-color:#f2f2f2!important;color:#666!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ZComponentService }]; }, propDecorators: { textarea: [{

package/esm2020/lib/ztexteditor/ztexteditor.component.mjs CHANGED Viewed

@@ -76,9 +76,9 @@ export class ZtexteditorComponent extends InputFieldBase {
         }.bind(this, reader);
     }
 }
-ZtexteditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtexteditorComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
-ZtexteditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZtexteditorComponent, selector: "app-ztexteditor", viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztexteditor-container e1tag-style\" [style]=\"componentProperties.style.style\" [ngClass]=\"data.Class\">\r\n  <kendo-editor #editor\r\n                [id]=\"data.Value\"\r\n                [formControlName]=\"data.Value\"\r\n                class=\"e1tag-style1\"\r\n                [style]=\"componentProperties.style.style1\"\r\n                [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                (valueChange)=\"onChange($event)\"\r\n                [resizable]=\"data.Resizable || false\"\r\n                [pasteCleanupSettings]=\"pasteCleanupSettings\"\r\n                [iframe]=\"componentSettings.iframe\">\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'basic' ? 'inherit' : 'none'\" class=\"e1tag-style2\"\r\n                   [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n    </kendo-toolbar>\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'full' ? 'inherit' : 'none'\" class=\"e1tag-style2\" [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n    </kendo-toolbar>\r\n  </kendo-editor>\r\n  <input style=\"display:none;\" type=\"file\" [id]=\"data.Value +'-upload-file'\" [name]=\"data.Value +'-upload-file'\" accept=\"image/*\" ngf-max-size=\"5MB\" (change)=\"uploadImage($event)\">\r\n</div>\r\n", styles: [".title{margin:20px 10px 5px;font-size:18px;font-weight:700}\n"], components: [{ type: i2.EditorComponent, selector: "kendo-editor", inputs: ["value", "disabled", "readonly", "iframe", "iframeCss", "applyToWord", "schema", "plugins", "placeholder", "preserveWhitespace", "pasteCleanupSettings", "resizable"], outputs: ["valueChange", "focus", "paste", "blur"] }, { type: i3.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: i3.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i3.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { type: i2.EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorColorPickerComponent, selector: "kendo-toolbar-colorpicker", inputs: ["value", "icon", "paletteSettings", "editorCommand", "disabled", "views", "view"] }, { type: i2.EditorInsertTableButtonComponent, selector: "kendo-editor-insert-table-button" }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.EditorUndoButtonDirective, selector: "kendo-toolbar-button[kendoEditorUndoButton]" }, { type: i2.EditorRedoButtonDirective, selector: "kendo-toolbar-button[kendoEditorRedoButton]" }, { type: i2.EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]" }, { type: i2.EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]" }, { type: i2.EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]" }, { type: i2.EditorStrikethroughButtonDirective, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]" }, { type: i2.EditorSubscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]" }, { type: i2.EditorSuperscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]" }, { type: i2.EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]" }, { type: i2.EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]" }, { type: i2.EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]" }, { type: i2.EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]" }, { type: i2.EditorForeColorDirective, selector: "[kendoEditorForeColor]" }, { type: i2.EditorBackColorDirective, selector: "[kendoEditorBackColor]" }, { type: i2.EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]" }, { type: i2.EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]" }, { type: i2.EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]" }, { type: i2.EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]" }, { type: i2.EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]" }, { type: i2.EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]" }, { type: i2.EditorAddColumnBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]" }, { type: i2.EditorAddColumnAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnAfterButton]" }, { type: i2.EditorAddRowBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowBeforeButton]" }, { type: i2.EditorAddRowAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowAfterButton]" }, { type: i2.EditorDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteColumnButton]" }, { type: i2.EditorDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]" }, { type: i2.EditorDeleteTableButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]" }, { type: i2.EditorInsertFileButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]" }, { type: i2.EditorViewSourceButtonDirective, selector: "kendo-toolbar-button[kendoEditorViewSourceButton]" }, { type: i2.EditorMergeCellsButtonDirective, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]" }, { type: i2.EditorSplitCellButtonDirective, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtexteditorComponent, decorators: [{
+ZtexteditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtexteditorComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
+ZtexteditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ZtexteditorComponent, selector: "app-ztexteditor", viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\" class=\"ztexteditor-container e1tag-style\" [style]=\"componentProperties.style.style\" [ngClass]=\"data.Class\">\r\n  <kendo-editor #editor\r\n                [id]=\"data.Value\"\r\n                [formControlName]=\"data.Value\"\r\n                class=\"e1tag-style1\"\r\n                [style]=\"componentProperties.style.style1\"\r\n                [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                (valueChange)=\"onChange($event)\"\r\n                [resizable]=\"data.Resizable || false\"\r\n                [pasteCleanupSettings]=\"pasteCleanupSettings\"\r\n                [iframe]=\"componentSettings.iframe\">\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'basic' ? 'inherit' : 'none'\" class=\"e1tag-style2\"\r\n                   [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n    </kendo-toolbar>\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'full' ? 'inherit' : 'none'\" class=\"e1tag-style2\" [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n    </kendo-toolbar>\r\n  </kendo-editor>\r\n  <input style=\"display:none;\" type=\"file\" [id]=\"data.Value +'-upload-file'\" [name]=\"data.Value +'-upload-file'\" accept=\"image/*\" ngf-max-size=\"5MB\" (change)=\"uploadImage($event)\">\r\n</div>\r\n", styles: [".title{margin:20px 10px 5px;font-size:18px;font-weight:700}\n"], components: [{ type: i2.EditorComponent, selector: "kendo-editor", inputs: ["value", "disabled", "readonly", "iframe", "applyToWord", "schema", "plugins", "placeholder", "preserveWhitespace", "pasteCleanupSettings", "resizable"], outputs: ["valueChange", "focus", "paste", "blur"] }, { type: i3.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: i3.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i3.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { type: i2.EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontSize]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: ["data"], outputs: ["valueChange"] }, { type: i2.EditorColorPickerComponent, selector: "kendo-toolbar-colorpicker", inputs: ["value", "icon", "paletteSettings", "editorCommand", "disabled", "views", "view"] }, { type: i2.EditorInsertTableButtonComponent, selector: "kendo-editor-insert-table-button" }], directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.EditorUndoButtonDirective, selector: "kendo-toolbar-button[kendoEditorUndoButton]" }, { type: i2.EditorRedoButtonDirective, selector: "kendo-toolbar-button[kendoEditorRedoButton]" }, { type: i2.EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]" }, { type: i2.EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]" }, { type: i2.EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]" }, { type: i2.EditorStrikethroughButtonDirective, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]" }, { type: i2.EditorSubscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]" }, { type: i2.EditorSuperscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]" }, { type: i2.EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]" }, { type: i2.EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]" }, { type: i2.EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]" }, { type: i2.EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]" }, { type: i2.EditorForeColorDirective, selector: "[kendoEditorForeColor]" }, { type: i2.EditorBackColorDirective, selector: "[kendoEditorBackColor]" }, { type: i2.EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]" }, { type: i2.EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]" }, { type: i2.EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]" }, { type: i2.EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]" }, { type: i2.EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]" }, { type: i2.EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]" }, { type: i2.EditorAddColumnBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]" }, { type: i2.EditorAddColumnAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddColumnAfterButton]" }, { type: i2.EditorAddRowBeforeButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowBeforeButton]" }, { type: i2.EditorAddRowAfterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAddRowAfterButton]" }, { type: i2.EditorDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteColumnButton]" }, { type: i2.EditorDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]" }, { type: i2.EditorDeleteTableButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]" }, { type: i2.EditorInsertFileButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]" }, { type: i2.EditorViewSourceButtonDirective, selector: "kendo-toolbar-button[kendoEditorViewSourceButton]" }, { type: i2.EditorMergeCellsButtonDirective, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]" }, { type: i2.EditorSplitCellButtonDirective, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtexteditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-ztexteditor', template: "<div [formGroup]=\"form\" class=\"ztexteditor-container e1tag-style\" [style]=\"componentProperties.style.style\" [ngClass]=\"data.Class\">\r\n  <kendo-editor #editor\r\n                [id]=\"data.Value\"\r\n                [formControlName]=\"data.Value\"\r\n                class=\"e1tag-style1\"\r\n                [style]=\"componentProperties.style.style1\"\r\n                [readonly]=\"(!!componentProperties.isReadOnlyField ? group[componentProperties.isReadOnlyField] : componentProperties.isReadOnly)\"\r\n                (valueChange)=\"onChange($event)\"\r\n                [resizable]=\"data.Resizable || false\"\r\n                [pasteCleanupSettings]=\"pasteCleanupSettings\"\r\n                [iframe]=\"componentSettings.iframe\">\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'basic' ? 'inherit' : 'none'\" class=\"e1tag-style2\"\r\n                   [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n    </kendo-toolbar>\r\n    <kendo-toolbar [style.display]=\"data.ToolBarStyle === 'full' ? 'inherit' : 'none'\" class=\"e1tag-style2\" [style]=\"componentProperties.style.style2\">\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>\r\n      <kendo-toolbar-colorpicker kendoEditorForeColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-colorpicker kendoEditorBackColor view=\"gradient\"></kendo-toolbar-colorpicker>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'default'\" kendoEditorInsertImageButton></kendo-toolbar-button>\r\n      <kendo-toolbar-button *ngIf=\"data.ToolBarUploadImageMethod == 'explorer'\" icon=\"k-i-image k-i-photo\" (click)=\"openFileExplorer()\"></kendo-toolbar-button>\r\n      <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>\r\n      <kendo-editor-insert-table-button></kendo-editor-insert-table-button>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n      <kendo-toolbar-buttongroup>\r\n        <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>\r\n        <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>\r\n      </kendo-toolbar-buttongroup>\r\n    </kendo-toolbar>\r\n  </kendo-editor>\r\n  <input style=\"display:none;\" type=\"file\" [id]=\"data.Value +'-upload-file'\" [name]=\"data.Value +'-upload-file'\" accept=\"image/*\" ngf-max-size=\"5MB\" (change)=\"uploadImage($event)\">\r\n</div>\r\n", styles: [".title{margin:20px 10px 5px;font-size:18px;font-weight:700}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ZComponentService }]; }, propDecorators: { editor: [{

package/esm2020/lib/ztree/ztree.component.mjs CHANGED Viewed

@@ -524,9 +524,9 @@ export class ZtreeComponent extends DataListingFieldBase {
         return false;
     }
 }
-ZtreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtreeComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
-ZtreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ZtreeComponent, selector: "app-ztree", viewQueries: [{ propertyName: "nodetemplate", first: true, predicate: ["nodetemplate"], descendants: true, static: true }, { propertyName: "zinput_textboxList", predicate: ["zinput_textbox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"width:100%\" [style]=\"componentProperties.style.style\" class=\"e1tag-style\"\r\n     *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\">\r\n  <kendo-treeview [nodes]=\"getItems()\"\r\n                  kendoTreeViewExpandable\r\n                  [kendoTreeViewSelectable]=\"selection\"\r\n                  kendoTreeViewDragAndDrop\r\n                  kendoTreeViewDragAndDropEditing\r\n                  [isExpanded]=\"isExpanded\"\r\n                  (collapse)=\"handleCollapse($event)\"\r\n                  (expand)=\"handleExpand($event)\"\r\n                  (nodeDrop)=\"handleNodeDrop($event)\"\r\n                  (nodeDragEnd)=\"handleNodeDragEnd($event)\"\r\n                  (selectionChange)=\"onSelectionChange($event)\"\r\n                  [(selectedKeys)]=\"selectedKeys\"\r\n                  kendoTreeViewHierarchyBinding\r\n                  childrenField=\"Value\"\r\n                  textField=\"Name\"\r\n                  [selectBy]=\"data.SelectOptions\"\r\n                  [filterable]=\"data.Filterable\"\r\n                  (filterChange)=\"handleFilter($event)\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  class=\"e1tag-style1\"\r\n                  [ngClass]=\"data.Class\"\r\n                  [kendoTreeViewCheckable]=\"checkableSettings\"\r\n                  [checkBy]=\"data.SelectOptions\"\r\n                  [(checkedKeys)]=\"checkedKeys\"\r\n                  (checkedChange)=\"onCheckedChange($event)\"\r\n                  [kendoTreeViewDisable]=\"data.SelectOptions\"\r\n                  [isChecked]=\"isChecked\"\r\n                  [(disabledKeys)]=\"disabledCheckBoxKeys\"\r\n                  [disableParentNodesOnly]=\"data.DisableParentNodesOnly\"\r\n                  [expandDisabledNodes]=\"data.ExpandDisabledNodes\"\r\n                  (nodeClick)=\"onNodeClick($event)\">\r\n    <ng-template kendoTreeViewNodeTemplate let-dataItem #nodetemplate>\r\n      <div class=\"tree-content-container\">\r\n        <ion-button *ngIf=\"!!data.OnAddNode && !data.isHideAllAddNode\"\r\n                    (click)=\"onAddNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 2px;\"\r\n                    mat-raised-button\r\n                    color=\"primary\"\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnAddNodeVisible\"\r\n                    [style]=\"componentProperties.style.style2\"\r\n                    class=\"e1tag-style2\">\r\n          <fa-icon [icon]=\"'plus'\"></fa-icon>\r\n        </ion-button>\r\n        <ion-button *ngIf=\"!!data.OnRemoveNode && !data.isHideAllRemoveNode\"\r\n                    (click)=\"onRemoveNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 10px;\"\r\n                    color=\"danger\"\r\n                    mat-raised-button\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnRemoveNodeVisible\"\r\n                    [style]=\"componentProperties.style.style3\"\r\n                    class=\"e1tag-style3\">\r\n          <fa-icon [icon]=\"'minus'\"></fa-icon>\r\n        </ion-button>\r\n        <span class=\"btn-seperator e1tag-style7\" [style]=\"componentProperties.style.style7\"></span>\r\n        <span *ngFor=\"let icon of dataItem.IconList\">\r\n          <fa-icon class=\"e1tag-style5 left-icon\" [icon]=\"icon\" [style]=\"componentProperties.style.style5\"></fa-icon>\r\n        </span>\r\n        <ion-label [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!dataItem.z_inputType\">\r\n          <div [style]=\"componentProperties.style.style6\" class=\"e1tag-style6\" [innerHTML]=\"getTemplate(dataItem, data, group) | htmlSanitize\"></div>\r\n        </ion-label>\r\n        <div [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!!dataItem.z_inputType\">\r\n          <kendo-textbox\r\n                  #zinput_textbox\r\n                  *ngIf=\"dataItem.z_inputType == 'text'\"\r\n                  class=\"input-field e1tag-style8\"\r\n                  [id]=\"data.Name + '_' + dataItem.z_inputType + '_' + dataItem.Id\"\r\n                  [style]=\"componentProperties.style.style8\"\r\n                  [(ngModel)]=\"dataItem.z_inputValue\">\r\n          </kendo-textbox>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </kendo-treeview>\r\n  <app-context-menu [data]=\"data\" [group]=\"group\" [form]=\"form\" #dataitemcontextmenu></app-context-menu>\r\n</div>\r\n", styles: [":host ::ng-deep .k-treeview .k-treeview-leaf{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.15);color:var(--ion-color-primary-shade);border:1px solid rgba(var(--ion-color-primary-rgb),1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf.k-selected,:host ::ng-deep .k-treeview .k-treeview-leaf.k-state-selected{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.5);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf:hover,:host ::ng-deep .k-treeview .k-treeview-leaf.k-hover .k-treeview-leaf.k-state-hover{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .tree-content-container{display:flex;align-items:center;justify-content:center}:host ::ng-deep .k-treeview .btn-seperator{width:10px;display:inline-block}.left-icon{margin-right:8px}\n"], components: [{ type: i2.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i6.ContextMenuComponent, selector: "app-context-menu", inputs: ["target", "selectedData"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { type: i2.DragAndDropDirective, selector: "[kendoTreeViewDragAndDrop]", inputs: ["allowCopy", "dropZoneTreeViews", "startDragAfter", "autoScroll"] }, { type: i2.DragAndDropEditingDirective, selector: "[kendoTreeViewDragAndDropEditing]", inputs: ["editService"] }, { type: i2.HierarchyBindingDirective, selector: "[kendoTreeViewHierarchyBinding]", inputs: ["childrenField", "nodes", "isVisible", "loadOnDemand"] }, { type: i2.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { type: i2.DisableDirective, selector: "[kendoTreeViewDisable]", inputs: ["isDisabled", "kendoTreeViewDisable", "disabledKeys"] }, { type: i2.NodeTemplateDirective, selector: "[kendoTreeViewNodeTemplate]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "htmlSanitize": i10.HtmlSanitizePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ZtreeComponent, decorators: [{
+ZtreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtreeComponent, deps: [{ token: i1.ZComponentService }], target: i0.ɵɵFactoryTarget.Component });
+ZtreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ZtreeComponent, selector: "app-ztree", viewQueries: [{ propertyName: "nodetemplate", first: true, predicate: ["nodetemplate"], descendants: true, static: true }, { propertyName: "zinput_textboxList", predicate: ["zinput_textbox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"width:100%\" [style]=\"componentProperties.style.style\" class=\"e1tag-style\"\r\n     *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\">\r\n  <kendo-treeview [nodes]=\"getItems()\"\r\n                  kendoTreeViewExpandable\r\n                  [kendoTreeViewSelectable]=\"selection\"\r\n                  kendoTreeViewDragAndDrop\r\n                  kendoTreeViewDragAndDropEditing\r\n                  [isExpanded]=\"isExpanded\"\r\n                  (collapse)=\"handleCollapse($event)\"\r\n                  (expand)=\"handleExpand($event)\"\r\n                  (nodeDrop)=\"handleNodeDrop($event)\"\r\n                  (nodeDragEnd)=\"handleNodeDragEnd($event)\"\r\n                  (selectionChange)=\"onSelectionChange($event)\"\r\n                  [(selectedKeys)]=\"selectedKeys\"\r\n                  kendoTreeViewHierarchyBinding\r\n                  childrenField=\"Value\"\r\n                  textField=\"Name\"\r\n                  [selectBy]=\"data.SelectOptions\"\r\n                  [filterable]=\"data.Filterable\"\r\n                  (filterChange)=\"handleFilter($event)\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  class=\"e1tag-style1\"\r\n                  [ngClass]=\"data.Class\"\r\n                  [kendoTreeViewCheckable]=\"checkableSettings\"\r\n                  [checkBy]=\"data.SelectOptions\"\r\n                  [(checkedKeys)]=\"checkedKeys\"\r\n                  (checkedChange)=\"onCheckedChange($event)\"\r\n                  [kendoTreeViewDisable]=\"data.SelectOptions\"\r\n                  [isChecked]=\"isChecked\"\r\n                  [(disabledKeys)]=\"disabledCheckBoxKeys\"\r\n                  [disableParentNodesOnly]=\"data.DisableParentNodesOnly\"\r\n                  [expandDisabledNodes]=\"data.ExpandDisabledNodes\"\r\n                  (nodeClick)=\"onNodeClick($event)\">\r\n    <ng-template kendoTreeViewNodeTemplate let-dataItem #nodetemplate>\r\n      <div class=\"tree-content-container\">\r\n        <ion-button *ngIf=\"!!data.OnAddNode && !data.isHideAllAddNode\"\r\n                    (click)=\"onAddNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 2px;\"\r\n                    mat-raised-button\r\n                    color=\"primary\"\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnAddNodeVisible\"\r\n                    [style]=\"componentProperties.style.style2\"\r\n                    class=\"e1tag-style2\">\r\n          <fa-icon [icon]=\"'plus'\"></fa-icon>\r\n        </ion-button>\r\n        <ion-button *ngIf=\"!!data.OnRemoveNode && !data.isHideAllRemoveNode\"\r\n                    (click)=\"onRemoveNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 10px;\"\r\n                    color=\"danger\"\r\n                    mat-raised-button\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnRemoveNodeVisible\"\r\n                    [style]=\"componentProperties.style.style3\"\r\n                    class=\"e1tag-style3\">\r\n          <fa-icon [icon]=\"'minus'\"></fa-icon>\r\n        </ion-button>\r\n        <span class=\"btn-seperator e1tag-style7\" [style]=\"componentProperties.style.style7\"></span>\r\n        <span *ngFor=\"let icon of dataItem.IconList\">\r\n          <fa-icon class=\"e1tag-style5 left-icon\" [icon]=\"icon\" [style]=\"componentProperties.style.style5\"></fa-icon>\r\n        </span>\r\n        <ion-label [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!dataItem.z_inputType\">\r\n          <div [style]=\"componentProperties.style.style6\" class=\"e1tag-style6\" [innerHTML]=\"getTemplate(dataItem, data, group) | htmlSanitize\"></div>\r\n        </ion-label>\r\n        <div [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!!dataItem.z_inputType\">\r\n          <kendo-textbox\r\n                  #zinput_textbox\r\n                  *ngIf=\"dataItem.z_inputType == 'text'\"\r\n                  class=\"input-field e1tag-style8\"\r\n                  [id]=\"data.Name + '_' + dataItem.z_inputType + '_' + dataItem.Id\"\r\n                  [style]=\"componentProperties.style.style8\"\r\n                  [(ngModel)]=\"dataItem.z_inputValue\">\r\n          </kendo-textbox>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </kendo-treeview>\r\n  <app-context-menu [data]=\"data\" [group]=\"group\" [form]=\"form\" #dataitemcontextmenu></app-context-menu>\r\n</div>\r\n", styles: [":host ::ng-deep .k-treeview .k-treeview-leaf{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.15);color:var(--ion-color-primary-shade);border:1px solid rgba(var(--ion-color-primary-rgb),1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf.k-selected,:host ::ng-deep .k-treeview .k-treeview-leaf.k-state-selected{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.5);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf:hover,:host ::ng-deep .k-treeview .k-treeview-leaf.k-hover .k-treeview-leaf.k-state-hover{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .tree-content-container{display:flex;align-items:center;justify-content:center}:host ::ng-deep .k-treeview .btn-seperator{width:10px;display:inline-block}.left-icon{margin-right:8px}\n"], components: [{ type: i2.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i6.ContextMenuComponent, selector: "app-context-menu", inputs: ["target", "selectedData"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { type: i2.DragAndDropDirective, selector: "[kendoTreeViewDragAndDrop]", inputs: ["allowCopy", "dropZoneTreeViews", "startDragAfter", "autoScroll"] }, { type: i2.DragAndDropEditingDirective, selector: "[kendoTreeViewDragAndDropEditing]", inputs: ["editService"] }, { type: i2.HierarchyBindingDirective, selector: "[kendoTreeViewHierarchyBinding]", inputs: ["childrenField", "nodes", "isVisible", "loadOnDemand"] }, { type: i2.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { type: i2.DisableDirective, selector: "[kendoTreeViewDisable]", inputs: ["isDisabled", "kendoTreeViewDisable", "disabledKeys"] }, { type: i2.NodeTemplateDirective, selector: "[kendoTreeViewNodeTemplate]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "htmlSanitize": i10.HtmlSanitizePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ZtreeComponent, decorators: [{
             type: Component,
             args: [{ selector: "app-ztree", template: "<div style=\"width:100%\" [style]=\"componentProperties.style.style\" class=\"e1tag-style\"\r\n     *ngIf=\"(!!componentProperties.isVisibleField ? group[componentProperties.isVisibleField] : componentProperties.isVisible)\">\r\n  <kendo-treeview [nodes]=\"getItems()\"\r\n                  kendoTreeViewExpandable\r\n                  [kendoTreeViewSelectable]=\"selection\"\r\n                  kendoTreeViewDragAndDrop\r\n                  kendoTreeViewDragAndDropEditing\r\n                  [isExpanded]=\"isExpanded\"\r\n                  (collapse)=\"handleCollapse($event)\"\r\n                  (expand)=\"handleExpand($event)\"\r\n                  (nodeDrop)=\"handleNodeDrop($event)\"\r\n                  (nodeDragEnd)=\"handleNodeDragEnd($event)\"\r\n                  (selectionChange)=\"onSelectionChange($event)\"\r\n                  [(selectedKeys)]=\"selectedKeys\"\r\n                  kendoTreeViewHierarchyBinding\r\n                  childrenField=\"Value\"\r\n                  textField=\"Name\"\r\n                  [selectBy]=\"data.SelectOptions\"\r\n                  [filterable]=\"data.Filterable\"\r\n                  (filterChange)=\"handleFilter($event)\"\r\n                  [style]=\"componentProperties.style.style1\"\r\n                  class=\"e1tag-style1\"\r\n                  [ngClass]=\"data.Class\"\r\n                  [kendoTreeViewCheckable]=\"checkableSettings\"\r\n                  [checkBy]=\"data.SelectOptions\"\r\n                  [(checkedKeys)]=\"checkedKeys\"\r\n                  (checkedChange)=\"onCheckedChange($event)\"\r\n                  [kendoTreeViewDisable]=\"data.SelectOptions\"\r\n                  [isChecked]=\"isChecked\"\r\n                  [(disabledKeys)]=\"disabledCheckBoxKeys\"\r\n                  [disableParentNodesOnly]=\"data.DisableParentNodesOnly\"\r\n                  [expandDisabledNodes]=\"data.ExpandDisabledNodes\"\r\n                  (nodeClick)=\"onNodeClick($event)\">\r\n    <ng-template kendoTreeViewNodeTemplate let-dataItem #nodetemplate>\r\n      <div class=\"tree-content-container\">\r\n        <ion-button *ngIf=\"!!data.OnAddNode && !data.isHideAllAddNode\"\r\n                    (click)=\"onAddNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 2px;\"\r\n                    mat-raised-button\r\n                    color=\"primary\"\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnAddNodeVisible\"\r\n                    [style]=\"componentProperties.style.style2\"\r\n                    class=\"e1tag-style2\">\r\n          <fa-icon [icon]=\"'plus'\"></fa-icon>\r\n        </ion-button>\r\n        <ion-button *ngIf=\"!!data.OnRemoveNode && !data.isHideAllRemoveNode\"\r\n                    (click)=\"onRemoveNode($event, dataItem, data, group)\"\r\n                    style=\"zoom: 0.6; margin: 0 0 0 10px;\"\r\n                    color=\"danger\"\r\n                    mat-raised-button\r\n                    size=\"medium\"\r\n                    [hidden]=\"!!dataItem.OnRemoveNodeVisible\"\r\n                    [style]=\"componentProperties.style.style3\"\r\n                    class=\"e1tag-style3\">\r\n          <fa-icon [icon]=\"'minus'\"></fa-icon>\r\n        </ion-button>\r\n        <span class=\"btn-seperator e1tag-style7\" [style]=\"componentProperties.style.style7\"></span>\r\n        <span *ngFor=\"let icon of dataItem.IconList\">\r\n          <fa-icon class=\"e1tag-style5 left-icon\" [icon]=\"icon\" [style]=\"componentProperties.style.style5\"></fa-icon>\r\n        </span>\r\n        <ion-label [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!dataItem.z_inputType\">\r\n          <div [style]=\"componentProperties.style.style6\" class=\"e1tag-style6\" [innerHTML]=\"getTemplate(dataItem, data, group) | htmlSanitize\"></div>\r\n        </ion-label>\r\n        <div [style]=\"componentProperties.style.style4\" class=\"e1tag-style4\" [ngClass]=\"dataItem.class\" *ngIf=\"!!dataItem.z_inputType\">\r\n          <kendo-textbox\r\n                  #zinput_textbox\r\n                  *ngIf=\"dataItem.z_inputType == 'text'\"\r\n                  class=\"input-field e1tag-style8\"\r\n                  [id]=\"data.Name + '_' + dataItem.z_inputType + '_' + dataItem.Id\"\r\n                  [style]=\"componentProperties.style.style8\"\r\n                  [(ngModel)]=\"dataItem.z_inputValue\">\r\n          </kendo-textbox>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </kendo-treeview>\r\n  <app-context-menu [data]=\"data\" [group]=\"group\" [form]=\"form\" #dataitemcontextmenu></app-context-menu>\r\n</div>\r\n", styles: [":host ::ng-deep .k-treeview .k-treeview-leaf{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.15);color:var(--ion-color-primary-shade);border:1px solid rgba(var(--ion-color-primary-rgb),1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf.k-selected,:host ::ng-deep .k-treeview .k-treeview-leaf.k-state-selected{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.5);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .k-treeview-leaf:hover,:host ::ng-deep .k-treeview .k-treeview-leaf.k-hover .k-treeview-leaf.k-state-hover{width:100%;margin:5px;padding:9px 20px 9px 8px;border-radius:2px;background:rgba(var(--ion-color-primary-rgb),.1);font-size:13px;cursor:pointer}:host ::ng-deep .k-treeview .tree-content-container{display:flex;align-items:center;justify-content:center}:host ::ng-deep .k-treeview .btn-seperator{width:10px;display:inline-block}.left-icon{margin-right:8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ZComponentService }]; }, propDecorators: { nodetemplate: [{