@mozaic-ds/angular 2.0.23 → 2.0.25
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
|
|
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
|
|
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');
|
|
@@ -4389,6 +4381,7 @@ const DEFAULT_POPOVER_CONFIG = {
|
|
|
4389
4381
|
class PopoverRef {
|
|
4390
4382
|
overlayRef;
|
|
4391
4383
|
afterClosed$ = new Subject();
|
|
4384
|
+
_closed = false;
|
|
4392
4385
|
constructor(overlayRef) {
|
|
4393
4386
|
this.overlayRef = overlayRef;
|
|
4394
4387
|
this.overlayRef.backdropClick().subscribe(() => this.close());
|
|
@@ -4399,14 +4392,20 @@ class PopoverRef {
|
|
|
4399
4392
|
});
|
|
4400
4393
|
// Fermeture par scrollStrategy ou autre détachement externe
|
|
4401
4394
|
this.overlayRef.detachments().subscribe(() => {
|
|
4402
|
-
this.
|
|
4403
|
-
|
|
4395
|
+
if (!this._closed) {
|
|
4396
|
+
this._closed = true;
|
|
4397
|
+
this.afterClosed$.next(undefined);
|
|
4398
|
+
this.afterClosed$.complete();
|
|
4399
|
+
}
|
|
4404
4400
|
});
|
|
4405
4401
|
}
|
|
4406
4402
|
close(result) {
|
|
4407
|
-
this.
|
|
4403
|
+
if (this._closed)
|
|
4404
|
+
return;
|
|
4405
|
+
this._closed = true;
|
|
4408
4406
|
this.afterClosed$.next(result);
|
|
4409
4407
|
this.afterClosed$.complete();
|
|
4408
|
+
this.overlayRef.dispose();
|
|
4410
4409
|
}
|
|
4411
4410
|
afterClosed() {
|
|
4412
4411
|
return this.afterClosed$.asObservable();
|