@ng-matero/extensions 11.3.4 → 11.5.1

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":30,"character":1},"arguments":[{"selector":"mtx-popover","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":35,"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       [class.mtx-popover-overlap]=\"overlapTrigger\"\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\" *ngIf=\"!overlapTrigger\">\r\n    </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}.mtx-popover-panel.mtx-popover-below{margin-top:10px}.mtx-popover-panel.mtx-popover-above{margin-bottom:10px}.mtx-popover-panel.mtx-popover-overlap{margin:0}.mtx-popover-direction-arrow{position:absolute;width:16px}.mtx-popover-direction-arrow:after,.mtx-popover-direction-arrow:before{position:absolute;display:inline-block;content:\"\"}.mtx-popover-direction-arrow:before{border:8px solid transparent}.mtx-popover-direction-arrow:after{border:7px solid transparent;left:1px}[dir=rtl] .mtx-popover-direction-arrow:after{right:1px;left:auto}.mtx-popover-below .mtx-popover-direction-arrow{top:0}.mtx-popover-below .mtx-popover-direction-arrow:after,.mtx-popover-below .mtx-popover-direction-arrow:before{bottom:0;border-top-width:0}.mtx-popover-above .mtx-popover-direction-arrow{bottom:0}.mtx-popover-above .mtx-popover-direction-arrow:after,.mtx-popover-above .mtx-popover-direction-arrow:before{top:0;border-bottom-width:0}"]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["attr.role"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"scrollStrategy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"enterDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"leaveDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"overlapTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"xOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"yOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}}]}],"arrowOffsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"arrowWidth":[{"__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":45,"character":1},"arguments":[{"selector":"[mtxPopoverTriggerFor]","exportAs":"mtxPopoverTrigger"}]}],"members":{"ariaHaspopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":50,"character":3},"arguments":["attr.aria-haspopup"]}]}],"popover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["mtxPopoverTriggerFor"]}]}],"targetElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["mtxPopoverTargetAt"]}]}],"triggerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["mtxPopoverTriggerOn"]}]}],"popoverOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"popoverClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":90,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":87,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":89,"character":31},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":90,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"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":117,"character":3},"arguments":["click",["$event"]]}]}],"onMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":124,"character":3},"arguments":["mouseenter",["$event"]]}]}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":134,"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":477,"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"}},"origins":{"MtxPopoverModule":"./popover-module","MtxPopover":"./popover","MtxPopoverTrigger":"./popover-trigger","MtxPopoverTarget":"./popover-target","transformPopover":"./popover-animations","MtxPopoverPanel":"./popover-interfaces","MtxPopoverConfig":"./popover-interfaces","MtxTarget":"./popover-interfaces"},"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":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:after,.mtx-popover-direction-arrow:before{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-above] .mtx-popover-direction-arrow,[class*=mtx-popover-below] .mtx-popover-direction-arrow{width:1em}[class*=mtx-popover-above] .mtx-popover-direction-arrow:after,[class*=mtx-popover-below] .mtx-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=mtx-popover-above] .mtx-popover-direction-arrow:after,[dir=rtl] [class*=mtx-popover-below] .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:after,[class*=mtx-popover-below] .mtx-popover-direction-arrow:before{bottom:0;border-top-width:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow{bottom:0}[class*=mtx-popover-above] .mtx-popover-direction-arrow:after,[class*=mtx-popover-above] .mtx-popover-direction-arrow:before{top:0;border-bottom-width:0}[class*=mtx-popover-after] .mtx-popover-direction-arrow,[class*=mtx-popover-before] .mtx-popover-direction-arrow{height:1em}[class*=mtx-popover-after] .mtx-popover-direction-arrow:after,[class*=mtx-popover-before] .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:after,[class*=mtx-popover-before] .mtx-popover-direction-arrow:before{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:after,[dir=rtl] [class*=mtx-popover-before] .mtx-popover-direction-arrow:before{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:after,[class*=mtx-popover-after] .mtx-popover-direction-arrow:before{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:after,[dir=rtl] [class*=mtx-popover-after] .mtx-popover-direction-arrow:before{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)}"]}]}],"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"}

package/popover/popover-errors.d.ts

@@ -3,12 +3,12 @@
  */
 export declare function throwMtxPopoverMissingError(): void;
 /**
- * Throws an exception for the case when popover's mtxPopoverPositionX value isn't valid.
- * In other words, it doesn't match 'before' or 'after'.
+ * Throws an exception for the case when popover's mtxPopoverPosition[0] value isn't valid.
+ * In other words, it doesn't match 'above', 'below', 'before' or 'after'.
  */
-export declare function throwMtxPopoverInvalidPositionX(): void;
+export declare function throwMtxPopoverInvalidPositionStart(): void;
 /**
- * Throws an exception for the case when popover's mtxPopoverPositionY value isn't valid.
- * In other words, it doesn't match 'above' or 'below'.
+ * Throws an exception for the case when popover's mtxPopoverPosition[1] value isn't valid.
+ * In other words, it doesn't match 'above', 'below', 'before', 'after' or 'center'.
  */
-export declare function throwMtxPopoverInvalidPositionY(): void;
+export declare function throwMtxPopoverInvalidPositionEnd(): void;

package/popover/popover-interfaces.d.ts

@@ -1,16 +1,16 @@
 import { ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
-import { MtxPopoverPositionX, MtxPopoverPositionY, MtxPopoverTriggerEvent, MtxPopoverScrollStrategy } from './popover-types';
+import { MtxPopoverTriggerEvent, MtxPopoverScrollStrategy, MtxPopoverPosition } from './popover-types';
 export interface MtxPopoverPanel {
     triggerEvent: MtxPopoverTriggerEvent;
-    xPosition: MtxPopoverPositionX;
-    yPosition: MtxPopoverPositionY;
+    position: MtxPopoverPosition;
     xOffset: number;
     yOffset: number;
     enterDelay: number;
     leaveDelay: number;
-    overlapTrigger: boolean;
     arrowOffsetX: number;
+    arrowOffsetY: number;
     arrowWidth: number;
+    arrowHeight: number;
     closeOnPanelClick: boolean;
     closeOnBackdropClick: boolean;
     scrollStrategy: MtxPopoverScrollStrategy;
@@ -19,21 +19,21 @@ export interface MtxPopoverPanel {
     templateRef: TemplateRef<any>;
     zone: NgZone;
     closed: EventEmitter<void>;
-    setCurrentStyles: () => void;
-    setPositionClasses: (x: MtxPopoverPositionX, y: MtxPopoverPositionY) => void;
+    setCurrentStyles: (pos?: MtxPopoverPosition) => void;
+    setPositionClasses: (pos?: MtxPopoverPosition) => void;
     _emitCloseEvent: () => void;
 }
 export interface MtxPopoverConfig {
     triggerEvent: MtxPopoverTriggerEvent;
-    xPosition: MtxPopoverPositionX;
-    yPosition: MtxPopoverPositionY;
+    position: MtxPopoverPosition;
     xOffset: number;
     yOffset: number;
     enterDelay: number;
     leaveDelay: number;
-    overlapTrigger: boolean;
     arrowOffsetX: number;
+    arrowOffsetY: number;
     arrowWidth: number;
+    arrowHeight: number;
     closeOnPanelClick: boolean;
     closeOnBackdropClick: boolean;
     panelClass: string;

package/popover/popover-types.d.ts

@@ -1,4 +1,5 @@
-export declare type MtxPopoverPositionX = 'before' | 'after' | 'center';
-export declare type MtxPopoverPositionY = 'above' | 'below';
+export declare type MtxPopoverPositionStart = 'above' | 'below' | 'before' | 'after';
+export declare type MtxPopoverPositionEnd = MtxPopoverPositionStart | 'center';
+export declare type MtxPopoverPosition = [MtxPopoverPositionStart, MtxPopoverPositionEnd];
 export declare type MtxPopoverTriggerEvent = 'click' | 'hover' | 'none';
 export declare type MtxPopoverScrollStrategy = 'noop' | 'close' | 'block' | 'reposition';

package/popover/popover.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter, OnDestroy, TemplateRef, ElementRef, NgZone } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { Directionality } from '@angular/cdk/bidi';
-import { MtxPopoverPositionX, MtxPopoverPositionY, MtxPopoverTriggerEvent, MtxPopoverScrollStrategy } from './popover-types';
+import { MtxPopoverTriggerEvent, MtxPopoverScrollStrategy, MtxPopoverPosition } from './popover-types';
 import { MtxPopoverPanel } from './popover-interfaces';
 export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     private _dir;
@@ -9,27 +10,27 @@ export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     zone: NgZone;
     role: string;
     /** Settings for popover, view setters and getters for more detail */
-    private _xPosition;
-    private _yPosition;
+    private _position;
     private _triggerEvent;
     private _scrollStrategy;
     private _enterDelay;
     private _leaveDelay;
-    private _overlapTrigger;
-    private _disableAnimation;
     private _panelOffsetX;
     private _panelOffsetY;
     private _closeOnPanelClick;
     private _closeOnBackdropClick;
+    private _disableAnimation;
     private _focusTrapEnabled;
     private _focusTrapAutoCaptureEnabled;
     private _arrowOffsetX;
+    private _arrowOffsetY;
     private _arrowWidth;
+    private _arrowHeight;
     /** Config object to be passed into the popover's ngClass */
     _classList: {
         [key: string]: boolean;
     };
-    /** */
+    /** Whether popover's `targetElement` is defined */
     containerPositioning: boolean;
     /** Closing disabled on popover */
     closeDisabled: boolean;
@@ -41,12 +42,9 @@ export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     popoverContentStyles: {};
     /** Emits the current animation state whenever it changes. */
     _onAnimationStateChange: EventEmitter<AnimationEvent>;
-    /** Position of the popover in the X axis. */
-    get xPosition(): MtxPopoverPositionX;
-    set xPosition(value: MtxPopoverPositionX);
-    /** Position of the popover in the Y axis. */
-    get yPosition(): MtxPopoverPositionY;
-    set yPosition(value: MtxPopoverPositionY);
+    /** Position of the popover. */
+    get position(): MtxPopoverPosition;
+    set position(value: MtxPopoverPosition);
     /** Popover trigger event */
     get triggerEvent(): MtxPopoverTriggerEvent;
     set triggerEvent(value: MtxPopoverTriggerEvent);
@@ -59,9 +57,6 @@ export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     /** Popover leave delay */
     get leaveDelay(): number;
     set leaveDelay(value: number);
-    /** Popover overlap trigger */
-    get overlapTrigger(): boolean;
-    set overlapTrigger(value: boolean);
     /** Popover target offset x */
     get xOffset(): number;
     set xOffset(value: number);
@@ -71,9 +66,15 @@ export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     /** Popover arrow offset x */
     get arrowOffsetX(): number;
     set arrowOffsetX(value: number);
+    /** Popover arrow offset y */
+    get arrowOffsetY(): number;
+    set arrowOffsetY(value: number);
     /** Popover arrow width */
     get arrowWidth(): number;
     set arrowWidth(value: number);
+    /** Popover arrow height */
+    get arrowHeight(): number;
+    set arrowHeight(value: number);
     /** Popover close on container click */
     get closeOnPanelClick(): boolean;
     set closeOnPanelClick(value: boolean);
@@ -128,10 +129,15 @@ export declare class MtxPopover implements MtxPopoverPanel, OnDestroy {
     /** Enables close of popover when mouse leaving popover element */
     onMouseLeave(): void;
     /** Sets the current styles for the popover to allow for dynamically changing settings */
-    setCurrentStyles(): void;
+    setCurrentStyles(pos?: MtxPopoverPosition): void;
     /**
      * It's necessary to set position-based classes to ensure the popover panel animation
      * folds out from the correct direction.
      */
-    setPositionClasses(posX?: MtxPopoverPositionX, posY?: MtxPopoverPositionY): void;
+    setPositionClasses(pos?: MtxPopoverPosition): void;
+    static ngAcceptInputType_closeOnPanelClick: BooleanInput;
+    static ngAcceptInputType_closeOnBackdropClick: BooleanInput;
+    static ngAcceptInputType_disableAnimation: BooleanInput;
+    static ngAcceptInputType_focusTrapEnabled: BooleanInput;
+    static ngAcceptInputType_focusTrapAutoCaptureEnabled: BooleanInput;
 }

package/popover/popover.scss

@@ -1,54 +1,74 @@
-$arrow-height: 8px;
+$arrow-size: 1em; // 16px default
 
 .mtx-popover-panel {
   max-height: calc(100vh - 48px);
   padding: 8px;
   border-radius: 4px;
+  font-size: 16px; // It can change the arrow size
 
-  &.mtx-popover-below {
-    margin-top: $arrow-height + 2;
+  &[class*='mtx-popover-below'] {
+    margin-top: calc(#{$arrow-size * .5} + 2px);
   }
 
-  &.mtx-popover-above {
-    margin-bottom: $arrow-height + 2;
+  &[class*='mtx-popover-above'] {
+    margin-bottom: calc(#{$arrow-size * .5} + 2px);
   }
 
-  // &.mtx-popover-after {}
+  &[class*='mtx-popover-before'] {
+    margin-right: calc(#{$arrow-size * .5} + 2px);
 
-  // &.mtx-popover-before {}
+    [dir='rtl'] & {
+      margin-right: auto;
+      margin-left: calc(#{$arrow-size * .5} + 2px);
+    }
+  }
+
+  &[class*='mtx-popover-after'] {
+    margin-left: calc(#{$arrow-size * .5} + 2px);
 
-  &.mtx-popover-overlap {
-    margin: 0;
+    [dir='rtl'] & {
+      margin-left: auto;
+      margin-right: calc(#{$arrow-size * .5} + 2px);
+    }
   }
 }
 
 .mtx-popover-direction-arrow {
   position: absolute;
-  width: $arrow-height * 2;
 
   &::before,
   &::after {
     position: absolute;
     display: inline-block;
     content: '';
+    border-width: $arrow-size * .5;
+    border-style: solid;
   }
 
-  &::before {
-    border: $arrow-height solid transparent;
+  &::after {
+    border-width: calc(#{$arrow-size * .5} - 1px);
   }
+}
 
-  &::after {
-    border: ($arrow-height - 1) solid transparent;
-    left: 1px;
+// Arrow up and down
 
-    [dir='rtl'] & {
-      right: 1px;
-      left: auto;
+[class*='mtx-popover-below'],
+[class*='mtx-popover-above'] {
+  .mtx-popover-direction-arrow {
+    width: $arrow-size;
+
+    &::after {
+      left: 1px;
+
+      [dir='rtl'] & {
+        right: 1px;
+        left: auto;
+      }
     }
   }
 }
 
-.mtx-popover-below {
+[class*='mtx-popover-below'] {
   .mtx-popover-direction-arrow {
     top: 0;
 
@@ -60,7 +80,7 @@ $arrow-height: 8px;
   }
 }
 
-.mtx-popover-above {
+[class*='mtx-popover-above'] {
   .mtx-popover-direction-arrow {
     bottom: 0;
 
@@ -71,3 +91,80 @@ $arrow-height: 8px;
     }
   }
 }
+
+// Arrow left and right
+
+[class*='mtx-popover-before'],
+[class*='mtx-popover-after'] {
+  .mtx-popover-direction-arrow {
+    height: $arrow-size;
+
+    &::after {
+      top: 1px;
+    }
+  }
+}
+
+[class*='mtx-popover-before'] {
+  .mtx-popover-direction-arrow {
+    right: 0;
+
+    &::before,
+    &::after {
+      left: 0;
+      border-right-width: 0;
+    }
+
+    [dir='rtl'] & {
+      right: auto;
+      left: 0;
+
+      &::before,
+      &::after {
+        left: auto;
+        right: 0;
+        border-left-width: 0;
+      }
+
+      &::before {
+        border-right-width: $arrow-size * .5;
+      }
+
+      &::after {
+        border-right-width: calc(#{$arrow-size * .5} - 1px);
+      }
+    }
+  }
+}
+
+[class*='mtx-popover-after'] {
+  .mtx-popover-direction-arrow {
+    left: 0;
+
+    &::before,
+    &::after {
+      right: 0;
+      border-left-width: 0;
+    }
+
+    [dir='rtl'] & {
+      left: auto;
+      right: 0;
+
+      &::before,
+      &::after {
+        right: auto;
+        left: 0;
+        border-right-width: 0;
+      }
+
+      &::before {
+        border-left-width: $arrow-size * .5;
+      }
+
+      &::after {
+        border-left-width: calc(#{$arrow-size * .5} - 1px);
+      }
+    }
+  }
+}

package/popover/public-api.d.ts

@@ -4,3 +4,4 @@ export * from './popover-trigger';
 export * from './popover-target';
 export * from './popover-animations';
 export * from './popover-interfaces';
+export * from './popover-types';

package/progress/mtxProgress.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MtxProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MtxProgressComponent"}],"declarations":[{"__symbolic":"reference","name":"MtxProgressComponent"}]}]}],"members":{}},"MtxProgressType":{"__symbolic":"interface"},"MtxProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mtx-progress","exportAs":"mtxProgress","host":{"class":"mtx-progress","[style.height]":"height","[style.backgroundColor]":"background","$quoted$":["class","[style.height]","[style.backgroundColor]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<div [class]=\"'mtx-progress-fill mtx-progress-fill-' + type\"\n     [ngClass]=\"{'mtx-progress-fill-striped': striped, 'mtx-progress-fill-animated': animate}\"\n     [ngStyle]=\"{ 'width.%': value, 'background-color': foreground }\"\n     role=\"progress-fill\">\n  <ng-content></ng-content>\n</div>\n","styles":[".mtx-progress{display:flex;height:1rem;margin:8px 0;overflow:hidden;font-size:.75rem;border-radius:.25rem}.mtx-progress-fill{display:flex;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease}.mtx-progress-fill-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.mtx-progress-fill-animated{-webkit-animation:mtx-progress-fill-stripes 1s linear infinite;animation:mtx-progress-fill-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.mtx-progress-fill-animated{-webkit-animation:none;animation:none}}@-webkit-keyframes mtx-progress-fill-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes mtx-progress-fill-stripes{0%{background-position:1rem 0}to{background-position:0 0}}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"foreground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"striped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}}},"origins":{"MtxProgressModule":"./progress.module","MtxProgressType":"./progress.component","MtxProgressComponent":"./progress.component"},"importAs":"@ng-matero/extensions/progress"}
+{"__symbolic":"module","version":4,"metadata":{"MtxProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MtxProgressComponent"}],"declarations":[{"__symbolic":"reference","name":"MtxProgressComponent"}]}]}],"members":{}},"MtxProgressType":{"__symbolic":"interface"},"MtxProgressComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mtx-progress","exportAs":"mtxProgress","host":{"class":"mtx-progress","[style.height]":"height","[style.backgroundColor]":"background","$quoted$":["class","[style.height]","[style.backgroundColor]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<div [class]=\"'mtx-progress-fill mtx-progress-fill-' + type\"\n     [ngClass]=\"{'mtx-progress-fill-striped': striped, 'mtx-progress-fill-animated': animate}\"\n     [ngStyle]=\"{ 'width.%': value, 'background-color': foreground }\"\n     role=\"progress-fill\">\n  <ng-content></ng-content>\n</div>\n","styles":[".mtx-progress{display:flex;height:1rem;margin:8px 0;overflow:hidden;font-size:.75rem;border-radius:.25rem}.mtx-progress-fill{display:flex;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease}.mtx-progress-fill-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.mtx-progress-fill-animated{-webkit-animation:mtx-progress-fill-stripes 1s linear infinite;animation:mtx-progress-fill-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.mtx-progress-fill-animated{-webkit-animation:none;animation:none}}@-webkit-keyframes mtx-progress-fill-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes mtx-progress-fill-stripes{0%{background-position:1rem 0}to{background-position:0 0}}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"foreground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"striped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}]}}},"origins":{"MtxProgressModule":"./progress.module","MtxProgressType":"./progress.component","MtxProgressComponent":"./progress.component"},"importAs":"@ng-matero/extensions/progress"}

package/progress/progress.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanInput } from '@angular/cdk/coercion';
 export declare type MtxProgressType = 'default' | 'info' | 'success' | 'warning' | 'danger';
 export declare class MtxProgressComponent {
     /** The progress type */
@@ -13,7 +14,13 @@ export declare class MtxProgressComponent {
     /** The progress track color */
     background: string;
     /** Whether applies striped class */
-    striped: boolean;
+    get striped(): boolean;
+    set striped(value: boolean);
+    private _striped;
     /** Whether applies animated class */
-    animate: boolean;
+    get animate(): boolean;
+    set animate(value: boolean);
+    private _animate;
+    static ngAcceptInputType_striped: BooleanInput;
+    static ngAcceptInputType_animate: BooleanInput;
 }