[{"__symbolic":"module","version":3,"metadata":{"SkyPopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-popover","template":"<div class=\"sky-popover-container\"\n  tabindex=\"-1\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + alignment,\n    'sky-popover-placement-' + placement\n  ]\"\n  (@popoverState.start)=\"onAnimationStart($event)\"\n  (@popoverState.done)=\"onAnimationDone($event)\"\n  [@popoverState]=\"animationState\"\n  [style.top.px]=\"popoverTop\"\n  [style.left.px]=\"popoverLeft\"\n  [style.visibility]=\"(isVisible) ? 'visible': 'hidden'\"\n  #popoverContainer>\n  <div class=\"sky-popover sky-shadow sky-rounded-corners\">\n    <header class=\"sky-popover-header\" *ngIf=\"popoverTitle\">\n      <h1 class=\"sky-popover-title\">\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div class=\"sky-popover-body\">\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"sky-popover-arrow\"\n      [style.top.px]=\"arrowTop\"\n      [style.left.px]=\"arrowLeft\"\n      aria-hidden=\"true\"\n      #popoverArrow></div>\n  </div>\n</div>\n","styles":[".sky-popover-container {\n  position: fixed;\n  z-index: 999;\n  min-width: 276px;\n  max-width: 276px;\n}\n\n.sky-popover-container.sky-popover-hidden {\n  visibility: hidden;\n  opacity: 0;\n  top: -9999px !important;\n  left: -9999px !important;\n}\n\n.sky-popover-container:focus {\n  outline: none;\n}\n\n@media (max-width: 276px) {\n  .sky-popover-container {\n    max-width: 100%;\n    min-width: auto;\n  }\n}\n\n.sky-popover {\n  background-color: #ffffff;\n}\n\n.sky-popover-header {\n  padding: 10px 10px 0 10px;\n}\n\n.sky-popover-header + .sky-popover-body {\n  padding-top: 2px;\n}\n\n.sky-popover-title {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  margin: 0;\n}\n\n.sky-popover-body {\n  padding: 10px;\n}\n\n.sky-popover-arrow {\n  width: 0;\n  height: 0;\n  position: absolute;\n  border: 10px solid transparent;\n}\n\n.sky-popover-placement-fullscreen {\n  background-color: rgba(0, 0, 0, 0.2);\n  padding: 10px !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0;\n  bottom: 0;\n  width: 100% !important;\n  max-width: none;\n  max-height: 100%;\n  height: auto !important;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover {\n  border-top: 1px solid #cdcfd2;\n  border-bottom: 1px solid #cdcfd2;\n  border-left: 1px solid #cdcfd2;\n  border-right: 1px solid #cdcfd2;\n  overflow: auto;\n  max-height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover .sky-popover-header {\n  padding: 10px;\n  border-bottom: 1px solid #e2e3e4;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover .sky-popover-body {\n  position: relative;\n}\n\n.sky-popover-placement-above {\n  padding-bottom: 10px;\n}\n\n.sky-popover-placement-above .sky-popover {\n  border-bottom: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-above .sky-popover-arrow {\n  border-bottom: 0;\n  border-top-color: #00b4f1;\n  bottom: 0;\n  left: 50%;\n  margin-left: -10px;\n}\n\n.sky-popover-placement-below {\n  padding-top: 10px;\n}\n\n.sky-popover-placement-below .sky-popover {\n  border-top: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-below .sky-popover-arrow {\n  border-top: 0;\n  border-bottom-color: #00b4f1;\n  top: 0;\n  left: 50%;\n  margin-left: -10px;\n}\n\n.sky-popover-placement-right {\n  padding-left: 10px;\n}\n\n.sky-popover-placement-right .sky-popover {\n  border-left: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-right .sky-popover-arrow {\n  border-left: 0;\n  border-right-color: #00b4f1;\n  left: 0;\n  top: 50%;\n  margin-top: -10px;\n}\n\n.sky-popover-placement-left {\n  padding-right: 10px;\n}\n\n.sky-popover-placement-left .sky-popover {\n  border-right: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-left .sky-popover-arrow {\n  border-right: 0;\n  border-left-color: #00b4f1;\n  right: 0;\n  top: 50%;\n  margin-top: -10px;\n}\n\n.sky-popover-placement-above.sky-popover-alignment-left .sky-popover-arrow,\n.sky-popover-placement-below.sky-popover-alignment-left .sky-popover-arrow {\n  left: 40px;\n  right: auto;\n}\n\n.sky-popover-placement-above.sky-popover-alignment-right .sky-popover-arrow,\n.sky-popover-placement-below.sky-popover-alignment-right .sky-popover-arrow {\n  left: auto;\n  right: 40px;\n}\n"],"providers":[{"__symbolic":"reference","module":"./popover-adapter.service","name":"SkyPopoverAdapterService"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["popoverState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["hidden => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"dismissOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popoverTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popoverOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"popoverClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"popoverContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popoverContainer"]}]}],"popoverArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popoverArrow"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./popover-adapter.service","name":"SkyPopoverAdapterService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"positionNextTo":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"onAnimationDone":[{"__symbolic":"method"}],"markForCloseOnMouseLeave":[{"__symbolic":"method"}],"positionPopover":[{"__symbolic":"method"}],"addListeners":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyPopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-popover","template":"<div class=\"sky-popover-container\"\n  tabindex=\"-1\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + alignment,\n    'sky-popover-placement-' + placement\n  ]\"\n  (@popoverState.start)=\"onAnimationStart($event)\"\n  (@popoverState.done)=\"onAnimationDone($event)\"\n  [@popoverState]=\"animationState\"\n  [style.top.px]=\"popoverTop\"\n  [style.left.px]=\"popoverLeft\"\n  [style.visibility]=\"(isVisible) ? 'visible': 'hidden'\"\n  #popoverContainer>\n  <div class=\"sky-popover sky-shadow sky-rounded-corners\">\n    <header class=\"sky-popover-header\" *ngIf=\"popoverTitle\">\n      <h1 class=\"sky-popover-title\">\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div class=\"sky-popover-body\">\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"sky-popover-arrow\"\n      [style.top.px]=\"arrowTop\"\n      [style.left.px]=\"arrowLeft\"\n      aria-hidden=\"true\"\n      #popoverArrow></div>\n  </div>\n</div>\n","styles":[".sky-popover-container {\n  position: fixed;\n  z-index: 999;\n  min-width: 276px;\n  max-width: 276px;\n}\n\n.sky-popover-container.sky-popover-hidden {\n  visibility: hidden;\n  opacity: 0;\n  top: -9999px !important;\n  left: -9999px !important;\n}\n\n.sky-popover-container:focus {\n  outline: none;\n}\n\n@media (max-width: 276px) {\n  .sky-popover-container {\n    max-width: 100%;\n    min-width: auto;\n  }\n}\n\n.sky-popover {\n  background-color: #ffffff;\n}\n\n.sky-popover-header {\n  padding: 10px 10px 0 10px;\n}\n\n.sky-popover-header + .sky-popover-body {\n  padding-top: 2px;\n}\n\n.sky-popover-title {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  margin: 0;\n}\n\n.sky-popover-body {\n  padding: 10px;\n}\n\n.sky-popover-arrow {\n  width: 0;\n  height: 0;\n  position: absolute;\n  border: 10px solid transparent;\n}\n\n.sky-popover-placement-fullscreen {\n  background-color: rgba(0, 0, 0, 0.2);\n  padding: 10px !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0;\n  bottom: 0;\n  width: 100% !important;\n  max-width: none;\n  max-height: 100%;\n  height: auto !important;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover {\n  border-top: 1px solid #cdcfd2;\n  border-bottom: 1px solid #cdcfd2;\n  border-left: 1px solid #cdcfd2;\n  border-right: 1px solid #cdcfd2;\n  overflow: auto;\n  max-height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover .sky-popover-header {\n  padding: 10px;\n  border-bottom: 1px solid #e2e3e4;\n}\n\n.sky-popover-placement-fullscreen > .sky-popover .sky-popover-body {\n  position: relative;\n}\n\n.sky-popover-placement-above {\n  padding-bottom: 10px;\n}\n\n.sky-popover-placement-above .sky-popover {\n  border-bottom: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-above .sky-popover-arrow {\n  border-bottom: 0;\n  border-top-color: #00b4f1;\n  bottom: 0;\n  left: 50%;\n  margin-left: -10px;\n}\n\n.sky-popover-placement-below {\n  padding-top: 10px;\n}\n\n.sky-popover-placement-below .sky-popover {\n  border-top: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-below .sky-popover-arrow {\n  border-top: 0;\n  border-bottom-color: #00b4f1;\n  top: 0;\n  left: 50%;\n  margin-left: -10px;\n}\n\n.sky-popover-placement-right {\n  padding-left: 10px;\n}\n\n.sky-popover-placement-right .sky-popover {\n  border-left: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-right .sky-popover-arrow {\n  border-left: 0;\n  border-right-color: #00b4f1;\n  left: 0;\n  top: 50%;\n  margin-top: -10px;\n}\n\n.sky-popover-placement-left {\n  padding-right: 10px;\n}\n\n.sky-popover-placement-left .sky-popover {\n  border-right: 10px solid #00b4f1;\n}\n\n.sky-popover-placement-left .sky-popover-arrow {\n  border-right: 0;\n  border-left-color: #00b4f1;\n  right: 0;\n  top: 50%;\n  margin-top: -10px;\n}\n\n.sky-popover-placement-above.sky-popover-alignment-left .sky-popover-arrow,\n.sky-popover-placement-below.sky-popover-alignment-left .sky-popover-arrow {\n  left: 40px;\n  right: auto;\n}\n\n.sky-popover-placement-above.sky-popover-alignment-right .sky-popover-arrow,\n.sky-popover-placement-below.sky-popover-alignment-right .sky-popover-arrow {\n  left: auto;\n  right: 40px;\n}\n"],"providers":[{"__symbolic":"reference","module":"./popover-adapter.service","name":"SkyPopoverAdapterService"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["popoverState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1,"visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["hidden => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"dismissOnBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popoverTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popoverOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"popoverClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"popoverContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popoverContainer"]}]}],"popoverArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popoverArrow"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./popover-adapter.service","name":"SkyPopoverAdapterService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"positionNextTo":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"onAnimationDone":[{"__symbolic":"method"}],"markForCloseOnMouseLeave":[{"__symbolic":"method"}],"positionPopover":[{"__symbolic":"method"}],"addListeners":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}]}}}}]