myrta-ui 17.1.65 → 17.1.66

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 (4) hide show
  1. package/esm2022/lib/components/loader/loader.component.mjs +3 -3
  2. package/fesm2022/myrta-ui.mjs +2 -2
  3. package/fesm2022/myrta-ui.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/components/loader/loader.component.mjs CHANGED
@@ -9,11 +9,11 @@ export class LoaderComponent {
9
9
  return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
10
10
  }
11
11
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] });
12
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader mrx-icon icon-loader icon-font-24\" [class]=\"getClasses\">\r\n <div class=\"path1 mrx-loader--circle\"></div>\r\n <div class=\"path2 mrx-loader--line\"></div>\r\n</div>\r\n", styles: [".mrx-loader{display:inline-flex;align-items:center;justify-content:center}.mrx-loader--circle,.mrx-loader--line{display:flex;transform-origin:center center}.mrx-loader--line:before{animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out;transform-origin:center center}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle:before{color:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line:before{color:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle:before{color:var(--brand-bg-tertiary-default);opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line:before{color:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle:before{color:var(--brand-bg-primary-default);opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line:before{color:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle:before{color:var(--system-bg-controls-negative-default);opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line:before{color:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle:before{color:var(--system-bg-controls-positive-default);opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line:before{color:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle:before{color:var(--system-bg-controls-attention-default);opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line:before{color:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{font-size:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{font-size:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{font-size:var(--spacing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{font-size:var(--spacing-4)}\n"] });
13
13
  }
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
15
15
  type: Component,
16
- args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] }]
16
+ args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader mrx-icon icon-loader icon-font-24\" [class]=\"getClasses\">\r\n <div class=\"path1 mrx-loader--circle\"></div>\r\n <div class=\"path2 mrx-loader--line\"></div>\r\n</div>\r\n", styles: [".mrx-loader{display:inline-flex;align-items:center;justify-content:center}.mrx-loader--circle,.mrx-loader--line{display:flex;transform-origin:center center}.mrx-loader--line:before{animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out;transform-origin:center center}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle:before{color:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line:before{color:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle:before{color:var(--brand-bg-tertiary-default);opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line:before{color:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle:before{color:var(--brand-bg-primary-default);opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line:before{color:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle:before{color:var(--system-bg-controls-negative-default);opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line:before{color:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle:before{color:var(--system-bg-controls-positive-default);opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line:before{color:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle:before{color:var(--system-bg-controls-attention-default);opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line:before{color:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{font-size:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{font-size:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{font-size:var(--spacing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{font-size:var(--spacing-4)}\n"] }]
17
17
  }], propDecorators: { size: [{
18
18
  type: Input
19
19
  }], color: [{
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
21
21
  }], customClasses: [{
22
22
  type: Input
23
23
  }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQW9CLGVBQWUsRUFBb0IsTUFBTSxlQUFlLENBQUM7O0FBT3JHLE1BQU0sT0FBTyxlQUFlO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFBO0lBQ2hDLEtBQUssR0FBcUIsT0FBTyxDQUFBO0lBQ2pDLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFFNUIsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlGLENBQUM7d0dBUFUsZUFBZTs0RkFBZixlQUFlLDRIQ1I1Qiw4b0JBYUE7OzRGRExhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsWUFBWTs4QkFLYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExvYWRlckNvbG9yRW51bSwgTG9hZGVyQ29sb3JUeXBlcywgTG9hZGVyU2l6ZXNFbnVtLCBMb2FkZXJTaXplc1R5cGVzIH0gZnJvbSAnLi9sb2FkZXIuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1sb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IExvYWRlclNpemVzVHlwZXMgPSAnc21hbGwnXHJcbiAgQElucHV0KCkgY29sb3I6IExvYWRlckNvbG9yVHlwZXMgPSAnYmxhY2snXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtMb2FkZXJTaXplc0VudW1bdGhpcy5zaXplXX0gJHtMb2FkZXJDb2xvckVudW1bdGhpcy5jb2xvcl19ICR7dGhpcy5jdXN0b21DbGFzc2VzfWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtbG9hZGVyXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8c3ZnIHZpZXdCb3g9XCIwIDAgMzIgMzJcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cclxuICAgIDxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDBfMTc2MTJfMTQxODMpXCI+XHJcbiAgICAgIDxjaXJjbGUgY2xhc3M9XCJtcngtbG9hZGVyLS1jaXJjbGVcIiBjeD1cIjE2XCIgY3k9XCIxNlwiIHI9XCIxNC4xNzE0XCIgc3Ryb2tlLXdpZHRoPVwiM1wiLz5cclxuICAgICAgPHBhdGggY2xhc3M9XCJtcngtbG9hZGVyLS1saW5lXCIgZD1cIk0zMC4xNzE0IDE2QzMwLjE3MTQgOC4xNzMzNCAyMy44MjY3IDEuODI4NTcgMTYgMS44Mjg1N1wiIHN0cm9rZS13aWR0aD1cIjNcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIi8+XHJcbiAgICA8L2c+XHJcbiAgICA8ZGVmcz5cclxuICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfMTc2MTJfMTQxODNcIj5cclxuICAgICAgICA8cmVjdCB3aWR0aD1cIjMyXCIgaGVpZ2h0PVwiMzJcIiBmaWxsPVwid2hpdGVcIi8+XHJcbiAgICAgIDwvY2xpcFBhdGg+XHJcbiAgICA8L2RlZnM+XHJcbiAgPC9zdmc+XHJcbjwvZGl2PlxyXG4iXX0=
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQW9CLGVBQWUsRUFBb0IsTUFBTSxlQUFlLENBQUM7O0FBT3JHLE1BQU0sT0FBTyxlQUFlO0lBQ2pCLElBQUksR0FBcUIsT0FBTyxDQUFBO0lBQ2hDLEtBQUssR0FBcUIsT0FBTyxDQUFBO0lBQ2pDLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFFNUIsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlGLENBQUM7d0dBUFUsZUFBZTs0RkFBZixlQUFlLDRIQ1I1Qix5TUFJQTs7NEZESWEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzhCQUtiLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTG9hZGVyQ29sb3JFbnVtLCBMb2FkZXJDb2xvclR5cGVzLCBMb2FkZXJTaXplc0VudW0sIExvYWRlclNpemVzVHlwZXMgfSBmcm9tICcuL2xvYWRlci5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWxvYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2l6ZTogTG9hZGVyU2l6ZXNUeXBlcyA9ICdzbWFsbCdcclxuICBASW5wdXQoKSBjb2xvcjogTG9hZGVyQ29sb3JUeXBlcyA9ICdibGFjaydcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzID0gJyc7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke0xvYWRlclNpemVzRW51bVt0aGlzLnNpemVdfSAke0xvYWRlckNvbG9yRW51bVt0aGlzLmNvbG9yXX0gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1sb2FkZXIgbXJ4LWljb24gaWNvbi1sb2FkZXIgaWNvbi1mb250LTI0XCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8ZGl2IGNsYXNzPVwicGF0aDEgbXJ4LWxvYWRlci0tY2lyY2xlXCI+PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInBhdGgyIG1yeC1sb2FkZXItLWxpbmVcIj48L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
package/fesm2022/myrta-ui.mjs CHANGED
@@ -118,11 +118,11 @@ class LoaderComponent {
118
118
  return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
119
119
  }
120
120
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
121
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] });
121
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader mrx-icon icon-loader icon-font-24\" [class]=\"getClasses\">\r\n <div class=\"path1 mrx-loader--circle\"></div>\r\n <div class=\"path2 mrx-loader--line\"></div>\r\n</div>\r\n", styles: [".mrx-loader{display:inline-flex;align-items:center;justify-content:center}.mrx-loader--circle,.mrx-loader--line{display:flex;transform-origin:center center}.mrx-loader--line:before{animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out;transform-origin:center center}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle:before{color:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line:before{color:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle:before{color:var(--brand-bg-tertiary-default);opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line:before{color:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle:before{color:var(--brand-bg-primary-default);opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line:before{color:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle:before{color:var(--system-bg-controls-negative-default);opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line:before{color:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle:before{color:var(--system-bg-controls-positive-default);opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line:before{color:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle:before{color:var(--system-bg-controls-attention-default);opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line:before{color:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{font-size:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{font-size:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{font-size:var(--spacing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{font-size:var(--spacing-4)}\n"] });
122
122
  }
123
123
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
124
124
  type: Component,
125
- args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_17612_14183)\">\r\n <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\r\n <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_17612_14183\">\r\n <rect width=\"32\" height=\"32\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n</div>\r\n", styles: [".mrx-loader.mrx-loader{display:flex}.mrx-loader.mrx-loader svg{shape-rendering:auto}.mrx-loader.mrx-loader svg{transform:rotate(-35deg);animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle{stroke:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line{stroke:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle{stroke:var(--brand-bg-tertiary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line{stroke:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle{stroke:var(--brand-bg-primary-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line{stroke:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle{stroke:var(--system-bg-controls-negative-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line{stroke:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle{stroke:var(--system-bg-controls-positive-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line{stroke:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle{stroke:var(--system-bg-controls-attention-default);stroke-opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line{stroke:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{width:calc(var(--sizing-module) * 18);height:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{width:var(--spacing-12);height:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{width:var(--sizing-6);height:var(--sizing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{width:var(--sizing-4);height:var(--sizing-4)}\n"] }]
125
+ args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader mrx-icon icon-loader icon-font-24\" [class]=\"getClasses\">\r\n <div class=\"path1 mrx-loader--circle\"></div>\r\n <div class=\"path2 mrx-loader--line\"></div>\r\n</div>\r\n", styles: [".mrx-loader{display:inline-flex;align-items:center;justify-content:center}.mrx-loader--circle,.mrx-loader--line{display:flex;transform-origin:center center}.mrx-loader--line:before{animation-duration:1.2s;animation-name:icon-loading;animation-iteration-count:infinite;transition-timing-function:ease-in-out;transform-origin:center center}@keyframes icon-loading{0%{transform:rotate(-35deg)}to{transform:rotate(325deg)}}.mrx-loader.mrx-loader.color-black .mrx-loader--circle:before{color:var(--neutral-bg-stroke-default)}.mrx-loader.mrx-loader.color-black .mrx-loader--line:before{color:var(--neutral-icon-default)}.mrx-loader.mrx-loader.color-white .mrx-loader--circle:before{color:var(--brand-bg-tertiary-default);opacity:.2}.mrx-loader.mrx-loader.color-white .mrx-loader--line:before{color:var(--brand-bg-tertiary-default)}.mrx-loader.mrx-loader.color-brand .mrx-loader--circle:before{color:var(--brand-bg-primary-default);opacity:.2}.mrx-loader.mrx-loader.color-brand .mrx-loader--line:before{color:var(--brand-bg-primary-default)}.mrx-loader.mrx-loader.color-negative .mrx-loader--circle:before{color:var(--system-bg-controls-negative-default);opacity:.2}.mrx-loader.mrx-loader.color-negative .mrx-loader--line:before{color:var(--system-bg-controls-negative-default)}.mrx-loader.mrx-loader.color-positive .mrx-loader--circle:before{color:var(--system-bg-controls-positive-default);opacity:.2}.mrx-loader.mrx-loader.color-positive .mrx-loader--line:before{color:var(--system-bg-controls-positive-default)}.mrx-loader.mrx-loader.color-attention .mrx-loader--circle:before{color:var(--system-bg-controls-attention-default);opacity:.2}.mrx-loader.mrx-loader.color-attention .mrx-loader--line:before{color:var(--system-bg-controls-attention-default)}.mrx-loader.mrx-loader.mrx-loader-lg{font-size:calc(var(--sizing-module) * 18)}.mrx-loader.mrx-loader.mrx-loader-md{font-size:var(--spacing-12)}.mrx-loader.mrx-loader.mrx-loader-sm{font-size:var(--spacing-6)}.mrx-loader.mrx-loader.mrx-loader-extra-sm{font-size:var(--spacing-4)}\n"] }]
126
126
  }], propDecorators: { size: [{
127
127
  type: Input
128
128
  }], color: [{