myrta-ui 17.0.0-beta.25 → 17.0.0-beta.27

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 (16) hide show
  1. package/esm2022/lib/components/dropdown/dropdown.component.mjs +2 -2
  2. package/esm2022/lib/components/form/editor/editor.component.mjs +2 -2
  3. package/esm2022/lib/components/form/input-file/input-file.component.mjs +2 -2
  4. package/esm2022/lib/components/form/input-opt/components/input-opt/input-opt.component.mjs +2 -2
  5. package/esm2022/lib/components/form/input-password/input-password.component.mjs +2 -2
  6. package/esm2022/lib/components/form/input-phone/input-phone.component.mjs +2 -2
  7. package/esm2022/lib/components/form/input-search/input-search.component.mjs +2 -2
  8. package/esm2022/lib/components/form/input-select/input-select.component.mjs +2 -2
  9. package/esm2022/lib/components/form/input-tel/input-tel.component.mjs +2 -2
  10. package/esm2022/lib/components/form/input-text/input-text.component.mjs +2 -2
  11. package/esm2022/lib/components/form/input-textarea/input-textarea.component.mjs +2 -2
  12. package/esm2022/lib/components/form/radio-group/radio-group.component.mjs +2 -2
  13. package/esm2022/lib/components/form/rating/rating.component.mjs +2 -2
  14. package/fesm2022/myrta-ui.mjs +14 -14
  15. package/fesm2022/myrta-ui.mjs.map +1 -1
  16. package/package.json +1 -1
package/fesm2022/myrta-ui.mjs CHANGED
@@ -1484,11 +1484,11 @@ class DropdownComponent {
1484
1484
  });
1485
1485
  }
1486
1486
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1487
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DropdownComponent, selector: "mrx-dropdown", inputs: { mainPlacement: "mainPlacement", fallbackPlacements: "fallbackPlacements", closeOnClick: "closeOnClick", customClasses: "customClasses" }, queries: [{ propertyName: "dropdownToggle", first: true, predicate: ["dropdownToggle"], descendants: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], viewQueries: [{ propertyName: "dropdownToggleEl", first: true, predicate: ["dropdownToggleEl"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n <div class=\"mrx-dropdown-wrapper\">\r\n <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;overflow:hidden;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;padding:5px 0;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.175)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
1487
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DropdownComponent, selector: "mrx-dropdown", inputs: { mainPlacement: "mainPlacement", fallbackPlacements: "fallbackPlacements", closeOnClick: "closeOnClick", customClasses: "customClasses" }, queries: [{ propertyName: "dropdownToggle", first: true, predicate: ["dropdownToggle"], descendants: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], viewQueries: [{ propertyName: "dropdownToggleEl", first: true, predicate: ["dropdownToggleEl"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n <div class=\"mrx-dropdown-wrapper\">\r\n <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 4px #3a3a3a4d;min-width:240px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-2);padding-left:var(--spacing-4);cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item:hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content .mrx-icon{transform:translateY(2px)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-text{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
1488
1488
  }
1489
1489
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownComponent, decorators: [{
1490
1490
  type: Component,
1491
- args: [{ selector: 'mrx-dropdown', template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n <div class=\"mrx-dropdown-wrapper\">\r\n <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;overflow:hidden;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;padding:5px 0;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.175)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"] }]
1491
+ args: [{ selector: 'mrx-dropdown', template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n </div>\r\n\r\n <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n <div class=\"mrx-dropdown-wrapper\">\r\n <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 4px #3a3a3a4d;min-width:240px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-2);padding-left:var(--spacing-4);cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item:hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content .mrx-icon{transform:translateY(2px)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-text{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"] }]
1492
1492
  }], propDecorators: { dropdownToggleEl: [{
1493
1493
  type: ViewChild,
1494
1494
  args: ['dropdownToggleEl']
@@ -2658,7 +2658,7 @@ class InputSelectComponent {
2658
2658
  this._value = value;
2659
2659
  }
2660
2660
  get isInvalidMessage() {
2661
- return !!this.invalidMessage || !!this.invalidMessage.length;
2661
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
2662
2662
  }
2663
2663
  get invalidMessageArray() {
2664
2664
  if (typeof this.invalidMessage === 'string') {
@@ -4344,7 +4344,7 @@ class InputTextareaComponent {
4344
4344
  blurred = new EventEmitter();
4345
4345
  modelChange = new EventEmitter();
4346
4346
  get isInvalidMessage() {
4347
- return !!this.invalidMessage || !!this.invalidMessage.length;
4347
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
4348
4348
  }
4349
4349
  get invalidMessageArray() {
4350
4350
  if (typeof this.invalidMessage === 'string') {
@@ -5013,7 +5013,7 @@ class InputTextComponent {
5013
5013
  changed = new EventEmitter();
5014
5014
  modelChange = new EventEmitter();
5015
5015
  get isInvalidMessage() {
5016
- return !!this.invalidMessage || !!this.invalidMessage.length;
5016
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
5017
5017
  }
5018
5018
  get isValid() {
5019
5019
  return this.baseValidate();
@@ -7107,7 +7107,7 @@ class InputPhoneComponent {
7107
7107
  return this.baseValidate();
7108
7108
  }
7109
7109
  get isInvalidMessage() {
7110
- return !!this.invalidMessage || !!this.invalidMessage.length;
7110
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
7111
7111
  }
7112
7112
  get checkValidClasses() {
7113
7113
  return this.checkInvalid === false ?
@@ -9556,7 +9556,7 @@ class EditorComponent {
9556
9556
  return true;
9557
9557
  }
9558
9558
  get isInvalidMessage() {
9559
- return !!this.invalidMessage || !!this.invalidMessage.length;
9559
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
9560
9560
  }
9561
9561
  get checkValidClasses() {
9562
9562
  return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
@@ -9779,7 +9779,7 @@ class RatingComponent {
9779
9779
  return this.baseValidate();
9780
9780
  }
9781
9781
  get isInvalidMessage() {
9782
- return !!this.invalidMessage || !!this.invalidMessage.length;
9782
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
9783
9783
  }
9784
9784
  get readonlyClass() {
9785
9785
  return this.readonly ? 'mrx-input__readonly' : '';
@@ -9980,7 +9980,7 @@ class InputSearchComponent {
9980
9980
  cleared = new EventEmitter();
9981
9981
  searched = new EventEmitter();
9982
9982
  get isInvalidMessage() {
9983
- return !!this.invalidMessage || !!this.invalidMessage.length;
9983
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
9984
9984
  }
9985
9985
  get invalidMessageArray() {
9986
9986
  if (typeof this.invalidMessage === 'string') {
@@ -10597,7 +10597,7 @@ class InputFileComponent {
10597
10597
  return InputFileTargetTypesEnum[this.target];
10598
10598
  }
10599
10599
  get isInvalidMessage() {
10600
- return !!this.invalidMessage || !!this.invalidMessage.length;
10600
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
10601
10601
  }
10602
10602
  get checkValidClasses() {
10603
10603
  return this.checkInvalid === false ?
@@ -11613,7 +11613,7 @@ class InputOptComponent {
11613
11613
  this.ngxOtpArray$.unsubscribe();
11614
11614
  }
11615
11615
  get isInvalidMessage() {
11616
- return !!this.invalidMessage || !!this.invalidMessage.length;
11616
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
11617
11617
  }
11618
11618
  get checkValidClasses() {
11619
11619
  return this.checkInvalid === false ?
@@ -11951,7 +11951,7 @@ class InputPasswordComponent {
11951
11951
  changed = new EventEmitter();
11952
11952
  constructor() { }
11953
11953
  get isInvalidMessage() {
11954
- return !!this.invalidMessage || !!this.invalidMessage.length;
11954
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
11955
11955
  }
11956
11956
  get isValid() {
11957
11957
  return this.baseValidate();
@@ -13177,7 +13177,7 @@ class RadioGroupComponent {
13177
13177
  this.modelItemChange.emit(targetItem);
13178
13178
  }
13179
13179
  get isInvalidMessage() {
13180
- return !!this.invalidMessage || !!this.invalidMessage.length;
13180
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
13181
13181
  }
13182
13182
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13183
13183
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields", searchSize: "searchSize", name: "name", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", bold: "bold", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", required: "required", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", tooltip: "tooltip", labelText: "labelText", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", modelCheckedChange: "modelCheckedChange", modelItemChange: "modelItemChange" }, providers: [
@@ -15492,7 +15492,7 @@ class InputTelComponent {
15492
15492
  return true;
15493
15493
  }
15494
15494
  get isInvalidMessage() {
15495
- return !!this.invalidMessage || !!this.invalidMessage.length;
15495
+ return !!this.invalidMessage || !!this.invalidMessage?.length;
15496
15496
  }
15497
15497
  get checkValidClasses() {
15498
15498
  return this.checkInvalid === false ?