angular-material-wrap 0.1.0-beta.12 → 0.1.0-beta.13
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.
|
@@ -11324,8 +11324,8 @@ class AmwPopoverComponent {
|
|
|
11324
11324
|
footerTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "footerTemplate" }] : []));
|
|
11325
11325
|
/** Popover content text */
|
|
11326
11326
|
content = input('', ...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
11327
|
-
/** Popover size */
|
|
11328
|
-
size = input('
|
|
11327
|
+
/** Popover size - 'auto' allows content to dictate size */
|
|
11328
|
+
size = input('auto', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
11329
11329
|
/** Whether the popover is disabled */
|
|
11330
11330
|
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
11331
11331
|
/** Whether to show arrow */
|
|
@@ -11494,7 +11494,7 @@ class AmwPopoverComponent {
|
|
|
11494
11494
|
// Start with defaults
|
|
11495
11495
|
const defaults = {
|
|
11496
11496
|
opened: false,
|
|
11497
|
-
size: '
|
|
11497
|
+
size: 'auto',
|
|
11498
11498
|
position: 'auto',
|
|
11499
11499
|
showArrow: false,
|
|
11500
11500
|
showClose: true,
|
|
@@ -11772,6 +11772,8 @@ class AmwPopoverComponent {
|
|
|
11772
11772
|
return this.currentConfig.width;
|
|
11773
11773
|
}
|
|
11774
11774
|
switch (this.currentConfig.size) {
|
|
11775
|
+
case 'auto':
|
|
11776
|
+
return undefined; // Let content dictate width
|
|
11775
11777
|
case 'small':
|
|
11776
11778
|
return '200px';
|
|
11777
11779
|
case 'large':
|
|
@@ -12185,7 +12187,7 @@ class AmwPopoverComponent {
|
|
|
12185
12187
|
}
|
|
12186
12188
|
}
|
|
12187
12189
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AmwPopoverComponent, deps: [{ token: i1$a.Overlay }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
12188
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: AmwPopoverComponent, isStandalone: true, selector: "amw-popover", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, triggerTemplate: { classPropertyName: "triggerTemplate", publicName: "triggerTemplate", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, headerTitle: { classPropertyName: "headerTitle", publicName: "headerTitle", isSignal: true, isRequired: false, transformFunction: null }, headerSubtitle: { classPropertyName: "headerSubtitle", publicName: "headerSubtitle", isSignal: true, isRequired: false, transformFunction: null }, footerText: { classPropertyName: "footerText", publicName: "footerText", isSignal: true, isRequired: false, transformFunction: null }, closeButtonText: { classPropertyName: "closeButtonText", publicName: "closeButtonText", isSignal: true, isRequired: false, transformFunction: null }, closeButtonIcon: { classPropertyName: "closeButtonIcon", publicName: "closeButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, arrowSize: { classPropertyName: "arrowSize", publicName: "arrowSize", isSignal: true, isRequired: false, transformFunction: null }, arrowColor: { classPropertyName: "arrowColor", publicName: "arrowColor", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, triggerIcon: { classPropertyName: "triggerIcon", publicName: "triggerIcon", isSignal: true, isRequired: false, transformFunction: null }, triggerText: { classPropertyName: "triggerText", publicName: "triggerText", isSignal: true, isRequired: false, transformFunction: null }, popoverId: { classPropertyName: "popoverId", publicName: "popoverId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose", toggle: "toggle", close: "close" }, queries: [{ propertyName: "projectedTriggerTemplate", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "projectedContentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerRef class=\"amw-popover__trigger\" [class.amw-popover__trigger--disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened()\" [attr.aria-haspopup]=\"true\" [attr.aria-controls]=\"actualPopoverId()\"\n [attr.aria-describedby]=\"opened() ? actualPopoverId() : null\" [attr.tabindex]=\"disabled() ? -1 : 0\"\n (click)=\"onTriggerClick($event)\"\n (mouseenter)=\"onTriggerMouseEnter($event)\"\n (mouseleave)=\"onTriggerMouseLeave($event)\"\n (focus)=\"onTriggerFocus($event)\"\n (blur)=\"onTriggerBlur($event)\"\n (keydown)=\"onTriggerKeyDown($event)\">\n\n <!-- Custom Trigger Template -->\n @if (resolvedTriggerTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedTriggerTemplate()!\"></ng-container>\n } @else {\n <amw-button appearance=\"text\"\n [icon]=\"triggerIcon()\"\n [iconPosition]=\"'left'\"\n class=\"amw-popover__trigger-button\"\n [disabled]=\"disabled()\">\n {{ triggerText() }}\n </amw-button>\n }\n</div>\n\n<!-- Popover Content Template for Overlay -->\n<ng-template #contentRef>\n <div [id]=\"actualPopoverId()\" class=\"amw-popover__popover\" [class.amw-popover__popover--visible]=\"opened()\"\n [class.amw-popover__popover--small]=\"size() === 'small'\" [class.amw-popover__popover--medium]=\"size() === 'medium'\"\n [class.amw-popover__popover--large]=\"size() === 'large'\" [class.amw-popover__popover--extra-large]=\"size() === 'extra-large'\" [class.amw-popover__popover--with-arrow]=\"showArrow()\"\n [class.amw-popover__popover--with-header]=\"showHeader()\" [class.amw-popover__popover--with-footer]=\"showFooter()\"\n [class.amw-popover__popover--with-scrollbar]=\"scrollable()\" [class.amw-popover__popover--disabled]=\"disabled()\"\n [attr.role]=\"'dialog'\" [attr.aria-hidden]=\"!opened()\" [attr.aria-labelledby]=\"headerTitle() ? actualPopoverId() + '-title' : null\"\n [attr.aria-describedby]=\"resolvedContentTemplate() ? actualPopoverId() + '-content' : null\">\n\n <!-- Arrows rendered before bubble-content so bubble paints on top, covering inner half -->\n @if (showArrow() && resolvedPosition() === 'bottom') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--right\"></div>\n }\n\n <!-- Speech Bubble Content Container -->\n <div class=\"amw-popover__bubble-content\" [attr.data-position]=\"resolvedPosition()\" [attr.data-show-arrow]=\"showArrow()\">\n <!-- Header -->\n @if (showHeader()) {\n <div class=\"amw-popover__header\">\n <div class=\"amw-popover__header-content\">\n <div class=\"amw-popover__header-text\">\n @if (headerTitle()) {\n <h3 class=\"amw-popover__header-title\" [id]=\"actualPopoverId() + '-title'\">{{ headerTitle() }}</h3>\n }\n @if (headerSubtitle()) {\n <p class=\"amw-popover__header-subtitle\">{{ headerSubtitle() }}</p>\n }\n </div>\n @if (showClose()) {\n <amw-button\n appearance=\"icon\"\n [icon]=\"closeButtonIcon()\"\n class=\"amw-popover__close\"\n [ariaLabel]=\"closeButtonText()\"\n (click)=\"onCloseClick()\">\n </amw-button>\n }\n </div>\n </div>\n }\n\n <!-- Content -->\n <div class=\"amw-popover__content\" [id]=\"actualPopoverId() + '-content'\">\n <!-- Custom Content Template -->\n @if (resolvedContentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedContentTemplate()!\"></ng-container>\n } @else {\n <div class=\"amw-popover__default-content\">\n <p>{{ content() }}</p>\n </div>\n }\n\n <!-- Default Content Template -->\n </div>\n\n <!-- Footer -->\n @if (showFooter()) {\n <div class=\"amw-popover__footer\">\n <p class=\"amw-popover__footer-text\">{{ footerText() }}</p>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".amw-popover__trigger{display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-popover__trigger--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.amw-popover__trigger-button{color:var(--mdc-theme-primary);font-weight:500;text-transform:none;letter-spacing:normal}.amw-popover__trigger-button:hover{background-color:var(--mdc-theme-primary-container);color:var(--mdc-theme-on-primary-container)}.amw-popover__trigger-button:focus{outline:2px solid var(--mdc-theme-primary);outline-offset:2px}.amw-popover__trigger-button[disabled]{color:var(--mdc-theme-on-surface);opacity:.38}.amw-popover__popover{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;max-width:100%!important;max-height:100%!important;position:relative!important;z-index:1000!important;pointer-events:auto!important;padding:0!important;min-width:200px;font-family:Roboto,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08)) drop-shadow(0 8px 24px rgba(0,0,0,.12))!important}.amw-popover__popover *:not([style*=background]){background-color:inherit}.amw-popover__popover--small{min-width:200px;max-width:200px}.amw-popover__popover--medium{min-width:300px;max-width:300px}.amw-popover__popover--large{min-width:400px;max-width:400px}.amw-popover__popover--extra-large{min-width:480px;max-width:520px}.amw-popover__popover--with-header .amw-popover__content{border-top:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-footer .amw-popover__content{border-bottom:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-track{background:var(--mdc-theme-surface-variant);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__popover--disabled{opacity:.6;pointer-events:none}.amw-popover__bubble-content{background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:1!important}.amw-popover__arrow{position:absolute!important;width:16px!important;height:16px!important;background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;transform:rotate(45deg)!important;z-index:2!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;outline:none!important;border-radius:0!important;box-shadow:none!important}.amw-popover__arrow--up{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.amw-popover__arrow--down{bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-left-color:transparent!important;border-top-color:transparent!important}.amw-popover__arrow--left{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-top-color:transparent!important;border-right-color:transparent!important}.amw-popover__arrow--right{right:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.amw-popover__arrow--align-left{left:24px!important;transform:rotate(45deg)!important}.amw-popover__arrow--align-right{left:auto!important;right:24px!important;transform:rotate(45deg)!important}.amw-popover__header{padding:16px 20px!important;border-bottom:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.amw-popover__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-popover__header-text{flex:1}.amw-popover__header-title{margin:0 0 4px;font-size:1.125rem;font-weight:500;color:var(--mdc-theme-on-surface);line-height:1.4}.amw-popover__header-subtitle{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__close{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;color:var(--mdc-theme-on-surface-variant)!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;border:none!important;padding:4px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.amw-popover__close:hover{color:var(--mdc-theme-on-surface)!important;background:var(--mdc-theme-surface-variant)!important;border-radius:50%!important}.amw-popover__close:focus{outline:2px solid var(--mdc-theme-primary)!important;outline-offset:2px!important}.amw-popover__content{padding:16px 20px!important;max-height:300px!important;overflow-y:auto!important;color:var(--mdc-theme-on-surface)!important;line-height:1.6!important;background:transparent!important;display:block!important;font-size:14px!important}.amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__content::-webkit-scrollbar-track{background:transparent}.amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__default-content{display:block!important;background:transparent!important}.amw-popover__default-content p{margin:0 0 16px!important;font-size:.875rem!important;color:var(--mdc-theme-on-surface-variant)!important;display:block!important;background:transparent!important}.amw-popover__default-content p:last-child{margin-bottom:0!important}.amw-popover__footer{padding:16px 20px!important;border-top:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;font-size:12px!important;color:var(--mdc-theme-on-surface-variant)!important}.amw-popover__footer-text{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__backdrop{background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.amw-popover__panel .amw-popover{margin:0!important;display:block!important}.amw-popover .cdk-overlay-pane.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}@media(max-width:768px){.amw-popover__popover--small{min-width:180px;max-width:180px}.amw-popover__popover--medium{min-width:250px;max-width:250px}.amw-popover__popover--large{min-width:320px;max-width:320px}.amw-popover__content{max-height:250px;padding:12px}.amw-popover__header{padding:12px}.amw-popover__header-title{font-size:1rem}.amw-popover__header-subtitle{font-size:.8125rem}.amw-popover__footer{padding:12px}}.mat-theme-dark .amw-popover__popover{background:var(--mdc-theme-surface);filter:drop-shadow(0 4px 8px rgba(0,0,0,.16)) drop-shadow(0 8px 24px rgba(0,0,0,.24))}.mat-theme-dark .amw-popover__header{background:var(--mdc-theme-surface-container);border-bottom-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__footer{background:var(--mdc-theme-surface-container);border-top-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__backdrop{background:#0000007a}@media(prefers-contrast:high){.amw-popover__popover{border:2px solid var(--mdc-theme-outline)}.amw-popover__header{border-bottom-width:2px}.amw-popover__footer{border-top-width:2px}.amw-popover__trigger-button:focus{outline-width:3px}.amw-popover__close:focus{outline-width:3px}}@media(prefers-reduced-motion:reduce){.amw-popover *{transition:none!important;animation:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AmwButtonComponent, selector: "amw-button", inputs: ["type", "appearance", "fab", "icon", "iconPosition", "loading", "fullWidth", "autofocus", "text", "form", "formAction", "formMethod", "formTarget", "formEnctype", "formNoValidate", "formReset", "ripple", "disableRipple", "rippleColor", "rippleRadius", "rippleCentered", "rippleUnbounded", "spinnerSize", "spinnerColor"], outputs: ["buttonClick", "buttonFocus", "buttonBlur", "mouseenter", "mouseleave"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatRippleModule }, { kind: "ngmodule", type: OverlayModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
12190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: AmwPopoverComponent, isStandalone: true, selector: "amw-popover", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, triggerTemplate: { classPropertyName: "triggerTemplate", publicName: "triggerTemplate", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, headerTitle: { classPropertyName: "headerTitle", publicName: "headerTitle", isSignal: true, isRequired: false, transformFunction: null }, headerSubtitle: { classPropertyName: "headerSubtitle", publicName: "headerSubtitle", isSignal: true, isRequired: false, transformFunction: null }, footerText: { classPropertyName: "footerText", publicName: "footerText", isSignal: true, isRequired: false, transformFunction: null }, closeButtonText: { classPropertyName: "closeButtonText", publicName: "closeButtonText", isSignal: true, isRequired: false, transformFunction: null }, closeButtonIcon: { classPropertyName: "closeButtonIcon", publicName: "closeButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, arrowSize: { classPropertyName: "arrowSize", publicName: "arrowSize", isSignal: true, isRequired: false, transformFunction: null }, arrowColor: { classPropertyName: "arrowColor", publicName: "arrowColor", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, triggerIcon: { classPropertyName: "triggerIcon", publicName: "triggerIcon", isSignal: true, isRequired: false, transformFunction: null }, triggerText: { classPropertyName: "triggerText", publicName: "triggerText", isSignal: true, isRequired: false, transformFunction: null }, popoverId: { classPropertyName: "popoverId", publicName: "popoverId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose", toggle: "toggle", close: "close" }, queries: [{ propertyName: "projectedTriggerTemplate", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "projectedContentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerRef class=\"amw-popover__trigger\" [class.amw-popover__trigger--disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened()\" [attr.aria-haspopup]=\"true\" [attr.aria-controls]=\"actualPopoverId()\"\n [attr.aria-describedby]=\"opened() ? actualPopoverId() : null\" [attr.tabindex]=\"disabled() ? -1 : 0\"\n (click)=\"onTriggerClick($event)\"\n (mouseenter)=\"onTriggerMouseEnter($event)\"\n (mouseleave)=\"onTriggerMouseLeave($event)\"\n (focus)=\"onTriggerFocus($event)\"\n (blur)=\"onTriggerBlur($event)\"\n (keydown)=\"onTriggerKeyDown($event)\">\n\n <!-- Custom Trigger Template -->\n @if (resolvedTriggerTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedTriggerTemplate()!\"></ng-container>\n } @else {\n <amw-button appearance=\"text\"\n [icon]=\"triggerIcon()\"\n [iconPosition]=\"'left'\"\n class=\"amw-popover__trigger-button\"\n [disabled]=\"disabled()\">\n {{ triggerText() }}\n </amw-button>\n }\n</div>\n\n<!-- Popover Content Template for Overlay -->\n<ng-template #contentRef>\n <div [id]=\"actualPopoverId()\" class=\"amw-popover__popover\" [class.amw-popover__popover--visible]=\"opened()\"\n [class.amw-popover__popover--auto]=\"size() === 'auto'\" [class.amw-popover__popover--small]=\"size() === 'small'\"\n [class.amw-popover__popover--medium]=\"size() === 'medium'\" [class.amw-popover__popover--large]=\"size() === 'large'\"\n [class.amw-popover__popover--extra-large]=\"size() === 'extra-large'\" [class.amw-popover__popover--with-arrow]=\"showArrow()\"\n [class.amw-popover__popover--with-header]=\"showHeader()\" [class.amw-popover__popover--with-footer]=\"showFooter()\"\n [class.amw-popover__popover--with-scrollbar]=\"scrollable()\" [class.amw-popover__popover--disabled]=\"disabled()\"\n [attr.role]=\"'dialog'\" [attr.aria-hidden]=\"!opened()\" [attr.aria-labelledby]=\"headerTitle() ? actualPopoverId() + '-title' : null\"\n [attr.aria-describedby]=\"resolvedContentTemplate() ? actualPopoverId() + '-content' : null\">\n\n <!-- Arrows rendered before bubble-content so bubble paints on top, covering inner half -->\n @if (showArrow() && resolvedPosition() === 'bottom') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--right\"></div>\n }\n\n <!-- Speech Bubble Content Container -->\n <div class=\"amw-popover__bubble-content\" [attr.data-position]=\"resolvedPosition()\" [attr.data-show-arrow]=\"showArrow()\">\n <!-- Header -->\n @if (showHeader()) {\n <div class=\"amw-popover__header\">\n <div class=\"amw-popover__header-content\">\n <div class=\"amw-popover__header-text\">\n @if (headerTitle()) {\n <h3 class=\"amw-popover__header-title\" [id]=\"actualPopoverId() + '-title'\">{{ headerTitle() }}</h3>\n }\n @if (headerSubtitle()) {\n <p class=\"amw-popover__header-subtitle\">{{ headerSubtitle() }}</p>\n }\n </div>\n @if (showClose()) {\n <amw-button\n appearance=\"icon\"\n [icon]=\"closeButtonIcon()\"\n class=\"amw-popover__close\"\n [ariaLabel]=\"closeButtonText()\"\n (click)=\"onCloseClick()\">\n </amw-button>\n }\n </div>\n </div>\n }\n\n <!-- Content -->\n <div class=\"amw-popover__content\" [id]=\"actualPopoverId() + '-content'\">\n <!-- Custom Content Template -->\n @if (resolvedContentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedContentTemplate()!\"></ng-container>\n } @else {\n <div class=\"amw-popover__default-content\">\n <p>{{ content() }}</p>\n </div>\n }\n\n <!-- Default Content Template -->\n </div>\n\n <!-- Footer -->\n @if (showFooter()) {\n <div class=\"amw-popover__footer\">\n <p class=\"amw-popover__footer-text\">{{ footerText() }}</p>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".amw-popover__trigger{display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-popover__trigger--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.amw-popover__trigger-button{color:var(--mdc-theme-primary);font-weight:500;text-transform:none;letter-spacing:normal}.amw-popover__trigger-button:hover{background-color:var(--mdc-theme-primary-container);color:var(--mdc-theme-on-primary-container)}.amw-popover__trigger-button:focus{outline:2px solid var(--mdc-theme-primary);outline-offset:2px}.amw-popover__trigger-button[disabled]{color:var(--mdc-theme-on-surface);opacity:.38}.amw-popover__popover{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;max-width:100%!important;max-height:100%!important;position:relative!important;z-index:1000!important;pointer-events:auto!important;padding:0!important;min-width:200px;font-family:Roboto,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08)) drop-shadow(0 8px 24px rgba(0,0,0,.12))!important}.amw-popover__popover *:not([style*=background]){background-color:inherit}.amw-popover__popover--auto{min-width:auto;max-width:90vw;width:fit-content}.amw-popover__popover--small{min-width:200px;max-width:200px}.amw-popover__popover--medium{min-width:300px;max-width:300px}.amw-popover__popover--large{min-width:400px;max-width:400px}.amw-popover__popover--extra-large{min-width:480px;max-width:520px}.amw-popover__popover--with-header .amw-popover__content{border-top:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-footer .amw-popover__content{border-bottom:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-track{background:var(--mdc-theme-surface-variant);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__popover--disabled{opacity:.6;pointer-events:none}.amw-popover__bubble-content{background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:1!important}.amw-popover__arrow{position:absolute!important;width:16px!important;height:16px!important;background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;transform:rotate(45deg)!important;z-index:2!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;outline:none!important;border-radius:0!important;box-shadow:none!important}.amw-popover__arrow--up{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.amw-popover__arrow--down{bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-left-color:transparent!important;border-top-color:transparent!important}.amw-popover__arrow--left{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-top-color:transparent!important;border-right-color:transparent!important}.amw-popover__arrow--right{right:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.amw-popover__arrow--align-left{left:24px!important;transform:rotate(45deg)!important}.amw-popover__arrow--align-right{left:auto!important;right:24px!important;transform:rotate(45deg)!important}.amw-popover__header{padding:16px 20px!important;border-bottom:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.amw-popover__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-popover__header-text{flex:1}.amw-popover__header-title{margin:0 0 4px;font-size:1.125rem;font-weight:500;color:var(--mdc-theme-on-surface);line-height:1.4}.amw-popover__header-subtitle{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__close{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;color:var(--mdc-theme-on-surface-variant)!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;border:none!important;padding:4px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.amw-popover__close:hover{color:var(--mdc-theme-on-surface)!important;background:var(--mdc-theme-surface-variant)!important;border-radius:50%!important}.amw-popover__close:focus{outline:2px solid var(--mdc-theme-primary)!important;outline-offset:2px!important}.amw-popover__content{padding:16px 20px!important;max-height:300px!important;overflow-y:auto!important;color:var(--mdc-theme-on-surface)!important;line-height:1.6!important;background:transparent!important;display:block!important;font-size:14px!important}.amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__content::-webkit-scrollbar-track{background:transparent}.amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__default-content{display:block!important;background:transparent!important}.amw-popover__default-content p{margin:0 0 16px!important;font-size:.875rem!important;color:var(--mdc-theme-on-surface-variant)!important;display:block!important;background:transparent!important}.amw-popover__default-content p:last-child{margin-bottom:0!important}.amw-popover__footer{padding:16px 20px!important;border-top:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;font-size:12px!important;color:var(--mdc-theme-on-surface-variant)!important}.amw-popover__footer-text{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__backdrop{background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.amw-popover__panel .amw-popover{margin:0!important;display:block!important}.amw-popover .cdk-overlay-pane.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}@media(max-width:768px){.amw-popover__popover--small{min-width:180px;max-width:180px}.amw-popover__popover--medium{min-width:250px;max-width:250px}.amw-popover__popover--large{min-width:320px;max-width:320px}.amw-popover__content{max-height:250px;padding:12px}.amw-popover__header{padding:12px}.amw-popover__header-title{font-size:1rem}.amw-popover__header-subtitle{font-size:.8125rem}.amw-popover__footer{padding:12px}}.mat-theme-dark .amw-popover__popover{background:var(--mdc-theme-surface);filter:drop-shadow(0 4px 8px rgba(0,0,0,.16)) drop-shadow(0 8px 24px rgba(0,0,0,.24))}.mat-theme-dark .amw-popover__header{background:var(--mdc-theme-surface-container);border-bottom-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__footer{background:var(--mdc-theme-surface-container);border-top-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__backdrop{background:#0000007a}@media(prefers-contrast:high){.amw-popover__popover{border:2px solid var(--mdc-theme-outline)}.amw-popover__header{border-bottom-width:2px}.amw-popover__footer{border-top-width:2px}.amw-popover__trigger-button:focus{outline-width:3px}.amw-popover__close:focus{outline-width:3px}}@media(prefers-reduced-motion:reduce){.amw-popover *{transition:none!important;animation:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AmwButtonComponent, selector: "amw-button", inputs: ["type", "appearance", "fab", "icon", "iconPosition", "loading", "fullWidth", "autofocus", "text", "form", "formAction", "formMethod", "formTarget", "formEnctype", "formNoValidate", "formReset", "ripple", "disableRipple", "rippleColor", "rippleRadius", "rippleCentered", "rippleUnbounded", "spinnerSize", "spinnerColor"], outputs: ["buttonClick", "buttonFocus", "buttonBlur", "mouseenter", "mouseleave"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatRippleModule }, { kind: "ngmodule", type: OverlayModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
12189
12191
|
}
|
|
12190
12192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AmwPopoverComponent, decorators: [{
|
|
12191
12193
|
type: Component,
|
|
@@ -12196,7 +12198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
12196
12198
|
MatDividerModule,
|
|
12197
12199
|
MatRippleModule,
|
|
12198
12200
|
OverlayModule
|
|
12199
|
-
], encapsulation: ViewEncapsulation.None, template: "<div #triggerRef class=\"amw-popover__trigger\" [class.amw-popover__trigger--disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened()\" [attr.aria-haspopup]=\"true\" [attr.aria-controls]=\"actualPopoverId()\"\n [attr.aria-describedby]=\"opened() ? actualPopoverId() : null\" [attr.tabindex]=\"disabled() ? -1 : 0\"\n (click)=\"onTriggerClick($event)\"\n (mouseenter)=\"onTriggerMouseEnter($event)\"\n (mouseleave)=\"onTriggerMouseLeave($event)\"\n (focus)=\"onTriggerFocus($event)\"\n (blur)=\"onTriggerBlur($event)\"\n (keydown)=\"onTriggerKeyDown($event)\">\n\n <!-- Custom Trigger Template -->\n @if (resolvedTriggerTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedTriggerTemplate()!\"></ng-container>\n } @else {\n <amw-button appearance=\"text\"\n [icon]=\"triggerIcon()\"\n [iconPosition]=\"'left'\"\n class=\"amw-popover__trigger-button\"\n [disabled]=\"disabled()\">\n {{ triggerText() }}\n </amw-button>\n }\n</div>\n\n<!-- Popover Content Template for Overlay -->\n<ng-template #contentRef>\n <div [id]=\"actualPopoverId()\" class=\"amw-popover__popover\" [class.amw-popover__popover--visible]=\"opened()\"\n [class.amw-popover__popover--small]=\"size() === 'small'\" [class.amw-popover__popover--medium]=\"size() === 'medium'\"\n [class.amw-popover__popover--large]=\"size() === 'large'\" [class.amw-popover__popover--extra-large]=\"size() === 'extra-large'\" [class.amw-popover__popover--with-arrow]=\"showArrow()\"\n [class.amw-popover__popover--with-header]=\"showHeader()\" [class.amw-popover__popover--with-footer]=\"showFooter()\"\n [class.amw-popover__popover--with-scrollbar]=\"scrollable()\" [class.amw-popover__popover--disabled]=\"disabled()\"\n [attr.role]=\"'dialog'\" [attr.aria-hidden]=\"!opened()\" [attr.aria-labelledby]=\"headerTitle() ? actualPopoverId() + '-title' : null\"\n [attr.aria-describedby]=\"resolvedContentTemplate() ? actualPopoverId() + '-content' : null\">\n\n <!-- Arrows rendered before bubble-content so bubble paints on top, covering inner half -->\n @if (showArrow() && resolvedPosition() === 'bottom') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--right\"></div>\n }\n\n <!-- Speech Bubble Content Container -->\n <div class=\"amw-popover__bubble-content\" [attr.data-position]=\"resolvedPosition()\" [attr.data-show-arrow]=\"showArrow()\">\n <!-- Header -->\n @if (showHeader()) {\n <div class=\"amw-popover__header\">\n <div class=\"amw-popover__header-content\">\n <div class=\"amw-popover__header-text\">\n @if (headerTitle()) {\n <h3 class=\"amw-popover__header-title\" [id]=\"actualPopoverId() + '-title'\">{{ headerTitle() }}</h3>\n }\n @if (headerSubtitle()) {\n <p class=\"amw-popover__header-subtitle\">{{ headerSubtitle() }}</p>\n }\n </div>\n @if (showClose()) {\n <amw-button\n appearance=\"icon\"\n [icon]=\"closeButtonIcon()\"\n class=\"amw-popover__close\"\n [ariaLabel]=\"closeButtonText()\"\n (click)=\"onCloseClick()\">\n </amw-button>\n }\n </div>\n </div>\n }\n\n <!-- Content -->\n <div class=\"amw-popover__content\" [id]=\"actualPopoverId() + '-content'\">\n <!-- Custom Content Template -->\n @if (resolvedContentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedContentTemplate()!\"></ng-container>\n } @else {\n <div class=\"amw-popover__default-content\">\n <p>{{ content() }}</p>\n </div>\n }\n\n <!-- Default Content Template -->\n </div>\n\n <!-- Footer -->\n @if (showFooter()) {\n <div class=\"amw-popover__footer\">\n <p class=\"amw-popover__footer-text\">{{ footerText() }}</p>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".amw-popover__trigger{display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-popover__trigger--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.amw-popover__trigger-button{color:var(--mdc-theme-primary);font-weight:500;text-transform:none;letter-spacing:normal}.amw-popover__trigger-button:hover{background-color:var(--mdc-theme-primary-container);color:var(--mdc-theme-on-primary-container)}.amw-popover__trigger-button:focus{outline:2px solid var(--mdc-theme-primary);outline-offset:2px}.amw-popover__trigger-button[disabled]{color:var(--mdc-theme-on-surface);opacity:.38}.amw-popover__popover{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;max-width:100%!important;max-height:100%!important;position:relative!important;z-index:1000!important;pointer-events:auto!important;padding:0!important;min-width:200px;font-family:Roboto,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08)) drop-shadow(0 8px 24px rgba(0,0,0,.12))!important}.amw-popover__popover *:not([style*=background]){background-color:inherit}.amw-popover__popover--small{min-width:200px;max-width:200px}.amw-popover__popover--medium{min-width:300px;max-width:300px}.amw-popover__popover--large{min-width:400px;max-width:400px}.amw-popover__popover--extra-large{min-width:480px;max-width:520px}.amw-popover__popover--with-header .amw-popover__content{border-top:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-footer .amw-popover__content{border-bottom:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-track{background:var(--mdc-theme-surface-variant);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__popover--disabled{opacity:.6;pointer-events:none}.amw-popover__bubble-content{background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:1!important}.amw-popover__arrow{position:absolute!important;width:16px!important;height:16px!important;background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;transform:rotate(45deg)!important;z-index:2!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;outline:none!important;border-radius:0!important;box-shadow:none!important}.amw-popover__arrow--up{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.amw-popover__arrow--down{bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-left-color:transparent!important;border-top-color:transparent!important}.amw-popover__arrow--left{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-top-color:transparent!important;border-right-color:transparent!important}.amw-popover__arrow--right{right:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.amw-popover__arrow--align-left{left:24px!important;transform:rotate(45deg)!important}.amw-popover__arrow--align-right{left:auto!important;right:24px!important;transform:rotate(45deg)!important}.amw-popover__header{padding:16px 20px!important;border-bottom:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.amw-popover__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-popover__header-text{flex:1}.amw-popover__header-title{margin:0 0 4px;font-size:1.125rem;font-weight:500;color:var(--mdc-theme-on-surface);line-height:1.4}.amw-popover__header-subtitle{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__close{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;color:var(--mdc-theme-on-surface-variant)!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;border:none!important;padding:4px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.amw-popover__close:hover{color:var(--mdc-theme-on-surface)!important;background:var(--mdc-theme-surface-variant)!important;border-radius:50%!important}.amw-popover__close:focus{outline:2px solid var(--mdc-theme-primary)!important;outline-offset:2px!important}.amw-popover__content{padding:16px 20px!important;max-height:300px!important;overflow-y:auto!important;color:var(--mdc-theme-on-surface)!important;line-height:1.6!important;background:transparent!important;display:block!important;font-size:14px!important}.amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__content::-webkit-scrollbar-track{background:transparent}.amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__default-content{display:block!important;background:transparent!important}.amw-popover__default-content p{margin:0 0 16px!important;font-size:.875rem!important;color:var(--mdc-theme-on-surface-variant)!important;display:block!important;background:transparent!important}.amw-popover__default-content p:last-child{margin-bottom:0!important}.amw-popover__footer{padding:16px 20px!important;border-top:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;font-size:12px!important;color:var(--mdc-theme-on-surface-variant)!important}.amw-popover__footer-text{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__backdrop{background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.amw-popover__panel .amw-popover{margin:0!important;display:block!important}.amw-popover .cdk-overlay-pane.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}@media(max-width:768px){.amw-popover__popover--small{min-width:180px;max-width:180px}.amw-popover__popover--medium{min-width:250px;max-width:250px}.amw-popover__popover--large{min-width:320px;max-width:320px}.amw-popover__content{max-height:250px;padding:12px}.amw-popover__header{padding:12px}.amw-popover__header-title{font-size:1rem}.amw-popover__header-subtitle{font-size:.8125rem}.amw-popover__footer{padding:12px}}.mat-theme-dark .amw-popover__popover{background:var(--mdc-theme-surface);filter:drop-shadow(0 4px 8px rgba(0,0,0,.16)) drop-shadow(0 8px 24px rgba(0,0,0,.24))}.mat-theme-dark .amw-popover__header{background:var(--mdc-theme-surface-container);border-bottom-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__footer{background:var(--mdc-theme-surface-container);border-top-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__backdrop{background:#0000007a}@media(prefers-contrast:high){.amw-popover__popover{border:2px solid var(--mdc-theme-outline)}.amw-popover__header{border-bottom-width:2px}.amw-popover__footer{border-top-width:2px}.amw-popover__trigger-button:focus{outline-width:3px}.amw-popover__close:focus{outline-width:3px}}@media(prefers-reduced-motion:reduce){.amw-popover *{transition:none!important;animation:none!important}}\n"] }]
|
|
12201
|
+
], encapsulation: ViewEncapsulation.None, template: "<div #triggerRef class=\"amw-popover__trigger\" [class.amw-popover__trigger--disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened()\" [attr.aria-haspopup]=\"true\" [attr.aria-controls]=\"actualPopoverId()\"\n [attr.aria-describedby]=\"opened() ? actualPopoverId() : null\" [attr.tabindex]=\"disabled() ? -1 : 0\"\n (click)=\"onTriggerClick($event)\"\n (mouseenter)=\"onTriggerMouseEnter($event)\"\n (mouseleave)=\"onTriggerMouseLeave($event)\"\n (focus)=\"onTriggerFocus($event)\"\n (blur)=\"onTriggerBlur($event)\"\n (keydown)=\"onTriggerKeyDown($event)\">\n\n <!-- Custom Trigger Template -->\n @if (resolvedTriggerTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedTriggerTemplate()!\"></ng-container>\n } @else {\n <amw-button appearance=\"text\"\n [icon]=\"triggerIcon()\"\n [iconPosition]=\"'left'\"\n class=\"amw-popover__trigger-button\"\n [disabled]=\"disabled()\">\n {{ triggerText() }}\n </amw-button>\n }\n</div>\n\n<!-- Popover Content Template for Overlay -->\n<ng-template #contentRef>\n <div [id]=\"actualPopoverId()\" class=\"amw-popover__popover\" [class.amw-popover__popover--visible]=\"opened()\"\n [class.amw-popover__popover--auto]=\"size() === 'auto'\" [class.amw-popover__popover--small]=\"size() === 'small'\"\n [class.amw-popover__popover--medium]=\"size() === 'medium'\" [class.amw-popover__popover--large]=\"size() === 'large'\"\n [class.amw-popover__popover--extra-large]=\"size() === 'extra-large'\" [class.amw-popover__popover--with-arrow]=\"showArrow()\"\n [class.amw-popover__popover--with-header]=\"showHeader()\" [class.amw-popover__popover--with-footer]=\"showFooter()\"\n [class.amw-popover__popover--with-scrollbar]=\"scrollable()\" [class.amw-popover__popover--disabled]=\"disabled()\"\n [attr.role]=\"'dialog'\" [attr.aria-hidden]=\"!opened()\" [attr.aria-labelledby]=\"headerTitle() ? actualPopoverId() + '-title' : null\"\n [attr.aria-describedby]=\"resolvedContentTemplate() ? actualPopoverId() + '-content' : null\">\n\n <!-- Arrows rendered before bubble-content so bubble paints on top, covering inner half -->\n @if (showArrow() && resolvedPosition() === 'bottom') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'bottom-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--up amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'top-right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--down amw-popover__arrow--align-right\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'right') {\n <div class=\"amw-popover__arrow amw-popover__arrow--left\"></div>\n }\n @if (showArrow() && resolvedPosition() === 'left') {\n <div class=\"amw-popover__arrow amw-popover__arrow--right\"></div>\n }\n\n <!-- Speech Bubble Content Container -->\n <div class=\"amw-popover__bubble-content\" [attr.data-position]=\"resolvedPosition()\" [attr.data-show-arrow]=\"showArrow()\">\n <!-- Header -->\n @if (showHeader()) {\n <div class=\"amw-popover__header\">\n <div class=\"amw-popover__header-content\">\n <div class=\"amw-popover__header-text\">\n @if (headerTitle()) {\n <h3 class=\"amw-popover__header-title\" [id]=\"actualPopoverId() + '-title'\">{{ headerTitle() }}</h3>\n }\n @if (headerSubtitle()) {\n <p class=\"amw-popover__header-subtitle\">{{ headerSubtitle() }}</p>\n }\n </div>\n @if (showClose()) {\n <amw-button\n appearance=\"icon\"\n [icon]=\"closeButtonIcon()\"\n class=\"amw-popover__close\"\n [ariaLabel]=\"closeButtonText()\"\n (click)=\"onCloseClick()\">\n </amw-button>\n }\n </div>\n </div>\n }\n\n <!-- Content -->\n <div class=\"amw-popover__content\" [id]=\"actualPopoverId() + '-content'\">\n <!-- Custom Content Template -->\n @if (resolvedContentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"resolvedContentTemplate()!\"></ng-container>\n } @else {\n <div class=\"amw-popover__default-content\">\n <p>{{ content() }}</p>\n </div>\n }\n\n <!-- Default Content Template -->\n </div>\n\n <!-- Footer -->\n @if (showFooter()) {\n <div class=\"amw-popover__footer\">\n <p class=\"amw-popover__footer-text\">{{ footerText() }}</p>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: [".amw-popover__trigger{display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.amw-popover__trigger--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.amw-popover__trigger-button{color:var(--mdc-theme-primary);font-weight:500;text-transform:none;letter-spacing:normal}.amw-popover__trigger-button:hover{background-color:var(--mdc-theme-primary-container);color:var(--mdc-theme-on-primary-container)}.amw-popover__trigger-button:focus{outline:2px solid var(--mdc-theme-primary);outline-offset:2px}.amw-popover__trigger-button[disabled]{color:var(--mdc-theme-on-surface);opacity:.38}.amw-popover__popover{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;max-width:100%!important;max-height:100%!important;position:relative!important;z-index:1000!important;pointer-events:auto!important;padding:0!important;min-width:200px;font-family:Roboto,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08)) drop-shadow(0 8px 24px rgba(0,0,0,.12))!important}.amw-popover__popover *:not([style*=background]){background-color:inherit}.amw-popover__popover--auto{min-width:auto;max-width:90vw;width:fit-content}.amw-popover__popover--small{min-width:200px;max-width:200px}.amw-popover__popover--medium{min-width:300px;max-width:300px}.amw-popover__popover--large{min-width:400px;max-width:400px}.amw-popover__popover--extra-large{min-width:480px;max-width:520px}.amw-popover__popover--with-header .amw-popover__content{border-top:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-footer .amw-popover__content{border-bottom:1px solid var(--mdc-theme-outline-variant)}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-track{background:var(--mdc-theme-surface-variant);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__popover--with-scrollbar .amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__popover--disabled{opacity:.6;pointer-events:none}.amw-popover__bubble-content{background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;border-radius:16px!important;overflow:hidden!important;position:relative!important;z-index:1!important}.amw-popover__arrow{position:absolute!important;width:16px!important;height:16px!important;background:var(--mdc-theme-surface)!important;border:1px solid var(--mdc-theme-outline-variant)!important;transform:rotate(45deg)!important;z-index:2!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;outline:none!important;border-radius:0!important;box-shadow:none!important}.amw-popover__arrow--up{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.amw-popover__arrow--down{bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)!important;border-left-color:transparent!important;border-top-color:transparent!important}.amw-popover__arrow--left{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-top-color:transparent!important;border-right-color:transparent!important}.amw-popover__arrow--right{right:-8px;top:50%;transform:translateY(-50%) rotate(45deg)!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.amw-popover__arrow--align-left{left:24px!important;transform:rotate(45deg)!important}.amw-popover__arrow--align-right{left:auto!important;right:24px!important;transform:rotate(45deg)!important}.amw-popover__header{padding:16px 20px!important;border-bottom:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.amw-popover__header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.amw-popover__header-text{flex:1}.amw-popover__header-title{margin:0 0 4px;font-size:1.125rem;font-weight:500;color:var(--mdc-theme-on-surface);line-height:1.4}.amw-popover__header-subtitle{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__close{position:absolute!important;top:8px!important;right:8px!important;z-index:10!important;color:var(--mdc-theme-on-surface-variant)!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;border:none!important;padding:4px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.amw-popover__close:hover{color:var(--mdc-theme-on-surface)!important;background:var(--mdc-theme-surface-variant)!important;border-radius:50%!important}.amw-popover__close:focus{outline:2px solid var(--mdc-theme-primary)!important;outline-offset:2px!important}.amw-popover__content{padding:16px 20px!important;max-height:300px!important;overflow-y:auto!important;color:var(--mdc-theme-on-surface)!important;line-height:1.6!important;background:transparent!important;display:block!important;font-size:14px!important}.amw-popover__content::-webkit-scrollbar{width:6px}.amw-popover__content::-webkit-scrollbar-track{background:transparent}.amw-popover__content::-webkit-scrollbar-thumb{background:var(--mdc-theme-outline);border-radius:3px}.amw-popover__content::-webkit-scrollbar-thumb:hover{background:var(--mdc-theme-outline-variant)}.amw-popover__default-content{display:block!important;background:transparent!important}.amw-popover__default-content p{margin:0 0 16px!important;font-size:.875rem!important;color:var(--mdc-theme-on-surface-variant)!important;display:block!important;background:transparent!important}.amw-popover__default-content p:last-child{margin-bottom:0!important}.amw-popover__footer{padding:16px 20px!important;border-top:1px solid var(--mdc-theme-outline-variant)!important;background:var(--mdc-theme-surface-container)!important;font-size:12px!important;color:var(--mdc-theme-on-surface-variant)!important}.amw-popover__footer-text{margin:0;font-size:.875rem;color:var(--mdc-theme-on-surface-variant);line-height:1.4}.amw-popover__backdrop{background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.amw-popover__panel .amw-popover{margin:0!important;display:block!important}.amw-popover .cdk-overlay-pane.amw-popover__panel{pointer-events:auto!important;position:absolute!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}@media(max-width:768px){.amw-popover__popover--small{min-width:180px;max-width:180px}.amw-popover__popover--medium{min-width:250px;max-width:250px}.amw-popover__popover--large{min-width:320px;max-width:320px}.amw-popover__content{max-height:250px;padding:12px}.amw-popover__header{padding:12px}.amw-popover__header-title{font-size:1rem}.amw-popover__header-subtitle{font-size:.8125rem}.amw-popover__footer{padding:12px}}.mat-theme-dark .amw-popover__popover{background:var(--mdc-theme-surface);filter:drop-shadow(0 4px 8px rgba(0,0,0,.16)) drop-shadow(0 8px 24px rgba(0,0,0,.24))}.mat-theme-dark .amw-popover__header{background:var(--mdc-theme-surface-container);border-bottom-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__footer{background:var(--mdc-theme-surface-container);border-top-color:var(--mdc-theme-outline-variant)}.mat-theme-dark .amw-popover__backdrop{background:#0000007a}@media(prefers-contrast:high){.amw-popover__popover{border:2px solid var(--mdc-theme-outline)}.amw-popover__header{border-bottom-width:2px}.amw-popover__footer{border-top-width:2px}.amw-popover__trigger-button:focus{outline-width:3px}.amw-popover__close:focus{outline-width:3px}}@media(prefers-reduced-motion:reduce){.amw-popover *{transition:none!important;animation:none!important}}\n"] }]
|
|
12200
12202
|
}], ctorParameters: () => [{ type: i1$a.Overlay }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], triggerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerTemplate", required: false }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrow", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], headerTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTitle", required: false }] }], headerSubtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSubtitle", required: false }] }], footerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerText", required: false }] }], closeButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonText", required: false }] }], closeButtonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonIcon", required: false }] }], arrowSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowSize", required: false }] }], arrowColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowColor", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], triggerIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerIcon", required: false }] }], triggerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerText", required: false }] }], popoverId: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverId", required: false }] }], beforeOpen: [{ type: i0.Output, args: ["beforeOpen"] }], afterOpen: [{ type: i0.Output, args: ["afterOpen"] }], beforeClose: [{ type: i0.Output, args: ["beforeClose"] }], afterClose: [{ type: i0.Output, args: ["afterClose"] }], toggle: [{ type: i0.Output, args: ["toggle"] }], close: [{ type: i0.Output, args: ["close"] }], projectedTriggerTemplate: [{ type: i0.ContentChild, args: ['trigger', { isSignal: true }] }], projectedContentTemplate: [{ type: i0.ContentChild, args: ['content', { isSignal: true }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerRef', { isSignal: true }] }], contentRef: [{ type: i0.ViewChild, args: ['contentRef', { isSignal: true }] }] } });
|
|
12201
12203
|
|
|
12202
12204
|
/**
|