myrta-ui 1.1.95 → 1.1.96
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.
|
@@ -13,10 +13,10 @@ export class BreadcrumbsComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs
|
|
16
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);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)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs
|
|
19
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);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)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
|
|
20
20
|
}], propDecorators: { type: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], items: [{
|
package/fesm2015/myrta-ui.mjs
CHANGED
|
@@ -532,10 +532,10 @@ class BreadcrumbsComponent {
|
|
|
532
532
|
}
|
|
533
533
|
}
|
|
534
534
|
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
535
|
-
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs
|
|
535
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);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)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], directives: [{ type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
536
536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
537
537
|
type: Component,
|
|
538
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs
|
|
538
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n <ng-container [ngSwitch]=\"type\">\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n {{item.text}}\r\n </a>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n <ng-container *ngIf=\"item.isLink; else span\">\r\n <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n </ng-container>\r\n\r\n <ng-template #span>\r\n <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n </ng-template>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);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)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);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)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
|
|
539
539
|
}], propDecorators: { type: [{
|
|
540
540
|
type: Input
|
|
541
541
|
}], items: [{
|