@mozaic-ds/angular 2.0.0-beta.18 → 2.0.0-beta.19
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.
|
@@ -556,11 +556,11 @@ class MozLinkComponent {
|
|
|
556
556
|
};
|
|
557
557
|
}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
558
558
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
559
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozLinkComponent, isStandalone: true, selector: "moz-link", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, router: { classPropertyName: "router", publicName: "router", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, ariaCurrent: { classPropertyName: "ariaCurrent", publicName: "ariaCurrent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (router()) {\n<a\n [routerLink]=\"href()\"\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n (click)=\"$event.preventDefault()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n} @else {\n<a\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n
|
|
559
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozLinkComponent, isStandalone: true, selector: "moz-link", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, router: { classPropertyName: "router", publicName: "router", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, ariaCurrent: { classPropertyName: "ariaCurrent", publicName: "ariaCurrent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (router()) {\n<a\n [routerLink]=\"href()\"\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n (click)=\"$event.preventDefault()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n} @else {\n<a\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n}\n\n<ng-template #linkContent>\n @if(iconPosition() === 'left'){\n <span class=\"link__icon\" aria-hidden=\"true\">\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n </span>\n }\n\n <span class=\"link__label\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </span>\n\n @if(iconPosition() === 'right'){\n <span class=\"link__icon\" aria-hidden=\"true\">\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n </span>\n }\n</ng-template>\n\n<ng-template #iconTemplate>\n <ng-content select=\"[icon]\"></ng-content>\n</ng-template>\n\n<ng-template #labelTemplate>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".mc-link,.link{transition:box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:.875rem}.mc-link__label,.link__label{line-height:1.3}.mc-link__icon,.link__icon{display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor}.mc-link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .mc-link__label,.link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .mc-link__label,.mc-link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .link__label,.link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .link__label{text-decoration:underline}.mc-link:focus,.link:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-link--m,.link--m{min-height:2rem;font-size:1rem}.mc-link--secondary,.link--secondary{color:var(--link-color-text-secondary, #666666)}.mc-link--accent,.link--accent{color:var(--link-color-text-accent, #117f03)}.mc-link--inverse,.link--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff)}.mc-link--stand-alone,.link--stand-alone{min-height:2rem;font-weight:var(--link-font-weight, 600)}.mc-link--stand-alone .mc-link__label,.link--stand-alone .mc-link__label,.mc-link--stand-alone .link__label,.link--stand-alone .link__label{border-bottom:var(--border-width-s, .0625rem) solid currentColor}.mc-link--stand-alone:hover .mc-link__label,.link--stand-alone:hover .mc-link__label,.mc-link--stand-alone:hover .link__label,.link--stand-alone:hover .link__label{border-color:transparent}.mc-link--inline,.link--inline{font-weight:inherit;text-decoration:underline}.mc-link--inline .mc-link__label,.link--inline .mc-link__label,.mc-link--inline .link__label,.link--inline .link__label{line-height:1}.mc-link--inline:hover,.link--inline:hover{text-decoration:none}.link:not([href]){cursor:pointer}.link__icon:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
560
560
|
}
|
|
561
561
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozLinkComponent, decorators: [{
|
|
562
562
|
type: Component,
|
|
563
|
-
args: [{ selector: 'moz-link', imports: [NgTemplateOutlet, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (router()) {\n<a\n [routerLink]=\"href()\"\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n (click)=\"$event.preventDefault()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n} @else {\n<a\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n
|
|
563
|
+
args: [{ selector: 'moz-link', imports: [NgTemplateOutlet, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (router()) {\n<a\n [routerLink]=\"href()\"\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n (click)=\"$event.preventDefault()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n} @else {\n<a\n [attr.href]=\"href()\"\n [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\n>\n <ng-container [ngTemplateOutlet]=\"linkContent\"></ng-container>\n</a>\n}\n\n<ng-template #linkContent>\n @if(iconPosition() === 'left'){\n <span class=\"link__icon\" aria-hidden=\"true\">\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n </span>\n }\n\n <span class=\"link__label\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </span>\n\n @if(iconPosition() === 'right'){\n <span class=\"link__icon\" aria-hidden=\"true\">\n <ng-container [ngTemplateOutlet]=\"iconTemplate\"></ng-container>\n </span>\n }\n</ng-template>\n\n<ng-template #iconTemplate>\n <ng-content select=\"[icon]\"></ng-content>\n</ng-template>\n\n<ng-template #labelTemplate>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".mc-link,.link{transition:box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:.875rem}.mc-link__label,.link__label{line-height:1.3}.mc-link__icon,.link__icon{display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor}.mc-link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .mc-link__label,.link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .mc-link__label,.mc-link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .link__label,.link:hover:not(.mc-link--stand-alone,.link--stand-alone,.mc-link--inline,.link--inline) .link__label{text-decoration:underline}.mc-link:focus,.link:focus{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-link--m,.link--m{min-height:2rem;font-size:1rem}.mc-link--secondary,.link--secondary{color:var(--link-color-text-secondary, #666666)}.mc-link--accent,.link--accent{color:var(--link-color-text-accent, #117f03)}.mc-link--inverse,.link--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff)}.mc-link--stand-alone,.link--stand-alone{min-height:2rem;font-weight:var(--link-font-weight, 600)}.mc-link--stand-alone .mc-link__label,.link--stand-alone .mc-link__label,.mc-link--stand-alone .link__label,.link--stand-alone .link__label{border-bottom:var(--border-width-s, .0625rem) solid currentColor}.mc-link--stand-alone:hover .mc-link__label,.link--stand-alone:hover .mc-link__label,.mc-link--stand-alone:hover .link__label,.link--stand-alone:hover .link__label{border-color:transparent}.mc-link--inline,.link--inline{font-weight:inherit;text-decoration:underline}.mc-link--inline .mc-link__label,.link--inline .mc-link__label,.mc-link--inline .link__label,.link--inline .link__label{line-height:1}.mc-link--inline:hover,.link--inline:hover{text-decoration:none}.link:not([href]){cursor:pointer}.link__icon:empty{display:none}\n"] }]
|
|
564
564
|
}], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], router: [{ type: i0.Input, args: [{ isSignal: true, alias: "router", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], ariaCurrent: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaCurrent", required: false }] }] } });
|
|
565
565
|
|
|
566
566
|
class MozLoaderComponent {
|