@acorex/components 3.0.48 → 3.0.53

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 (33) hide show
  1. package/acorex-components.metadata.json +1 -1
  2. package/bundles/acorex-components.umd.js +26 -12
  3. package/bundles/acorex-components.umd.js.map +1 -1
  4. package/bundles/acorex-components.umd.min.js +1 -1
  5. package/bundles/acorex-components.umd.min.js.map +1 -1
  6. package/esm2015/lib/base/element.class.js +9 -1
  7. package/esm2015/lib/calendar/calendar-box/calendar-box.component.js +3 -3
  8. package/esm2015/lib/date-picker/date-picker.component.js +3 -2
  9. package/esm2015/lib/dropdown/dropdown.component.js +3 -2
  10. package/esm2015/lib/menu/menu2.component.js +1 -1
  11. package/esm2015/lib/number-box/number-box.component.js +2 -2
  12. package/esm2015/lib/password-box/password-box.component.js +2 -2
  13. package/esm2015/lib/query-builder/query-builder-rule.component.js +5 -1
  14. package/esm2015/lib/query-builder/query-builder.service.js +4 -4
  15. package/esm2015/lib/textarea/textarea.component.js +2 -2
  16. package/esm2015/lib/textbox/textbox.component.js +2 -2
  17. package/esm5/lib/base/element.class.js +9 -1
  18. package/esm5/lib/calendar/calendar-box/calendar-box.component.js +3 -3
  19. package/esm5/lib/date-picker/date-picker.component.js +3 -2
  20. package/esm5/lib/dropdown/dropdown.component.js +3 -2
  21. package/esm5/lib/menu/menu2.component.js +1 -1
  22. package/esm5/lib/number-box/number-box.component.js +2 -2
  23. package/esm5/lib/password-box/password-box.component.js +2 -2
  24. package/esm5/lib/query-builder/query-builder-rule.component.js +5 -1
  25. package/esm5/lib/query-builder/query-builder.service.js +4 -4
  26. package/esm5/lib/textarea/textarea.component.js +2 -2
  27. package/esm5/lib/textbox/textbox.component.js +2 -2
  28. package/fesm2015/acorex-components.js +26 -12
  29. package/fesm2015/acorex-components.js.map +1 -1
  30. package/fesm5/acorex-components.js +26 -12
  31. package/fesm5/acorex-components.js.map +1 -1
  32. package/lib/base/element.class.d.ts +2 -0
  33. package/package.json +1 -1
@@ -507,6 +507,14 @@ var AXBaseTextComponent = /** @class */ (function (_super) {
507
507
  Input(),
508
508
  __metadata("design:type", String)
509
509
  ], AXBaseTextComponent.prototype, "placeholder", void 0);
510
+ __decorate([
511
+ Input(),
512
+ __metadata("design:type", String)
513
+ ], AXBaseTextComponent.prototype, "autocomplete", void 0);
514
+ __decorate([
515
+ Input(),
516
+ __metadata("design:type", String)
517
+ ], AXBaseTextComponent.prototype, "name", void 0);
510
518
  __decorate([
511
519
  Output(),
512
520
  __metadata("design:type", EventEmitter)
@@ -1187,8 +1195,8 @@ var AXCalendarBoxComponent = /** @class */ (function () {
1187
1195
  }
1188
1196
  };
1189
1197
  AXCalendarBoxComponent.prototype.getTitle = function (date) {
1190
- if (this.dayStyle.find(function (c) { return c.date == date.toISOString().split('T')[0]; })) {
1191
- return this.dayStyle.find(function (c) { return c.date == date.toISOString().split('T')[0]; }).text;
1198
+ if (this.dayStyle.find(function (c) { return c.date.split('T')[0] == date.toISOString().split('T')[0]; })) {
1199
+ return this.dayStyle.find(function (c) { return c.date.split('T')[0] == date.toISOString().split('T')[0]; }).text;
1192
1200
  }
1193
1201
  else {
1194
1202
  return '';
@@ -3242,7 +3250,7 @@ var AXMenu2Component = /** @class */ (function () {
3242
3250
  selector: 'ax-menu2',
3243
3251
  template: "\n <div class=\"ax ax-menu ax-menu-vertical\" [attr.data-level]=\"level\">\n <ax-menu-item\n *ngFor=\"let item of items\"\n [level]=\"level\"\n [item]=\"item\"\n (showSubMenu)=\"showSubmenu($event)\">\n </ax-menu-item>\n </div>\n ",
3244
3252
  encapsulation: ViewEncapsulation.None,
3245
- styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:1rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{color:var(--ax-gray-color)!important;background-color:var(--ax-gray-trans-light-color)!important;cursor:not-allowed!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled .icon{color:var(--ax-gray-dark-color)!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled:hover{background:var(--ax-light-light-color)!important;border-color:var(--ax-light-light-color)!important;color:var(--ax-gray-dark-color)!important;cursor:not-allowed!important}"]
3253
+ styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:1rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6;cursor:not-allowed!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled .icon{color:var(--ax-gray-dark-color)!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled:hover{cursor:not-allowed!important}"]
3246
3254
  }),
3247
3255
  __metadata("design:paramtypes", [Overlay,
3248
3256
  ViewContainerRef,
@@ -4513,7 +4521,7 @@ var AXTextBoxComponent = /** @class */ (function (_super) {
4513
4521
  AXTextBoxComponent = AXTextBoxComponent_1 = __decorate([
4514
4522
  Component({
4515
4523
  selector: 'ax-text-box',
4516
- template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n [class.icon]=\"icon\">\r\n <input #input class=\"ax {{size}}\" [attr.type]=\"type\" [attr.maxlength]=\"maxLength\"\r\n [textMask]=\"{mask: mask || false, showMask : showMask, keepCharPositions:maskKeepCharPositions,guide:maskGuid,placeholderChar:maskPlaceholder}\"\r\n [(ngModel)]=\"value\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\"\r\n (blur)=\"handleInputBlur($event)\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>",
4524
+ template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n [class.icon]=\"icon\">\r\n <input #input [autocomplete]=\"autocomplete\" [name]=\"name\" class=\"ax {{size}}\" [attr.type]=\"type\" [attr.maxlength]=\"maxLength\"\r\n [textMask]=\"{mask: mask || false, showMask : showMask, keepCharPositions:maskKeepCharPositions,guide:maskGuid,placeholderChar:maskPlaceholder}\"\r\n [(ngModel)]=\"value\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\"\r\n (blur)=\"handleInputBlur($event)\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>",
4517
4525
  encapsulation: ViewEncapsulation.None,
4518
4526
  changeDetection: ChangeDetectionStrategy.OnPush,
4519
4527
  host: { style: 'width: 100%' },
@@ -5315,7 +5323,8 @@ var AXDropdownComponent = /** @class */ (function (_super) {
5315
5323
  var _this = this;
5316
5324
  if (!this.overlayRef) {
5317
5325
  var targetEl = document.querySelector('#' + this.uid);
5318
- var positionStrategy = this.overlay.position()
5326
+ var positionStrategy = this.overlay
5327
+ .position()
5319
5328
  .flexibleConnectedTo(targetEl)
5320
5329
  .withPositions([
5321
5330
  {
@@ -5505,7 +5514,8 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
5505
5514
  this.value = new Date();
5506
5515
  };
5507
5516
  AXDatePickerComponent.prototype.focus = function () {
5508
- this.dropdown.focus();
5517
+ // this.dropdown.focus();
5518
+ this.input.focus();
5509
5519
  };
5510
5520
  AXDatePickerComponent.prototype.convertMaskToDate = function (text) {
5511
5521
  if (this.type == 'jalali') {
@@ -8071,7 +8081,7 @@ var AXNumberBoxComponent = /** @class */ (function (_super) {
8071
8081
  AXNumberBoxComponent = AXNumberBoxComponent_1 = __decorate([
8072
8082
  Component({
8073
8083
  selector: 'ax-number-box',
8074
- template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n [class.icon]=\"icon\">\r\n <input #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\r\n [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\r\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\r\n (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\r\n (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\r\n (click)=\"clear()\"></ax-button>\r\n <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter && !readonly\" >\r\n <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\r\n (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\r\n (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n",
8084
+ template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\" #fc>\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n <ax-button icon=\"far fa-plus\" type=\"success blank\" (click)=\"upStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax form-control input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\r\n [class.icon]=\"icon\">\r\n <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input type=\"text\" class=\"ax {{size}}\" [maxlength]=\"calcSeparator(maxLength)\" [(ngModel)]=\"textValue\" placeholder=\"{{placeholder}}\"\r\n [readonly]=\"readonly\" [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\"\r\n [class.clear]=\"value && allowClear\" (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\"\r\n (keypress)=\"handleKeyPress($event)\" (ngModelChange)=\"this.userQuestionUpdate.next($event)\"\r\n (keydown)=\"handleKeyDown($event)\" (click)=\"handleClick()\" (keyup)=\"handleKeyUp($event)\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" [disabled]=\"disabled\" icon=\"far fa-times\" type=\"danger blank\"\r\n (click)=\"clear()\"></ax-button>\r\n <ax-button icon=\"far fa-minus\" type=\"danger blank\" (click)=\"downStepHandel()\" [disabled]=\"disabled\" *ngIf=\"showDoubleCounter\"></ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n <div class=\"arrow-number\" *ngIf=\"showCounter && !showDoubleCounter && !readonly\" >\r\n <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-up\" [size]=\"size\"\r\n (mousedown)=\"upStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n <ax-button type=\"light blank\" [disabled]=\"disabled\" icon=\"fas fa-angle-down\" [size]=\"size\"\r\n (mousedown)=\"downStepHandel()\" (mouseup)=\"delaySearch()\" [tabIndex]=\"-1\"></ax-button>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n",
8075
8085
  changeDetection: ChangeDetectionStrategy.OnPush,
8076
8086
  host: { style: 'width: 100%' },
8077
8087
  providers: [{ provide: AXValidatableComponent, useExisting: AXNumberBoxComponent_1 }]
@@ -8169,7 +8179,7 @@ var AXPasswordBoxComponent = /** @class */ (function (_super) {
8169
8179
  AXPasswordBoxComponent = AXPasswordBoxComponent_1 = __decorate([
8170
8180
  Component({
8171
8181
  selector: 'ax-password-box',
8172
- template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\" [class.icon]=\"icon\">\r\n <input #input [type]=\"type\" class=\"ax {{size}}\" value=\"{{value}}\" placeholder=\"{{placeholder}}\"\r\n [readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" icon=\"fas fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\"></ax-button>\r\n <ax-button [disabled]=\"disabled\" [icon]=\"eyeIcon\" type=\"light blank\" size=\"{{size}}\" (click)=\"handleShowPassword()\" [tabIndex]=\"-1\">\r\n <!-- <i class=\"\" [ngClass]=\"{'fa-eye': type === 'password','fa-eye-slash':type === 'text'}\"></i> -->\r\n </ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n",
8182
+ template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\r\n <div class=\"ax items-wrapper\">\r\n <ng-content select=\"[start]\">\r\n </ng-content>\r\n </div>\r\n <div class=\"content\" #content>\r\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\" [class.icon]=\"icon\">\r\n <input [autocomplete]=\"autocomplete\" [name]=\"name\" #input [type]=\"type\" class=\"ax {{size}}\" value=\"{{value}}\" placeholder=\"{{placeholder}}\"\r\n [readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\">\r\n <i class=\"{{icon}}\" *ngIf=\"icon\"></i>\r\n </div>\r\n </div>\r\n <div class=\"ax items-wrapper\">\r\n <ax-button *ngIf=\"value && allowClear\" icon=\"fas fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\"></ax-button>\r\n <ax-button [disabled]=\"disabled\" [icon]=\"eyeIcon\" type=\"light blank\" size=\"{{size}}\" (click)=\"handleShowPassword()\" [tabIndex]=\"-1\">\r\n <!-- <i class=\"\" [ngClass]=\"{'fa-eye': type === 'password','fa-eye-slash':type === 'text'}\"></i> -->\r\n </ax-button>\r\n <ng-content select=\"[end]\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n",
8173
8183
  encapsulation: ViewEncapsulation.None,
8174
8184
  changeDetection: ChangeDetectionStrategy.OnPush,
8175
8185
  host: { style: 'width: 100%' },
@@ -9474,6 +9484,10 @@ var AXQueryBuilderRuleComponent = /** @class */ (function () {
9474
9484
  value: 'not-contains',
9475
9485
  text: AXTranslator.get('queryBuilder.not-contains')
9476
9486
  },
9487
+ {
9488
+ value: 'contains-all',
9489
+ text: AXTranslator.get('queryBuilder.contains-all')
9490
+ },
9477
9491
  {
9478
9492
  value: 'null',
9479
9493
  text: AXTranslator.get('queryBuilder.null')
@@ -10033,7 +10047,6 @@ var AXQueryBuilderService = /** @class */ (function () {
10033
10047
  return __generator(this, function (_d) {
10034
10048
  switch (_d.label) {
10035
10049
  case 0:
10036
- ;
10037
10050
  if (group.items.length > 0) {
10038
10051
  query = ' ( ';
10039
10052
  }
@@ -10091,8 +10104,10 @@ var AXQueryBuilderService = /** @class */ (function () {
10091
10104
  case 'end-with':
10092
10105
  codeOperator = item.operator;
10093
10106
  break;
10107
+ default:
10108
+ codeOperator = item.operator;
10109
+ break;
10094
10110
  }
10095
- ;
10096
10111
  query = query + ' ' + item.caption + ' ' + codeOperator + ' ' + item.text;
10097
10112
  _d.label = 6;
10098
10113
  case 6:
@@ -10135,7 +10150,6 @@ var AXQueryBuilderService = /** @class */ (function () {
10135
10150
  var query = '';
10136
10151
  switch (type) {
10137
10152
  case 'simple':
10138
- ;
10139
10153
  if (group.items.length > 0) {
10140
10154
  query = ' ( ';
10141
10155
  }
@@ -11911,7 +11925,7 @@ var AXTextAreaComponent = /** @class */ (function (_super) {
11911
11925
  AXTextAreaComponent = AXTextAreaComponent_1 = __decorate([
11912
11926
  Component({
11913
11927
  selector: 'ax-text-area',
11914
- template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\r\n <div class=\"content\">\r\n <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\r\n <textarea [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\r\n class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\r\n [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"ax buttons\">\r\n <ng-content select=\"ax-button\">\r\n </ng-content>\r\n </div>\r\n</div>",
11928
+ template: "<div class=\"ax form-item {{size}}\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\r\n <div class=\"content\">\r\n <div class=\"ax input {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\r\n <textarea [name]=\"name\" [attr.maxlength]=\"maxLength\" rows=\"{{rows}}\" cols=\"{{cols}}\" #input type=\"text\"\r\n class=\"ax icon {{size}}\" [ngClass]=\"setTextAlign()\" placeholder=\"{{placeholder}}\" [readonly]=\"readonly\"\r\n [disabled]=\"disabled\" value=\"{{value}}\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"ax buttons\">\r\n <ng-content select=\"ax-button\">\r\n </ng-content>\r\n </div>\r\n</div>",
11915
11929
  encapsulation: ViewEncapsulation.None,
11916
11930
  changeDetection: ChangeDetectionStrategy.OnPush,
11917
11931
  host: { style: 'width: 100%' },