primeng 7.1.3 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +1 -1
- package/CHANGELOG.md +119 -0
- package/README.md +1 -1
- package/browserslist +12 -0
- package/components/accordion/accordion.d.ts +4 -2
- package/components/accordion/accordion.js +24 -7
- package/components/accordion/accordion.js.map +1 -1
- package/components/accordion/accordion.metadata.json +1 -1
- package/components/autocomplete/autocomplete.d.ts +2 -0
- package/components/autocomplete/autocomplete.js +13 -5
- package/components/autocomplete/autocomplete.js.map +1 -1
- package/components/autocomplete/autocomplete.metadata.json +1 -1
- package/components/blockui/blockui.js +2 -2
- package/components/blockui/blockui.js.map +1 -1
- package/components/blockui/blockui.metadata.json +1 -1
- package/components/button/button.d.ts +1 -1
- package/components/button/button.js.map +1 -1
- package/components/calendar/calendar.d.ts +5 -2
- package/components/calendar/calendar.js +47 -23
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/calendar.metadata.json +1 -1
- package/components/card/card.js +2 -2
- package/components/card/card.js.map +1 -1
- package/components/card/card.metadata.json +1 -1
- package/components/carousel/carousel.js +4 -4
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/carousel.metadata.json +1 -1
- package/components/chart/chart.js +1 -0
- package/components/chart/chart.js.map +1 -1
- package/components/chart/chart.metadata.json +1 -1
- package/components/chips/chips.js +1 -1
- package/components/chips/chips.js.map +1 -1
- package/components/chips/chips.metadata.json +1 -1
- package/components/colorpicker/colorpicker.js +5 -5
- package/components/colorpicker/colorpicker.js.map +1 -1
- package/components/colorpicker/colorpicker.metadata.json +1 -1
- package/components/common/confirmationservice.d.ts +2 -2
- package/components/common/messageservice.d.ts +2 -2
- package/components/common/shared.js +1 -1
- package/components/common/shared.js.map +1 -1
- package/components/common/shared.metadata.json +1 -1
- package/components/common/treedragdropservice.d.ts +2 -2
- package/components/confirmdialog/confirmdialog.js +4 -4
- package/components/confirmdialog/confirmdialog.js.map +1 -1
- package/components/confirmdialog/confirmdialog.metadata.json +1 -1
- package/components/contextmenu/contextmenu.d.ts +5 -3
- package/components/contextmenu/contextmenu.js +14 -2
- package/components/contextmenu/contextmenu.js.map +1 -1
- package/components/contextmenu/contextmenu.metadata.json +1 -1
- package/components/datagrid/datagrid.d.ts +1 -1
- package/components/datagrid/datagrid.js +2 -2
- package/components/datagrid/datagrid.js.map +1 -1
- package/components/datagrid/datagrid.metadata.json +1 -1
- package/components/datalist/datalist.d.ts +1 -1
- package/components/datalist/datalist.js +2 -2
- package/components/datalist/datalist.js.map +1 -1
- package/components/datalist/datalist.metadata.json +1 -1
- package/components/datascroller/datascroller.js +3 -3
- package/components/datascroller/datascroller.js.map +1 -1
- package/components/datascroller/datascroller.metadata.json +1 -1
- package/components/dataview/dataview.d.ts +2 -1
- package/components/dataview/dataview.js +8 -3
- package/components/dataview/dataview.js.map +1 -1
- package/components/dataview/dataview.metadata.json +1 -1
- package/components/defer/defer.js +1 -1
- package/components/defer/defer.js.map +1 -1
- package/components/defer/defer.metadata.json +1 -1
- package/components/dialog/dialog.d.ts +0 -1
- package/components/dialog/dialog.js +4 -14
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/dialog.metadata.json +1 -1
- package/components/dom/domhandler.d.ts +1 -0
- package/components/dom/domhandler.js +11 -1
- package/components/dom/domhandler.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +6 -1
- package/components/dropdown/dropdown.js +41 -10
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/dropdown.metadata.json +1 -1
- package/components/dynamicdialog/dynamicdialog.js +2 -2
- package/components/dynamicdialog/dynamicdialog.js.map +1 -1
- package/components/dynamicdialog/dynamicdialog.metadata.json +1 -1
- package/components/editor/editor.js +2 -1
- package/components/editor/editor.js.map +1 -1
- package/components/editor/editor.metadata.json +1 -1
- package/components/fieldset/fieldset.js +8 -3
- package/components/fieldset/fieldset.js.map +1 -1
- package/components/fieldset/fieldset.metadata.json +1 -1
- package/components/fileupload/fileupload.d.ts +11 -2
- package/components/fileupload/fileupload.js +83 -15
- package/components/fileupload/fileupload.js.map +1 -1
- package/components/fileupload/fileupload.metadata.json +1 -1
- package/components/focustrap/focustrap.d.ts +8 -0
- package/components/focustrap/focustrap.js +73 -0
- package/components/focustrap/focustrap.js.map +1 -0
- package/components/focustrap/focustrap.metadata.json +1 -0
- package/components/growl/growl.js +1 -1
- package/components/growl/growl.js.map +1 -1
- package/components/growl/growl.metadata.json +1 -1
- package/components/inputmask/inputmask.d.ts +1 -0
- package/components/inputmask/inputmask.js +7 -3
- package/components/inputmask/inputmask.js.map +1 -1
- package/components/inputmask/inputmask.metadata.json +1 -1
- package/components/keyfilter/keyfilter.d.ts +8 -1
- package/components/keyfilter/keyfilter.js +59 -3
- package/components/keyfilter/keyfilter.js.map +1 -1
- package/components/keyfilter/keyfilter.metadata.json +1 -1
- package/components/lightbox/lightbox.d.ts +4 -0
- package/components/lightbox/lightbox.js +39 -20
- package/components/lightbox/lightbox.js.map +1 -1
- package/components/lightbox/lightbox.metadata.json +1 -1
- package/components/listbox/listbox.js +3 -3
- package/components/listbox/listbox.js.map +1 -1
- package/components/listbox/listbox.metadata.json +1 -1
- package/components/menu/menu.d.ts +2 -2
- package/components/menu/menu.js +2 -2
- package/components/menu/menu.js.map +1 -1
- package/components/menu/menu.metadata.json +1 -1
- package/components/multiselect/multiselect.d.ts +4 -0
- package/components/multiselect/multiselect.js +51 -12
- package/components/multiselect/multiselect.js.map +1 -1
- package/components/multiselect/multiselect.metadata.json +1 -1
- package/components/orderlist/orderlist.js +2 -1
- package/components/orderlist/orderlist.js.map +1 -1
- package/components/orderlist/orderlist.metadata.json +1 -1
- package/components/organizationchart/organizationchart.d.ts +4 -2
- package/components/organizationchart/organizationchart.js +15 -1
- package/components/organizationchart/organizationchart.js.map +1 -1
- package/components/organizationchart/organizationchart.metadata.json +1 -1
- package/components/overlaypanel/overlaypanel.d.ts +2 -0
- package/components/overlaypanel/overlaypanel.js +8 -3
- package/components/overlaypanel/overlaypanel.js.map +1 -1
- package/components/overlaypanel/overlaypanel.metadata.json +1 -1
- package/components/paginator/paginator.d.ts +4 -2
- package/components/paginator/paginator.js +25 -9
- package/components/paginator/paginator.js.map +1 -1
- package/components/paginator/paginator.metadata.json +1 -1
- package/components/panel/panel.js +9 -3
- package/components/panel/panel.js.map +1 -1
- package/components/panel/panel.metadata.json +1 -1
- package/components/panelmenu/panelmenu.js +15 -5
- package/components/panelmenu/panelmenu.js.map +1 -1
- package/components/panelmenu/panelmenu.metadata.json +1 -1
- package/components/picklist/picklist.js +4 -4
- package/components/picklist/picklist.js.map +1 -1
- package/components/picklist/picklist.metadata.json +1 -1
- package/components/radiobutton/radiobutton.js +2 -2
- package/components/radiobutton/radiobutton.js.map +1 -1
- package/components/radiobutton/radiobutton.metadata.json +1 -1
- package/components/scrollpanel/scrollpanel.js +4 -4
- package/components/scrollpanel/scrollpanel.js.map +1 -1
- package/components/scrollpanel/scrollpanel.metadata.json +1 -1
- package/components/selectbutton/selectbutton.js +1 -1
- package/components/selectbutton/selectbutton.js.map +1 -1
- package/components/selectbutton/selectbutton.metadata.json +1 -1
- package/components/sidebar/sidebar.d.ts +6 -0
- package/components/sidebar/sidebar.js +40 -3
- package/components/sidebar/sidebar.js.map +1 -1
- package/components/sidebar/sidebar.metadata.json +1 -1
- package/components/slidemenu/slidemenu.d.ts +2 -2
- package/components/slidemenu/slidemenu.js +6 -6
- package/components/slidemenu/slidemenu.js.map +1 -1
- package/components/slidemenu/slidemenu.metadata.json +1 -1
- package/components/spinner/spinner.d.ts +11 -5
- package/components/spinner/spinner.js +54 -40
- package/components/spinner/spinner.js.map +1 -1
- package/components/spinner/spinner.metadata.json +1 -1
- package/components/splitbutton/splitbutton.js +2 -2
- package/components/splitbutton/splitbutton.js.map +1 -1
- package/components/splitbutton/splitbutton.metadata.json +1 -1
- package/components/table/table.d.ts +13 -14
- package/components/table/table.js +59 -59
- package/components/table/table.js.map +1 -1
- package/components/table/table.metadata.json +1 -1
- package/components/terminal/terminalservice.d.ts +2 -2
- package/components/tieredmenu/tieredmenu.d.ts +2 -2
- package/components/tieredmenu/tieredmenu.js +2 -2
- package/components/tieredmenu/tieredmenu.js.map +1 -1
- package/components/tieredmenu/tieredmenu.metadata.json +1 -1
- package/components/toast/toast.js +2 -2
- package/components/toast/toast.js.map +1 -1
- package/components/toast/toast.metadata.json +1 -1
- package/components/togglebutton/togglebutton.js +7 -3
- package/components/togglebutton/togglebutton.js.map +1 -1
- package/components/togglebutton/togglebutton.metadata.json +1 -1
- package/components/tree/tree.d.ts +2 -2
- package/components/tree/tree.js +1 -1
- package/components/tree/tree.js.map +1 -1
- package/components/tree/tree.metadata.json +1 -1
- package/components/treetable/treetable.d.ts +6 -6
- package/components/treetable/treetable.js +22 -16
- package/components/treetable/treetable.js.map +1 -1
- package/components/treetable/treetable.metadata.json +1 -1
- package/components/utils/objectutils.js +3 -5
- package/components/utils/objectutils.js.map +1 -1
- package/components/virtualscroller/virtualscroller.js +3 -3
- package/components/virtualscroller/virtualscroller.js.map +1 -1
- package/components/virtualscroller/virtualscroller.metadata.json +1 -1
- package/focustrap.d.ts +1 -0
- package/{datatable.js → focustrap.js} +1 -1
- package/package.json +35 -39
- package/primeng.d.ts +0 -1
- package/primeng.js +0 -1
- package/resources/components/dropdown/dropdown.css +15 -0
- package/resources/components/inputtextarea/inputtextarea.css +12 -7
- package/resources/components/lightbox/lightbox.css +3 -0
- package/resources/components/multiselect/multiselect.css +4 -0
- package/resources/primeng.css +780 -1123
- package/resources/primeng.min.css +1 -1
- package/tsconfig.app.json +15 -0
- package/tsconfig.spec.json +19 -0
- package/components/datatable/datatable.d.ts +0 -353
- package/components/datatable/datatable.js +0 -2402
- package/components/datatable/datatable.js.map +0 -1
- package/components/datatable/datatable.metadata.json +0 -1
- package/datatable.d.ts +0 -1
- package/resources/components/datatable/datatable.css +0 -370
- package/resources/themes/_theme.scss +0 -857
- package/resources/themes/bootstrap/theme.css +0 -2248
- package/resources/themes/cruze/theme.css +0 -881
- package/resources/themes/cruze/theme.scss +0 -61
- package/resources/themes/cupertino/theme.css +0 -881
- package/resources/themes/cupertino/theme.scss +0 -61
- package/resources/themes/darkness/theme.css +0 -881
- package/resources/themes/darkness/theme.scss +0 -61
- package/resources/themes/flick/theme.css +0 -881
- package/resources/themes/flick/theme.scss +0 -61
- package/resources/themes/home/theme.css +0 -881
- package/resources/themes/home/theme.scss +0 -61
- package/resources/themes/kasper/theme.css +0 -881
- package/resources/themes/kasper/theme.scss +0 -61
- package/resources/themes/lightness/theme.css +0 -881
- package/resources/themes/lightness/theme.scss +0 -61
- package/resources/themes/ludvig/theme.css +0 -881
- package/resources/themes/ludvig/theme.scss +0 -61
- package/resources/themes/omega/fonts/roboto-v15-latin-regular.eot +0 -0
- package/resources/themes/omega/fonts/roboto-v15-latin-regular.svg +0 -308
- package/resources/themes/omega/fonts/roboto-v15-latin-regular.ttf +0 -0
- package/resources/themes/omega/fonts/roboto-v15-latin-regular.woff +0 -0
- package/resources/themes/omega/fonts/roboto-v15-latin-regular.woff2 +0 -0
- package/resources/themes/omega/images/icons_16.png +0 -0
- package/resources/themes/omega/images/slider_handles.png +0 -0
- package/resources/themes/omega/images/slider_handles@2x.png +0 -0
- package/resources/themes/omega/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- package/resources/themes/omega/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
- package/resources/themes/omega/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- package/resources/themes/omega/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- package/resources/themes/omega/images/ui-bg_glass_75_dadada_1x400.png +0 -0
- package/resources/themes/omega/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- package/resources/themes/omega/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- package/resources/themes/omega/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- package/resources/themes/omega/images/ui-icons_222222_256x240.png +0 -0
- package/resources/themes/omega/images/ui-icons_2e83ff_256x240.png +0 -0
- package/resources/themes/omega/images/ui-icons_454545_256x240.png +0 -0
- package/resources/themes/omega/images/ui-icons_cd0a0a_256x240.png +0 -0
- package/resources/themes/omega/images/ui-icons_ffffff_256x240.png +0 -0
- package/resources/themes/omega/theme.css +0 -1457
- package/resources/themes/omega/theme.scss +0 -641
- package/resources/themes/pepper-grinder/theme.css +0 -881
- package/resources/themes/pepper-grinder/theme.scss +0 -61
- package/resources/themes/redmond/theme.css +0 -881
- package/resources/themes/redmond/theme.scss +0 -61
- package/resources/themes/rocket/theme.css +0 -881
- package/resources/themes/rocket/theme.scss +0 -61
- package/resources/themes/south-street/theme.css +0 -887
- package/resources/themes/south-street/theme.scss +0 -67
- package/resources/themes/start/theme.css +0 -881
- package/resources/themes/start/theme.scss +0 -61
- package/resources/themes/trontastic/theme.css +0 -881
- package/resources/themes/trontastic/theme.scss +0 -61
- package/resources/themes/voclain/theme.css +0 -881
- package/resources/themes/voclain/theme.scss +0 -61
@@ -1 +1 @@
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"OverlayPanel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"p-overlayPanel","template":"\n <div [ngClass]=\"'ui-overlaypanel ui-widget ui-widget-content ui-corner-all ui-shadow'\" [ngStyle]=\"style\" [class]=\"styleClass\"\n [@animation]=\"{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}\" (@animation.start)=\"onAnimationStart($event)\" *ngIf=\"visible\">\n <div class=\"ui-overlaypanel-content\">\n <ng-content></ng-content>\n </div>\n <a tabindex=\"0\" *ngIf=\"showCloseIcon\" class=\"ui-overlaypanel-close ui-state-default\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\n <span class=\"ui-overlaypanel-close-icon pi pi-times\"></span>\n </a>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":8},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":12},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":26},"arguments":[{"transform":"translateY(5%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":12},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":29},"arguments":[{"transform":"translateY(0)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":12},"arguments":["void => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":42},"arguments":["{{showTransitionParams}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":12},"arguments":["visible => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":42},"arguments":["{{hideTransitionParams}}"]}]}]]}]}]}],"members":{"dismissable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"autoZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"baseZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"showTransitionOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"hideTransitionOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"onShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":5}}]}],"onHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"OverlayPanel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"p-overlayPanel","template":"\n <div [ngClass]=\"'ui-overlaypanel ui-widget ui-widget-content ui-corner-all ui-shadow'\" [ngStyle]=\"style\" [class]=\"styleClass\" (click)=\"onContainerClick()\"\n [@animation]=\"{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}\" (@animation.start)=\"onAnimationStart($event)\" *ngIf=\"visible\">\n <div class=\"ui-overlaypanel-content\">\n <ng-content></ng-content>\n </div>\n <a tabindex=\"0\" *ngIf=\"showCloseIcon\" class=\"ui-overlaypanel-close ui-state-default\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\n <span class=\"ui-overlaypanel-close-icon pi pi-times\"></span>\n </a>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":8},"arguments":["animation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":12},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":26},"arguments":[{"transform":"translateY(5%)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":12},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":29},"arguments":[{"transform":"translateY(0)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":12},"arguments":["void => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":42},"arguments":["{{showTransitionParams}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":12},"arguments":["visible => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":42},"arguments":["{{hideTransitionParams}}"]}]}]]}]}]}],"members":{"dismissable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"showCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"autoZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"baseZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"showTransitionOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"hideTransitionOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"onShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":5}}]}],"onHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":71,"character":56},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":71,"character":79},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":71,"character":112}]}],"onContainerClick":[{"__symbolic":"method"}],"bindDocumentClickListener":[{"__symbolic":"method"}],"unbindDocumentClickListener":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hasTargetChanged":[{"__symbolic":"method"}],"appendContainer":[{"__symbolic":"method"}],"restoreAppend":[{"__symbolic":"method"}],"onAnimationStart":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method"}],"bindDocumentResizeListener":[{"__symbolic":"method"}],"unbindDocumentResizeListener":[{"__symbolic":"method"}],"onContainerDestroy":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"OverlayPanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":210,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":211,"character":14}],"exports":[{"__symbolic":"reference","name":"OverlayPanel"}],"declarations":[{"__symbolic":"reference","name":"OverlayPanel"}]}]}]}}}]
|
@@ -10,13 +10,14 @@ export declare class Paginator implements OnInit {
|
|
10
10
|
templateLeft: TemplateRef<any>;
|
11
11
|
templateRight: TemplateRef<any>;
|
12
12
|
dropdownAppendTo: any;
|
13
|
+
dropdownScrollHeight: string;
|
13
14
|
currentPageReportTemplate: string;
|
14
15
|
showCurrentPageReport: boolean;
|
15
16
|
pageLinks: number[];
|
16
17
|
_totalRecords: number;
|
17
18
|
_first: number;
|
18
19
|
_rows: number;
|
19
|
-
_rowsPerPageOptions:
|
20
|
+
_rowsPerPageOptions: any[];
|
20
21
|
rowsPerPageItems: SelectItem[];
|
21
22
|
paginatorState: any;
|
22
23
|
constructor(cd: ChangeDetectorRef);
|
@@ -24,7 +25,8 @@ export declare class Paginator implements OnInit {
|
|
24
25
|
totalRecords: number;
|
25
26
|
first: number;
|
26
27
|
rows: number;
|
27
|
-
rowsPerPageOptions:
|
28
|
+
rowsPerPageOptions: any[];
|
29
|
+
updateRowsPerPageOptions(): void;
|
28
30
|
isFirstPage(): boolean;
|
29
31
|
isLastPage(): boolean;
|
30
32
|
getPageCount(): number;
|
@@ -20,6 +20,7 @@ var Paginator = /** @class */ (function () {
|
|
20
20
|
this.pageLinkSize = 5;
|
21
21
|
this.onPageChange = new core_1.EventEmitter();
|
22
22
|
this.alwaysShow = true;
|
23
|
+
this.dropdownScrollHeight = '200px';
|
23
24
|
this.currentPageReportTemplate = '{currentPage} of {totalPages}';
|
24
25
|
this._totalRecords = 0;
|
25
26
|
this._first = 0;
|
@@ -37,6 +38,7 @@ var Paginator = /** @class */ (function () {
|
|
37
38
|
this.updatePageLinks();
|
38
39
|
this.updatePaginatorState();
|
39
40
|
this.updateFirst();
|
41
|
+
this.updateRowsPerPageOptions();
|
40
42
|
},
|
41
43
|
enumerable: true,
|
42
44
|
configurable: true
|
@@ -71,17 +73,25 @@ var Paginator = /** @class */ (function () {
|
|
71
73
|
},
|
72
74
|
set: function (val) {
|
73
75
|
this._rowsPerPageOptions = val;
|
74
|
-
|
75
|
-
this.rowsPerPageItems = [];
|
76
|
-
for (var _i = 0, _a = this._rowsPerPageOptions; _i < _a.length; _i++) {
|
77
|
-
var opt = _a[_i];
|
78
|
-
this.rowsPerPageItems.push({ label: String(opt), value: opt });
|
79
|
-
}
|
80
|
-
}
|
76
|
+
this.updateRowsPerPageOptions();
|
81
77
|
},
|
82
78
|
enumerable: true,
|
83
79
|
configurable: true
|
84
80
|
});
|
81
|
+
Paginator.prototype.updateRowsPerPageOptions = function () {
|
82
|
+
if (this.rowsPerPageOptions) {
|
83
|
+
this.rowsPerPageItems = [];
|
84
|
+
for (var _i = 0, _a = this.rowsPerPageOptions; _i < _a.length; _i++) {
|
85
|
+
var opt = _a[_i];
|
86
|
+
if (typeof opt == 'object' && opt['showAll']) {
|
87
|
+
this.rowsPerPageItems.push({ label: opt['showAll'], value: this.totalRecords });
|
88
|
+
}
|
89
|
+
else {
|
90
|
+
this.rowsPerPageItems.push({ label: String(opt), value: opt });
|
91
|
+
}
|
92
|
+
}
|
93
|
+
}
|
94
|
+
};
|
85
95
|
Paginator.prototype.isFirstPage = function () {
|
86
96
|
return this.getPage() === 0;
|
87
97
|
};
|
@@ -170,7 +180,9 @@ var Paginator = /** @class */ (function () {
|
|
170
180
|
};
|
171
181
|
Object.defineProperty(Paginator.prototype, "currentPageReport", {
|
172
182
|
get: function () {
|
173
|
-
return this.currentPageReportTemplate
|
183
|
+
return this.currentPageReportTemplate
|
184
|
+
.replace("{currentPage}", (this.getPage() + 1).toString())
|
185
|
+
.replace("{totalPages}", this.getPageCount().toString());
|
174
186
|
},
|
175
187
|
enumerable: true,
|
176
188
|
configurable: true
|
@@ -207,6 +219,10 @@ var Paginator = /** @class */ (function () {
|
|
207
219
|
core_1.Input(),
|
208
220
|
__metadata("design:type", Object)
|
209
221
|
], Paginator.prototype, "dropdownAppendTo", void 0);
|
222
|
+
__decorate([
|
223
|
+
core_1.Input(),
|
224
|
+
__metadata("design:type", String)
|
225
|
+
], Paginator.prototype, "dropdownScrollHeight", void 0);
|
210
226
|
__decorate([
|
211
227
|
core_1.Input(),
|
212
228
|
__metadata("design:type", String)
|
@@ -238,7 +254,7 @@ var Paginator = /** @class */ (function () {
|
|
238
254
|
Paginator = __decorate([
|
239
255
|
core_1.Component({
|
240
256
|
selector: 'p-paginator',
|
241
|
-
template: "\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-paginator ui-widget ui-widget-header ui-unselectable-text ui-helper-clearfix'\"\n *ngIf=\"alwaysShow ? true : (pageLinks && pageLinks.length > 1)\">\n <div class=\"ui-paginator-left-content\" *ngIf=\"templateLeft\">\n <ng-container *ngTemplateOutlet=\"templateLeft; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n <span class=\"ui-paginator-current\" *ngIf=\"showCurrentPageReport\">{{currentPageReport}}</span>\n <a [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToFirst($event)\" (keydown.enter)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-backward\"></span>\n </a>\n <a tabindex=\"0\" [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToPrev($event)\" (keydown.enter)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-left\"></span>\n </a>\n <span class=\"ui-paginator-pages\">\n <a tabindex=\"0\" *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"onPageLinkClick($event, pageLink - 1)\" (keydown.enter)=\"onPageLinkClick($event, pageLink - 1)\" [ngClass]=\"{'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n </span>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToNext($event)\" (keydown.enter)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-right\"></span>\n </a>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToLast($event)\" (keydown.enter)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-forward\"></span>\n </a>\n <p-dropdown [options]=\"rowsPerPageItems\" [(ngModel)]=\"rows\" *ngIf=\"rowsPerPageOptions\" \n (onChange)=\"onRppChange($event)\" [appendTo]=\"dropdownAppendTo\"></p-dropdown>\n <div class=\"ui-paginator-right-content\" *ngIf=\"templateRight\">\n <ng-container *ngTemplateOutlet=\"templateRight; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n </div>\n "
|
257
|
+
template: "\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-paginator ui-widget ui-widget-header ui-unselectable-text ui-helper-clearfix'\"\n *ngIf=\"alwaysShow ? true : (pageLinks && pageLinks.length > 1)\">\n <div class=\"ui-paginator-left-content\" *ngIf=\"templateLeft\">\n <ng-container *ngTemplateOutlet=\"templateLeft; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n <span class=\"ui-paginator-current\" *ngIf=\"showCurrentPageReport\">{{currentPageReport}}</span>\n <a [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToFirst($event)\" (keydown.enter)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-backward\"></span>\n </a>\n <a tabindex=\"0\" [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToPrev($event)\" (keydown.enter)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-left\"></span>\n </a>\n <span class=\"ui-paginator-pages\">\n <a tabindex=\"0\" *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"onPageLinkClick($event, pageLink - 1)\" (keydown.enter)=\"onPageLinkClick($event, pageLink - 1)\" [ngClass]=\"{'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n </span>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToNext($event)\" (keydown.enter)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-right\"></span>\n </a>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToLast($event)\" (keydown.enter)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-forward\"></span>\n </a>\n <p-dropdown [options]=\"rowsPerPageItems\" [(ngModel)]=\"rows\" *ngIf=\"rowsPerPageOptions\" \n (onChange)=\"onRppChange($event)\" [appendTo]=\"dropdownAppendTo\" [scrollHeight]=\"dropdownScrollHeight\"></p-dropdown>\n <div class=\"ui-paginator-right-content\" *ngIf=\"templateRight\">\n <ng-container *ngTemplateOutlet=\"templateRight; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n </div>\n "
|
242
258
|
}),
|
243
259
|
__metadata("design:paramtypes", [core_1.ChangeDetectorRef])
|
244
260
|
], Paginator);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"paginator.js","sourceRoot":"","sources":["../../src/app/components/paginator/paginator.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAgH;AAChH,0CAA6C;AAC7C,wCAA2C;AAC3C,iDAAoD;AAEpD,2CAA8C;AAuC9C;
|
1
|
+
{"version":3,"file":"paginator.js","sourceRoot":"","sources":["../../src/app/components/paginator/paginator.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"Paginator":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"p-paginator","template":"\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-paginator ui-widget ui-widget-header ui-unselectable-text ui-helper-clearfix'\"\n *ngIf=\"alwaysShow ? true : (pageLinks && pageLinks.length > 1)\">\n <div class=\"ui-paginator-left-content\" *ngIf=\"templateLeft\">\n <ng-container *ngTemplateOutlet=\"templateLeft; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n <span class=\"ui-paginator-current\" *ngIf=\"showCurrentPageReport\">{{currentPageReport}}</span>\n <a [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToFirst($event)\" (keydown.enter)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-backward\"></span>\n </a>\n <a tabindex=\"0\" [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToPrev($event)\" (keydown.enter)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-left\"></span>\n </a>\n <span class=\"ui-paginator-pages\">\n <a tabindex=\"0\" *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"onPageLinkClick($event, pageLink - 1)\" (keydown.enter)=\"onPageLinkClick($event, pageLink - 1)\" [ngClass]=\"{'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n </span>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToNext($event)\" (keydown.enter)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-right\"></span>\n </a>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToLast($event)\" (keydown.enter)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-forward\"></span>\n </a>\n <p-dropdown [options]=\"rowsPerPageItems\" [(ngModel)]=\"rows\" *ngIf=\"rowsPerPageOptions\" \n (onChange)=\"onRppChange($event)\" [appendTo]=\"dropdownAppendTo\"></p-dropdown>\n <div class=\"ui-paginator-right-content\" *ngIf=\"templateRight\">\n <ng-container *ngTemplateOutlet=\"templateRight; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n </div>\n "}]}],"members":{"pageLinkSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"onPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"alwaysShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"templateLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"templateRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"dropdownAppendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"Paginator":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"p-paginator","template":"\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-paginator ui-widget ui-widget-header ui-unselectable-text ui-helper-clearfix'\"\n *ngIf=\"alwaysShow ? true : (pageLinks && pageLinks.length > 1)\">\n <div class=\"ui-paginator-left-content\" *ngIf=\"templateLeft\">\n <ng-container *ngTemplateOutlet=\"templateLeft; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n <span class=\"ui-paginator-current\" *ngIf=\"showCurrentPageReport\">{{currentPageReport}}</span>\n <a [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToFirst($event)\" (keydown.enter)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-backward\"></span>\n </a>\n <a tabindex=\"0\" [attr.tabindex]=\"isFirstPage() ? null : '0'\" class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToPrev($event)\" (keydown.enter)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage()}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-left\"></span>\n </a>\n <span class=\"ui-paginator-pages\">\n <a tabindex=\"0\" *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"onPageLinkClick($event, pageLink - 1)\" (keydown.enter)=\"onPageLinkClick($event, pageLink - 1)\" [ngClass]=\"{'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n </span>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToNext($event)\" (keydown.enter)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-caret-right\"></span>\n </a>\n <a [attr.tabindex]=\"isLastPage() ? null : '0'\" class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\"\n (click)=\"changePageToLast($event)\" (keydown.enter)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage()}\" [tabindex]=\"isLastPage() ? -1 : null\">\n <span class=\"ui-paginator-icon pi pi-step-forward\"></span>\n </a>\n <p-dropdown [options]=\"rowsPerPageItems\" [(ngModel)]=\"rows\" *ngIf=\"rowsPerPageOptions\" \n (onChange)=\"onRppChange($event)\" [appendTo]=\"dropdownAppendTo\" [scrollHeight]=\"dropdownScrollHeight\"></p-dropdown>\n <div class=\"ui-paginator-right-content\" *ngIf=\"templateRight\">\n <ng-container *ngTemplateOutlet=\"templateRight; context: {$implicit: paginatorState}\"></ng-container>\n </div>\n </div>\n "}]}],"members":{"pageLinkSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"onPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"alwaysShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"templateLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"templateRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"dropdownAppendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"dropdownScrollHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"currentPageReportTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"showCurrentPageReport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"totalRecords":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"first":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":5}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"rowsPerPageOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"updateRowsPerPageOptions":[{"__symbolic":"method"}],"isFirstPage":[{"__symbolic":"method"}],"isLastPage":[{"__symbolic":"method"}],"getPageCount":[{"__symbolic":"method"}],"calculatePageLinkBoundaries":[{"__symbolic":"method"}],"updatePageLinks":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"updateFirst":[{"__symbolic":"method"}],"getPage":[{"__symbolic":"method"}],"changePageToFirst":[{"__symbolic":"method"}],"changePageToPrev":[{"__symbolic":"method"}],"changePageToNext":[{"__symbolic":"method"}],"changePageToLast":[{"__symbolic":"method"}],"onPageLinkClick":[{"__symbolic":"method"}],"onRppChange":[{"__symbolic":"method"}],"updatePaginatorState":[{"__symbolic":"method"}]}},"PaginatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":262,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":263,"character":14},{"__symbolic":"reference","module":"../dropdown/dropdown","name":"DropdownModule","line":263,"character":27},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":263,"character":42},{"__symbolic":"reference","module":"../common/shared","name":"SharedModule","line":263,"character":54}],"exports":[{"__symbolic":"reference","name":"Paginator"},{"__symbolic":"reference","module":"../dropdown/dropdown","name":"DropdownModule","line":264,"character":24},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":264,"character":39},{"__symbolic":"reference","module":"../common/shared","name":"SharedModule","line":264,"character":51}],"declarations":[{"__symbolic":"reference","name":"Paginator"}]}]}]}}}]
|
@@ -120,24 +120,30 @@ var Panel = /** @class */ (function () {
|
|
120
120
|
__metadata("design:type", String)
|
121
121
|
], Panel.prototype, "transitionOptions", void 0);
|
122
122
|
__decorate([
|
123
|
-
core_1.ContentChild(shared_1.Footer),
|
123
|
+
core_1.ContentChild(shared_1.Footer, { static: false }),
|
124
124
|
__metadata("design:type", Object)
|
125
125
|
], Panel.prototype, "footerFacet", void 0);
|
126
126
|
Panel = __decorate([
|
127
127
|
core_1.Component({
|
128
128
|
selector: 'p-panel',
|
129
|
-
template: "\n <div [attr.id]=\"id\" [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <div [ngClass]=\"{'ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all': true, 'ui-panel-titlebar-clickable': (toggleable && toggler === 'header')}\" \n *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\">\n <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n <ng-content select=\"p-header\"></ng-content>\n <a *ngIf=\"toggleable\" [attr.id]=\"id + '-label'\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" tabindex=\"0\"\n (click)=\"onIconClick($event)\" (keydown.enter)=\"onIconClick($event)\" [attr.aria-controls]=\"id + '-content'\" role=\"tab\" [attr.aria-expanded]=\"!collapsed\">\n <span [class]=\"collapsed ? expandIcon : collapseIcon\"></span>\n </a>\n </div>\n <div [attr.id]=\"id + '-content'\" class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions}} : {value: 'visible', params: {transitionParams: transitionOptions}}\" (@panelContent.done)=\"onToggleDone($event)\"\n [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\"\n role=\"region\" [attr.aria-hidden]=\"collapsed\" [attr.aria-labelledby]=\"id + '-label'\">\n <div class=\"ui-panel-content ui-widget-content\">\n <ng-content></ng-content>\n </div>\n \n <div class=\"ui-panel-footer ui-widget-content\" *ngIf=\"footerFacet\">\n <ng-content select=\"p-footer\"></ng-content>\n </div>\n </div>\n </div>\n ",
|
129
|
+
template: "\n <div [attr.id]=\"id\" [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <div [ngClass]=\"{'ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all': true, 'ui-panel-titlebar-clickable': (toggleable && toggler === 'header')}\" \n *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\">\n <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n <ng-content select=\"p-header\"></ng-content>\n <a *ngIf=\"toggleable\" [attr.id]=\"id + '-label'\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" tabindex=\"0\"\n (click)=\"onIconClick($event)\" (keydown.enter)=\"onIconClick($event)\" [attr.aria-controls]=\"id + '-content'\" role=\"tab\" [attr.aria-expanded]=\"!collapsed\">\n <span [class]=\"collapsed ? expandIcon : collapseIcon\"></span>\n </a>\n </div>\n <div [attr.id]=\"id + '-content'\" class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: animating ? transitionOptions : '0ms', height: '0', opacity:'0'}} : {value: 'visible', params: {transitionParams: animating ? transitionOptions : '0ms', height: '*', opacity: '1'}}\" (@panelContent.done)=\"onToggleDone($event)\"\n [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\"\n role=\"region\" [attr.aria-hidden]=\"collapsed\" [attr.aria-labelledby]=\"id + '-label'\">\n <div class=\"ui-panel-content ui-widget-content\">\n <ng-content></ng-content>\n </div>\n \n <div class=\"ui-panel-footer ui-widget-content\" *ngIf=\"footerFacet\">\n <ng-content select=\"p-footer\"></ng-content>\n </div>\n </div>\n </div>\n ",
|
130
130
|
animations: [
|
131
131
|
animations_1.trigger('panelContent', [
|
132
132
|
animations_1.state('hidden', animations_1.style({
|
133
133
|
height: '0',
|
134
134
|
opacity: 0
|
135
135
|
})),
|
136
|
+
animations_1.state('void', animations_1.style({
|
137
|
+
height: '{{height}}',
|
138
|
+
opacity: '{{opacity}}'
|
139
|
+
}), { params: { height: '0', opacity: '0' } }),
|
136
140
|
animations_1.state('visible', animations_1.style({
|
137
141
|
height: '*',
|
138
142
|
opacity: 1
|
139
143
|
})),
|
140
|
-
animations_1.transition('visible <=> hidden', animations_1.animate('{{transitionParams}}'))
|
144
|
+
animations_1.transition('visible <=> hidden', animations_1.animate('{{transitionParams}}')),
|
145
|
+
animations_1.transition('void => hidden', animations_1.animate('{{transitionParams}}')),
|
146
|
+
animations_1.transition('void => visible', animations_1.animate('{{transitionParams}}'))
|
141
147
|
])
|
142
148
|
]
|
143
149
|
}),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/app/components/panel/panel.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAmG;AACnG,0CAA6C;AAC7C,2CAAqD;AAErD,kDAA2E;AAE3E,IAAI,GAAG,GAAW,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/app/components/panel/panel.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"Panel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"p-panel","template":"\n <div [attr.id]=\"id\" [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <div [ngClass]=\"{'ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all': true, 'ui-panel-titlebar-clickable': (toggleable && toggler === 'header')}\" \n *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\">\n <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n <ng-content select=\"p-header\"></ng-content>\n <a *ngIf=\"toggleable\" [attr.id]=\"id + '-label'\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" tabindex=\"0\"\n (click)=\"onIconClick($event)\" (keydown.enter)=\"onIconClick($event)\" [attr.aria-controls]=\"id + '-content'\" role=\"tab\" [attr.aria-expanded]=\"!collapsed\">\n <span [class]=\"collapsed ? expandIcon : collapseIcon\"></span>\n </a>\n </div>\n <div [attr.id]=\"id + '-content'\" class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions}} : {value: 'visible', params: {transitionParams: transitionOptions}}\" (@panelContent.done)=\"onToggleDone($event)\"\n [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\"\n role=\"region\" [attr.aria-hidden]=\"collapsed\" [attr.aria-labelledby]=\"id + '-label'\">\n <div class=\"ui-panel-content ui-widget-content\">\n <ng-content></ng-content>\n </div>\n \n <div class=\"ui-panel-footer ui-widget-content\" *ngIf=\"footerFacet\">\n <ng-content select=\"p-footer\"></ng-content>\n </div>\n </div>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":35,"character":8},"arguments":["panelContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":12},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":28},"arguments":[{"height":"0","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":40,"character":12},"arguments":["
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"Panel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"p-panel","template":"\n <div [attr.id]=\"id\" [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <div [ngClass]=\"{'ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all': true, 'ui-panel-titlebar-clickable': (toggleable && toggler === 'header')}\" \n *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\">\n <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n <ng-content select=\"p-header\"></ng-content>\n <a *ngIf=\"toggleable\" [attr.id]=\"id + '-label'\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" tabindex=\"0\"\n (click)=\"onIconClick($event)\" (keydown.enter)=\"onIconClick($event)\" [attr.aria-controls]=\"id + '-content'\" role=\"tab\" [attr.aria-expanded]=\"!collapsed\">\n <span [class]=\"collapsed ? expandIcon : collapseIcon\"></span>\n </a>\n </div>\n <div [attr.id]=\"id + '-content'\" class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: animating ? transitionOptions : '0ms', height: '0', opacity:'0'}} : {value: 'visible', params: {transitionParams: animating ? transitionOptions : '0ms', height: '*', opacity: '1'}}\" (@panelContent.done)=\"onToggleDone($event)\"\n [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\"\n role=\"region\" [attr.aria-hidden]=\"collapsed\" [attr.aria-labelledby]=\"id + '-label'\">\n <div class=\"ui-panel-content ui-widget-content\">\n <ng-content></ng-content>\n </div>\n \n <div class=\"ui-panel-footer ui-widget-content\" *ngIf=\"footerFacet\">\n <ng-content select=\"p-footer\"></ng-content>\n </div>\n </div>\n </div>\n ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":35,"character":8},"arguments":["panelContent",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":12},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":28},"arguments":[{"height":"0","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":40,"character":12},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":26},"arguments":[{"height":"{{height}}","opacity":"{{opacity}}"}]},{"params":{"height":"0","opacity":"0"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":44,"character":12},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":44,"character":29},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":48,"character":12},"arguments":["visible <=> hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":45},"arguments":["{{transitionParams}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":49,"character":12},"arguments":["void => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":49,"character":41},"arguments":["{{transitionParams}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":12},"arguments":["void => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":50,"character":42},"arguments":["{{transitionParams}}"]}]}]]}]}]}],"members":{"toggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"expandIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"collapseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"toggler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"collapsedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":5}}]}],"onBeforeToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":5}}]}],"onAfterToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":5}}]}],"transitionOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"footerFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":82,"character":5},"arguments":[{"__symbolic":"reference","module":"../common/shared","name":"Footer","line":82,"character":18},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":28}]}],"onHeaderClick":[{"__symbolic":"method"}],"onIconClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"getBlockableElement":[{"__symbolic":"method"}],"onToggleDone":[{"__symbolic":"method"}]}},"PanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":141,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":142,"character":14}],"exports":[{"__symbolic":"reference","name":"Panel"},{"__symbolic":"reference","module":"../common/shared","name":"SharedModule","line":143,"character":20}],"declarations":[{"__symbolic":"reference","name":"Panel"}]}]}]}}}]
|
@@ -5,7 +5,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
6
6
|
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
7
7
|
return extendStatics(d, b);
|
8
|
-
}
|
8
|
+
};
|
9
9
|
return function (d, b) {
|
10
10
|
extendStatics(d, b);
|
11
11
|
function __() { this.constructor = d; }
|
@@ -70,17 +70,22 @@ var PanelMenuSub = /** @class */ (function (_super) {
|
|
70
70
|
PanelMenuSub = __decorate([
|
71
71
|
core_1.Component({
|
72
72
|
selector: 'p-panelMenuSub',
|
73
|
-
template: "\n <ul class=\"ui-submenu-list\" [@submenu]=\"expanded ? {value: 'visible', params: {transitionParams: transitionOptions}} : {value: 'hidden', params: {transitionParams: transitionOptions}}\">\n <ng-template ngFor let-child [ngForOf]=\"item.items\">\n <li *ngIf=\"child.separator\" class=\"ui-menu-separator ui-widget-content\">\n <li *ngIf=\"!child.separator\" class=\"ui-menuitem ui-corner-all\" [ngClass]=\"child.styleClass\" [class.ui-helper-hidden]=\"child.visible === false\" [ngStyle]=\"child.style\">\n <a *ngIf=\"!child.routerLink\" [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" [attr.tabindex]=\"item.expanded ? null : '-1'\" [attr.id]=\"child.id\"\n [ngClass]=\"{'ui-state-disabled':child.disabled}\" \n (click)=\"handleClick($event,child)\" [attr.target]=\"child.target\" [attr.title]=\"child.title\">\n <span class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-caret-right':!child.expanded,'pi-caret-down':child.expanded}\" *ngIf=\"child.items\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span\n ><span class=\"ui-menuitem-text\">{{child.label}}</span>\n </a>\n <a *ngIf=\"child.routerLink\" [routerLink]=\"child.routerLink\" [queryParams]=\"child.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"child.routerLinkActiveOptions||{exact:false}\" class=\"ui-menuitem-link ui-corner-all\" \n [ngClass]=\"{'ui-state-disabled':child.disabled}\" [attr.tabindex]=\"item.expanded ? null : '-1'\" [attr.id]=\"child.id\"\n (click)=\"handleClick($event,child)\" [attr.target]=\"child.target\" [attr.title]=\"child.title\">\n <span class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-caret-right':!child.expanded,'pi-caret-down':child.expanded}\" *ngIf=\"child.items\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span\n ><span class=\"ui-menuitem-text\">{{child.label}}</span>\n </a>\n <p-panelMenuSub [item]=\"child\" [expanded]=\"child.expanded\" [transitionOptions]=\"transitionOptions\" *ngIf=\"child.items\"></p-panelMenuSub>\n </li>\n </ng-template>\n </ul>\n ",
|
73
|
+
template: "\n <ul class=\"ui-submenu-list\" [@submenu]=\"expanded ? {value: 'visible', params: {transitionParams: transitionOptions, height: '*'}} : {value: 'hidden', params: {transitionParams: transitionOptions, height: '0'}}\">\n <ng-template ngFor let-child [ngForOf]=\"item.items\">\n <li *ngIf=\"child.separator\" class=\"ui-menu-separator ui-widget-content\">\n <li *ngIf=\"!child.separator\" class=\"ui-menuitem ui-corner-all\" [ngClass]=\"child.styleClass\" [class.ui-helper-hidden]=\"child.visible === false\" [ngStyle]=\"child.style\">\n <a *ngIf=\"!child.routerLink\" [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" [attr.tabindex]=\"item.expanded ? null : '-1'\" [attr.id]=\"child.id\"\n [ngClass]=\"{'ui-state-disabled':child.disabled}\" \n (click)=\"handleClick($event,child)\" [attr.target]=\"child.target\" [attr.title]=\"child.title\">\n <span class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-caret-right':!child.expanded,'pi-caret-down':child.expanded}\" *ngIf=\"child.items\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span\n ><span class=\"ui-menuitem-text\">{{child.label}}</span>\n </a>\n <a *ngIf=\"child.routerLink\" [routerLink]=\"child.routerLink\" [queryParams]=\"child.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"child.routerLinkActiveOptions||{exact:false}\" class=\"ui-menuitem-link ui-corner-all\" \n [ngClass]=\"{'ui-state-disabled':child.disabled}\" [attr.tabindex]=\"item.expanded ? null : '-1'\" [attr.id]=\"child.id\"\n (click)=\"handleClick($event,child)\" [attr.target]=\"child.target\" [attr.title]=\"child.title\">\n <span class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-caret-right':!child.expanded,'pi-caret-down':child.expanded}\" *ngIf=\"child.items\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span\n ><span class=\"ui-menuitem-text\">{{child.label}}</span>\n </a>\n <p-panelMenuSub [item]=\"child\" [expanded]=\"child.expanded\" [transitionOptions]=\"transitionOptions\" *ngIf=\"child.items\"></p-panelMenuSub>\n </li>\n </ng-template>\n </ul>\n ",
|
74
74
|
animations: [
|
75
75
|
animations_1.trigger('submenu', [
|
76
76
|
animations_1.state('hidden', animations_1.style({
|
77
77
|
height: '0px'
|
78
78
|
})),
|
79
|
+
animations_1.state('void', animations_1.style({
|
80
|
+
height: '{{height}}'
|
81
|
+
}), { params: { height: '0' } }),
|
79
82
|
animations_1.state('visible', animations_1.style({
|
80
83
|
height: '*'
|
81
84
|
})),
|
82
85
|
animations_1.transition('visible => hidden', animations_1.animate('{{transitionParams}}')),
|
83
|
-
animations_1.transition('hidden => visible', animations_1.animate('{{transitionParams}}'))
|
86
|
+
animations_1.transition('hidden => visible', animations_1.animate('{{transitionParams}}')),
|
87
|
+
animations_1.transition('void => hidden', animations_1.animate('{{transitionParams}}')),
|
88
|
+
animations_1.transition('void => visible', animations_1.animate('{{transitionParams}}'))
|
84
89
|
])
|
85
90
|
]
|
86
91
|
}),
|
@@ -143,17 +148,22 @@ var PanelMenu = /** @class */ (function (_super) {
|
|
143
148
|
PanelMenu = __decorate([
|
144
149
|
core_1.Component({
|
145
150
|
selector: 'p-panelMenu',
|
146
|
-
template: "\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-panelmenu ui-widget'\">\n <ng-container *ngFor=\"let item of model;let f=first;let l=last;\">\n <div class=\"ui-panelmenu-panel\" [ngClass]=\"{'ui-helper-hidden': item.visible === false}\">\n <div [ngClass]=\"{'ui-widget ui-panelmenu-header ui-state-default':true,'ui-corner-top':f,'ui-corner-bottom':l&&!item.expanded,\n 'ui-state-active':item.expanded,'ui-state-disabled':item.disabled}\" [class]=\"item.styleClass\" [ngStyle]=\"item.style\">\n <a *ngIf=\"!item.routerLink\" [href]=\"item.url||'#'\" (click)=\"handleClick($event,item)\"\n [attr.target]=\"item.target\" [attr.title]=\"item.title\" class=\"ui-panelmenu-header-link\">\n <span *ngIf=\"item.items\" class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-chevron-right':!item.expanded,'pi-chevron-down':item.expanded}\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span\n ><span class=\"ui-menuitem-text\">{{item.label}}</span>\n </a>\n <a *ngIf=\"item.routerLink\" [routerLink]=\"item.routerLink\" [queryParams]=\"item.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"item.routerLinkActiveOptions||{exact:false}\"\n (click)=\"handleClick($event,item)\" [attr.target]=\"item.target\" [attr.title]=\"item.title\" class=\"ui-panelmenu-header-link\">\n <span *ngIf=\"item.items\" class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-chevron-right':!item.expanded,'pi-chevron-down':item.expanded}\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span\n ><span class=\"ui-menuitem-text\">{{item.label}}</span>\n </a>\n </div>\n <div *ngIf=\"item.items\" class=\"ui-panelmenu-content-wrapper\" [@rootItem]=\"item.expanded ? {value: 'visible', params: {transitionParams: transitionOptions}} : {value: 'hidden', params: {transitionParams: transitionOptions}}\" (@rootItem.done)=\"onToggleDone()\"\n [ngClass]=\"{'ui-panelmenu-content-wrapper-overflown': !item.expanded||animating}\">\n <div class=\"ui-panelmenu-content ui-widget-content\">\n <p-panelMenuSub [item]=\"item\" [expanded]=\"true\" [transitionOptions]=\"transitionOptions\" class=\"ui-panelmenu-root-submenu\"></p-panelMenuSub>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n ",
|
151
|
+
template: "\n <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-panelmenu ui-widget'\">\n <ng-container *ngFor=\"let item of model;let f=first;let l=last;\">\n <div class=\"ui-panelmenu-panel\" [ngClass]=\"{'ui-helper-hidden': item.visible === false}\">\n <div [ngClass]=\"{'ui-widget ui-panelmenu-header ui-state-default':true,'ui-corner-top':f,'ui-corner-bottom':l&&!item.expanded,\n 'ui-state-active':item.expanded,'ui-state-disabled':item.disabled}\" [class]=\"item.styleClass\" [ngStyle]=\"item.style\">\n <a *ngIf=\"!item.routerLink\" [href]=\"item.url||'#'\" (click)=\"handleClick($event,item)\"\n [attr.target]=\"item.target\" [attr.title]=\"item.title\" class=\"ui-panelmenu-header-link\">\n <span *ngIf=\"item.items\" class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-chevron-right':!item.expanded,'pi-chevron-down':item.expanded}\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span\n ><span class=\"ui-menuitem-text\">{{item.label}}</span>\n </a>\n <a *ngIf=\"item.routerLink\" [routerLink]=\"item.routerLink\" [queryParams]=\"item.queryParams\" [routerLinkActive]=\"'ui-state-active'\" [routerLinkActiveOptions]=\"item.routerLinkActiveOptions||{exact:false}\"\n (click)=\"handleClick($event,item)\" [attr.target]=\"item.target\" [attr.title]=\"item.title\" class=\"ui-panelmenu-header-link\">\n <span *ngIf=\"item.items\" class=\"ui-panelmenu-icon pi pi-fw\" [ngClass]=\"{'pi-chevron-right':!item.expanded,'pi-chevron-down':item.expanded}\"></span\n ><span class=\"ui-menuitem-icon\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span\n ><span class=\"ui-menuitem-text\">{{item.label}}</span>\n </a>\n </div>\n <div *ngIf=\"item.items\" class=\"ui-panelmenu-content-wrapper\" [@rootItem]=\"item.expanded ? {value: 'visible', params: {transitionParams: animating ? transitionOptions : '0ms', height: '*'}} : {value: 'hidden', params: {transitionParams: transitionOptions, height: '0'}}\" (@rootItem.done)=\"onToggleDone()\"\n [ngClass]=\"{'ui-panelmenu-content-wrapper-overflown': !item.expanded||animating}\">\n <div class=\"ui-panelmenu-content ui-widget-content\">\n <p-panelMenuSub [item]=\"item\" [expanded]=\"true\" [transitionOptions]=\"transitionOptions\" class=\"ui-panelmenu-root-submenu\"></p-panelMenuSub>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n ",
|
147
152
|
animations: [
|
148
153
|
animations_1.trigger('rootItem', [
|
149
154
|
animations_1.state('hidden', animations_1.style({
|
150
155
|
height: '0px'
|
151
156
|
})),
|
157
|
+
animations_1.state('void', animations_1.style({
|
158
|
+
height: '{{height}}'
|
159
|
+
}), { params: { height: '0' } }),
|
152
160
|
animations_1.state('visible', animations_1.style({
|
153
161
|
height: '*'
|
154
162
|
})),
|
155
163
|
animations_1.transition('visible => hidden', animations_1.animate('{{transitionParams}}')),
|
156
|
-
animations_1.transition('hidden => visible', animations_1.animate('{{transitionParams}}'))
|
164
|
+
animations_1.transition('hidden => visible', animations_1.animate('{{transitionParams}}')),
|
165
|
+
animations_1.transition('void => hidden', animations_1.animate('{{transitionParams}}')),
|
166
|
+
animations_1.transition('void => visible', animations_1.animate('{{transitionParams}}'))
|
157
167
|
])
|
158
168
|
]
|
159
169
|
}),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"panelmenu.js","sourceRoot":"","sources":["../../src/app/components/panelmenu/panelmenu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAyE;AACzE,kDAA2E;AAC3E,0CAA6C;AAE7C,0CAA6C;AAE7C;IAEI,2BAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAG,CAAC;IAE9C,uCAAW,GAAX,UAAY,KAAK,EAAE,IAAI;QACnB,IAAG,IAAI,CAAC,QAAQ,EAAE;YACd,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,IAAG,CAAC,IAAI,CAAC,GAAG,EAAE;YACV,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;QAED,IAAG,IAAI,CAAC,OAAO,EAAE;YACb,IAAI,CAAC,OAAO,CAAC;gBACT,aAAa,EAAE,KAAK;gBACpB,IAAI,EAAE,IAAI;aACb,CAAC,CAAC;SACN;IACL,CAAC;IACL,wBAAC;AAAD,CAAC,AAxBD,IAwBC;AAxBY,8CAAiB;
|
1
|
+
{"version":3,"file":"panelmenu.js","sourceRoot":"","sources":["../../src/app/components/panelmenu/panelmenu.ts"],"names":[],"mappings":"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"}
|