UNPKG

21.7 kBJSONView Raw
1{"__symbolic":"module","version":4,"metadata":{"PerfectScrollbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"perfect-scrollbar","exportAs":"ngxPerfectScrollbar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"template":"<div style=\"position: static;\" [class.ps]=\"usePSClass\" [perfectScrollbar]=\"config\" [disabled]=\"disabled\">\n <div class=\"ps-content\">\n <ng-content></ng-content>\n </div>\n\n <div *ngIf=\"scrollIndicators\" class=\"ps-overlay\" [class.ps-at-top]=\"states.top\" [class.ps-at-left]=\"states.left\" [class.ps-at-right]=\"states.right\" [class.ps-at-bottom]=\"states.bottom\">\n <div class=\"ps-indicator-top\" [class.ps-indicator-show]=\"indicatorY && interaction\"></div>\n <div class=\"ps-indicator-left\" [class.ps-indicator-show]=\"indicatorX && interaction\"></div>\n <div class=\"ps-indicator-right\" [class.ps-indicator-show]=\"indicatorX && interaction\"></div>\n <div class=\"ps-indicator-bottom\" [class.ps-indicator-show]=\"indicatorY && interaction\"></div>\n </div>\n</div>\n","styles":["/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto; }\n\n/*\n * Scrollbar rail styles\n */\n.ps__rail-x {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n height: 15px;\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n /* please don't change 'position' */\n position: absolute; }\n\n.ps__rail-y {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n width: 15px;\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n /* please don't change 'position' */\n position: absolute; }\n\n.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent; }\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6; }\n\n.ps__rail-x:hover,\n.ps__rail-y:hover,\n.ps__rail-x:focus,\n.ps__rail-y:focus {\n background-color: #eee;\n opacity: 0.9; }\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, height .2s ease-in-out;\n -webkit-transition: background-color .2s linear, height .2s ease-in-out;\n height: 6px;\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n /* please don't change 'position' */\n position: absolute; }\n\n.ps__thumb-y {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, width .2s ease-in-out;\n -webkit-transition: background-color .2s linear, width .2s ease-in-out;\n width: 6px;\n /* there must be 'right' for ps__thumb-y */\n right: 2px;\n /* please don't change 'position' */\n position: absolute; }\n\n.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x {\n background-color: #999;\n height: 11px; }\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y {\n background-color: #999;\n width: 11px; }\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important; } }\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important; } }\n\n/*\n TODO: Remove important flags after this bug if fixed:\n https://github.com/angular/flex-layout/issues/381\n*/\nperfect-scrollbar {\n position: relative;\n display: block;\n overflow: hidden;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n /* stylelint-disable */\n /* stylelint-enable */ }\n perfect-scrollbar[hidden] {\n display: none; }\n perfect-scrollbar[fxflex] {\n display: flex;\n flex-direction: column;\n -webkit-box-orient: column;\n -webkit-box-direction: column;\n height: auto;\n min-width: 0;\n min-height: 0; }\n perfect-scrollbar[fxflex] > .ps {\n flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n -webkit-box-flex: 1;\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0; }\n perfect-scrollbar[fxlayout] > .ps,\n perfect-scrollbar[fxlayout] > .ps > .ps-content {\n display: flex;\n flex: 1 1 auto;\n -ms-flex: 1 1 auto;\n -webkit-box-flex: 1;\n align-item: inherit;\n place-content: inherit;\n -webkit-box-pack: inherit;\n -webkit-box-align: inherit;\n flex-direction: inherit;\n -webkit-box-orient: inherit;\n -webkit-box-direction: inherit;\n width: 100%;\n height: 100%; }\n perfect-scrollbar[fxlayout=\"row\"] > .ps,\n perfect-scrollbar[fxlayout=\"row\"] > .ps > .ps-content {\n flex-direction: row !important;\n -webkit-box-orient: row !important;\n -webkit-box-direction: row !important; }\n perfect-scrollbar[fxlayout=\"column\"] > .ps,\n perfect-scrollbar[fxlayout=\"column\"] > .ps > .ps-content {\n flex-direction: column !important;\n -webkit-box-orient: column !important;\n -webkit-box-direction: column !important; }\n perfect-scrollbar > .ps {\n position: static;\n display: block;\n width: inherit;\n height: inherit;\n max-width: inherit;\n max-height: inherit; }\n perfect-scrollbar > .ps > .ps-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n overflow: hidden;\n pointer-events: none; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-top,\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-left,\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-right,\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-bottom {\n position: absolute;\n opacity: 0;\n transition: opacity 300ms ease-in-out; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-top,\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-bottom {\n left: 0;\n min-width: 100%;\n min-height: 24px; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-left,\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-right {\n top: 0;\n min-width: 24px;\n min-height: 100%; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-top {\n top: 0; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-left {\n left: 0; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-right {\n right: 0; }\n perfect-scrollbar > .ps > .ps-overlay .ps-indicator-bottom {\n bottom: 0; }\n perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {\n top: 0 !important;\n right: 0 !important;\n left: auto !important;\n width: 10px;\n cursor: default;\n transition: width 200ms linear, opacity 200ms linear, background-color 200ms linear; }\n perfect-scrollbar > .ps.ps--active-y > .ps__rail-y:hover {\n width: 15px; }\n perfect-scrollbar > .ps.ps--active-x > .ps__rail-x {\n top: auto !important;\n bottom: 0 !important;\n left: 0 !important;\n height: 10px;\n cursor: default;\n transition: height 200ms linear, opacity 200ms linear, background-color 200ms linear; }\n perfect-scrollbar > .ps.ps--active-x > .ps__rail-x:hover {\n height: 15px; }\n perfect-scrollbar > .ps.ps--active-x.ps--active-y > .ps__rail-y {\n margin: 0 0 10px; }\n perfect-scrollbar > .ps.ps--active-x.ps--active-y > .ps__rail-x {\n margin: 0 10px 0 0; }\n perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {\n opacity: 0.9;\n background-color: #eee; }\n perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x {\n opacity: 0.9;\n background-color: #eee; }\n perfect-scrollbar.ps-show-always > .ps.ps--active-y > .ps__rail-y {\n opacity: 0.6; }\n perfect-scrollbar.ps-show-always > .ps.ps--active-x > .ps__rail-x {\n opacity: 0.6; }\n perfect-scrollbar.ps-show-active > .ps.ps--active-y > .ps-overlay:not(.ps-at-top) .ps-indicator-top {\n opacity: 1;\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }\n perfect-scrollbar.ps-show-active > .ps.ps--active-y > .ps-overlay:not(.ps-at-bottom) .ps-indicator-bottom {\n opacity: 1;\n background: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }\n perfect-scrollbar.ps-show-active > .ps.ps--active-x > .ps-overlay:not(.ps-at-left) .ps-indicator-left {\n opacity: 1;\n background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }\n perfect-scrollbar.ps-show-active > .ps.ps--active-x > .ps-overlay:not(.ps-at-right) .ps-indicator-right {\n opacity: 1;\n background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-y > .ps-overlay.ps-at-top .ps-indicator-top {\n background: linear-gradient(to bottom, rgba(170, 170, 170, 0.5) 0%, rgba(170, 170, 170, 0) 100%); }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-y > .ps-overlay.ps-at-top .ps-indicator-top.ps-indicator-show {\n opacity: 1; }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-y > .ps-overlay.ps-at-bottom .ps-indicator-bottom {\n background: linear-gradient(to top, rgba(170, 170, 170, 0.5) 0%, rgba(170, 170, 170, 0) 100%); }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-y > .ps-overlay.ps-at-bottom .ps-indicator-bottom.ps-indicator-show {\n opacity: 1; }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-x > .ps-overlay.ps-at-left .ps-indicator-left {\n background: linear-gradient(to right, rgba(170, 170, 170, 0.5) 0%, rgba(170, 170, 170, 0) 100%); }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-x > .ps-overlay.ps-at-left .ps-indicator-left.ps-indicator-show {\n opacity: 1; }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-x > .ps-overlay.ps-at-right .ps-indicator-right {\n background: linear-gradient(to left, rgba(170, 170, 170, 0.5) 0%, rgba(170, 170, 170, 0) 100%); }\n perfect-scrollbar.ps-show-active.ps-show-limits > .ps.ps--active-x > .ps-overlay.ps-at-right .ps-indicator-right.ps-indicator-show {\n opacity: 1; }\n\n/*# sourceMappingURL=perfect-scrollbar.component.css.map */"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"usePSClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"autoPropagation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":3},"arguments":["class.ps-show-limits"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"scrollIndicators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.ps-show-active"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"psScrollY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"psScrollX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"psScrollUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"psScrollDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"psScrollLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"psScrollRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"psYReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"psYReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"psXReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"psXReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"directiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":[{"__symbolic":"reference","name":"PerfectScrollbarDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":76,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":75,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":75,"character":51},{"__symbolic":"reference","name":"Object"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"checkPropagation":[{"__symbolic":"method"}]}},"PerfectScrollbarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[perfectScrollbar]","exportAs":"ngxPerfectScrollbar"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["perfectScrollbar"]}]}],"psScrollY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"psScrollX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"psScrollUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"psScrollDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"psScrollLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"psScrollRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"psYReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"psYReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"psXReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"psXReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":36},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":52,"character":43}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":17},"arguments":[{"__symbolic":"reference","name":"PERFECT_SCROLLBAR_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":51,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers","line":51,"character":53},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":23},{"__symbolic":"reference","name":"Object"},{"__symbolic":"reference","name":"PerfectScrollbarConfigInterface"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ps":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"geometry":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"scrollable":[{"__symbolic":"method"}],"scrollTo":[{"__symbolic":"method"}],"scrollToX":[{"__symbolic":"method"}],"scrollToY":[{"__symbolic":"method"}],"scrollToTop":[{"__symbolic":"method"}],"scrollToLeft":[{"__symbolic":"method"}],"scrollToRight":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"scrollToElement":[{"__symbolic":"method"}],"animateScrolling":[{"__symbolic":"method"}]}},"Geometry":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"Position":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":23,"character":26,"module":"./lib/perfect-scrollbar.interfaces"},{"__symbolic":"error","message":"Expression form not supported","line":23,"character":55,"module":"./lib/perfect-scrollbar.interfaces"}]}]}},"PERFECT_SCROLLBAR_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":44},"arguments":["PERFECT_SCROLLBAR_CONFIG"]},"PerfectScrollbarConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"assign":[{"__symbolic":"method"}]}},"PerfectScrollbarConfigInterface":{"__symbolic":"interface"},"PerfectScrollbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14}],"declarations":[{"__symbolic":"reference","name":"PerfectScrollbarComponent"},{"__symbolic":"reference","name":"PerfectScrollbarDirective"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","name":"PerfectScrollbarComponent"},{"__symbolic":"reference","name":"PerfectScrollbarDirective"}]}]}],"members":{}}},"origins":{"PerfectScrollbarComponent":"./lib/perfect-scrollbar.component","PerfectScrollbarDirective":"./lib/perfect-scrollbar.directive","Geometry":"./lib/perfect-scrollbar.interfaces","Position":"./lib/perfect-scrollbar.interfaces","PERFECT_SCROLLBAR_CONFIG":"./lib/perfect-scrollbar.interfaces","PerfectScrollbarConfig":"./lib/perfect-scrollbar.interfaces","PerfectScrollbarConfigInterface":"./lib/perfect-scrollbar.interfaces","PerfectScrollbarModule":"./lib/perfect-scrollbar.module"},"importAs":"ngx-perfect-scrollbar"}
\No newline at end of file