@mozaic-ds/angular 2.0.23 → 2.0.24

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.
@@ -4357,23 +4357,15 @@ class MozPopoverComponent {
4357
4357
  'mc-popover--no-pointer': !pointer,
4358
4358
  };
4359
4359
  }, ...(ngDevMode ? [{ debugName: "classMap" }] : []));
4360
- closeButtonClass = computed(() => ({
4361
- 'mc-popover__close': true,
4362
- 'mc-button': true,
4363
- 'mc-button--icon-button': true,
4364
- 'mc-button--s': true,
4365
- 'mc-button--ghost': true,
4366
- 'mc-button--inverse': this.appearance() === 'inverse',
4367
- }), ...(ngDevMode ? [{ debugName: "closeButtonClass" }] : []));
4368
4360
  onClose() {
4369
4361
  this.closeClick.emit();
4370
4362
  }
4371
4363
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MozPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4372
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MozPopoverComponent, isStandalone: true, selector: "moz-popover", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeClick: "closeClick" }, queries: [{ propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], exportAs: ["mozPopover"], ngImport: i0, template: "<div [class]=\"classMap()\">\n <div class=\"mc-popover__wrapper\">\n <div class=\"mc-popover__content\">\n @if (title() || description()) {\n <div class=\"mc-popover__headings\">\n @if (title()) {\n <p class=\"mc-popover__title\">{{ title() }}</p>\n } @if (description()) {\n <p class=\"mc-popover__description\">{{ description() }}</p>\n }\n </div>\n } @if (closable()) {\n <button [class]=\"closeButtonClass()\" type=\"button\" aria-label=\"Close\" (click)=\"onClose()\">\n <Cross20 icon />\n </button>\n }\n\n <ng-content />\n\n @if (footerTpl()) {\n <div class=\"mc-popover__footer\">\n <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".mc-popover__wrapper{border-radius:var(--border-radius-m, .5rem)}.mc-popover__wrapper: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-popover__wrapper{position:relative;padding:1rem;background-color:var(--popover-color-background-standard, #ffffff);box-sizing:border-box;overflow:visible;border:var(--border-width-s, .0625rem) solid var(--popover-color-border-standard, #cccccc);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@supports (width: max-content){.mc-popover__wrapper{width:max-content}}.mc-popover__wrapper:before{background-color:var(--popover-color-border-standard, #cccccc);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-popover__wrapper:after{background-color:var(--popover-color-background-standard, #ffffff);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-popover__content{display:flex;flex-direction:column;gap:1rem}.mc-popover__headings{display:flex;flex-direction:column;gap:.5rem}.mc-popover__close{position:absolute;top:4px;right:4px}.mc-popover__title{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__description{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__footer{display:flex;justify-content:end;gap:1rem}.mc-popover--inverse .mc-popover__wrapper{background-color:var(--popover-color-background-inverse, #242938);border-color:var(--popover-color-border-inverse, #636d88)}.mc-popover--inverse .mc-popover__wrapper:before{background-color:var(--popover-color-border-inverse, #636d88);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__wrapper:after{background-color:var(--popover-color-background-inverse, #242938);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__title,.mc-popover--inverse .mc-popover__description{color:var(--popover-color-text-inverse, #ffffff)}.mc-popover--s .mc-popover__wrapper{width:18rem}.mc-popover--m .mc-popover__wrapper{width:27.75rem}.mc-popover--l .mc-popover__wrapper{width:37.5rem}.mc-popover--top .mc-popover__wrapper{margin:0 0 10px;inset:auto;position-area:top}.mc-popover--top .mc-popover__wrapper:after,.mc-popover--top .mc-popover__wrapper:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-popover--top .mc-popover__wrapper:before{bottom:-1px}.mc-popover--right .mc-popover__wrapper{margin:0 0 0 10px;inset:auto;position-area:right}.mc-popover--right .mc-popover__wrapper:after,.mc-popover--right .mc-popover__wrapper:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-popover--right .mc-popover__wrapper:before{left:-1px}.mc-popover--left .mc-popover__wrapper{margin:0 10px 0 0;inset:auto;position-area:left}.mc-popover--left .mc-popover__wrapper:after,.mc-popover--left .mc-popover__wrapper:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-popover--left .mc-popover__wrapper:before{right:-1px}.mc-popover--bottom .mc-popover__wrapper{margin:10px 0 0;inset:auto;position-area:bottom}.mc-popover--bottom .mc-popover__wrapper:after,.mc-popover--bottom .mc-popover__wrapper:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-popover--bottom .mc-popover__wrapper:before{top:-1px}.mc-popover--no-pointer .mc-popover__wrapper:after,.mc-popover--no-pointer .mc-popover__wrapper:before{background:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Cross20, selector: "Cross20", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4364
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MozPopoverComponent, isStandalone: true, selector: "moz-popover", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pointer: { classPropertyName: "pointer", publicName: "pointer", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeClick: "closeClick" }, queries: [{ propertyName: "footerTpl", first: true, predicate: ["footer"], isSignal: true }], exportAs: ["mozPopover"], ngImport: i0, template: "<div [class]=\"classMap()\">\n <div class=\"mc-popover__wrapper\">\n <div class=\"mc-popover__content\">\n @if (title() || description()) {\n <div class=\"mc-popover__headings\">\n @if (title()) {\n <p class=\"mc-popover__title\">{{ title() }}</p>\n } @if (description()) {\n <p class=\"mc-popover__description\">{{ description() }}</p>\n }\n </div>\n } @if (closable()) {\n <moz-icon-button\n id=\"popover-close\"\n class=\"mc-popover__close\"\n aria-label=\"Close\"\n [size]=\"'s'\"\n [ghost]=\"true\"\n (click)=\"onClose()\"\n >\n <Cross20 icon />\n </moz-icon-button>\n }\n\n <ng-content />\n\n @if (footerTpl()) {\n <div class=\"mc-popover__footer\">\n <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".mc-popover__wrapper{border-radius:var(--border-radius-m, .5rem)}.mc-popover__wrapper: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-popover__wrapper{position:relative;padding:1rem;background-color:var(--popover-color-background-standard, #ffffff);box-sizing:border-box;overflow:visible;border:var(--border-width-s, .0625rem) solid var(--popover-color-border-standard, #cccccc);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@supports (width: max-content){.mc-popover__wrapper{width:max-content}}.mc-popover__wrapper:before{background-color:var(--popover-color-border-standard, #cccccc);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-popover__wrapper:after{background-color:var(--popover-color-background-standard, #ffffff);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-popover__content{display:flex;flex-direction:column;gap:1rem}.mc-popover__headings{display:flex;flex-direction:column;gap:.5rem}.mc-popover__close{position:absolute;top:4px;right:4px}.mc-popover__title{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__description{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__footer{display:flex;justify-content:end;gap:1rem}.mc-popover--inverse .mc-popover__wrapper{background-color:var(--popover-color-background-inverse, #242938);border-color:var(--popover-color-border-inverse, #636d88)}.mc-popover--inverse .mc-popover__wrapper:before{background-color:var(--popover-color-border-inverse, #636d88);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__wrapper:after{background-color:var(--popover-color-background-inverse, #242938);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__title,.mc-popover--inverse .mc-popover__description{color:var(--popover-color-text-inverse, #ffffff)}.mc-popover--s .mc-popover__wrapper{width:18rem}.mc-popover--m .mc-popover__wrapper{width:27.75rem}.mc-popover--l .mc-popover__wrapper{width:37.5rem}.mc-popover--top .mc-popover__wrapper{margin:0 0 10px;inset:auto;position-area:top}.mc-popover--top .mc-popover__wrapper:after,.mc-popover--top .mc-popover__wrapper:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-popover--top .mc-popover__wrapper:before{bottom:-1px}.mc-popover--right .mc-popover__wrapper{margin:0 0 0 10px;inset:auto;position-area:right}.mc-popover--right .mc-popover__wrapper:after,.mc-popover--right .mc-popover__wrapper:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-popover--right .mc-popover__wrapper:before{left:-1px}.mc-popover--left .mc-popover__wrapper{margin:0 10px 0 0;inset:auto;position-area:left}.mc-popover--left .mc-popover__wrapper:after,.mc-popover--left .mc-popover__wrapper:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-popover--left .mc-popover__wrapper:before{right:-1px}.mc-popover--bottom .mc-popover__wrapper{margin:10px 0 0;inset:auto;position-area:bottom}.mc-popover--bottom .mc-popover__wrapper:after,.mc-popover--bottom .mc-popover__wrapper:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-popover--bottom .mc-popover__wrapper:before{top:-1px}.mc-popover--no-pointer .mc-popover__wrapper:after,.mc-popover--no-pointer .mc-popover__wrapper:before{background:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Cross20, selector: "Cross20", inputs: ["hostClass"] }, { kind: "component", type: MozIconButtonComponent, selector: "moz-icon-button", inputs: ["id", "appearance", "size", "disabled", "ghost", "outlined", "type", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4373
4365
  }
4374
4366
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MozPopoverComponent, decorators: [{
4375
4367
  type: Component,
4376
- args: [{ selector: 'moz-popover', imports: [NgTemplateOutlet, Cross20], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'mozPopover', template: "<div [class]=\"classMap()\">\n <div class=\"mc-popover__wrapper\">\n <div class=\"mc-popover__content\">\n @if (title() || description()) {\n <div class=\"mc-popover__headings\">\n @if (title()) {\n <p class=\"mc-popover__title\">{{ title() }}</p>\n } @if (description()) {\n <p class=\"mc-popover__description\">{{ description() }}</p>\n }\n </div>\n } @if (closable()) {\n <button [class]=\"closeButtonClass()\" type=\"button\" aria-label=\"Close\" (click)=\"onClose()\">\n <Cross20 icon />\n </button>\n }\n\n <ng-content />\n\n @if (footerTpl()) {\n <div class=\"mc-popover__footer\">\n <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".mc-popover__wrapper{border-radius:var(--border-radius-m, .5rem)}.mc-popover__wrapper: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-popover__wrapper{position:relative;padding:1rem;background-color:var(--popover-color-background-standard, #ffffff);box-sizing:border-box;overflow:visible;border:var(--border-width-s, .0625rem) solid var(--popover-color-border-standard, #cccccc);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@supports (width: max-content){.mc-popover__wrapper{width:max-content}}.mc-popover__wrapper:before{background-color:var(--popover-color-border-standard, #cccccc);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-popover__wrapper:after{background-color:var(--popover-color-background-standard, #ffffff);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-popover__content{display:flex;flex-direction:column;gap:1rem}.mc-popover__headings{display:flex;flex-direction:column;gap:.5rem}.mc-popover__close{position:absolute;top:4px;right:4px}.mc-popover__title{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__description{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__footer{display:flex;justify-content:end;gap:1rem}.mc-popover--inverse .mc-popover__wrapper{background-color:var(--popover-color-background-inverse, #242938);border-color:var(--popover-color-border-inverse, #636d88)}.mc-popover--inverse .mc-popover__wrapper:before{background-color:var(--popover-color-border-inverse, #636d88);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__wrapper:after{background-color:var(--popover-color-background-inverse, #242938);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__title,.mc-popover--inverse .mc-popover__description{color:var(--popover-color-text-inverse, #ffffff)}.mc-popover--s .mc-popover__wrapper{width:18rem}.mc-popover--m .mc-popover__wrapper{width:27.75rem}.mc-popover--l .mc-popover__wrapper{width:37.5rem}.mc-popover--top .mc-popover__wrapper{margin:0 0 10px;inset:auto;position-area:top}.mc-popover--top .mc-popover__wrapper:after,.mc-popover--top .mc-popover__wrapper:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-popover--top .mc-popover__wrapper:before{bottom:-1px}.mc-popover--right .mc-popover__wrapper{margin:0 0 0 10px;inset:auto;position-area:right}.mc-popover--right .mc-popover__wrapper:after,.mc-popover--right .mc-popover__wrapper:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-popover--right .mc-popover__wrapper:before{left:-1px}.mc-popover--left .mc-popover__wrapper{margin:0 10px 0 0;inset:auto;position-area:left}.mc-popover--left .mc-popover__wrapper:after,.mc-popover--left .mc-popover__wrapper:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-popover--left .mc-popover__wrapper:before{right:-1px}.mc-popover--bottom .mc-popover__wrapper{margin:10px 0 0;inset:auto;position-area:bottom}.mc-popover--bottom .mc-popover__wrapper:after,.mc-popover--bottom .mc-popover__wrapper:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-popover--bottom .mc-popover__wrapper:before{top:-1px}.mc-popover--no-pointer .mc-popover__wrapper:after,.mc-popover--no-pointer .mc-popover__wrapper:before{background:none}\n"] }]
4368
+ args: [{ selector: 'moz-popover', imports: [NgTemplateOutlet, Cross20, MozIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'mozPopover', template: "<div [class]=\"classMap()\">\n <div class=\"mc-popover__wrapper\">\n <div class=\"mc-popover__content\">\n @if (title() || description()) {\n <div class=\"mc-popover__headings\">\n @if (title()) {\n <p class=\"mc-popover__title\">{{ title() }}</p>\n } @if (description()) {\n <p class=\"mc-popover__description\">{{ description() }}</p>\n }\n </div>\n } @if (closable()) {\n <moz-icon-button\n id=\"popover-close\"\n class=\"mc-popover__close\"\n aria-label=\"Close\"\n [size]=\"'s'\"\n [ghost]=\"true\"\n (click)=\"onClose()\"\n >\n <Cross20 icon />\n </moz-icon-button>\n }\n\n <ng-content />\n\n @if (footerTpl()) {\n <div class=\"mc-popover__footer\">\n <ng-container *ngTemplateOutlet=\"footerTpl()\" />\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".mc-popover__wrapper{border-radius:var(--border-radius-m, .5rem)}.mc-popover__wrapper: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-popover__wrapper{position:relative;padding:1rem;background-color:var(--popover-color-background-standard, #ffffff);box-sizing:border-box;overflow:visible;border:var(--border-width-s, .0625rem) solid var(--popover-color-border-standard, #cccccc);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0,0,0,var(--shadow-bottom-s-opacity, 20%))}@supports (width: max-content){.mc-popover__wrapper{width:max-content}}.mc-popover__wrapper:before{background-color:var(--popover-color-border-standard, #cccccc);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-popover__wrapper:after{background-color:var(--popover-color-background-standard, #ffffff);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-popover__content{display:flex;flex-direction:column;gap:1rem}.mc-popover__headings{display:flex;flex-direction:column;gap:.5rem}.mc-popover__close{position:absolute;top:4px;right:4px}.mc-popover__title{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__description{font-size:var(--font-body-s, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--popover-color-text-standard, #000000);margin:0}.mc-popover__footer{display:flex;justify-content:end;gap:1rem}.mc-popover--inverse .mc-popover__wrapper{background-color:var(--popover-color-background-inverse, #242938);border-color:var(--popover-color-border-inverse, #636d88)}.mc-popover--inverse .mc-popover__wrapper:before{background-color:var(--popover-color-border-inverse, #636d88);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__wrapper:after{background-color:var(--popover-color-background-inverse, #242938);mask: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 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\") no-repeat center/contain;-webkit-mask: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 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\") no-repeat center/contain}.mc-popover--inverse .mc-popover__title,.mc-popover--inverse .mc-popover__description{color:var(--popover-color-text-inverse, #ffffff)}.mc-popover--s .mc-popover__wrapper{width:18rem}.mc-popover--m .mc-popover__wrapper{width:27.75rem}.mc-popover--l .mc-popover__wrapper{width:37.5rem}.mc-popover--top .mc-popover__wrapper{margin:0 0 10px;inset:auto;position-area:top}.mc-popover--top .mc-popover__wrapper:after,.mc-popover--top .mc-popover__wrapper:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-popover--top .mc-popover__wrapper:before{bottom:-1px}.mc-popover--right .mc-popover__wrapper{margin:0 0 0 10px;inset:auto;position-area:right}.mc-popover--right .mc-popover__wrapper:after,.mc-popover--right .mc-popover__wrapper:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-popover--right .mc-popover__wrapper:before{left:-1px}.mc-popover--left .mc-popover__wrapper{margin:0 10px 0 0;inset:auto;position-area:left}.mc-popover--left .mc-popover__wrapper:after,.mc-popover--left .mc-popover__wrapper:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-popover--left .mc-popover__wrapper:before{right:-1px}.mc-popover--bottom .mc-popover__wrapper{margin:10px 0 0;inset:auto;position-area:bottom}.mc-popover--bottom .mc-popover__wrapper:after,.mc-popover--bottom .mc-popover__wrapper:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-popover--bottom .mc-popover__wrapper:before{top:-1px}.mc-popover--no-pointer .mc-popover__wrapper:after,.mc-popover--no-pointer .mc-popover__wrapper:before{background:none}\n"] }]
4377
4369
  }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pointer: [{ type: i0.Input, args: [{ isSignal: true, alias: "pointer", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }], footerTpl: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }] } });
4378
4370
 
4379
4371
  const POPOVER_CONFIG = new InjectionToken('POPOVER_CONFIG');