@ng-matero/extensions 12.9.1 → 12.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "12.9.1",
+  "version": "12.10.0",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"

package/popover/mtxPopover.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":11,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":27},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":11,"character":41}],"exports":[{"__symbolic":"reference","name":"MtxPopover"},{"__symbolic":"reference","name":"MtxPopoverTrigger"},{"__symbolic":"reference","name":"MtxPopoverTarget"}],"declarations":[{"__symbolic":"reference","name":"MtxPopover"},{"__symbolic":"reference","name":"MtxPopoverTrigger"},{"__symbolic":"reference","name":"MtxPopoverTarget"}]}]}],"members":{}},"MtxPopover":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"mtx-popover","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":17},"member":"None"},"animations":[{"__symbolic":"reference","name":"transformPopover"}],"exportAs":"mtxPopover","template":"<ng-template>\r\n  <div class=\"mtx-popover-panel mat-elevation-z8\" role=\"dialog\"\r\n       [ngClass]=\"_classList\"\r\n       [ngStyle]=\"popoverPanelStyles\"\r\n       (keydown)=\"_handleKeydown($event)\"\r\n       (click)=\"onClick()\"\r\n       (mouseover)=\"onMouseOver()\"\r\n       (mouseleave)=\"onMouseLeave()\"\r\n       [@.disabled]=\"disableAnimation\"\r\n       [@transformPopover]=\"'enter'\">\r\n    <div class=\"mtx-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n    <div class=\"mtx-popover-content\"\r\n         [ngStyle]=\"popoverContentStyles\"\r\n         [cdkTrapFocus]=\"focusTrapEnabled\"\r\n         [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".mtx-popover-panel{max-height:calc(100vh - 48px);padding:8px;border-radius:4px;font-size:16px}.mtx-popover-panel[class*=mtx-popover-below]{margin-top:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-above]{margin-bottom:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .mtx-popover-panel[class*=mtx-popover-before]{margin-right:auto;margin-left:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .mtx-popover-panel[class*=mtx-popover-after]{margin-left:auto;margin-right:calc(.5em + 2px)}.mtx-popover-direction-arrow{position:absolute}.mtx-popover-direction-arrow:before,.mtx-popover-direction-arrow:after{position:absolute;display:inline-block;content:\"\";border-width:.5em;border-style:solid}.mtx-popover-direction-arrow:after{border-width:calc(.5em - 1px)}[class*=mtx-popover-below] .mtx-popover-direction-arrow,[class*=mtx-popover-above] .mtx-popover-direction-arrow{width:1em}[class*=mtx-popover-below] .mtx-popover-direction-arrow:after,[class*=mtx-popover-above] .mtx-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=mtx-popover-below] .mtx-popover-direction-arrow:after,[dir=rtl] [class*=mtx-popover-above] .mtx-popover-direction-arrow:after{right:1px;left:auto}[class*=mtx-popover-below] .mtx-popover-direction-arrow{top:0}[class*=mtx-popover-below] .mtx-popover-direction-arrow:before,[class*=mtx-popover-below] .mtx-popover-direction-arrow:after{bottom:0;border-top-width:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow{bottom:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow:before,[class*=mtx-popover-above] .mtx-popover-direction-arrow:after{top:0;border-bottom-width:0}[class*=mtx-popover-before] .mtx-popover-direction-arrow,[class*=mtx-popover-after] .mtx-popover-direction-arrow{height:1em}[class*=mtx-popover-before] .mtx-popover-direction-arrow:after,[class*=mtx-popover-after] .mtx-popover-direction-arrow:after{top:1px}[class*=mtx-popover-before] .mtx-popover-direction-arrow{right:0}[class*=mtx-popover-before] .mtx-popover-direction-arrow:before,[class*=mtx-popover-before] .mtx-popover-direction-arrow:after{left:0;border-right-width:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow{right:auto;left:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:before,[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:after{left:auto;right:0;border-left-width:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=mtx-popover-after] .mtx-popover-direction-arrow{left:0}[class*=mtx-popover-after] .mtx-popover-direction-arrow:before,[class*=mtx-popover-after] .mtx-popover-direction-arrow:after{right:0;border-left-width:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow{left:auto;right:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:before,[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:after{right:auto;left:0;border-right-width:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n"]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["attr.role"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"scrollStrategy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"enterDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"leaveDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"xOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"yOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"arrowOffsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"arrowOffsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"arrowWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"arrowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"closeOnPanelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}}]}],"closeOnBackdropClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}}]}],"disableAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3}}]}],"focusTrapEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3}}]}],"focusTrapAutoCaptureEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":226,"character":3}}]}],"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3},"arguments":["class"]}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":269,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":271,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":271,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":274,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":274,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":275,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":276,"character":17}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_emitCloseEvent":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"setCurrentStyles":[{"__symbolic":"method"}],"setPositionClasses":[{"__symbolic":"method"}]}},"MtxPopoverTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"[mtxPopoverTriggerFor]","exportAs":"mtxPopoverTrigger"}]}],"members":{"ariaHaspopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["attr.aria-haspopup"]}]}],"popover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3},"arguments":["mtxPopoverTriggerFor"]}]}],"targetElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["mtxPopoverTargetAt"]}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["mtxPopoverTriggerOn"]}]}],"popoverOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"popoverClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":91,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":88,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":89,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":90,"character":31},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":91,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":32}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setCurrentConfig":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":118,"character":3},"arguments":["click",["$event"]]}]}],"onMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":125,"character":3},"arguments":["mouseenter",["$event"]]}]}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":135,"character":3},"arguments":["mouseleave",["$event"]]}]}],"togglePopover":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}],"destroyPopover":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_subscribeToBackdrop":[{"__symbolic":"method"}],"_subscribeToDetachments":[{"__symbolic":"method"}],"_initPopover":[{"__symbolic":"method"}],"_resetPopover":[{"__symbolic":"method"}],"_setPopoverOpened":[{"__symbolic":"method"}],"_setPopoverClosed":[{"__symbolic":"method"}],"_checkPopover":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getOverlayScrollStrategy":[{"__symbolic":"method"}],"_subscribeToPositions":[{"__symbolic":"method"}],"_getPosition":[{"__symbolic":"method"}],"_cleanUpSubscriptions":[{"__symbolic":"method"}],"_handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":516,"character":3},"arguments":["mousedown",["$event"]]}]}]}},"MtxPopoverTarget":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"mtx-popover-target, [mtxPopoverTarget]","exportAs":"mtxPopoverTarget"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":34}]}]}},"transformPopover":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":23,"character":58},"arguments":["transformPopover",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":2},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":4},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":2},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":4},"arguments":[{"opacity":0,"transform":"scale(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":4},"arguments":["200ms cubic-bezier(0.25, 0.8, 0.25, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":2},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":27},"arguments":["50ms 100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":38,"character":56},"arguments":[{"opacity":0}]}]}]]}]]},"MtxPopoverPanel":{"__symbolic":"interface"},"MtxPopoverConfig":{"__symbolic":"interface"},"MtxTarget":{"__symbolic":"interface"},"MtxPopoverPositionStart":{"__symbolic":"interface"},"MtxPopoverPositionEnd":{"__symbolic":"interface"},"MtxPopoverPosition":{"__symbolic":"interface"},"MtxPopoverTriggerEvent":{"__symbolic":"interface"},"MtxPopoverScrollStrategy":{"__symbolic":"interface"}},"origins":{"MtxPopoverModule":"./popover-module","MtxPopover":"./popover","MtxPopoverTrigger":"./popover-trigger","MtxPopoverTarget":"./popover-target","transformPopover":"./popover-animations","MtxPopoverPanel":"./popover-interfaces","MtxPopoverConfig":"./popover-interfaces","MtxTarget":"./popover-interfaces","MtxPopoverPositionStart":"./popover-types","MtxPopoverPositionEnd":"./popover-types","MtxPopoverPosition":"./popover-types","MtxPopoverTriggerEvent":"./popover-types","MtxPopoverScrollStrategy":"./popover-types"},"importAs":"@ng-matero/extensions/popover"}
+{"__symbolic":"module","version":4,"metadata":{"MtxPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":12,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":12,"character":41}],"exports":[{"__symbolic":"reference","name":"MtxPopover"},{"__symbolic":"reference","name":"MtxPopoverTrigger"},{"__symbolic":"reference","name":"MtxPopoverTarget"},{"__symbolic":"reference","name":"MtxPopoverContent"}],"declarations":[{"__symbolic":"reference","name":"MtxPopover"},{"__symbolic":"reference","name":"MtxPopoverTrigger"},{"__symbolic":"reference","name":"MtxPopoverTarget"},{"__symbolic":"reference","name":"MtxPopoverContent"}],"providers":[{"__symbolic":"reference","name":"MTX_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER"}]}]}],"members":{}},"MTX_POPOVER_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":32,"character":47},"arguments":["mtx-popover-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"MTX_POPOVER_DEFAULT_OPTIONS_FACTORY"}}]},"MTX_POPOVER_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"backdropClass":"cdk-overlay-transparent-backdrop"}},"MtxPopover":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"mtx-popover","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":53,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":54,"character":17},"member":"None"},"animations":[{"__symbolic":"reference","name":"transformPopover"}],"exportAs":"mtxPopover","template":"<ng-template>\r\n  <div class=\"mtx-popover-panel\"\r\n       [id]=\"panelId\"\r\n       [ngClass]=\"_classList\"\r\n       (keydown)=\"_handleKeydown($event)\"\r\n       (click)=\"_handleClick()\"\r\n       (mouseover)=\"_handleMouseOver()\"\r\n       (mouseleave)=\"_handleMouseLeave()\"\r\n       [@transformPopover]=\"_panelAnimationState\"\r\n       (@transformPopover.start)=\"_onAnimationStart($event)\"\r\n       (@transformPopover.done)=\"_onAnimationDone($event)\"\r\n       tabindex=\"-1\"\r\n       role=\"dialog\"\r\n       [attr.aria-label]=\"ariaLabel || null\"\r\n       [attr.aria-labelledby]=\"ariaLabelledby || null\"\r\n       [attr.aria-describedby]=\"ariaDescribedby || null\"\r\n       [cdkTrapFocus]=\"focusTrapEnabled\"\r\n       [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n    <div class=\"mtx-popover-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"mtx-popover-direction-arrow\" [ngStyle]=\"arrowStyles\"></div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".mtx-popover-panel{position:relative;max-height:calc(100vh - 48px);padding:8px;border-radius:4px;font-size:16px;outline:0}.mtx-popover-panel[class*=mtx-popover-below]{margin-top:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-above]{margin-bottom:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .mtx-popover-panel[class*=mtx-popover-before]{margin-right:auto;margin-left:calc(.5em + 2px)}.mtx-popover-panel[class*=mtx-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .mtx-popover-panel[class*=mtx-popover-after]{margin-left:auto;margin-right:calc(.5em + 2px)}.mtx-popover-direction-arrow{position:absolute}.mtx-popover-direction-arrow:before,.mtx-popover-direction-arrow:after{position:absolute;display:inline-block;content:\"\";border-width:.5em;border-style:solid}.mtx-popover-direction-arrow:after{border-width:calc(.5em - 1px)}[class*=mtx-popover-below] .mtx-popover-direction-arrow,[class*=mtx-popover-above] .mtx-popover-direction-arrow{width:1em}[class*=mtx-popover-below] .mtx-popover-direction-arrow:after,[class*=mtx-popover-above] .mtx-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=mtx-popover-below] .mtx-popover-direction-arrow:after,[dir=rtl] [class*=mtx-popover-above] .mtx-popover-direction-arrow:after{right:1px;left:auto}[class*=mtx-popover-below] .mtx-popover-direction-arrow{top:0}[class*=mtx-popover-below] .mtx-popover-direction-arrow:before,[class*=mtx-popover-below] .mtx-popover-direction-arrow:after{bottom:0;border-top-width:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow{bottom:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow:before,[class*=mtx-popover-above] .mtx-popover-direction-arrow:after{top:0;border-bottom-width:0}[class*=mtx-popover-before] .mtx-popover-direction-arrow,[class*=mtx-popover-after] .mtx-popover-direction-arrow{height:1em}[class*=mtx-popover-before] .mtx-popover-direction-arrow:after,[class*=mtx-popover-after] .mtx-popover-direction-arrow:after{top:1px}[class*=mtx-popover-before] .mtx-popover-direction-arrow{right:0}[class*=mtx-popover-before] .mtx-popover-direction-arrow:before,[class*=mtx-popover-before] .mtx-popover-direction-arrow:after{left:0;border-right-width:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow{right:auto;left:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:before,[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:after{left:auto;right:0;border-left-width:0}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=mtx-popover-after] .mtx-popover-direction-arrow{left:0}[class*=mtx-popover-after] .mtx-popover-direction-arrow:before,[class*=mtx-popover-after] .mtx-popover-direction-arrow:after{right:0;border-left-width:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow{left:auto;right:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:before,[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:after{right:auto;left:0;border-right-width:0}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n"]}]}],"members":{"backdropClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3},"arguments":["aria-labelledby"]}]}],"ariaDescribedby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["aria-describedby"]}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"enterDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"leaveDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}],"xOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"yOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"arrowWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"arrowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"arrowOffsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"arrowOffsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"closeOnPanelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3}}]}],"closeOnBackdropClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":3}}]}],"focusTrapEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3}}]}],"focusTrapAutoCaptureEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3}}]}],"hasBackdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3}}]}],"elevation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":258,"character":3}}]}],"panelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":272,"character":3},"arguments":["class"]}]}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":301,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":304,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":304,"character":13}]}]}],"lazyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":310,"character":3},"arguments":[{"__symbolic":"reference","name":"MTX_POPOVER_CONTENT"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":317,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_POPOVER_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":315,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":316,"character":21},{"__symbolic":"reference","name":"MtxPopoverDefaultOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleMouseOver":[{"__symbolic":"method"}],"_handleMouseLeave":[{"__symbolic":"method"}],"setCurrentStyles":[{"__symbolic":"method"}],"setPositionClasses":[{"__symbolic":"method"}],"setElevation":[{"__symbolic":"method"}],"_startAnimation":[{"__symbolic":"method"}],"_resetAnimation":[{"__symbolic":"method"}],"_onAnimationDone":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}]}},"MTX_POPOVER_CONTENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":21,"character":39},"arguments":["MtxPopoverContent"]},"_MtxPopoverContentBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":37,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":33,"character":39},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":34,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":35,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":31},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":33}]}],"attach":[{"__symbolic":"method"}],"detach":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MtxPopoverContent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MtxPopoverContentBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":102,"character":1},"arguments":[{"selector":"ng-template[mtxPopoverContent]","providers":[{"provide":{"__symbolic":"reference","name":"MTX_POPOVER_CONTENT"},"useExisting":{"__symbolic":"reference","name":"MtxPopoverContent"}}]}]}],"members":{}},"MTX_POPOVER_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":42,"character":47},"arguments":["mtx-popover-scroll-strategy"]},"MTX_POPOVER_SCROLL_STRATEGY_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":48,"character":9,"module":"./popover-trigger"}},"MTX_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MTX_POPOVER_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":54,"character":9}],"useFactory":{"__symbolic":"reference","name":"MTX_POPOVER_SCROLL_STRATEGY_FACTORY"}},"MtxPopoverTrigger":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":62,"character":1},"arguments":[{"selector":"[mtx-popover-trigger-for], [mtxPopoverTriggerFor]","exportAs":"mtxPopoverTrigger","host":{"aria-haspopup":"true","[attr.aria-expanded]":"popoverOpen || null","[attr.aria-controls]":"popoverOpen ? popover.panelId : null","(click)":"_handleClick($event)","(mouseenter)":"_handleMouseEnter($event)","(mouseleave)":"_handleMouseLeave($event)","(mousedown)":"_handleMousedown($event)","(keydown)":"_handleKeydown($event)","$quoted$":["aria-haspopup","[attr.aria-expanded]","[attr.aria-controls]","(click)","(mouseenter)","(mouseleave)","(mousedown)","(keydown)"]}}]}],"members":{"popover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["mtxPopoverTriggerFor"]}]}],"popoverData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3},"arguments":["mtxPopoverTriggerData"]}]}],"targetElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3},"arguments":["mtxPopoverTargetAt"]}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3},"arguments":["mtxPopoverTriggerOn"]}]}],"popoverOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"popoverClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":131,"character":5},"arguments":[{"__symbolic":"reference","name":"MTX_POPOVER_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":132,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":128,"character":22},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":129,"character":36,"context":{"typeName":"HTMLElement"},"module":"./popover-trigger"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":130,"character":31},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":132,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":133,"character":32},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":134,"character":28}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setCurrentConfig":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}],"_handleMouseEnter":[{"__symbolic":"method"}],"_handleMouseLeave":[{"__symbolic":"method"}],"_handleMousedown":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"togglePopover":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_destroyPopover":[{"__symbolic":"method"}],"_initPopover":[{"__symbolic":"method"}],"_setIsPopoverOpen":[{"__symbolic":"method"}],"_checkPopover":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_getOverlayConfig":[{"__symbolic":"method"}],"_getTargetElement":[{"__symbolic":"method"}],"_subscribeToPositions":[{"__symbolic":"method"}],"_setPosition":[{"__symbolic":"method"}],"_popoverClosingActions":[{"__symbolic":"method"}],"_getPortal":[{"__symbolic":"method"}]}},"MtxPopoverTarget":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"mtx-popover-target, [mtxPopoverTarget]","exportAs":"mtxPopoverTarget"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":33}]}]}},"transformPopover":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":23,"character":58},"arguments":["transformPopover",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":2},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":4},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":2},"arguments":["void => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":4},"arguments":["120ms cubic-bezier(0, 0, 0.2, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":6},"arguments":[{"opacity":1,"transform":"scale(1)"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":2},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":26},"arguments":["100ms 25ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":41,"character":55},"arguments":[{"opacity":0}]}]}]}]]},"MtxPopoverPanel":{"__symbolic":"interface"},"MtxPopoverDefaultOptions":{"__symbolic":"interface"},"MtxPopoverPositionStart":{"__symbolic":"interface"},"MtxPopoverPositionEnd":{"__symbolic":"interface"},"MtxPopoverPosition":{"__symbolic":"interface"},"MtxPopoverTriggerEvent":{"__symbolic":"interface"},"PopoverCloseReason":{"__symbolic":"interface"}},"origins":{"MtxPopoverModule":"./popover-module","MTX_POPOVER_DEFAULT_OPTIONS":"./popover","MTX_POPOVER_DEFAULT_OPTIONS_FACTORY":"./popover","MtxPopover":"./popover","MTX_POPOVER_CONTENT":"./popover-content","_MtxPopoverContentBase":"./popover-content","MtxPopoverContent":"./popover-content","MTX_POPOVER_SCROLL_STRATEGY":"./popover-trigger","MTX_POPOVER_SCROLL_STRATEGY_FACTORY":"./popover-trigger","MTX_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER":"./popover-trigger","MtxPopoverTrigger":"./popover-trigger","MtxPopoverTarget":"./popover-target","transformPopover":"./popover-animations","MtxPopoverPanel":"./popover-interfaces","MtxPopoverDefaultOptions":"./popover-interfaces","MtxPopoverPositionStart":"./popover-types","MtxPopoverPositionEnd":"./popover-types","MtxPopoverPosition":"./popover-types","MtxPopoverTriggerEvent":"./popover-types","PopoverCloseReason":"./popover-types"},"importAs":"@ng-matero/extensions/popover"}

package/popover/popover-animations.d.ts

@@ -1,6 +1,6 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
 /**
- * Below are all the animations for the md-popover component.
+ * Below are all the animations for the mtx-popover component.
  * Animation duration and timing values are based on AngularJS Material.
  */
 /**

package/popover/popover-content.d.ts

@@ -0,0 +1,38 @@
+import { ApplicationRef, ChangeDetectorRef, ComponentFactoryResolver, InjectionToken, Injector, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+/**
+ * Injection token that can be used to reference instances of `MtxPopoverContent`. It serves
+ * as alternative token to the actual `MtxPopoverContent` class which could cause unnecessary
+ * retention of the class and its directive metadata.
+ */
+export declare const MTX_POPOVER_CONTENT: InjectionToken<MtxPopoverContent>;
+export declare abstract class _MtxPopoverContentBase implements OnDestroy {
+    private _template;
+    private _componentFactoryResolver;
+    private _appRef;
+    private _injector;
+    private _viewContainerRef;
+    private _document;
+    private _changeDetectorRef?;
+    private _portal;
+    private _outlet;
+    /** Emits when the popover content has been attached. */
+    readonly _attached: Subject<void>;
+    constructor(_template: TemplateRef<any>, _componentFactoryResolver: ComponentFactoryResolver, _appRef: ApplicationRef, _injector: Injector, _viewContainerRef: ViewContainerRef, _document: any, _changeDetectorRef?: ChangeDetectorRef | undefined);
+    /**
+     * Attaches the content with a particular context.
+     * @docs-private
+     */
+    attach(context?: any): void;
+    /**
+     * Detaches the content.
+     * @docs-private
+     */
+    detach(): void;
+    ngOnDestroy(): void;
+}
+/**
+ * Popover content that will be rendered lazily once the popover is opened.
+ */
+export declare class MtxPopoverContent extends _MtxPopoverContentBase {
+}

package/popover/popover-interfaces.d.ts

@@ -1,44 +1,50 @@
-import { ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
-import { MtxPopoverTriggerEvent, MtxPopoverScrollStrategy, MtxPopoverPosition } from './popover-types';
+import { Direction } from '@angular/cdk/bidi';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { MtxPopoverTriggerEvent, MtxPopoverPosition, PopoverCloseReason } from './popover-types';
+/**
+ * Interface for a custom popover panel that can be used with `mtxPopoverTriggerFor`.
+ * @docs-private
+ */
 export interface MtxPopoverPanel {
     triggerEvent: MtxPopoverTriggerEvent;
+    enterDelay: number;
+    leaveDelay: number;
     position: MtxPopoverPosition;
     xOffset: number;
     yOffset: number;
-    enterDelay: number;
-    leaveDelay: number;
-    arrowOffsetX: number;
-    arrowOffsetY: number;
-    arrowWidth: number;
-    arrowHeight: number;
     closeOnPanelClick: boolean;
     closeOnBackdropClick: boolean;
-    scrollStrategy: MtxPopoverScrollStrategy;
-    containerPositioning: boolean;
     closeDisabled: boolean;
+    backdropClass?: string;
+    overlayPanelClass?: string | string[];
+    hasBackdrop?: boolean;
     templateRef: TemplateRef<any>;
-    zone: NgZone;
-    closed: EventEmitter<void>;
+    lazyContent?: any;
+    direction?: Direction;
+    readonly panelId?: string;
+    readonly closed: EventEmitter<PopoverCloseReason>;
     setCurrentStyles: (pos?: MtxPopoverPosition) => void;
     setPositionClasses: (pos?: MtxPopoverPosition) => void;
-    _emitCloseEvent: () => void;
-}
-export interface MtxPopoverConfig {
-    triggerEvent: MtxPopoverTriggerEvent;
-    position: MtxPopoverPosition;
-    xOffset: number;
-    yOffset: number;
-    enterDelay: number;
-    leaveDelay: number;
-    arrowOffsetX: number;
-    arrowOffsetY: number;
-    arrowWidth: number;
-    arrowHeight: number;
-    closeOnPanelClick: boolean;
-    closeOnBackdropClick: boolean;
-    panelClass: string;
-    backdropClass: string;
+    setElevation: () => void;
 }
-export interface MtxTarget {
-    _elementRef: ElementRef;
+/** Default `mtx-popover` options that can be overridden. */
+export interface MtxPopoverDefaultOptions {
+    triggerEvent?: MtxPopoverTriggerEvent;
+    enterDelay?: number;
+    leaveDelay?: number;
+    position?: MtxPopoverPosition;
+    xOffset?: number;
+    yOffset?: number;
+    arrowWidth?: number;
+    arrowHeight?: number;
+    arrowOffsetX?: number;
+    arrowOffsetY?: number;
+    closeOnPanelClick?: boolean;
+    closeOnBackdropClick?: boolean;
+    overlayPanelClass?: string;
+    backdropClass?: string;
+    hasBackdrop?: boolean;
+    focusTrapEnabled?: boolean;
+    focusTrapAutoCaptureEnabled?: boolean;
+    elevation?: number;
 }

package/popover/popover-target.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef } from '@angular/core';
 export declare class MtxPopoverTarget {
-    _elementRef: ElementRef;
-    constructor(_elementRef: ElementRef);
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
 }

package/popover/popover-trigger.d.ts

@@ -1,93 +1,99 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, ViewContainerRef, ChangeDetectorRef } from '@angular/core';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { Direction, Directionality } from '@angular/cdk/bidi';
-import { Overlay } from '@angular/cdk/overlay';
-import { Subject } from 'rxjs';
-import { MtxPopoverPanel, MtxTarget } from './popover-interfaces';
+import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MtxPopoverPanel } from './popover-interfaces';
+import { MtxPopoverTarget } from './popover-target';
 import { MtxPopoverTriggerEvent } from './popover-types';
+/** Injection token that determines the scroll handling while the popover is open. */
+export declare const MTX_POPOVER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+/** @docs-private */
+export declare function MTX_POPOVER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+/** @docs-private */
+export declare const MTX_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: (typeof Overlay)[];
+    useFactory: typeof MTX_POPOVER_SCROLL_STRATEGY_FACTORY;
+};
 /**
- * This directive is intended to be used in conjunction with an mtx-popover tag. It is
+ * This directive is intended to be used in conjunction with an `mtx-popover` tag. It is
  * responsible for toggling the display of the provided popover instance.
  */
-export declare class MtxPopoverTrigger implements AfterViewInit, OnDestroy {
+export declare class MtxPopoverTrigger implements AfterContentInit, OnDestroy {
     private _overlay;
-    _elementRef: ElementRef;
+    private _elementRef;
     private _viewContainerRef;
     private _dir;
     private _changeDetectorRef;
-    ariaHaspopup: boolean;
-    popoverOpened$: Subject<void>;
-    popoverClosed$: Subject<void>;
-    private _portal;
+    private _focusMonitor?;
+    private _portal?;
     private _overlayRef;
     private _popoverOpen;
     private _halt;
-    private _backdropSubscription;
     private _positionSubscription;
-    private _detachmentsSubscription;
+    private _popoverCloseSubscription;
+    private _closingActionsSubscription;
+    private _scrollStrategy;
     private _mouseoverTimer;
-    private _openedByMouse;
-    private _onDestroy;
+    _openedBy: Exclude<FocusOrigin, 'program' | null> | undefined;
     /** References the popover instance that the trigger is associated with. */
-    popover: MtxPopoverPanel;
+    get popover(): MtxPopoverPanel;
+    set popover(popover: MtxPopoverPanel);
+    private _popover;
+    /** Data to be passed along to any lazily-rendered content. */
+    popoverData: any;
     /** References the popover target instance that the trigger is associated with. */
-    targetElement: MtxTarget;
+    targetElement?: MtxPopoverTarget;
     /** Popover trigger event */
-    triggerEvent: MtxPopoverTriggerEvent;
+    triggerEvent?: MtxPopoverTriggerEvent;
     /** Event emitted when the associated popover is opened. */
     popoverOpened: EventEmitter<void>;
     /** Event emitted when the associated popover is closed. */
     popoverClosed: EventEmitter<void>;
-    constructor(_overlay: Overlay, _elementRef: ElementRef, _viewContainerRef: ViewContainerRef, _dir: Directionality, _changeDetectorRef: ChangeDetectorRef);
-    ngAfterViewInit(): void;
+    constructor(_overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, scrollStrategy: any, _dir: Directionality, _changeDetectorRef: ChangeDetectorRef, _focusMonitor?: FocusMonitor | undefined);
+    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     private _setCurrentConfig;
     /** Whether the popover is open. */
     get popoverOpen(): boolean;
-    onClick(event: MouseEvent): void;
-    onMouseEnter(event: MouseEvent): void;
-    onMouseLeave(event: MouseEvent): void;
+    /** The text direction of the containing app. */
+    get dir(): Direction;
+    /** Handles mouse click on the trigger. */
+    _handleClick(event: MouseEvent): void;
+    /** Handles mouse enter on the trigger. */
+    _handleMouseEnter(event: MouseEvent): void;
+    /** Handles mouse leave on the trigger. */
+    _handleMouseLeave(event: MouseEvent): void;
+    /** Handles mouse presses on the trigger. */
+    _handleMousedown(event: MouseEvent): void;
+    /** Handles key presses on the trigger. */
+    _handleKeydown(event: KeyboardEvent): void;
     /** Toggles the popover between the open and closed states. */
     togglePopover(): void;
     /** Opens the popover. */
     openPopover(): void;
     /** Closes the popover. */
     closePopover(): void;
-    /** Removes the popover from the DOM. */
-    destroyPopover(): void;
-    /** Focuses the popover trigger. */
-    focus(): void;
-    /** The text direction of the containing app. */
-    get dir(): Direction;
     /**
-     * This method ensures that the popover closes when the overlay backdrop is clicked.
-     * We do not use first() here because doing so would not catch clicks from within
-     * the popover, and it would fail to unsubscribe properly. Instead, we unsubscribe
-     * explicitly when the popover is closed or destroyed.
+     * Focuses the popover trigger.
+     * @param origin Source of the popover trigger's focus.
      */
-    private _subscribeToBackdrop;
-    private _subscribeToDetachments;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    /** Removes the popover from the DOM. */
+    private _destroyPopover;
     /**
-     * This method sets the popover state to open and focuses the first item if
-     * the popover was opened via the keyboard.
+     * This method sets the popover state to open.
      */
     private _initPopover;
+    private _setIsPopoverOpen;
     /**
-     * This method resets the popover when it's closed, most importantly restoring
-     * focus to the popover trigger if the popover was opened via the keyboard.
-     */
-    private _resetPopover;
-    /** set state rather than toggle to support triggers sharing a popover */
-    private _setPopoverOpened;
-    /** set state rather than toggle to support triggers sharing a popover */
-    private _setPopoverClosed;
-    /**
-     *  This method checks that a valid instance of MdPopover has been passed into
-     *  mdPopoverTriggerFor. If not, an exception is thrown.
+     * This method checks that a valid instance of MdPopover has been passed into
+     * `mtxPopoverTriggerFor`. If not, an exception is thrown.
      */
     private _checkPopover;
     /**
-     *  This method creates the overlay from the provided popover's template and saves its
-     *  OverlayRef so that it can be attached to the DOM when openPopover is called.
+     * This method creates the overlay from the provided popover's template and saves its
+     * OverlayRef so that it can be attached to the DOM when openPopover is called.
      */
     private _createOverlay;
     /**
@@ -95,10 +101,7 @@ export declare class MtxPopoverTrigger implements AfterViewInit, OnDestroy {
      * @returns OverlayConfig
      */
     private _getOverlayConfig;
-    /**
-     * This method returns the scroll strategy used by the cdk/overlay.
-     */
-    private _getOverlayScrollStrategy;
+    private _getTargetElement;
     /**
      * Listens to changes in the position of the overlay and sets the correct classes
      * on the popover based on the new position. This ensures the animation origin is always
@@ -106,11 +109,13 @@ export declare class MtxPopoverTrigger implements AfterViewInit, OnDestroy {
      */
     private _subscribeToPositions;
     /**
-     * This method builds the position strategy for the overlay, so the popover is properly connected
-     * to the trigger.
-     * @returns ConnectedPositionStrategy
+     * Sets the appropriate positions on a position strategy
+     * so the overlay connects with the trigger correctly.
+     * @param positionStrategy Strategy whose position to update.
      */
-    private _getPosition;
-    private _cleanUpSubscriptions;
-    _handleMousedown(event: MouseEvent): void;
+    private _setPosition;
+    /** Returns a stream that emits whenever an action that should close the popover occurs. */
+    private _popoverClosingActions;
+    /** Gets the portal that should be attached to the overlay. */
+    private _getPortal;
 }

package/popover/popover-types.d.ts

@@ -1,5 +1,10 @@
+/** First value of popover's position. */
 export declare type MtxPopoverPositionStart = 'above' | 'below' | 'before' | 'after';
+/** Second value of popover's position. */
 export declare type MtxPopoverPositionEnd = MtxPopoverPositionStart | 'center';
+/** Popover's position. */
 export declare type MtxPopoverPosition = [MtxPopoverPositionStart, MtxPopoverPositionEnd];
+/** Popover's trigger event. */
 export declare type MtxPopoverTriggerEvent = 'click' | 'hover' | 'none';
-export declare type MtxPopoverScrollStrategy = 'noop' | 'close' | 'block' | 'reposition';
+/** Reason why the popover was closed. */
+export declare type PopoverCloseReason = void | 'click' | 'keydown' | 'tab';