primeng 0.0.0-watch
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/LICENSE.md +77 -0
- package/README.md +11 -0
- package/accordion/index.d.ts +255 -0
- package/animateonscroll/index.d.ts +71 -0
- package/api/index.d.ts +1820 -0
- package/autocomplete/index.d.ts +925 -0
- package/autofocus/index.d.ts +31 -0
- package/avatar/index.d.ts +115 -0
- package/avatargroup/index.d.ts +60 -0
- package/badge/index.d.ts +156 -0
- package/base/index.d.ts +63 -0
- package/basecomponent/index.d.ts +54 -0
- package/baseeditableholder/index.d.ts +45 -0
- package/baseinput/index.d.ts +73 -0
- package/basemodelholder/index.d.ts +12 -0
- package/blockui/index.d.ts +114 -0
- package/breadcrumb/index.d.ts +179 -0
- package/button/index.d.ts +478 -0
- package/buttongroup/index.d.ts +43 -0
- package/card/index.d.ts +154 -0
- package/carousel/index.d.ts +443 -0
- package/cascadeselect/index.d.ts +729 -0
- package/chart/index.d.ts +128 -0
- package/checkbox/index.d.ts +248 -0
- package/chip/index.d.ts +165 -0
- package/colorpicker/index.d.ts +329 -0
- package/config/index.d.ts +89 -0
- package/confirmdialog/index.d.ts +358 -0
- package/confirmpopup/index.d.ts +218 -0
- package/contextmenu/index.d.ts +356 -0
- package/dataview/index.d.ts +539 -0
- package/datepicker/index.d.ts +1191 -0
- package/dialog/index.d.ts +531 -0
- package/divider/index.d.ts +114 -0
- package/dock/index.d.ts +201 -0
- package/dom/index.d.ts +109 -0
- package/dragdrop/index.d.ts +121 -0
- package/drawer/index.d.ts +309 -0
- package/dynamicdialog/index.d.ts +544 -0
- package/editor/index.d.ts +306 -0
- package/fesm2022/primeng-accordion.mjs +593 -0
- package/fesm2022/primeng-accordion.mjs.map +1 -0
- package/fesm2022/primeng-animateonscroll.mjs +178 -0
- package/fesm2022/primeng-animateonscroll.mjs.map +1 -0
- package/fesm2022/primeng-api.mjs +836 -0
- package/fesm2022/primeng-api.mjs.map +1 -0
- package/fesm2022/primeng-autocomplete.mjs +2073 -0
- package/fesm2022/primeng-autocomplete.mjs.map +1 -0
- package/fesm2022/primeng-autofocus.mjs +83 -0
- package/fesm2022/primeng-autofocus.mjs.map +1 -0
- package/fesm2022/primeng-avatar.mjs +181 -0
- package/fesm2022/primeng-avatar.mjs.map +1 -0
- package/fesm2022/primeng-avatargroup.mjs +103 -0
- package/fesm2022/primeng-avatargroup.mjs.map +1 -0
- package/fesm2022/primeng-badge.mjs +366 -0
- package/fesm2022/primeng-badge.mjs.map +1 -0
- package/fesm2022/primeng-base.mjs +127 -0
- package/fesm2022/primeng-base.mjs.map +1 -0
- package/fesm2022/primeng-basecomponent.mjs +173 -0
- package/fesm2022/primeng-basecomponent.mjs.map +1 -0
- package/fesm2022/primeng-baseeditableholder.mjs +67 -0
- package/fesm2022/primeng-baseeditableholder.mjs.map +1 -0
- package/fesm2022/primeng-baseinput.mjs +85 -0
- package/fesm2022/primeng-baseinput.mjs.map +1 -0
- package/fesm2022/primeng-basemodelholder.mjs +25 -0
- package/fesm2022/primeng-basemodelholder.mjs.map +1 -0
- package/fesm2022/primeng-blockui.mjs +237 -0
- package/fesm2022/primeng-blockui.mjs.map +1 -0
- package/fesm2022/primeng-breadcrumb.mjs +457 -0
- package/fesm2022/primeng-breadcrumb.mjs.map +1 -0
- package/fesm2022/primeng-button.mjs +864 -0
- package/fesm2022/primeng-button.mjs.map +1 -0
- package/fesm2022/primeng-buttongroup.mjs +109 -0
- package/fesm2022/primeng-buttongroup.mjs.map +1 -0
- package/fesm2022/primeng-card.mjs +271 -0
- package/fesm2022/primeng-card.mjs.map +1 -0
- package/fesm2022/primeng-carousel.mjs +1101 -0
- package/fesm2022/primeng-carousel.mjs.map +1 -0
- package/fesm2022/primeng-cascadeselect.mjs +1778 -0
- package/fesm2022/primeng-cascadeselect.mjs.map +1 -0
- package/fesm2022/primeng-chart.mjs +246 -0
- package/fesm2022/primeng-chart.mjs.map +1 -0
- package/fesm2022/primeng-checkbox.mjs +441 -0
- package/fesm2022/primeng-checkbox.mjs.map +1 -0
- package/fesm2022/primeng-chip.mjs +323 -0
- package/fesm2022/primeng-chip.mjs.map +1 -0
- package/fesm2022/primeng-colorpicker.mjs +865 -0
- package/fesm2022/primeng-colorpicker.mjs.map +1 -0
- package/fesm2022/primeng-config.mjs +289 -0
- package/fesm2022/primeng-config.mjs.map +1 -0
- package/fesm2022/primeng-confirmdialog.mjs +823 -0
- package/fesm2022/primeng-confirmdialog.mjs.map +1 -0
- package/fesm2022/primeng-confirmpopup.mjs +630 -0
- package/fesm2022/primeng-confirmpopup.mjs.map +1 -0
- package/fesm2022/primeng-contextmenu.mjs +1410 -0
- package/fesm2022/primeng-contextmenu.mjs.map +1 -0
- package/fesm2022/primeng-dataview.mjs +812 -0
- package/fesm2022/primeng-dataview.mjs.map +1 -0
- package/fesm2022/primeng-datepicker.mjs +4373 -0
- package/fesm2022/primeng-datepicker.mjs.map +1 -0
- package/fesm2022/primeng-dialog.mjs +1278 -0
- package/fesm2022/primeng-dialog.mjs.map +1 -0
- package/fesm2022/primeng-divider.mjs +145 -0
- package/fesm2022/primeng-divider.mjs.map +1 -0
- package/fesm2022/primeng-dock.mjs +540 -0
- package/fesm2022/primeng-dock.mjs.map +1 -0
- package/fesm2022/primeng-dom.mjs +775 -0
- package/fesm2022/primeng-dom.mjs.map +1 -0
- package/fesm2022/primeng-dragdrop.mjs +336 -0
- package/fesm2022/primeng-dragdrop.mjs.map +1 -0
- package/fesm2022/primeng-drawer.mjs +738 -0
- package/fesm2022/primeng-drawer.mjs.map +1 -0
- package/fesm2022/primeng-dynamicdialog.mjs +1242 -0
- package/fesm2022/primeng-dynamicdialog.mjs.map +1 -0
- package/fesm2022/primeng-editor.mjs +511 -0
- package/fesm2022/primeng-editor.mjs.map +1 -0
- package/fesm2022/primeng-fieldset.mjs +417 -0
- package/fesm2022/primeng-fieldset.mjs.map +1 -0
- package/fesm2022/primeng-fileupload.mjs +1561 -0
- package/fesm2022/primeng-fileupload.mjs.map +1 -0
- package/fesm2022/primeng-floatlabel.mjs +103 -0
- package/fesm2022/primeng-floatlabel.mjs.map +1 -0
- package/fesm2022/primeng-fluid.mjs +80 -0
- package/fesm2022/primeng-fluid.mjs.map +1 -0
- package/fesm2022/primeng-focustrap.mjs +110 -0
- package/fesm2022/primeng-focustrap.mjs.map +1 -0
- package/fesm2022/primeng-galleria.mjs +1874 -0
- package/fesm2022/primeng-galleria.mjs.map +1 -0
- package/fesm2022/primeng-iconfield.mjs +101 -0
- package/fesm2022/primeng-iconfield.mjs.map +1 -0
- package/fesm2022/primeng-icons-angledoubledown.mjs +37 -0
- package/fesm2022/primeng-icons-angledoubledown.mjs.map +1 -0
- package/fesm2022/primeng-icons-angledoubleleft.mjs +37 -0
- package/fesm2022/primeng-icons-angledoubleleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-angledoubleright.mjs +37 -0
- package/fesm2022/primeng-icons-angledoubleright.mjs.map +1 -0
- package/fesm2022/primeng-icons-angledoubleup.mjs +37 -0
- package/fesm2022/primeng-icons-angledoubleup.mjs.map +1 -0
- package/fesm2022/primeng-icons-angledown.mjs +33 -0
- package/fesm2022/primeng-icons-angledown.mjs.map +1 -0
- package/fesm2022/primeng-icons-angleleft.mjs +33 -0
- package/fesm2022/primeng-icons-angleleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-angleright.mjs +33 -0
- package/fesm2022/primeng-icons-angleright.mjs.map +1 -0
- package/fesm2022/primeng-icons-angleup.mjs +33 -0
- package/fesm2022/primeng-icons-angleup.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowdown.mjs +57 -0
- package/fesm2022/primeng-icons-arrowdown.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowdownleft.mjs +33 -0
- package/fesm2022/primeng-icons-arrowdownleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowdownright.mjs +33 -0
- package/fesm2022/primeng-icons-arrowdownright.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowleft.mjs +57 -0
- package/fesm2022/primeng-icons-arrowleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowright.mjs +37 -0
- package/fesm2022/primeng-icons-arrowright.mjs.map +1 -0
- package/fesm2022/primeng-icons-arrowup.mjs +57 -0
- package/fesm2022/primeng-icons-arrowup.mjs.map +1 -0
- package/fesm2022/primeng-icons-ban.mjs +53 -0
- package/fesm2022/primeng-icons-ban.mjs.map +1 -0
- package/fesm2022/primeng-icons-bars.mjs +37 -0
- package/fesm2022/primeng-icons-bars.mjs.map +1 -0
- package/fesm2022/primeng-icons-baseicon.mjs +102 -0
- package/fesm2022/primeng-icons-baseicon.mjs.map +1 -0
- package/fesm2022/primeng-icons-blank.mjs +23 -0
- package/fesm2022/primeng-icons-blank.mjs.map +1 -0
- package/fesm2022/primeng-icons-calendar.mjs +33 -0
- package/fesm2022/primeng-icons-calendar.mjs.map +1 -0
- package/fesm2022/primeng-icons-caretleft.mjs +33 -0
- package/fesm2022/primeng-icons-caretleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-caretright.mjs +33 -0
- package/fesm2022/primeng-icons-caretright.mjs.map +1 -0
- package/fesm2022/primeng-icons-check.mjs +33 -0
- package/fesm2022/primeng-icons-check.mjs.map +1 -0
- package/fesm2022/primeng-icons-chevrondown.mjs +33 -0
- package/fesm2022/primeng-icons-chevrondown.mjs.map +1 -0
- package/fesm2022/primeng-icons-chevronleft.mjs +33 -0
- package/fesm2022/primeng-icons-chevronleft.mjs.map +1 -0
- package/fesm2022/primeng-icons-chevronright.mjs +33 -0
- package/fesm2022/primeng-icons-chevronright.mjs.map +1 -0
- package/fesm2022/primeng-icons-chevronup.mjs +33 -0
- package/fesm2022/primeng-icons-chevronup.mjs.map +1 -0
- package/fesm2022/primeng-icons-exclamationtriangle.mjs +69 -0
- package/fesm2022/primeng-icons-exclamationtriangle.mjs.map +1 -0
- package/fesm2022/primeng-icons-eye.mjs +37 -0
- package/fesm2022/primeng-icons-eye.mjs.map +1 -0
- package/fesm2022/primeng-icons-eyeslash.mjs +57 -0
- package/fesm2022/primeng-icons-eyeslash.mjs.map +1 -0
- package/fesm2022/primeng-icons-filter.mjs +53 -0
- package/fesm2022/primeng-icons-filter.mjs.map +1 -0
- package/fesm2022/primeng-icons-filterfill.mjs +33 -0
- package/fesm2022/primeng-icons-filterfill.mjs.map +1 -0
- package/fesm2022/primeng-icons-filterslash.mjs +57 -0
- package/fesm2022/primeng-icons-filterslash.mjs.map +1 -0
- package/fesm2022/primeng-icons-home.mjs +57 -0
- package/fesm2022/primeng-icons-home.mjs.map +1 -0
- package/fesm2022/primeng-icons-infocircle.mjs +57 -0
- package/fesm2022/primeng-icons-infocircle.mjs.map +1 -0
- package/fesm2022/primeng-icons-minus.mjs +33 -0
- package/fesm2022/primeng-icons-minus.mjs.map +1 -0
- package/fesm2022/primeng-icons-pencil.mjs +53 -0
- package/fesm2022/primeng-icons-pencil.mjs.map +1 -0
- package/fesm2022/primeng-icons-plus.mjs +53 -0
- package/fesm2022/primeng-icons-plus.mjs.map +1 -0
- package/fesm2022/primeng-icons-refresh.mjs +57 -0
- package/fesm2022/primeng-icons-refresh.mjs.map +1 -0
- package/fesm2022/primeng-icons-search.mjs +57 -0
- package/fesm2022/primeng-icons-search.mjs.map +1 -0
- package/fesm2022/primeng-icons-searchminus.mjs +57 -0
- package/fesm2022/primeng-icons-searchminus.mjs.map +1 -0
- package/fesm2022/primeng-icons-searchplus.mjs +57 -0
- package/fesm2022/primeng-icons-searchplus.mjs.map +1 -0
- package/fesm2022/primeng-icons-sortalt.mjs +65 -0
- package/fesm2022/primeng-icons-sortalt.mjs.map +1 -0
- package/fesm2022/primeng-icons-sortamountdown.mjs +53 -0
- package/fesm2022/primeng-icons-sortamountdown.mjs.map +1 -0
- package/fesm2022/primeng-icons-sortamountupalt.mjs +53 -0
- package/fesm2022/primeng-icons-sortamountupalt.mjs.map +1 -0
- package/fesm2022/primeng-icons-spinner.mjs +53 -0
- package/fesm2022/primeng-icons-spinner.mjs.map +1 -0
- package/fesm2022/primeng-icons-star.mjs +53 -0
- package/fesm2022/primeng-icons-star.mjs.map +1 -0
- package/fesm2022/primeng-icons-starfill.mjs +53 -0
- package/fesm2022/primeng-icons-starfill.mjs.map +1 -0
- package/fesm2022/primeng-icons-thlarge.mjs +57 -0
- package/fesm2022/primeng-icons-thlarge.mjs.map +1 -0
- package/fesm2022/primeng-icons-times.mjs +33 -0
- package/fesm2022/primeng-icons-times.mjs.map +1 -0
- package/fesm2022/primeng-icons-timescircle.mjs +57 -0
- package/fesm2022/primeng-icons-timescircle.mjs.map +1 -0
- package/fesm2022/primeng-icons-trash.mjs +57 -0
- package/fesm2022/primeng-icons-trash.mjs.map +1 -0
- package/fesm2022/primeng-icons-undo.mjs +57 -0
- package/fesm2022/primeng-icons-undo.mjs.map +1 -0
- package/fesm2022/primeng-icons-upload.mjs +57 -0
- package/fesm2022/primeng-icons-upload.mjs.map +1 -0
- package/fesm2022/primeng-icons-windowmaximize.mjs +57 -0
- package/fesm2022/primeng-icons-windowmaximize.mjs.map +1 -0
- package/fesm2022/primeng-icons-windowminimize.mjs +57 -0
- package/fesm2022/primeng-icons-windowminimize.mjs.map +1 -0
- package/fesm2022/primeng-icons.mjs +63 -0
- package/fesm2022/primeng-icons.mjs.map +1 -0
- package/fesm2022/primeng-iftalabel.mjs +89 -0
- package/fesm2022/primeng-iftalabel.mjs.map +1 -0
- package/fesm2022/primeng-image.mjs +705 -0
- package/fesm2022/primeng-image.mjs.map +1 -0
- package/fesm2022/primeng-imagecompare.mjs +192 -0
- package/fesm2022/primeng-imagecompare.mjs.map +1 -0
- package/fesm2022/primeng-inplace.mjs +319 -0
- package/fesm2022/primeng-inplace.mjs.map +1 -0
- package/fesm2022/primeng-inputgroup.mjs +128 -0
- package/fesm2022/primeng-inputgroup.mjs.map +1 -0
- package/fesm2022/primeng-inputgroupaddon.mjs +83 -0
- package/fesm2022/primeng-inputgroupaddon.mjs.map +1 -0
- package/fesm2022/primeng-inputicon.mjs +71 -0
- package/fesm2022/primeng-inputicon.mjs.map +1 -0
- package/fesm2022/primeng-inputmask.mjs +926 -0
- package/fesm2022/primeng-inputmask.mjs.map +1 -0
- package/fesm2022/primeng-inputnumber.mjs +1621 -0
- package/fesm2022/primeng-inputnumber.mjs.map +1 -0
- package/fesm2022/primeng-inputotp.mjs +443 -0
- package/fesm2022/primeng-inputotp.mjs.map +1 -0
- package/fesm2022/primeng-inputtext.mjs +145 -0
- package/fesm2022/primeng-inputtext.mjs.map +1 -0
- package/fesm2022/primeng-keyfilter.mjs +267 -0
- package/fesm2022/primeng-keyfilter.mjs.map +1 -0
- package/fesm2022/primeng-knob.mjs +491 -0
- package/fesm2022/primeng-knob.mjs.map +1 -0
- package/fesm2022/primeng-listbox.mjs +1925 -0
- package/fesm2022/primeng-listbox.mjs.map +1 -0
- package/fesm2022/primeng-megamenu.mjs +1493 -0
- package/fesm2022/primeng-megamenu.mjs.map +1 -0
- package/fesm2022/primeng-menu.mjs +1069 -0
- package/fesm2022/primeng-menu.mjs.map +1 -0
- package/fesm2022/primeng-menubar.mjs +1391 -0
- package/fesm2022/primeng-menubar.mjs.map +1 -0
- package/fesm2022/primeng-message.mjs +420 -0
- package/fesm2022/primeng-message.mjs.map +1 -0
- package/fesm2022/primeng-metergroup.mjs +393 -0
- package/fesm2022/primeng-metergroup.mjs.map +1 -0
- package/fesm2022/primeng-multiselect.mjs +2519 -0
- package/fesm2022/primeng-multiselect.mjs.map +1 -0
- package/fesm2022/primeng-orderlist.mjs +890 -0
- package/fesm2022/primeng-orderlist.mjs.map +1 -0
- package/fesm2022/primeng-organizationchart.mjs +520 -0
- package/fesm2022/primeng-organizationchart.mjs.map +1 -0
- package/fesm2022/primeng-overlay.mjs +776 -0
- package/fesm2022/primeng-overlay.mjs.map +1 -0
- package/fesm2022/primeng-overlaybadge.mjs +151 -0
- package/fesm2022/primeng-overlaybadge.mjs.map +1 -0
- package/fesm2022/primeng-paginator.mjs +802 -0
- package/fesm2022/primeng-paginator.mjs.map +1 -0
- package/fesm2022/primeng-panel.mjs +595 -0
- package/fesm2022/primeng-panel.mjs.map +1 -0
- package/fesm2022/primeng-panelmenu.mjs +1442 -0
- package/fesm2022/primeng-panelmenu.mjs.map +1 -0
- package/fesm2022/primeng-password.mjs +1156 -0
- package/fesm2022/primeng-password.mjs.map +1 -0
- package/fesm2022/primeng-picklist.mjs +2057 -0
- package/fesm2022/primeng-picklist.mjs.map +1 -0
- package/fesm2022/primeng-popover.mjs +611 -0
- package/fesm2022/primeng-popover.mjs.map +1 -0
- package/fesm2022/primeng-progressbar.mjs +196 -0
- package/fesm2022/primeng-progressbar.mjs.map +1 -0
- package/fesm2022/primeng-progressspinner.mjs +140 -0
- package/fesm2022/primeng-progressspinner.mjs.map +1 -0
- package/fesm2022/primeng-radiobutton.mjs +358 -0
- package/fesm2022/primeng-radiobutton.mjs.map +1 -0
- package/fesm2022/primeng-rating.mjs +388 -0
- package/fesm2022/primeng-rating.mjs.map +1 -0
- package/fesm2022/primeng-ripple.mjs +190 -0
- package/fesm2022/primeng-ripple.mjs.map +1 -0
- package/fesm2022/primeng-scroller.mjs +1306 -0
- package/fesm2022/primeng-scroller.mjs.map +1 -0
- package/fesm2022/primeng-scrollpanel.mjs +560 -0
- package/fesm2022/primeng-scrollpanel.mjs.map +1 -0
- package/fesm2022/primeng-scrolltop.mjs +339 -0
- package/fesm2022/primeng-scrolltop.mjs.map +1 -0
- package/fesm2022/primeng-select.mjs +2250 -0
- package/fesm2022/primeng-select.mjs.map +1 -0
- package/fesm2022/primeng-selectbutton.mjs +413 -0
- package/fesm2022/primeng-selectbutton.mjs.map +1 -0
- package/fesm2022/primeng-skeleton.mjs +154 -0
- package/fesm2022/primeng-skeleton.mjs.map +1 -0
- package/fesm2022/primeng-slider.mjs +843 -0
- package/fesm2022/primeng-slider.mjs.map +1 -0
- package/fesm2022/primeng-speeddial.mjs +901 -0
- package/fesm2022/primeng-speeddial.mjs.map +1 -0
- package/fesm2022/primeng-splitbutton.mjs +598 -0
- package/fesm2022/primeng-splitbutton.mjs.map +1 -0
- package/fesm2022/primeng-splitter.mjs +587 -0
- package/fesm2022/primeng-splitter.mjs.map +1 -0
- package/fesm2022/primeng-stepper.mjs +683 -0
- package/fesm2022/primeng-stepper.mjs.map +1 -0
- package/fesm2022/primeng-steps.mjs +424 -0
- package/fesm2022/primeng-steps.mjs.map +1 -0
- package/fesm2022/primeng-styleclass.mjs +354 -0
- package/fesm2022/primeng-styleclass.mjs.map +1 -0
- package/fesm2022/primeng-table.mjs +7540 -0
- package/fesm2022/primeng-table.mjs.map +1 -0
- package/fesm2022/primeng-tabs.mjs +794 -0
- package/fesm2022/primeng-tabs.mjs.map +1 -0
- package/fesm2022/primeng-tag.mjs +176 -0
- package/fesm2022/primeng-tag.mjs.map +1 -0
- package/fesm2022/primeng-terminal.mjs +254 -0
- package/fesm2022/primeng-terminal.mjs.map +1 -0
- package/fesm2022/primeng-textarea.mjs +197 -0
- package/fesm2022/primeng-textarea.mjs.map +1 -0
- package/fesm2022/primeng-tieredmenu.mjs +1457 -0
- package/fesm2022/primeng-tieredmenu.mjs.map +1 -0
- package/fesm2022/primeng-timeline.mjs +228 -0
- package/fesm2022/primeng-timeline.mjs.map +1 -0
- package/fesm2022/primeng-toast.mjs +751 -0
- package/fesm2022/primeng-toast.mjs.map +1 -0
- package/fesm2022/primeng-togglebutton.mjs +361 -0
- package/fesm2022/primeng-togglebutton.mjs.map +1 -0
- package/fesm2022/primeng-toggleswitch.mjs +330 -0
- package/fesm2022/primeng-toggleswitch.mjs.map +1 -0
- package/fesm2022/primeng-toolbar.mjs +189 -0
- package/fesm2022/primeng-toolbar.mjs.map +1 -0
- package/fesm2022/primeng-tooltip.mjs +757 -0
- package/fesm2022/primeng-tooltip.mjs.map +1 -0
- package/fesm2022/primeng-tree.mjs +2188 -0
- package/fesm2022/primeng-tree.mjs.map +1 -0
- package/fesm2022/primeng-treeselect.mjs +1328 -0
- package/fesm2022/primeng-treeselect.mjs.map +1 -0
- package/fesm2022/primeng-treetable.mjs +5080 -0
- package/fesm2022/primeng-treetable.mjs.map +1 -0
- package/fesm2022/primeng-ts-helpers.mjs +4 -0
- package/fesm2022/primeng-ts-helpers.mjs.map +1 -0
- package/fesm2022/primeng-usestyle.mjs +52 -0
- package/fesm2022/primeng-usestyle.mjs.map +1 -0
- package/fesm2022/primeng-utils.mjs +332 -0
- package/fesm2022/primeng-utils.mjs.map +1 -0
- package/fesm2022/primeng.mjs +6 -0
- package/fesm2022/primeng.mjs.map +1 -0
- package/fieldset/index.d.ts +217 -0
- package/fileupload/index.d.ts +786 -0
- package/floatlabel/index.d.ts +59 -0
- package/fluid/index.d.ts +48 -0
- package/focustrap/index.d.ts +36 -0
- package/galleria/index.d.ts +710 -0
- package/iconfield/index.d.ts +64 -0
- package/icons/angledoubledown/index.d.ts +9 -0
- package/icons/angledoubleleft/index.d.ts +9 -0
- package/icons/angledoubleright/index.d.ts +9 -0
- package/icons/angledoubleup/index.d.ts +9 -0
- package/icons/angledown/index.d.ts +9 -0
- package/icons/angleleft/index.d.ts +9 -0
- package/icons/angleright/index.d.ts +9 -0
- package/icons/angleup/index.d.ts +9 -0
- package/icons/arrowdown/index.d.ts +12 -0
- package/icons/arrowdownleft/index.d.ts +9 -0
- package/icons/arrowdownright/index.d.ts +9 -0
- package/icons/arrowleft/index.d.ts +11 -0
- package/icons/arrowright/index.d.ts +9 -0
- package/icons/arrowup/index.d.ts +11 -0
- package/icons/ban/index.d.ts +11 -0
- package/icons/bars/index.d.ts +9 -0
- package/icons/baseicon/index.d.ts +33 -0
- package/icons/blank/index.d.ts +9 -0
- package/icons/calendar/index.d.ts +9 -0
- package/icons/caretleft/index.d.ts +9 -0
- package/icons/caretright/index.d.ts +9 -0
- package/icons/check/index.d.ts +9 -0
- package/icons/chevrondown/index.d.ts +9 -0
- package/icons/chevronleft/index.d.ts +9 -0
- package/icons/chevronright/index.d.ts +9 -0
- package/icons/chevronup/index.d.ts +9 -0
- package/icons/exclamationtriangle/index.d.ts +12 -0
- package/icons/eye/index.d.ts +9 -0
- package/icons/eyeslash/index.d.ts +11 -0
- package/icons/filter/index.d.ts +11 -0
- package/icons/filterfill/index.d.ts +9 -0
- package/icons/filterslash/index.d.ts +11 -0
- package/icons/home/index.d.ts +11 -0
- package/icons/index.d.ts +53 -0
- package/icons/infocircle/index.d.ts +11 -0
- package/icons/minus/index.d.ts +9 -0
- package/icons/pencil/index.d.ts +11 -0
- package/icons/plus/index.d.ts +11 -0
- package/icons/refresh/index.d.ts +11 -0
- package/icons/search/index.d.ts +11 -0
- package/icons/searchminus/index.d.ts +11 -0
- package/icons/searchplus/index.d.ts +11 -0
- package/icons/sortalt/index.d.ts +11 -0
- package/icons/sortamountdown/index.d.ts +11 -0
- package/icons/sortamountupalt/index.d.ts +11 -0
- package/icons/spinner/index.d.ts +11 -0
- package/icons/star/index.d.ts +11 -0
- package/icons/starfill/index.d.ts +11 -0
- package/icons/thlarge/index.d.ts +11 -0
- package/icons/times/index.d.ts +9 -0
- package/icons/timescircle/index.d.ts +11 -0
- package/icons/trash/index.d.ts +11 -0
- package/icons/undo/index.d.ts +11 -0
- package/icons/upload/index.d.ts +11 -0
- package/icons/windowmaximize/index.d.ts +11 -0
- package/icons/windowminimize/index.d.ts +11 -0
- package/iftalabel/index.d.ts +50 -0
- package/image/index.d.ts +376 -0
- package/imagecompare/index.d.ts +93 -0
- package/index.d.ts +2 -0
- package/inplace/index.d.ts +183 -0
- package/inputgroup/index.d.ts +58 -0
- package/inputgroupaddon/index.d.ts +45 -0
- package/inputicon/index.d.ts +36 -0
- package/inputmask/index.d.ts +282 -0
- package/inputnumber/index.d.ts +466 -0
- package/inputotp/index.d.ts +209 -0
- package/inputtext/index.d.ts +89 -0
- package/keyfilter/index.d.ts +66 -0
- package/knob/index.d.ts +206 -0
- package/listbox/index.d.ts +802 -0
- package/megamenu/index.d.ts +408 -0
- package/menu/index.d.ts +341 -0
- package/menubar/index.d.ts +418 -0
- package/message/index.d.ts +195 -0
- package/metergroup/index.d.ts +291 -0
- package/multiselect/index.d.ts +1060 -0
- package/orderlist/index.d.ts +464 -0
- package/organizationchart/index.d.ts +285 -0
- package/overlay/index.d.ts +255 -0
- package/overlaybadge/index.d.ts +73 -0
- package/package.json +725 -0
- package/paginator/index.d.ts +393 -0
- package/panel/index.d.ts +266 -0
- package/panelmenu/index.d.ts +380 -0
- package/password/index.d.ts +436 -0
- package/picklist/index.d.ts +906 -0
- package/popover/index.d.ts +176 -0
- package/progressbar/index.d.ts +112 -0
- package/progressspinner/index.d.ts +85 -0
- package/radiobutton/index.d.ts +201 -0
- package/rating/index.d.ts +218 -0
- package/ripple/index.d.ts +62 -0
- package/scroller/index.d.ts +614 -0
- package/scrollpanel/index.d.ts +161 -0
- package/scrolltop/index.d.ts +158 -0
- package/select/index.d.ts +923 -0
- package/selectbutton/index.d.ts +221 -0
- package/skeleton/index.d.ts +96 -0
- package/slider/index.d.ts +255 -0
- package/speeddial/index.d.ts +454 -0
- package/splitbutton/index.d.ts +306 -0
- package/splitter/index.d.ts +239 -0
- package/stepper/index.d.ts +297 -0
- package/steps/index.d.ts +152 -0
- package/styleclass/index.d.ts +115 -0
- package/table/index.d.ts +2700 -0
- package/tabs/index.d.ts +321 -0
- package/tag/index.d.ts +114 -0
- package/terminal/index.d.ts +134 -0
- package/textarea/index.d.ts +108 -0
- package/tieredmenu/index.d.ts +430 -0
- package/timeline/index.d.ts +170 -0
- package/toast/index.d.ts +320 -0
- package/togglebutton/index.d.ts +243 -0
- package/toggleswitch/index.d.ts +188 -0
- package/toolbar/index.d.ts +118 -0
- package/tooltip/index.d.ts +247 -0
- package/tree/index.d.ts +847 -0
- package/treeselect/index.d.ts +655 -0
- package/treetable/index.d.ts +1727 -0
- package/ts-helpers/index.d.ts +6 -0
- package/usestyle/index.d.ts +15 -0
- package/utils/index.d.ts +43 -0
@@ -0,0 +1,1069 @@
|
|
1
|
+
import { trigger, transition, style as style$1, animate } from '@angular/animations';
|
2
|
+
import * as i2 from '@angular/common';
|
3
|
+
import { isPlatformBrowser, CommonModule } from '@angular/common';
|
4
|
+
import * as i0 from '@angular/core';
|
5
|
+
import { Injectable, PLATFORM_ID, Inject, Pipe, inject, EventEmitter, forwardRef, Output, Input, ViewEncapsulation, Component, input, computed, signal, numberAttribute, booleanAttribute, ContentChildren, ContentChild, ViewChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
6
|
+
import * as i1 from '@angular/platform-browser';
|
7
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
8
|
+
import * as i3 from '@angular/router';
|
9
|
+
import { RouterModule } from '@angular/router';
|
10
|
+
import { uuid, focus, relativePosition, absolutePosition, isTouchDevice, find, findSingle } from '@primeuix/utils';
|
11
|
+
import * as i5 from 'primeng/api';
|
12
|
+
import { SharedModule, PrimeTemplate } from 'primeng/api';
|
13
|
+
import * as i4 from 'primeng/badge';
|
14
|
+
import { BadgeModule } from 'primeng/badge';
|
15
|
+
import { BaseComponent } from 'primeng/basecomponent';
|
16
|
+
import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom';
|
17
|
+
import { Ripple } from 'primeng/ripple';
|
18
|
+
import * as i6 from 'primeng/tooltip';
|
19
|
+
import { TooltipModule } from 'primeng/tooltip';
|
20
|
+
import { ZIndexUtils } from 'primeng/utils';
|
21
|
+
import { style } from '@primeuix/styles/menu';
|
22
|
+
import { BaseStyle } from 'primeng/base';
|
23
|
+
|
24
|
+
const inlineStyles = {
|
25
|
+
root: ({ instance }) => ({ position: instance.popup ? 'absolute' : 'relative' })
|
26
|
+
};
|
27
|
+
const classes = {
|
28
|
+
root: ({ instance }) => [
|
29
|
+
'p-menu p-component',
|
30
|
+
{
|
31
|
+
'p-menu-overlay': instance.popup
|
32
|
+
}
|
33
|
+
],
|
34
|
+
start: 'p-menu-start',
|
35
|
+
list: 'p-menu-list',
|
36
|
+
submenuLabel: 'p-menu-submenu-label',
|
37
|
+
separator: 'p-menu-separator',
|
38
|
+
end: 'p-menu-end',
|
39
|
+
item: ({ instance, item, id }) => [
|
40
|
+
'p-menu-item',
|
41
|
+
{
|
42
|
+
'p-focus': instance.focusedOptionId() && id === instance.focusedOptionId(),
|
43
|
+
'p-disabled': instance.disabled(item.disabled)
|
44
|
+
},
|
45
|
+
item.styleClass
|
46
|
+
],
|
47
|
+
itemContent: 'p-menu-item-content',
|
48
|
+
itemLink: 'p-menu-item-link',
|
49
|
+
itemIcon: ({ item }) => ['p-menu-item-icon', item.icon, item.iconClass],
|
50
|
+
itemLabel: 'p-menu-item-label'
|
51
|
+
};
|
52
|
+
class MenuStyle extends BaseStyle {
|
53
|
+
name = 'menu';
|
54
|
+
theme = style;
|
55
|
+
classes = classes;
|
56
|
+
inlineStyles = inlineStyles;
|
57
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
58
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuStyle });
|
59
|
+
}
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuStyle, decorators: [{
|
61
|
+
type: Injectable
|
62
|
+
}] });
|
63
|
+
/**
|
64
|
+
*
|
65
|
+
* Menu is a navigation / command component that supports dynamic and static positioning.
|
66
|
+
*
|
67
|
+
* [Live Demo](https://www.primeng.org/menu/)
|
68
|
+
*
|
69
|
+
* @module menustyle
|
70
|
+
*
|
71
|
+
*/
|
72
|
+
var MenuClasses;
|
73
|
+
(function (MenuClasses) {
|
74
|
+
/**
|
75
|
+
* Class name of the root element
|
76
|
+
*/
|
77
|
+
MenuClasses["root"] = "p-menu";
|
78
|
+
/**
|
79
|
+
* Class name of the start element
|
80
|
+
*/
|
81
|
+
MenuClasses["start"] = "p-menu-start";
|
82
|
+
/**
|
83
|
+
* Class name of the list element
|
84
|
+
*/
|
85
|
+
MenuClasses["list"] = "p-menu-list";
|
86
|
+
/**
|
87
|
+
* Class name of the submenu item element
|
88
|
+
*/
|
89
|
+
MenuClasses["submenuItem"] = "p-menu-submenu-item";
|
90
|
+
/**
|
91
|
+
* Class name of the separator element
|
92
|
+
*/
|
93
|
+
MenuClasses["separator"] = "p-menu-separator";
|
94
|
+
/**
|
95
|
+
* Class name of the end element
|
96
|
+
*/
|
97
|
+
MenuClasses["end"] = "p-menu-end";
|
98
|
+
/**
|
99
|
+
* Class name of the item element
|
100
|
+
*/
|
101
|
+
MenuClasses["item"] = "p-menu-item";
|
102
|
+
/**
|
103
|
+
* Class name of the item content element
|
104
|
+
*/
|
105
|
+
MenuClasses["itemContent"] = "p-menu-item-content";
|
106
|
+
/**
|
107
|
+
* Class name of the item link element
|
108
|
+
*/
|
109
|
+
MenuClasses["itemLink"] = "p-menu-item-link";
|
110
|
+
/**
|
111
|
+
* Class name of the item icon element
|
112
|
+
*/
|
113
|
+
MenuClasses["itemIcon"] = "p-menu-item-icon";
|
114
|
+
/**
|
115
|
+
* Class name of the item label element
|
116
|
+
*/
|
117
|
+
MenuClasses["itemLabel"] = "p-menu-item-label";
|
118
|
+
})(MenuClasses || (MenuClasses = {}));
|
119
|
+
|
120
|
+
class SafeHtmlPipe {
|
121
|
+
platformId;
|
122
|
+
sanitizer;
|
123
|
+
constructor(platformId, sanitizer) {
|
124
|
+
this.platformId = platformId;
|
125
|
+
this.sanitizer = sanitizer;
|
126
|
+
}
|
127
|
+
transform(value) {
|
128
|
+
if (!value || !isPlatformBrowser(this.platformId)) {
|
129
|
+
return value;
|
130
|
+
}
|
131
|
+
return this.sanitizer.bypassSecurityTrustHtml(value);
|
132
|
+
}
|
133
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: PLATFORM_ID }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
|
134
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" });
|
135
|
+
}
|
136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
137
|
+
type: Pipe,
|
138
|
+
args: [{
|
139
|
+
name: 'safeHtml',
|
140
|
+
standalone: true
|
141
|
+
}]
|
142
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
143
|
+
type: Inject,
|
144
|
+
args: [PLATFORM_ID]
|
145
|
+
}] }, { type: i1.DomSanitizer }] });
|
146
|
+
function sanitizeHtml(value) {
|
147
|
+
const platformId = inject(PLATFORM_ID);
|
148
|
+
const sanitizer = inject(DomSanitizer);
|
149
|
+
if (!value || !isPlatformBrowser(platformId)) {
|
150
|
+
return value;
|
151
|
+
}
|
152
|
+
return sanitizer.bypassSecurityTrustHtml(value);
|
153
|
+
}
|
154
|
+
class MenuItemContent extends BaseComponent {
|
155
|
+
item;
|
156
|
+
itemTemplate;
|
157
|
+
onMenuItemClick = new EventEmitter();
|
158
|
+
menu;
|
159
|
+
_componentStyle = inject(MenuStyle);
|
160
|
+
constructor(menu) {
|
161
|
+
super();
|
162
|
+
this.menu = menu;
|
163
|
+
}
|
164
|
+
onItemClick(event, item) {
|
165
|
+
this.onMenuItemClick.emit({ originalEvent: event, item });
|
166
|
+
}
|
167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuItemContent, deps: [{ token: forwardRef(() => Menu) }], target: i0.ɵɵFactoryTarget.Component });
|
168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: MenuItemContent, isStandalone: true, selector: "[pMenuItemContent]", inputs: { item: ["pMenuItemContent", "item"], itemTemplate: "itemTemplate" }, outputs: { onMenuItemClick: "onMenuItemClick" }, providers: [MenuStyle], usesInheritance: true, ngImport: i0, template: ` <div [class]="cx('itemContent')" (click)="onItemClick($event, item)" [attr.data-pc-section]="'content'">
|
169
|
+
<ng-container *ngIf="!itemTemplate">
|
170
|
+
<a
|
171
|
+
*ngIf="!item?.routerLink"
|
172
|
+
[attr.title]="item.title"
|
173
|
+
[attr.href]="item.url || null"
|
174
|
+
[attr.data-automationid]="item.automationId"
|
175
|
+
[attr.tabindex]="-1"
|
176
|
+
[attr.data-pc-section]="'action'"
|
177
|
+
[class]="cx('itemLink')"
|
178
|
+
[target]="item.target"
|
179
|
+
pRipple
|
180
|
+
>
|
181
|
+
<ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
|
182
|
+
</a>
|
183
|
+
<a
|
184
|
+
*ngIf="item?.routerLink"
|
185
|
+
[routerLink]="item.routerLink"
|
186
|
+
[attr.data-automationid]="item.automationId"
|
187
|
+
[attr.tabindex]="-1"
|
188
|
+
[attr.data-pc-section]="'action'"
|
189
|
+
[attr.title]="item.title"
|
190
|
+
[queryParams]="item.queryParams"
|
191
|
+
routerLinkActive="p-menu-item-link-active"
|
192
|
+
[routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
|
193
|
+
[class]="cx('itemLink')"
|
194
|
+
[target]="item.target"
|
195
|
+
[fragment]="item.fragment"
|
196
|
+
[queryParamsHandling]="item.queryParamsHandling"
|
197
|
+
[preserveFragment]="item.preserveFragment"
|
198
|
+
[skipLocationChange]="item.skipLocationChange"
|
199
|
+
[replaceUrl]="item.replaceUrl"
|
200
|
+
[state]="item.state"
|
201
|
+
pRipple
|
202
|
+
>
|
203
|
+
<ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
|
204
|
+
</a>
|
205
|
+
</ng-container>
|
206
|
+
|
207
|
+
<ng-container *ngIf="itemTemplate">
|
208
|
+
<ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-template>
|
209
|
+
</ng-container>
|
210
|
+
|
211
|
+
<ng-template #itemContent>
|
212
|
+
<span [class]="cx('itemIcon', { item })" *ngIf="item.icon" [style]="item.iconStyle"></span>
|
213
|
+
<span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlLabel">{{ item.label }}</span>
|
214
|
+
<ng-template #htmlLabel><span class="p-menu-item-label" [innerHTML]="sanitizeHtml(item.label)"></span></ng-template>
|
215
|
+
<p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" />
|
216
|
+
</ng-template>
|
217
|
+
</div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i4.Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: SharedModule }], encapsulation: i0.ViewEncapsulation.None });
|
218
|
+
}
|
219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuItemContent, decorators: [{
|
220
|
+
type: Component,
|
221
|
+
args: [{
|
222
|
+
selector: '[pMenuItemContent]',
|
223
|
+
standalone: true,
|
224
|
+
imports: [CommonModule, RouterModule, Ripple, TooltipModule, BadgeModule, SharedModule],
|
225
|
+
template: ` <div [class]="cx('itemContent')" (click)="onItemClick($event, item)" [attr.data-pc-section]="'content'">
|
226
|
+
<ng-container *ngIf="!itemTemplate">
|
227
|
+
<a
|
228
|
+
*ngIf="!item?.routerLink"
|
229
|
+
[attr.title]="item.title"
|
230
|
+
[attr.href]="item.url || null"
|
231
|
+
[attr.data-automationid]="item.automationId"
|
232
|
+
[attr.tabindex]="-1"
|
233
|
+
[attr.data-pc-section]="'action'"
|
234
|
+
[class]="cx('itemLink')"
|
235
|
+
[target]="item.target"
|
236
|
+
pRipple
|
237
|
+
>
|
238
|
+
<ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
|
239
|
+
</a>
|
240
|
+
<a
|
241
|
+
*ngIf="item?.routerLink"
|
242
|
+
[routerLink]="item.routerLink"
|
243
|
+
[attr.data-automationid]="item.automationId"
|
244
|
+
[attr.tabindex]="-1"
|
245
|
+
[attr.data-pc-section]="'action'"
|
246
|
+
[attr.title]="item.title"
|
247
|
+
[queryParams]="item.queryParams"
|
248
|
+
routerLinkActive="p-menu-item-link-active"
|
249
|
+
[routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
|
250
|
+
[class]="cx('itemLink')"
|
251
|
+
[target]="item.target"
|
252
|
+
[fragment]="item.fragment"
|
253
|
+
[queryParamsHandling]="item.queryParamsHandling"
|
254
|
+
[preserveFragment]="item.preserveFragment"
|
255
|
+
[skipLocationChange]="item.skipLocationChange"
|
256
|
+
[replaceUrl]="item.replaceUrl"
|
257
|
+
[state]="item.state"
|
258
|
+
pRipple
|
259
|
+
>
|
260
|
+
<ng-container *ngTemplateOutlet="itemContent; context: { $implicit: item }"></ng-container>
|
261
|
+
</a>
|
262
|
+
</ng-container>
|
263
|
+
|
264
|
+
<ng-container *ngIf="itemTemplate">
|
265
|
+
<ng-template *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-template>
|
266
|
+
</ng-container>
|
267
|
+
|
268
|
+
<ng-template #itemContent>
|
269
|
+
<span [class]="cx('itemIcon', { item })" *ngIf="item.icon" [style]="item.iconStyle"></span>
|
270
|
+
<span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlLabel">{{ item.label }}</span>
|
271
|
+
<ng-template #htmlLabel><span class="p-menu-item-label" [innerHTML]="sanitizeHtml(item.label)"></span></ng-template>
|
272
|
+
<p-badge *ngIf="item.badge" [styleClass]="item.badgeStyleClass" [value]="item.badge" />
|
273
|
+
</ng-template>
|
274
|
+
</div>`,
|
275
|
+
encapsulation: ViewEncapsulation.None,
|
276
|
+
providers: [MenuStyle]
|
277
|
+
}]
|
278
|
+
}], ctorParameters: () => [{ type: Menu, decorators: [{
|
279
|
+
type: Inject,
|
280
|
+
args: [forwardRef(() => Menu)]
|
281
|
+
}] }], propDecorators: { item: [{
|
282
|
+
type: Input,
|
283
|
+
args: ['pMenuItemContent']
|
284
|
+
}], itemTemplate: [{
|
285
|
+
type: Input
|
286
|
+
}], onMenuItemClick: [{
|
287
|
+
type: Output
|
288
|
+
}] } });
|
289
|
+
/**
|
290
|
+
* Menu is a navigation / command component that supports dynamic and static positioning.
|
291
|
+
* @group Components
|
292
|
+
*/
|
293
|
+
class Menu extends BaseComponent {
|
294
|
+
overlayService;
|
295
|
+
/**
|
296
|
+
* An array of menuitems.
|
297
|
+
* @group Props
|
298
|
+
*/
|
299
|
+
model;
|
300
|
+
/**
|
301
|
+
* Defines if menu would displayed as a popup.
|
302
|
+
* @group Props
|
303
|
+
*/
|
304
|
+
popup;
|
305
|
+
/**
|
306
|
+
* Inline style of the component.
|
307
|
+
* @group Props
|
308
|
+
*/
|
309
|
+
style;
|
310
|
+
/**
|
311
|
+
* Style class of the component.
|
312
|
+
* @group Props
|
313
|
+
*/
|
314
|
+
styleClass;
|
315
|
+
/**
|
316
|
+
* Whether to automatically manage layering.
|
317
|
+
* @group Props
|
318
|
+
*/
|
319
|
+
autoZIndex = true;
|
320
|
+
/**
|
321
|
+
* Base zIndex value to use in layering.
|
322
|
+
* @group Props
|
323
|
+
*/
|
324
|
+
baseZIndex = 0;
|
325
|
+
/**
|
326
|
+
* Transition options of the show animation.
|
327
|
+
* @group Props
|
328
|
+
*/
|
329
|
+
showTransitionOptions = '.12s cubic-bezier(0, 0, 0.2, 1)';
|
330
|
+
/**
|
331
|
+
* Transition options of the hide animation.
|
332
|
+
* @group Props
|
333
|
+
*/
|
334
|
+
hideTransitionOptions = '.1s linear';
|
335
|
+
/**
|
336
|
+
* Defines a string value that labels an interactive element.
|
337
|
+
* @group Props
|
338
|
+
*/
|
339
|
+
ariaLabel;
|
340
|
+
/**
|
341
|
+
* Identifier of the underlying input element.
|
342
|
+
* @group Props
|
343
|
+
*/
|
344
|
+
ariaLabelledBy;
|
345
|
+
/**
|
346
|
+
* Current id state as a string.
|
347
|
+
* @group Props
|
348
|
+
*/
|
349
|
+
id;
|
350
|
+
/**
|
351
|
+
* Index of the element in tabbing order.
|
352
|
+
* @group Props
|
353
|
+
*/
|
354
|
+
tabindex = 0;
|
355
|
+
/**
|
356
|
+
* Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
|
357
|
+
* @defaultValue 'self'
|
358
|
+
* @group Props
|
359
|
+
*/
|
360
|
+
appendTo = input(undefined, ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
|
361
|
+
/**
|
362
|
+
* Callback to invoke when overlay menu is shown.
|
363
|
+
* @group Emits
|
364
|
+
*/
|
365
|
+
onShow = new EventEmitter();
|
366
|
+
/**
|
367
|
+
* Callback to invoke when overlay menu is hidden.
|
368
|
+
* @group Emits
|
369
|
+
*/
|
370
|
+
onHide = new EventEmitter();
|
371
|
+
/**
|
372
|
+
* Callback to invoke when the list loses focus.
|
373
|
+
* @param {Event} event - blur event.
|
374
|
+
* @group Emits
|
375
|
+
*/
|
376
|
+
onBlur = new EventEmitter();
|
377
|
+
/**
|
378
|
+
* Callback to invoke when the list receives focus.
|
379
|
+
* @param {Event} event - focus event.
|
380
|
+
* @group Emits
|
381
|
+
*/
|
382
|
+
onFocus = new EventEmitter();
|
383
|
+
listViewChild;
|
384
|
+
containerViewChild;
|
385
|
+
$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...(ngDevMode ? [{ debugName: "$appendTo" }] : []));
|
386
|
+
container;
|
387
|
+
scrollHandler;
|
388
|
+
documentClickListener;
|
389
|
+
documentResizeListener;
|
390
|
+
preventDocumentDefault;
|
391
|
+
target;
|
392
|
+
visible;
|
393
|
+
focusedOptionId = computed(() => {
|
394
|
+
return this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : null;
|
395
|
+
}, ...(ngDevMode ? [{ debugName: "focusedOptionId" }] : []));
|
396
|
+
focusedOptionIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedOptionIndex" }] : []));
|
397
|
+
selectedOptionIndex = signal(-1, ...(ngDevMode ? [{ debugName: "selectedOptionIndex" }] : []));
|
398
|
+
focused = false;
|
399
|
+
overlayVisible = false;
|
400
|
+
relativeAlign;
|
401
|
+
_componentStyle = inject(MenuStyle);
|
402
|
+
constructor(overlayService) {
|
403
|
+
super();
|
404
|
+
this.overlayService = overlayService;
|
405
|
+
this.id = this.id || uuid('pn_id_');
|
406
|
+
}
|
407
|
+
/**
|
408
|
+
* Toggles the visibility of the popup menu.
|
409
|
+
* @param {Event} event - Browser event.
|
410
|
+
* @group Method
|
411
|
+
*/
|
412
|
+
toggle(event) {
|
413
|
+
if (this.visible)
|
414
|
+
this.hide();
|
415
|
+
else
|
416
|
+
this.show(event);
|
417
|
+
this.preventDocumentDefault = true;
|
418
|
+
}
|
419
|
+
/**
|
420
|
+
* Displays the popup menu.
|
421
|
+
* @param {Event} event - Browser event.
|
422
|
+
* @group Method
|
423
|
+
*/
|
424
|
+
show(event) {
|
425
|
+
this.target = event.currentTarget;
|
426
|
+
this.relativeAlign = event.relativeAlign;
|
427
|
+
this.visible = true;
|
428
|
+
this.preventDocumentDefault = true;
|
429
|
+
this.overlayVisible = true;
|
430
|
+
this.cd.markForCheck();
|
431
|
+
}
|
432
|
+
ngOnInit() {
|
433
|
+
super.ngOnInit();
|
434
|
+
if (!this.popup) {
|
435
|
+
this.bindDocumentClickListener();
|
436
|
+
}
|
437
|
+
}
|
438
|
+
/**
|
439
|
+
* Defines template option for start.
|
440
|
+
* @group Templates
|
441
|
+
*/
|
442
|
+
startTemplate;
|
443
|
+
_startTemplate;
|
444
|
+
/**
|
445
|
+
* Defines template option for end.
|
446
|
+
* @group Templates
|
447
|
+
*/
|
448
|
+
endTemplate;
|
449
|
+
_endTemplate;
|
450
|
+
/**
|
451
|
+
* Defines template option for header.
|
452
|
+
* @group Templates
|
453
|
+
*/
|
454
|
+
headerTemplate;
|
455
|
+
_headerTemplate;
|
456
|
+
/**
|
457
|
+
* Defines template option for item.
|
458
|
+
* @group Templates
|
459
|
+
*/
|
460
|
+
itemTemplate;
|
461
|
+
_itemTemplate;
|
462
|
+
/**
|
463
|
+
* Defines template option for item.
|
464
|
+
* @group Templates
|
465
|
+
*/
|
466
|
+
submenuHeaderTemplate;
|
467
|
+
_submenuHeaderTemplate;
|
468
|
+
templates;
|
469
|
+
ngAfterContentInit() {
|
470
|
+
this.templates?.forEach((item) => {
|
471
|
+
switch (item.getType()) {
|
472
|
+
case 'start':
|
473
|
+
this._startTemplate = item.template;
|
474
|
+
break;
|
475
|
+
case 'end':
|
476
|
+
this._endTemplate = item.template;
|
477
|
+
break;
|
478
|
+
case 'item':
|
479
|
+
this._itemTemplate = item.template;
|
480
|
+
break;
|
481
|
+
case 'submenuheader':
|
482
|
+
this._submenuHeaderTemplate = item.template;
|
483
|
+
break;
|
484
|
+
default:
|
485
|
+
this._itemTemplate = item.template;
|
486
|
+
break;
|
487
|
+
}
|
488
|
+
});
|
489
|
+
}
|
490
|
+
getTabIndexValue() {
|
491
|
+
return this.tabindex !== undefined ? this.tabindex.toString() : null;
|
492
|
+
}
|
493
|
+
onOverlayAnimationStart(event) {
|
494
|
+
switch (event.toState) {
|
495
|
+
case 'visible':
|
496
|
+
if (this.popup) {
|
497
|
+
this.container = event.element;
|
498
|
+
this.moveOnTop();
|
499
|
+
this.onShow.emit({});
|
500
|
+
this.attrSelector && this.container.setAttribute(this.attrSelector, '');
|
501
|
+
this.appendOverlay();
|
502
|
+
this.alignOverlay();
|
503
|
+
this.bindDocumentClickListener();
|
504
|
+
this.bindDocumentResizeListener();
|
505
|
+
this.bindScrollListener();
|
506
|
+
focus(this.listViewChild.nativeElement);
|
507
|
+
}
|
508
|
+
break;
|
509
|
+
case 'void':
|
510
|
+
this.onOverlayHide();
|
511
|
+
this.onHide.emit({});
|
512
|
+
break;
|
513
|
+
}
|
514
|
+
}
|
515
|
+
onOverlayAnimationEnd(event) {
|
516
|
+
switch (event.toState) {
|
517
|
+
case 'void':
|
518
|
+
if (this.autoZIndex) {
|
519
|
+
ZIndexUtils.clear(event.element);
|
520
|
+
}
|
521
|
+
break;
|
522
|
+
}
|
523
|
+
}
|
524
|
+
alignOverlay() {
|
525
|
+
if (this.relativeAlign)
|
526
|
+
relativePosition(this.container, this.target);
|
527
|
+
else
|
528
|
+
absolutePosition(this.container, this.target);
|
529
|
+
}
|
530
|
+
appendOverlay() {
|
531
|
+
DomHandler.appendOverlay(this.container, this.$appendTo() === 'body' ? this.document.body : this.$appendTo(), this.$appendTo());
|
532
|
+
}
|
533
|
+
restoreOverlayAppend() {
|
534
|
+
if (this.container && this.$appendTo() !== 'self') {
|
535
|
+
this.renderer.appendChild(this.el.nativeElement, this.container);
|
536
|
+
}
|
537
|
+
}
|
538
|
+
moveOnTop() {
|
539
|
+
if (this.autoZIndex) {
|
540
|
+
ZIndexUtils.set('menu', this.container, this.baseZIndex + this.config.zIndex.menu);
|
541
|
+
}
|
542
|
+
}
|
543
|
+
/**
|
544
|
+
* Hides the popup menu.
|
545
|
+
* @group Method
|
546
|
+
*/
|
547
|
+
hide() {
|
548
|
+
this.visible = false;
|
549
|
+
this.relativeAlign = false;
|
550
|
+
this.cd.markForCheck();
|
551
|
+
}
|
552
|
+
onWindowResize() {
|
553
|
+
if (this.visible && !isTouchDevice()) {
|
554
|
+
this.hide();
|
555
|
+
}
|
556
|
+
}
|
557
|
+
menuitemId(item, id, index, childIndex) {
|
558
|
+
return item?.id ?? `${id}_${index}${childIndex !== undefined ? '_' + childIndex : ''}`;
|
559
|
+
}
|
560
|
+
isItemFocused(id) {
|
561
|
+
return this.focusedOptionId() === id;
|
562
|
+
}
|
563
|
+
label(label) {
|
564
|
+
return typeof label === 'function' ? label() : label;
|
565
|
+
}
|
566
|
+
disabled(disabled) {
|
567
|
+
return typeof disabled === 'function' ? disabled() : typeof disabled === 'undefined' ? false : disabled;
|
568
|
+
}
|
569
|
+
activedescendant() {
|
570
|
+
return this.focused ? this.focusedOptionId() : undefined;
|
571
|
+
}
|
572
|
+
onListFocus(event) {
|
573
|
+
if (!this.focused) {
|
574
|
+
this.focused = true;
|
575
|
+
!this.popup && this.changeFocusedOptionIndex(0);
|
576
|
+
this.onFocus.emit(event);
|
577
|
+
}
|
578
|
+
}
|
579
|
+
onListBlur(event) {
|
580
|
+
if (this.focused) {
|
581
|
+
this.focused = false;
|
582
|
+
this.changeFocusedOptionIndex(-1);
|
583
|
+
this.selectedOptionIndex.set(-1);
|
584
|
+
this.focusedOptionIndex.set(-1);
|
585
|
+
this.onBlur.emit(event);
|
586
|
+
}
|
587
|
+
}
|
588
|
+
onListKeyDown(event) {
|
589
|
+
switch (event.code) {
|
590
|
+
case 'ArrowDown':
|
591
|
+
this.onArrowDownKey(event);
|
592
|
+
break;
|
593
|
+
case 'ArrowUp':
|
594
|
+
this.onArrowUpKey(event);
|
595
|
+
break;
|
596
|
+
case 'Home':
|
597
|
+
this.onHomeKey(event);
|
598
|
+
break;
|
599
|
+
case 'End':
|
600
|
+
this.onEndKey(event);
|
601
|
+
break;
|
602
|
+
case 'Enter':
|
603
|
+
this.onEnterKey(event);
|
604
|
+
break;
|
605
|
+
case 'NumpadEnter':
|
606
|
+
this.onEnterKey(event);
|
607
|
+
break;
|
608
|
+
case 'Space':
|
609
|
+
this.onSpaceKey(event);
|
610
|
+
break;
|
611
|
+
case 'Escape':
|
612
|
+
case 'Tab':
|
613
|
+
if (this.popup) {
|
614
|
+
focus(this.target);
|
615
|
+
this.hide();
|
616
|
+
}
|
617
|
+
this.overlayVisible && this.hide();
|
618
|
+
break;
|
619
|
+
default:
|
620
|
+
break;
|
621
|
+
}
|
622
|
+
}
|
623
|
+
onArrowDownKey(event) {
|
624
|
+
const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex());
|
625
|
+
this.changeFocusedOptionIndex(optionIndex);
|
626
|
+
event.preventDefault();
|
627
|
+
}
|
628
|
+
onArrowUpKey(event) {
|
629
|
+
if (event.altKey && this.popup) {
|
630
|
+
focus(this.target);
|
631
|
+
this.hide();
|
632
|
+
event.preventDefault();
|
633
|
+
}
|
634
|
+
else {
|
635
|
+
const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex());
|
636
|
+
this.changeFocusedOptionIndex(optionIndex);
|
637
|
+
event.preventDefault();
|
638
|
+
}
|
639
|
+
}
|
640
|
+
onHomeKey(event) {
|
641
|
+
this.changeFocusedOptionIndex(0);
|
642
|
+
event.preventDefault();
|
643
|
+
}
|
644
|
+
onEndKey(event) {
|
645
|
+
this.changeFocusedOptionIndex(find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]').length - 1);
|
646
|
+
event.preventDefault();
|
647
|
+
}
|
648
|
+
onEnterKey(event) {
|
649
|
+
const element = findSingle(this.containerViewChild.nativeElement, `li[id="${`${this.focusedOptionIndex()}`}"]`);
|
650
|
+
const anchorElement = element && findSingle(element, 'a[data-pc-section="action"]');
|
651
|
+
this.popup && focus(this.target);
|
652
|
+
anchorElement ? anchorElement.click() : element && element.click();
|
653
|
+
event.preventDefault();
|
654
|
+
}
|
655
|
+
onSpaceKey(event) {
|
656
|
+
this.onEnterKey(event);
|
657
|
+
}
|
658
|
+
findNextOptionIndex(index) {
|
659
|
+
const links = find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
|
660
|
+
const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
|
661
|
+
return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
|
662
|
+
}
|
663
|
+
findPrevOptionIndex(index) {
|
664
|
+
const links = find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
|
665
|
+
const matchedOptionIndex = [...links].findIndex((link) => link.id === index);
|
666
|
+
return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
|
667
|
+
}
|
668
|
+
changeFocusedOptionIndex(index) {
|
669
|
+
const links = find(this.containerViewChild.nativeElement, 'li[data-pc-section="menuitem"][data-p-disabled="false"]');
|
670
|
+
if (links.length > 0) {
|
671
|
+
let order = index >= links.length ? links.length - 1 : index < 0 ? 0 : index;
|
672
|
+
order > -1 && this.focusedOptionIndex.set(links[order].getAttribute('id'));
|
673
|
+
}
|
674
|
+
}
|
675
|
+
itemClick(event, id) {
|
676
|
+
const { originalEvent, item } = event;
|
677
|
+
if (!this.focused) {
|
678
|
+
this.focused = true;
|
679
|
+
this.onFocus.emit();
|
680
|
+
}
|
681
|
+
if (item.disabled) {
|
682
|
+
originalEvent.preventDefault();
|
683
|
+
return;
|
684
|
+
}
|
685
|
+
if (!item.url && !item.routerLink) {
|
686
|
+
originalEvent.preventDefault();
|
687
|
+
}
|
688
|
+
if (item.command) {
|
689
|
+
item.command({
|
690
|
+
originalEvent: originalEvent,
|
691
|
+
item: item
|
692
|
+
});
|
693
|
+
}
|
694
|
+
if (this.popup) {
|
695
|
+
this.hide();
|
696
|
+
}
|
697
|
+
if (!this.popup && this.focusedOptionIndex() !== id) {
|
698
|
+
this.focusedOptionIndex.set(id);
|
699
|
+
}
|
700
|
+
}
|
701
|
+
onOverlayClick(event) {
|
702
|
+
if (this.popup) {
|
703
|
+
this.overlayService.add({
|
704
|
+
originalEvent: event,
|
705
|
+
target: this.el.nativeElement
|
706
|
+
});
|
707
|
+
}
|
708
|
+
this.preventDocumentDefault = true;
|
709
|
+
}
|
710
|
+
bindDocumentClickListener() {
|
711
|
+
if (!this.documentClickListener && isPlatformBrowser(this.platformId)) {
|
712
|
+
const documentTarget = this.el ? this.el.nativeElement.ownerDocument : 'document';
|
713
|
+
this.documentClickListener = this.renderer.listen(documentTarget, 'click', (event) => {
|
714
|
+
const isOutsideContainer = this.containerViewChild?.nativeElement && !this.containerViewChild?.nativeElement.contains(event.target);
|
715
|
+
const isOutsideTarget = !(this.target && (this.target === event.target || this.target.contains(event.target)));
|
716
|
+
if (!this.popup && isOutsideContainer && isOutsideTarget) {
|
717
|
+
this.onListBlur(event);
|
718
|
+
}
|
719
|
+
if (this.preventDocumentDefault && this.overlayVisible && isOutsideContainer && isOutsideTarget) {
|
720
|
+
this.hide();
|
721
|
+
this.preventDocumentDefault = false;
|
722
|
+
}
|
723
|
+
});
|
724
|
+
}
|
725
|
+
}
|
726
|
+
unbindDocumentClickListener() {
|
727
|
+
if (this.documentClickListener) {
|
728
|
+
this.documentClickListener();
|
729
|
+
this.documentClickListener = null;
|
730
|
+
}
|
731
|
+
}
|
732
|
+
bindDocumentResizeListener() {
|
733
|
+
if (!this.documentResizeListener && isPlatformBrowser(this.platformId)) {
|
734
|
+
const window = this.document.defaultView;
|
735
|
+
this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));
|
736
|
+
}
|
737
|
+
}
|
738
|
+
unbindDocumentResizeListener() {
|
739
|
+
if (this.documentResizeListener) {
|
740
|
+
this.documentResizeListener();
|
741
|
+
this.documentResizeListener = null;
|
742
|
+
}
|
743
|
+
}
|
744
|
+
bindScrollListener() {
|
745
|
+
if (!this.scrollHandler && isPlatformBrowser(this.platformId)) {
|
746
|
+
this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {
|
747
|
+
if (this.visible) {
|
748
|
+
this.hide();
|
749
|
+
}
|
750
|
+
});
|
751
|
+
}
|
752
|
+
this.scrollHandler?.bindScrollListener();
|
753
|
+
}
|
754
|
+
unbindScrollListener() {
|
755
|
+
if (this.scrollHandler) {
|
756
|
+
this.scrollHandler.unbindScrollListener();
|
757
|
+
this.scrollHandler = null;
|
758
|
+
}
|
759
|
+
}
|
760
|
+
onOverlayHide() {
|
761
|
+
this.unbindDocumentClickListener();
|
762
|
+
this.unbindDocumentResizeListener();
|
763
|
+
this.unbindScrollListener();
|
764
|
+
this.preventDocumentDefault = false;
|
765
|
+
if (!this.cd.destroyed) {
|
766
|
+
this.target = null;
|
767
|
+
}
|
768
|
+
}
|
769
|
+
ngOnDestroy() {
|
770
|
+
if (this.popup) {
|
771
|
+
if (this.scrollHandler) {
|
772
|
+
this.scrollHandler.destroy();
|
773
|
+
this.scrollHandler = null;
|
774
|
+
}
|
775
|
+
if (this.container && this.autoZIndex) {
|
776
|
+
ZIndexUtils.clear(this.container);
|
777
|
+
}
|
778
|
+
this.restoreOverlayAppend();
|
779
|
+
this.onOverlayHide();
|
780
|
+
}
|
781
|
+
if (!this.popup) {
|
782
|
+
this.unbindDocumentClickListener();
|
783
|
+
}
|
784
|
+
super.ngOnDestroy();
|
785
|
+
}
|
786
|
+
hasSubMenu() {
|
787
|
+
return this.model?.some((item) => item.items) ?? false;
|
788
|
+
}
|
789
|
+
isItemHidden(item) {
|
790
|
+
if (item.separator) {
|
791
|
+
return item.visible === false || (item.items && item.items.some((subitem) => subitem.visible !== false));
|
792
|
+
}
|
793
|
+
return item.visible === false;
|
794
|
+
}
|
795
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Menu, deps: [{ token: i5.OverlayService }], target: i0.ɵɵFactoryTarget.Component });
|
796
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: Menu, isStandalone: true, selector: "p-menu", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: false, isRequired: false, transformFunction: null }, popup: { classPropertyName: "popup", publicName: "popup", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, style: { classPropertyName: "style", publicName: "style", isSignal: false, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: false, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onShow: "onShow", onHide: "onHide", onBlur: "onBlur", onFocus: "onFocus" }, providers: [MenuStyle], queries: [{ propertyName: "startTemplate", first: true, predicate: ["start"] }, { propertyName: "endTemplate", first: true, predicate: ["end"] }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "itemTemplate", first: true, predicate: ["item"] }, { propertyName: "submenuHeaderTemplate", first: true, predicate: ["submenuheader"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }, { propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
797
|
+
<div
|
798
|
+
#container
|
799
|
+
[class]="cn(cx('root'), styleClass)"
|
800
|
+
[style]="sx('root')"
|
801
|
+
[ngStyle]="style"
|
802
|
+
*ngIf="!popup || visible"
|
803
|
+
(click)="onOverlayClick($event)"
|
804
|
+
[@overlayAnimation]="{
|
805
|
+
value: 'visible',
|
806
|
+
params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions }
|
807
|
+
}"
|
808
|
+
[@.disabled]="popup !== true"
|
809
|
+
(@overlayAnimation.start)="onOverlayAnimationStart($event)"
|
810
|
+
(@overlayAnimation.done)="onOverlayAnimationEnd($event)"
|
811
|
+
[attr.data-pc-name]="'menu'"
|
812
|
+
[attr.id]="id"
|
813
|
+
>
|
814
|
+
<div *ngIf="startTemplate ?? _startTemplate" [class]="cx('start')" [attr.data-pc-section]="'start'">
|
815
|
+
<ng-container *ngTemplateOutlet="startTemplate ?? _startTemplate"></ng-container>
|
816
|
+
</div>
|
817
|
+
<ul
|
818
|
+
#list
|
819
|
+
[class]="cx('list')"
|
820
|
+
role="menu"
|
821
|
+
[attr.id]="id + '_list'"
|
822
|
+
[attr.tabindex]="getTabIndexValue()"
|
823
|
+
[attr.data-pc-section]="'menu'"
|
824
|
+
[attr.aria-activedescendant]="activedescendant()"
|
825
|
+
[attr.aria-label]="ariaLabel"
|
826
|
+
[attr.aria-labelledBy]="ariaLabelledBy"
|
827
|
+
(focus)="onListFocus($event)"
|
828
|
+
(blur)="onListBlur($event)"
|
829
|
+
(keydown)="onListKeyDown($event)"
|
830
|
+
>
|
831
|
+
<ng-template ngFor let-submenu let-i="index" [ngForOf]="model" *ngIf="hasSubMenu()">
|
832
|
+
<li [class]="cx('separator')" *ngIf="submenu.separator && submenu.visible !== false" role="separator"></li>
|
833
|
+
<li [class]="cx('submenuLabel')" [attr.data-automationid]="submenu.automationId" *ngIf="!submenu.separator" pTooltip [tooltipOptions]="submenu.tooltipOptions" role="none" [attr.id]="menuitemId(submenu, id, i)">
|
834
|
+
<ng-container *ngIf="!submenuHeaderTemplate && !_submenuHeaderTemplate">
|
835
|
+
<span *ngIf="submenu.escape !== false; else htmlSubmenuLabel">{{ submenu.label }}</span>
|
836
|
+
<ng-template #htmlSubmenuLabel><span [innerHTML]="sanitizeHtml(submenu.label)"></span></ng-template>
|
837
|
+
</ng-container>
|
838
|
+
<ng-container *ngTemplateOutlet="submenuHeaderTemplate ?? _submenuHeaderTemplate; context: { $implicit: submenu }"></ng-container>
|
839
|
+
</li>
|
840
|
+
<ng-template ngFor let-item let-j="index" [ngForOf]="submenu.items">
|
841
|
+
<li [class]="cx('separator')" *ngIf="item.separator && (item.visible !== false || submenu.visible !== false)" role="separator"></li>
|
842
|
+
<li
|
843
|
+
[class]="cn(cx('item', { item, id: menuitemId(item, id, i, j) }), item?.styleClass)"
|
844
|
+
*ngIf="!item.separator && item.visible !== false && (item.visible !== undefined || submenu.visible !== false)"
|
845
|
+
[pMenuItemContent]="item"
|
846
|
+
[itemTemplate]="itemTemplate ?? _itemTemplate"
|
847
|
+
[style]="item.style"
|
848
|
+
(onMenuItemClick)="itemClick($event, menuitemId(item, id, i, j))"
|
849
|
+
pTooltip
|
850
|
+
[tooltipOptions]="item.tooltipOptions"
|
851
|
+
role="menuitem"
|
852
|
+
[attr.data-pc-section]="'menuitem'"
|
853
|
+
[attr.aria-label]="label(item.label)"
|
854
|
+
[attr.data-p-focused]="isItemFocused(menuitemId(item, id, i, j))"
|
855
|
+
[attr.data-p-disabled]="disabled(item.disabled)"
|
856
|
+
[attr.aria-disabled]="disabled(item.disabled)"
|
857
|
+
[attr.id]="menuitemId(item, id, i, j)"
|
858
|
+
></li>
|
859
|
+
</ng-template>
|
860
|
+
</ng-template>
|
861
|
+
<ng-template ngFor let-item let-i="index" [ngForOf]="model" *ngIf="!hasSubMenu()">
|
862
|
+
<li [class]="cx('separator')" *ngIf="item.separator && item.visible !== false" role="separator"></li>
|
863
|
+
<li
|
864
|
+
[class]="cn(cx('item', { item, id: menuitemId(item, id, i) }), item?.styleClass)"
|
865
|
+
*ngIf="!item.separator && item.visible !== false"
|
866
|
+
[pMenuItemContent]="item"
|
867
|
+
[itemTemplate]="itemTemplate ?? _itemTemplate"
|
868
|
+
[ngStyle]="item.style"
|
869
|
+
(onMenuItemClick)="itemClick($event, menuitemId(item, id, i))"
|
870
|
+
pTooltip
|
871
|
+
[tooltipOptions]="item.tooltipOptions"
|
872
|
+
role="menuitem"
|
873
|
+
[attr.data-pc-section]="'menuitem'"
|
874
|
+
[attr.aria-label]="label(item.label)"
|
875
|
+
[attr.data-p-focused]="isItemFocused(menuitemId(item, id, i))"
|
876
|
+
[attr.data-p-disabled]="disabled(item.disabled)"
|
877
|
+
[attr.aria-disabled]="disabled(item.disabled)"
|
878
|
+
[attr.id]="menuitemId(item, id, i)"
|
879
|
+
></li>
|
880
|
+
</ng-template>
|
881
|
+
</ul>
|
882
|
+
<div *ngIf="endTemplate ?? _endTemplate" [class]="cx('end')" [attr.data-pc-section]="'end'">
|
883
|
+
<ng-container *ngTemplateOutlet="endTemplate ?? _endTemplate"></ng-container>
|
884
|
+
</div>
|
885
|
+
</div>
|
886
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "component", type: MenuItemContent, selector: "[pMenuItemContent]", inputs: ["pMenuItemContent", "itemTemplate"], outputs: ["onMenuItemClick"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "ngmodule", type: SharedModule }], animations: [trigger('overlayAnimation', [transition(':enter', [style$1({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style$1({ opacity: 0 }))])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
887
|
+
}
|
888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Menu, decorators: [{
|
889
|
+
type: Component,
|
890
|
+
args: [{
|
891
|
+
selector: 'p-menu',
|
892
|
+
standalone: true,
|
893
|
+
imports: [CommonModule, RouterModule, MenuItemContent, TooltipModule, BadgeModule, SharedModule],
|
894
|
+
template: `
|
895
|
+
<div
|
896
|
+
#container
|
897
|
+
[class]="cn(cx('root'), styleClass)"
|
898
|
+
[style]="sx('root')"
|
899
|
+
[ngStyle]="style"
|
900
|
+
*ngIf="!popup || visible"
|
901
|
+
(click)="onOverlayClick($event)"
|
902
|
+
[@overlayAnimation]="{
|
903
|
+
value: 'visible',
|
904
|
+
params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions }
|
905
|
+
}"
|
906
|
+
[@.disabled]="popup !== true"
|
907
|
+
(@overlayAnimation.start)="onOverlayAnimationStart($event)"
|
908
|
+
(@overlayAnimation.done)="onOverlayAnimationEnd($event)"
|
909
|
+
[attr.data-pc-name]="'menu'"
|
910
|
+
[attr.id]="id"
|
911
|
+
>
|
912
|
+
<div *ngIf="startTemplate ?? _startTemplate" [class]="cx('start')" [attr.data-pc-section]="'start'">
|
913
|
+
<ng-container *ngTemplateOutlet="startTemplate ?? _startTemplate"></ng-container>
|
914
|
+
</div>
|
915
|
+
<ul
|
916
|
+
#list
|
917
|
+
[class]="cx('list')"
|
918
|
+
role="menu"
|
919
|
+
[attr.id]="id + '_list'"
|
920
|
+
[attr.tabindex]="getTabIndexValue()"
|
921
|
+
[attr.data-pc-section]="'menu'"
|
922
|
+
[attr.aria-activedescendant]="activedescendant()"
|
923
|
+
[attr.aria-label]="ariaLabel"
|
924
|
+
[attr.aria-labelledBy]="ariaLabelledBy"
|
925
|
+
(focus)="onListFocus($event)"
|
926
|
+
(blur)="onListBlur($event)"
|
927
|
+
(keydown)="onListKeyDown($event)"
|
928
|
+
>
|
929
|
+
<ng-template ngFor let-submenu let-i="index" [ngForOf]="model" *ngIf="hasSubMenu()">
|
930
|
+
<li [class]="cx('separator')" *ngIf="submenu.separator && submenu.visible !== false" role="separator"></li>
|
931
|
+
<li [class]="cx('submenuLabel')" [attr.data-automationid]="submenu.automationId" *ngIf="!submenu.separator" pTooltip [tooltipOptions]="submenu.tooltipOptions" role="none" [attr.id]="menuitemId(submenu, id, i)">
|
932
|
+
<ng-container *ngIf="!submenuHeaderTemplate && !_submenuHeaderTemplate">
|
933
|
+
<span *ngIf="submenu.escape !== false; else htmlSubmenuLabel">{{ submenu.label }}</span>
|
934
|
+
<ng-template #htmlSubmenuLabel><span [innerHTML]="sanitizeHtml(submenu.label)"></span></ng-template>
|
935
|
+
</ng-container>
|
936
|
+
<ng-container *ngTemplateOutlet="submenuHeaderTemplate ?? _submenuHeaderTemplate; context: { $implicit: submenu }"></ng-container>
|
937
|
+
</li>
|
938
|
+
<ng-template ngFor let-item let-j="index" [ngForOf]="submenu.items">
|
939
|
+
<li [class]="cx('separator')" *ngIf="item.separator && (item.visible !== false || submenu.visible !== false)" role="separator"></li>
|
940
|
+
<li
|
941
|
+
[class]="cn(cx('item', { item, id: menuitemId(item, id, i, j) }), item?.styleClass)"
|
942
|
+
*ngIf="!item.separator && item.visible !== false && (item.visible !== undefined || submenu.visible !== false)"
|
943
|
+
[pMenuItemContent]="item"
|
944
|
+
[itemTemplate]="itemTemplate ?? _itemTemplate"
|
945
|
+
[style]="item.style"
|
946
|
+
(onMenuItemClick)="itemClick($event, menuitemId(item, id, i, j))"
|
947
|
+
pTooltip
|
948
|
+
[tooltipOptions]="item.tooltipOptions"
|
949
|
+
role="menuitem"
|
950
|
+
[attr.data-pc-section]="'menuitem'"
|
951
|
+
[attr.aria-label]="label(item.label)"
|
952
|
+
[attr.data-p-focused]="isItemFocused(menuitemId(item, id, i, j))"
|
953
|
+
[attr.data-p-disabled]="disabled(item.disabled)"
|
954
|
+
[attr.aria-disabled]="disabled(item.disabled)"
|
955
|
+
[attr.id]="menuitemId(item, id, i, j)"
|
956
|
+
></li>
|
957
|
+
</ng-template>
|
958
|
+
</ng-template>
|
959
|
+
<ng-template ngFor let-item let-i="index" [ngForOf]="model" *ngIf="!hasSubMenu()">
|
960
|
+
<li [class]="cx('separator')" *ngIf="item.separator && item.visible !== false" role="separator"></li>
|
961
|
+
<li
|
962
|
+
[class]="cn(cx('item', { item, id: menuitemId(item, id, i) }), item?.styleClass)"
|
963
|
+
*ngIf="!item.separator && item.visible !== false"
|
964
|
+
[pMenuItemContent]="item"
|
965
|
+
[itemTemplate]="itemTemplate ?? _itemTemplate"
|
966
|
+
[ngStyle]="item.style"
|
967
|
+
(onMenuItemClick)="itemClick($event, menuitemId(item, id, i))"
|
968
|
+
pTooltip
|
969
|
+
[tooltipOptions]="item.tooltipOptions"
|
970
|
+
role="menuitem"
|
971
|
+
[attr.data-pc-section]="'menuitem'"
|
972
|
+
[attr.aria-label]="label(item.label)"
|
973
|
+
[attr.data-p-focused]="isItemFocused(menuitemId(item, id, i))"
|
974
|
+
[attr.data-p-disabled]="disabled(item.disabled)"
|
975
|
+
[attr.aria-disabled]="disabled(item.disabled)"
|
976
|
+
[attr.id]="menuitemId(item, id, i)"
|
977
|
+
></li>
|
978
|
+
</ng-template>
|
979
|
+
</ul>
|
980
|
+
<div *ngIf="endTemplate ?? _endTemplate" [class]="cx('end')" [attr.data-pc-section]="'end'">
|
981
|
+
<ng-container *ngTemplateOutlet="endTemplate ?? _endTemplate"></ng-container>
|
982
|
+
</div>
|
983
|
+
</div>
|
984
|
+
`,
|
985
|
+
animations: [trigger('overlayAnimation', [transition(':enter', [style$1({ opacity: 0, transform: 'scaleY(0.8)' }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style$1({ opacity: 0 }))])])],
|
986
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
987
|
+
encapsulation: ViewEncapsulation.None,
|
988
|
+
providers: [MenuStyle]
|
989
|
+
}]
|
990
|
+
}], ctorParameters: () => [{ type: i5.OverlayService }], propDecorators: { model: [{
|
991
|
+
type: Input
|
992
|
+
}], popup: [{
|
993
|
+
type: Input,
|
994
|
+
args: [{ transform: booleanAttribute }]
|
995
|
+
}], style: [{
|
996
|
+
type: Input
|
997
|
+
}], styleClass: [{
|
998
|
+
type: Input
|
999
|
+
}], autoZIndex: [{
|
1000
|
+
type: Input,
|
1001
|
+
args: [{ transform: booleanAttribute }]
|
1002
|
+
}], baseZIndex: [{
|
1003
|
+
type: Input,
|
1004
|
+
args: [{ transform: numberAttribute }]
|
1005
|
+
}], showTransitionOptions: [{
|
1006
|
+
type: Input
|
1007
|
+
}], hideTransitionOptions: [{
|
1008
|
+
type: Input
|
1009
|
+
}], ariaLabel: [{
|
1010
|
+
type: Input
|
1011
|
+
}], ariaLabelledBy: [{
|
1012
|
+
type: Input
|
1013
|
+
}], id: [{
|
1014
|
+
type: Input
|
1015
|
+
}], tabindex: [{
|
1016
|
+
type: Input,
|
1017
|
+
args: [{ transform: numberAttribute }]
|
1018
|
+
}], onShow: [{
|
1019
|
+
type: Output
|
1020
|
+
}], onHide: [{
|
1021
|
+
type: Output
|
1022
|
+
}], onBlur: [{
|
1023
|
+
type: Output
|
1024
|
+
}], onFocus: [{
|
1025
|
+
type: Output
|
1026
|
+
}], listViewChild: [{
|
1027
|
+
type: ViewChild,
|
1028
|
+
args: ['list']
|
1029
|
+
}], containerViewChild: [{
|
1030
|
+
type: ViewChild,
|
1031
|
+
args: ['container']
|
1032
|
+
}], startTemplate: [{
|
1033
|
+
type: ContentChild,
|
1034
|
+
args: ['start', { descendants: false }]
|
1035
|
+
}], endTemplate: [{
|
1036
|
+
type: ContentChild,
|
1037
|
+
args: ['end', { descendants: false }]
|
1038
|
+
}], headerTemplate: [{
|
1039
|
+
type: ContentChild,
|
1040
|
+
args: ['header', { descendants: false }]
|
1041
|
+
}], itemTemplate: [{
|
1042
|
+
type: ContentChild,
|
1043
|
+
args: ['item', { descendants: false }]
|
1044
|
+
}], submenuHeaderTemplate: [{
|
1045
|
+
type: ContentChild,
|
1046
|
+
args: ['submenuheader', { descendants: false }]
|
1047
|
+
}], templates: [{
|
1048
|
+
type: ContentChildren,
|
1049
|
+
args: [PrimeTemplate]
|
1050
|
+
}] } });
|
1051
|
+
class MenuModule {
|
1052
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
1053
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: MenuModule, imports: [Menu, SharedModule, SafeHtmlPipe], exports: [Menu, SharedModule, SafeHtmlPipe] });
|
1054
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuModule, imports: [Menu, SharedModule, SharedModule] });
|
1055
|
+
}
|
1056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuModule, decorators: [{
|
1057
|
+
type: NgModule,
|
1058
|
+
args: [{
|
1059
|
+
imports: [Menu, SharedModule, SafeHtmlPipe],
|
1060
|
+
exports: [Menu, SharedModule, SafeHtmlPipe]
|
1061
|
+
}]
|
1062
|
+
}] });
|
1063
|
+
|
1064
|
+
/**
|
1065
|
+
* Generated bundle index. Do not edit.
|
1066
|
+
*/
|
1067
|
+
|
1068
|
+
export { Menu, MenuClasses, MenuItemContent, MenuModule, MenuStyle, SafeHtmlPipe, sanitizeHtml };
|
1069
|
+
//# sourceMappingURL=primeng-menu.mjs.map
|