@mozaic-ds/angular 2.0.0-beta.16 → 2.0.0-beta.18
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.
|
@@ -124,7 +124,7 @@ class MozCheckboxComponent {
|
|
|
124
124
|
useExisting: forwardRef(() => MozCheckboxComponent),
|
|
125
125
|
multi: true,
|
|
126
126
|
},
|
|
127
|
-
], ngImport: i0, template: "<div [class]=\"indentedClass()\">\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n [id]=\"id()\"\n [name]=\"name()\"\n [checked]=\"_value()\"\n [class]=\"classObject()\"\n [attr.aria-invalid]=\"isInvalid()\"\n [indeterminate]=\"indeterminate()\"\n [disabled]=\"disabled()\"\n (change)=\"onInputChange($event)\"\n [attr.aria-label]=\"label()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-checked]=\"_value()\"\n />\n @if (label()) {\n <label class=\"checkbox__label\" [for]=\"id()\"> {{ label() }} </label>\n }\n</div>\n", styles: [".mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented,.checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{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-checkbox__input:checked,.checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked,.checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate,.checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
127
|
+
], ngImport: i0, template: "<div [class]=\"indentedClass()\">\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n [id]=\"id()\"\n [name]=\"name()\"\n [checked]=\"_value()\"\n [class]=\"classObject()\"\n [attr.aria-invalid]=\"isInvalid()\"\n [indeterminate]=\"indeterminate()\"\n [disabled]=\"disabled()\"\n (change)=\"onInputChange($event)\"\n [attr.aria-label]=\"label()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-checked]=\"_value()\"\n />\n @if (label()) {\n <label class=\"checkbox__label\" [for]=\"id()\"> {{ label() }} </label>\n }\n</div>\n", styles: [".mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented,.checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{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-checkbox__input:checked,.checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked,.checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate,.checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozCheckboxComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
134
134
|
useExisting: forwardRef(() => MozCheckboxComponent),
|
|
135
135
|
multi: true,
|
|
136
136
|
},
|
|
137
|
-
], changeDetection: ChangeDetectionStrategy.OnPush,
|
|
137
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"indentedClass()\">\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n [id]=\"id()\"\n [name]=\"name()\"\n [checked]=\"_value()\"\n [class]=\"classObject()\"\n [attr.aria-invalid]=\"isInvalid()\"\n [indeterminate]=\"indeterminate()\"\n [disabled]=\"disabled()\"\n (change)=\"onInputChange($event)\"\n [attr.aria-label]=\"label()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-checked]=\"_value()\"\n />\n @if (label()) {\n <label class=\"checkbox__label\" [for]=\"id()\"> {{ label() }} </label>\n }\n</div>\n", styles: [".mc-checkbox,.checkbox{align-items:center;display:flex;gap:.5rem;padding:.375rem}.mc-checkbox--indented,.checkbox--indented{margin-left:1.75rem}.mc-checkbox__label,.checkbox__label{font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer}.mc-checkbox__input,.checkbox__input{appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow .2s ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, .125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, .25rem);transition:all ease .2s;height:1.25rem;width:1.25rem}.mc-checkbox__input:hover,.checkbox__input:hover{border-color:var(--forms-color-border-hover, #4d4d4d)}.mc-checkbox__input:focus-visible,.checkbox__input:focus-visible{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-checkbox__input:checked,.checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate{background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center}.mc-checkbox__input:checked,.checkbox__input:checked,.mc-checkbox__input:indeterminate,.checkbox__input:indeterminate,.mc-checkbox__input:disabled,.checkbox__input:disabled{border-color:transparent}.mc-checkbox__input:disabled,.checkbox__input:disabled{background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed}.mc-checkbox__input:disabled:checked,.checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate,.checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label,.checkbox__input:disabled+.mc-checkbox__label,.mc-checkbox__input:disabled+.checkbox__label,.checkbox__input:disabled+.checkbox__label{color:var(--forms-color-text-disabled, #737373);cursor:not-allowed}.mc-checkbox__input:not(:disabled):checked:hover,.checkbox__input:not(:disabled):checked:hover,.mc-checkbox__input:not(:disabled):indeterminate:hover,.checkbox__input:not(:disabled):indeterminate:hover{background-color:var(--forms-color-background-checked-hover, #006902)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate),.is-invalid.checkbox__input:not(:checked,:indeterminate){border-color:var(--forms-color-border-invalid, #ea302d)}.mc-checkbox__input.is-invalid:not(:checked,:indeterminate):hover,.is-invalid.checkbox__input:not(:checked,:indeterminate):hover{border-color:var(--forms-color-border-invalid-hover, #c61112)}\n"] }]
|
|
138
138
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indented: [{ type: i0.Input, args: [{ isSignal: true, alias: "indented", required: false }] }] } });
|
|
139
139
|
|
|
140
140
|
class MozCheckboxGroupComponent {
|
|
@@ -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 [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\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__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 });
|
|
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 (click)=\"!href() && $event.preventDefault()\"\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__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 [class]=\"classes()\"\n [attr.target]=\"target()\"\n [attr.aria-current]=\"ariaCurrent()\"\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__icon:empty{display:none}\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 (click)=\"!href() && $event.preventDefault()\"\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__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 {
|
|
@@ -2147,11 +2147,11 @@ class MozTooltipComponent {
|
|
|
2147
2147
|
'tooltip--standalone': this.standalone(),
|
|
2148
2148
|
}), ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
2149
2149
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2150
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozTooltipComponent, isStandalone: true, selector: "moz-tooltip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, noPointer: { classPropertyName: "noPointer", publicName: "noPointer", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n @if (!standalone()) {\n <div>\n <ng-content select=\"[trigger]\"></ng-content>\n </div>\n }\n\n <span [id]=\"id()\" class=\"tooltip__content\" role=\"tooltip\">\n @if (content) {\n {{ content }}\n } @else {\n <ng-content select=\"[content]\"></ng-content>\n }\n </span>\n</div>\n", styles: [".mc-tooltip,.tooltip{display:inline-flex;position:relative}.mc-tooltip:focus,.tooltip:focus,.mc-tooltip:hover,.tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.tooltip:focus .mc-tooltip__content,.mc-tooltip:focus .tooltip__content,.tooltip:focus .tooltip__content,.mc-tooltip:hover .mc-tooltip__content,.tooltip:hover .mc-tooltip__content,.mc-tooltip:hover .tooltip__content,.tooltip:hover .tooltip__content{visibility:visible}.mc-tooltip__content,.tooltip__content{font-size:var(--font-size-100, .875rem);border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;align-items:center;max-width:16rem;min-width:4rem;background-color:var(--tooltip-color-background, #242938);box-sizing:border-box;color:var(--tooltip-color-text, #ffffff);position:absolute;text-align:center;visibility:hidden;z-index:var(--tooltip-z-index, 1);border:var(--border-width-s, .0625rem) solid var(--tooltip-color-border, #636d88);word-break:break-all;padding:.375rem .5rem}@supports (width: max-content){.mc-tooltip__content,.tooltip__content{width:max-content}}.mc-tooltip__content:before,.tooltip__content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-border, %23636d88)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after,.tooltip__content:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-background, %23242938)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content,.tooltip--top .mc-tooltip__content,.mc-tooltip--top .tooltip__content,.tooltip--top .tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - 1rem))}.mc-tooltip--top .mc-tooltip__content:after,.tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .tooltip__content:after,.tooltip--top .tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content,.tooltip--right .mc-tooltip__content,.mc-tooltip--right .tooltip__content,.tooltip--right .tooltip__content{top:50%;right:0;transform:translate(calc(100% + 1rem),-50%)}.mc-tooltip--right .mc-tooltip__content:after,.tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .tooltip__content:after,.tooltip--right .tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content,.tooltip--left .mc-tooltip__content,.mc-tooltip--left .tooltip__content,.tooltip--left .tooltip__content{left:0;top:50%;transform:translate(calc(-100% - 1rem),-50%)}.mc-tooltip--left .mc-tooltip__content:after,.tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .tooltip__content:after,.tooltip--left .tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content,.tooltip--bottom .mc-tooltip__content,.mc-tooltip--bottom .tooltip__content,.tooltip--bottom .tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + 1rem))}.mc-tooltip--bottom .mc-tooltip__content:after,.tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .tooltip__content:after,.tooltip--bottom .tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .tooltip__content:after,.tooltip--no-pointer .tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before,.tooltip--no-pointer .mc-tooltip__content:before,.mc-tooltip--no-pointer .tooltip__content:before,.tooltip--no-pointer .tooltip__content:before{background:none}.mc-tooltip--standalone,.tooltip--standalone{cursor:help}.mc-tooltip--standalone .mc-tooltip__content,.tooltip--standalone .mc-tooltip__content,.mc-tooltip--standalone .tooltip__content,.tooltip--standalone .tooltip__content{visibility:visible;position:relative;transform:none;top:0;left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2150
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozTooltipComponent, isStandalone: true, selector: "moz-tooltip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, noPointer: { classPropertyName: "noPointer", publicName: "noPointer", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"classes()\">\n @if (!standalone()) {\n <div>\n <ng-content select=\"[trigger]\"></ng-content>\n </div>\n }\n\n <span [id]=\"id()\" class=\"tooltip__content\" role=\"tooltip\">\n @if (content) {\n {{ content }}\n } @else {\n <ng-content select=\"[content]\"></ng-content>\n }\n </span>\n</div>\n", styles: [".mc-tooltip,.tooltip{display:inline-flex;position:relative}.mc-tooltip:focus,.tooltip:focus,.mc-tooltip:hover,.tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.tooltip:focus .mc-tooltip__content,.mc-tooltip:focus .tooltip__content,.tooltip:focus .tooltip__content,.mc-tooltip:hover .mc-tooltip__content,.tooltip:hover .mc-tooltip__content,.mc-tooltip:hover .tooltip__content,.tooltip:hover .tooltip__content{visibility:visible}.mc-tooltip__content,.tooltip__content{font-size:var(--font-size-100, .875rem);border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;align-items:center;max-width:16rem;min-width:4rem;background-color:var(--tooltip-color-background, #242938);box-sizing:border-box;color:var(--tooltip-color-text, #ffffff);position:absolute;text-align:center;visibility:hidden;z-index:var(--tooltip-z-index, 1);border:var(--border-width-s, .0625rem) solid var(--tooltip-color-border, #636d88);word-break:break-all;padding:.375rem .5rem}@supports (width: max-content){.mc-tooltip__content,.tooltip__content{width:max-content}}.mc-tooltip__content:before,.tooltip__content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-border, %23636d88)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after,.tooltip__content:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-background, %23242938)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content,.tooltip--top .mc-tooltip__content,.mc-tooltip--top .tooltip__content,.tooltip--top .tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - 1rem))}.mc-tooltip--top .mc-tooltip__content:after,.tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .tooltip__content:after,.tooltip--top .tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content,.tooltip--right .mc-tooltip__content,.mc-tooltip--right .tooltip__content,.tooltip--right .tooltip__content{top:50%;right:0;transform:translate(calc(100% + 1rem),-50%)}.mc-tooltip--right .mc-tooltip__content:after,.tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .tooltip__content:after,.tooltip--right .tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content,.tooltip--left .mc-tooltip__content,.mc-tooltip--left .tooltip__content,.tooltip--left .tooltip__content{left:0;top:50%;transform:translate(calc(-100% - 1rem),-50%)}.mc-tooltip--left .mc-tooltip__content:after,.tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .tooltip__content:after,.tooltip--left .tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content,.tooltip--bottom .mc-tooltip__content,.mc-tooltip--bottom .tooltip__content,.tooltip--bottom .tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + 1rem))}.mc-tooltip--bottom .mc-tooltip__content:after,.tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .tooltip__content:after,.tooltip--bottom .tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .tooltip__content:after,.tooltip--no-pointer .tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before,.tooltip--no-pointer .mc-tooltip__content:before,.mc-tooltip--no-pointer .tooltip__content:before,.tooltip--no-pointer .tooltip__content:before{background:none}.mc-tooltip--standalone,.tooltip--standalone{cursor:help}.mc-tooltip--standalone .mc-tooltip__content,.tooltip--standalone .mc-tooltip__content,.mc-tooltip--standalone .tooltip__content,.tooltip--standalone .tooltip__content{visibility:visible;position:relative;transform:none;top:0;left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2151
2151
|
}
|
|
2152
2152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozTooltipComponent, decorators: [{
|
|
2153
2153
|
type: Component,
|
|
2154
|
-
args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2154
|
+
args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"classes()\">\n @if (!standalone()) {\n <div>\n <ng-content select=\"[trigger]\"></ng-content>\n </div>\n }\n\n <span [id]=\"id()\" class=\"tooltip__content\" role=\"tooltip\">\n @if (content) {\n {{ content }}\n } @else {\n <ng-content select=\"[content]\"></ng-content>\n }\n </span>\n</div>\n", styles: [".mc-tooltip,.tooltip{display:inline-flex;position:relative}.mc-tooltip:focus,.tooltip:focus,.mc-tooltip:hover,.tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.tooltip:focus .mc-tooltip__content,.mc-tooltip:focus .tooltip__content,.tooltip:focus .tooltip__content,.mc-tooltip:hover .mc-tooltip__content,.tooltip:hover .mc-tooltip__content,.mc-tooltip:hover .tooltip__content,.tooltip:hover .tooltip__content{visibility:visible}.mc-tooltip__content,.tooltip__content{font-size:var(--font-size-100, .875rem);border-radius:var(--border-radius-s, .25rem);line-height:var(--line-height-s, 1.3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;align-items:center;max-width:16rem;min-width:4rem;background-color:var(--tooltip-color-background, #242938);box-sizing:border-box;color:var(--tooltip-color-text, #ffffff);position:absolute;text-align:center;visibility:hidden;z-index:var(--tooltip-z-index, 1);border:var(--border-width-s, .0625rem) solid var(--tooltip-color-border, #636d88);word-break:break-all;padding:.375rem .5rem}@supports (width: max-content){.mc-tooltip__content,.tooltip__content{width:max-content}}.mc-tooltip__content:before,.tooltip__content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-border, %23636d88)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after,.tooltip__content:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-background, %23242938)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content,.tooltip--top .mc-tooltip__content,.mc-tooltip--top .tooltip__content,.tooltip--top .tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - 1rem))}.mc-tooltip--top .mc-tooltip__content:after,.tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .tooltip__content:after,.tooltip--top .tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before,.tooltip--top .mc-tooltip__content:before,.mc-tooltip--top .tooltip__content:before,.tooltip--top .tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content,.tooltip--right .mc-tooltip__content,.mc-tooltip--right .tooltip__content,.tooltip--right .tooltip__content{top:50%;right:0;transform:translate(calc(100% + 1rem),-50%)}.mc-tooltip--right .mc-tooltip__content:after,.tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .tooltip__content:after,.tooltip--right .tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before,.tooltip--right .mc-tooltip__content:before,.mc-tooltip--right .tooltip__content:before,.tooltip--right .tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content,.tooltip--left .mc-tooltip__content,.mc-tooltip--left .tooltip__content,.tooltip--left .tooltip__content{left:0;top:50%;transform:translate(calc(-100% - 1rem),-50%)}.mc-tooltip--left .mc-tooltip__content:after,.tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .tooltip__content:after,.tooltip--left .tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before,.tooltip--left .mc-tooltip__content:before,.mc-tooltip--left .tooltip__content:before,.tooltip--left .tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content,.tooltip--bottom .mc-tooltip__content,.mc-tooltip--bottom .tooltip__content,.tooltip--bottom .tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + 1rem))}.mc-tooltip--bottom .mc-tooltip__content:after,.tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .tooltip__content:after,.tooltip--bottom .tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before,.tooltip--bottom .mc-tooltip__content:before,.mc-tooltip--bottom .tooltip__content:before,.tooltip--bottom .tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .tooltip__content:after,.tooltip--no-pointer .tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before,.tooltip--no-pointer .mc-tooltip__content:before,.mc-tooltip--no-pointer .tooltip__content:before,.tooltip--no-pointer .tooltip__content:before{background:none}.mc-tooltip--standalone,.tooltip--standalone{cursor:help}.mc-tooltip--standalone .mc-tooltip__content,.tooltip--standalone .mc-tooltip__content,.mc-tooltip--standalone .tooltip__content,.tooltip--standalone .tooltip__content{visibility:visible;position:relative;transform:none;top:0;left:0}\n"] }]
|
|
2155
2155
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], noPointer: [{ type: i0.Input, args: [{ isSignal: true, alias: "noPointer", required: false }] }], standalone: [{ type: i0.Input, args: [{ isSignal: true, alias: "standalone", required: false }] }] } });
|
|
2156
2156
|
|
|
2157
2157
|
class MozTooltipDirective {
|
|
@@ -3322,11 +3322,11 @@ class MozStarRatingComponent {
|
|
|
3322
3322
|
}
|
|
3323
3323
|
}
|
|
3324
3324
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozStarRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3325
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozStarRatingComponent, isStandalone: true, selector: "moz-star-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</a>\n} @else {\n<div [class]=\"classes()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{fill:var(--star-rating-color-icon-standard, #000000)}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{fill:var(--star-rating-color-icon-accent, #ea7315)}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3325
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MozStarRatingComponent, isStandalone: true, selector: "moz-star-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</a>\n} @else {\n<div [class]=\"classes()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{fill:var(--star-rating-color-icon-standard, #000000)}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{fill:var(--star-rating-color-icon-accent, #ea7315)}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3326
3326
|
}
|
|
3327
3327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MozStarRatingComponent, decorators: [{
|
|
3328
3328
|
type: Component,
|
|
3329
|
-
args: [{ selector: 'moz-star-rating', imports: [NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3329
|
+
args: [{ selector: 'moz-star-rating', imports: [NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (href()) {\n<a [class]=\"classes()\" [href]=\"href()!\" [attr.target]=\"target()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</a>\n} @else {\n<div [class]=\"classes()\">\n <div\n class=\"star-rating__wrapper\"\n [attr.tabindex]=\"isReadonly() ? -1 : 0\"\n [attr.role]=\"isReadonly() ? 'img' : 'slider'\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-readonly]=\"isReadonly() ? true : null\"\n [attr.aria-valuemin]=\"!isReadonly() ? 0 : null\"\n [attr.aria-valuemax]=\"!isReadonly() ? maxValue() : null\"\n [attr.aria-valuenow]=\"!isReadonly() ? value() : null\"\n (keydown)=\"isReadonly() ? null : onWrapperKeydown($event)\"\n (mouseleave)=\"isReadonly() ? null : clearHover()\"\n (blur)=\"isReadonly() ? null : clearHover()\"\n >\n @for (index of stars(); track index) {\n <span\n class=\"star-rating__icon\"\n (click)=\"isReadonly() ? null : onStarClick(index)\"\n (mousemove)=\"isReadonly() ? null : onStarMouseMove(index)\"\n >\n <ng-container [ngComponentOutlet]=\"getStarComponent(index)\"></ng-container>\n </span>\n }\n </div>\n\n @if (hasInfoText()) {\n <span class=\"star-rating__info\">\n {{ text() || href() }}\n </span>\n }\n</div>\n}\n", styles: [".mc-star-rating,.star-rating{display:inline-flex;align-items:center;gap:.5rem}.mc-star-rating--standard .mc-star-rating__icon,.star-rating--standard .mc-star-rating__icon,.mc-star-rating--standard .star-rating__icon,.star-rating--standard .star-rating__icon{fill:var(--star-rating-color-icon-standard, #000000)}.mc-star-rating--accent .mc-star-rating__icon,.star-rating--accent .mc-star-rating__icon,.mc-star-rating--accent .star-rating__icon,.star-rating--accent .star-rating__icon{fill:var(--star-rating-color-icon-accent, #ea7315)}.mc-star-rating--slider,.star-rating--slider{cursor:pointer}.mc-star-rating--link,.star-rating--link{text-decoration:none;cursor:pointer}.mc-star-rating--link:not(:hover) .mc-star-rating__info,.star-rating--link:not(:hover) .mc-star-rating__info,.mc-star-rating--link:not(:hover) .star-rating__info,.star-rating--link:not(:hover) .star-rating__info{text-decoration:underline}.mc-star-rating--s .mc-star-rating__icon,.star-rating--s .mc-star-rating__icon,.mc-star-rating--s .star-rating__icon,.star-rating--s .star-rating__icon{width:1.25rem;height:1.25rem}.mc-star-rating--s .mc-star-rating__info,.star-rating--s .mc-star-rating__info,.mc-star-rating--s .star-rating__info,.star-rating--s .star-rating__info{font-size:var(--font-size-100, .875rem)}.mc-star-rating--m .mc-star-rating__icon,.star-rating--m .mc-star-rating__icon,.mc-star-rating--m .star-rating__icon,.star-rating--m .star-rating__icon{width:1.5rem;height:1.5rem}.mc-star-rating--m .mc-star-rating__info,.star-rating--m .mc-star-rating__info,.mc-star-rating--m .star-rating__info,.star-rating--m .star-rating__info{font-size:var(--font-size-150, 1rem)}.mc-star-rating--l .mc-star-rating__icon,.star-rating--l .mc-star-rating__icon,.mc-star-rating--l .star-rating__icon,.star-rating--l .star-rating__icon{width:2rem;height:2rem}.mc-star-rating--l .mc-star-rating__info,.star-rating--l .mc-star-rating__info,.mc-star-rating--l .star-rating__info,.star-rating--l .star-rating__info{font-size:var(--font-size-200, 1.125rem)}.mc-star-rating__wrapper,.star-rating__wrapper{display:flex;align-items:center}.mc-star-rating__info,.star-rating__info{font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000)}\n"] }]
|
|
3330
3330
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
|
|
3331
3331
|
|
|
3332
3332
|
/**
|