primereact 10.9.6 → 10.9.8
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/README.md +1 -1
- package/accordion/accordion.cjs.js +3 -2
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +3 -2
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +3 -2
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +37 -37
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +4 -0
- package/api/api.esm.js +37 -37
- package/api/api.esm.min.js +1 -1
- package/api/api.js +37 -37
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +2 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +2 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +2 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.min.js +1 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +59 -39
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +59 -39
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +59 -39
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.min.js +1 -1
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +9 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +9 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +9 -1
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +27 -4
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +27 -4
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +27 -4
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -1
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +1 -1
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +1 -1
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +1 -1
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +32 -30
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +32 -30
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +32 -30
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +169 -89
- package/core/core.min.js +67 -67
- package/csstransition/csstransition.cjs.min.js +1 -1
- package/csstransition/csstransition.esm.min.js +1 -1
- package/csstransition/csstransition.min.js +1 -1
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +176 -127
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +66 -7
- package/datatable/datatable.esm.js +176 -127
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +177 -128
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +5 -8
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +5 -8
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +5 -8
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -3
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +15 -9
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +15 -9
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +15 -9
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.d.ts +1 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +3 -3
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +3 -3
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +3 -3
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.min.js +1 -1
- package/focustrap/focustrap.cjs.min.js +1 -1
- package/focustrap/focustrap.esm.min.js +1 -1
- package/focustrap/focustrap.min.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +7 -7
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +7 -7
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +7 -7
- package/hooks/hooks.min.js +1 -1
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.min.js +1 -1
- package/icons/angledoubledown/index.cjs.min.js +1 -1
- package/icons/angledoubledown/index.esm.min.js +1 -1
- package/icons/angledoubledown/index.min.js +1 -1
- package/icons/angledoubleleft/index.cjs.min.js +1 -1
- package/icons/angledoubleleft/index.esm.min.js +1 -1
- package/icons/angledoubleleft/index.min.js +1 -1
- package/icons/angledoubleright/index.cjs.min.js +1 -1
- package/icons/angledoubleright/index.esm.min.js +1 -1
- package/icons/angledoubleright/index.min.js +1 -1
- package/icons/angledoubleup/index.cjs.min.js +1 -1
- package/icons/angledoubleup/index.esm.min.js +1 -1
- package/icons/angledoubleup/index.min.js +1 -1
- package/icons/angledown/index.cjs.min.js +1 -1
- package/icons/angledown/index.esm.min.js +1 -1
- package/icons/angledown/index.min.js +1 -1
- package/icons/angleleft/index.cjs.min.js +1 -1
- package/icons/angleleft/index.esm.min.js +1 -1
- package/icons/angleleft/index.min.js +1 -1
- package/icons/angleright/index.cjs.min.js +1 -1
- package/icons/angleright/index.esm.min.js +1 -1
- package/icons/angleright/index.min.js +1 -1
- package/icons/angleup/index.cjs.min.js +1 -1
- package/icons/angleup/index.esm.min.js +1 -1
- package/icons/angleup/index.min.js +1 -1
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.min.js +1 -1
- package/icons/bars/index.cjs.min.js +1 -1
- package/icons/bars/index.esm.min.js +1 -1
- package/icons/bars/index.min.js +1 -1
- package/icons/blank/index.cjs.min.js +1 -1
- package/icons/blank/index.esm.min.js +1 -1
- package/icons/blank/index.min.js +1 -1
- package/icons/calendar/index.cjs.min.js +1 -1
- package/icons/calendar/index.esm.min.js +1 -1
- package/icons/calendar/index.min.js +1 -1
- package/icons/check/index.cjs.min.js +1 -1
- package/icons/check/index.esm.min.js +1 -1
- package/icons/check/index.min.js +1 -1
- package/icons/chevrondown/index.cjs.min.js +1 -1
- package/icons/chevrondown/index.esm.min.js +1 -1
- package/icons/chevrondown/index.min.js +1 -1
- package/icons/chevronleft/index.cjs.min.js +1 -1
- package/icons/chevronleft/index.esm.min.js +1 -1
- package/icons/chevronleft/index.min.js +1 -1
- package/icons/chevronright/index.cjs.min.js +1 -1
- package/icons/chevronright/index.esm.min.js +1 -1
- package/icons/chevronright/index.min.js +1 -1
- package/icons/chevronup/index.cjs.min.js +1 -1
- package/icons/chevronup/index.esm.min.js +1 -1
- package/icons/chevronup/index.min.js +1 -1
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eye/index.cjs.min.js +1 -1
- package/icons/eye/index.esm.min.js +1 -1
- package/icons/eye/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.min.js +1 -1
- package/icons/minus/index.cjs.min.js +1 -1
- package/icons/minus/index.esm.min.js +1 -1
- package/icons/minus/index.min.js +1 -1
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.min.js +1 -1
- package/icons/times/index.cjs.min.js +1 -1
- package/icons/times/index.esm.min.js +1 -1
- package/icons/times/index.min.js +1 -1
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.min.js +1 -1
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputicon/inputicon.cjs.min.js +1 -1
- package/inputicon/inputicon.esm.min.js +1 -1
- package/inputicon/inputicon.min.js +1 -1
- package/inputmask/inputmask.cjs.js +1 -0
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +1 -0
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +1 -0
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +61 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +61 -4
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +61 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +16 -8
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +16 -8
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +16 -8
- package/inputotp/inputotp.min.js +1 -1
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +1 -0
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +1 -0
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +1 -0
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -0
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -0
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -0
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +3 -3
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +3 -3
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +3 -3
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +40 -33
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +40 -33
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +40 -33
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +7 -5
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +7 -5
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +7 -5
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -3
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -3
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -3
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +26 -21
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +22 -0
- package/menubar/menubar.esm.js +26 -21
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +26 -21
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.min.js +1 -1
- package/multiselect/multiselect.cjs.js +16 -6
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +16 -6
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +16 -6
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +5 -1
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +10 -0
- package/multistatecheckbox/multistatecheckbox.esm.js +6 -2
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +5 -1
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +16 -8
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +16 -8
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +16 -8
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +109 -76
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +109 -76
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +109 -76
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +16 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +16 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +16 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/overlayservice/overlayservice.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +15 -7
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +15 -7
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +15 -7
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.min.js +1 -1
- package/passthrough/index.esm.min.js +1 -1
- package/passthrough/index.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +393 -393
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +393 -393
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +393 -393
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +5 -4
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +5 -4
- package/password/password.esm.min.js +1 -1
- package/password/password.js +5 -4
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +17 -21
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +17 -21
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +17 -21
- package/picklist/picklist.min.js +1 -1
- package/portal/portal.cjs.min.js +1 -1
- package/portal/portal.esm.min.js +1 -1
- package/portal/portal.min.js +1 -1
- package/primereact.all.cjs.js +831 -546
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +831 -546
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +831 -546
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-green/theme.css +3 -0
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.min.js +1 -1
- package/row/row.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +6 -4
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +6 -4
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +6 -4
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -1
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -1
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +34 -28
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +34 -28
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +34 -28
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +1 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +1 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +1 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +7 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +7 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +7 -3
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.min.js +1 -1
- package/terminalservice/terminalservice.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +32 -27
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +32 -27
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +32 -27
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +6 -2
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +6 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +6 -2
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +28 -16
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +28 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +28 -16
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +13 -16
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +13 -16
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +13 -16
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +10 -10
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +10 -10
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +10 -10
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +25 -7
package/dropdown/dropdown.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,c,u,s,p,d,f,m,b,v,g,h){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=w(t),I=y(n);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(null,arguments)}function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function S(e,t){if("object"!=x(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=S(e,"string");return"symbol"==x(t)?t:t+""}function j(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function C(e,t){if(e){if("string"==typeof e)return k(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return F(e)||N(e,t)||C(e,t)||L()}function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,autoOptionFocus:!1,checkmark:!1,children:void 0,className:null,clearIcon:null,collapseIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterDelay:300,filterIcon:null,filterInputAutoFocus:!1,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,focusOnHover:!0,highlightOnSelect:!0,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,loading:!1,loadingIcon:null,maxLength:null,name:null,onBlur:null,onChange:null,onClick:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,options:null,optionValue:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",selectOnFocus:!1,showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,valueTemplate:null,variant:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState,o=e.context;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:o&&"filled"===o.inputStyle,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":p.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return p.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},itemGroupLabel:"p-dropdown-item-group-label",dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterClearIcon:"p-dropdown-filter-clear-icon",filterContainer:function(e){return p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:function(e){var t=e.props,n=e.context;return p.classNames("p-dropdown-filter p-inputtext p-component",{"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return p.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===I.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===I.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected&&e.highlightOnSelect,"p-disabled":e.disabled,"p-focus":e.index===e.focusedOptionIndex,"p-dropdown-item-empty":!t||0===t.length})},itemLabel:"p-dropdown-item-label",checkIcon:"p-dropdown-check-icon",blankIcon:"p-dropdown-blank-icon",wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 2rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){return T({},e.props.panelStyle)}}}}),M=O.memo(O.forwardRef((function(e,t){var n=h.IconBase.getPTI(e);return O.createElement("svg",E({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),O.createElement("rect",{width:"1",height:"1",fill:"currentColor",fillOpacity:"0"}))})));M.displayName="BlankIcon";var H=O.memo((function(e){var t=o.useMergeProps(),n=e.ptm,r=e.cx,l=e.selected,i=e.disabled,a=e.option,c=e.label,u=e.index,s=e.focusedOptionIndex,d=e.ariaSetSize,f=e.checkmark,m=e.highlightOnSelect,b=e.onInputKeyDown,h=function(e){return n(e,{context:{selected:l,disabled:i,focused:u===s}})},y=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,w=t({id:"dropdownItem_".concat(u),role:"option",className:p.classNames(a.className,r("item",{selected:l,disabled:i,label:c,index:u,focusedOptionIndex:s,highlightOnSelect:m})),style:e.style,tabIndex:0,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},onKeyDown:function(e){return b(e)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,u)},"aria-setsize":d,"aria-posinset":u+1,"aria-label":c,"aria-selected":l,"data-p-highlight":l,"data-p-focused":s===u,"data-p-disabled":i},h("item")),I=t({className:r("itemLabel")},h("itemLabel"));return O.createElement("li",E({key:e.label},w),f&&function(){if(l){var e=t({className:r("checkIcon")},h("checkIcon"));return O.createElement(g.CheckIcon,e)}var n=t({className:r("blankIcon")},h("blankIcon"));return O.createElement(M,n)}(),O.createElement("span",I,y),O.createElement(v.Ripple,null))}));function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="DropdownItem";var K=O.memo(O.forwardRef((function(e,t){var r,l,i,a,u,s=o.useMergeProps(),v=e.ptm,g=e.cx,h=e.sx,y=O.useContext(n.PrimeReactContext),w=O.useRef(null),I=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,x=e.visibleOptions?e.visibleOptions.length:0,S={filter:function(e){return N(e)},reset:function(){return e.resetFilter()}},D=function(t,n){return v(t,G({hostName:e.hostName},n))},j=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},F=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(w.current,!1)}))},N=function(t){e.onFilterInputChange&&e.onFilterInputChange(t)},k=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=s({className:g("footer")},D("footer"));return O.createElement("div",n,t)}return null},C=function(t,n){var r;e.focusOnHover&&(null==e||null===(r=e.changeFocusedOptionIndex)||void 0===r||r.call(e,t,n))},L=function(t,r){var o=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage"),l=s({className:g("emptyMessage")},D("emptyMessage"));return O.createElement("li",l,o)},P=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(o=G(G({},o),t.style),t.group&&e.optionGroupLabel){var l=e.optionGroupLabel,i=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=n+"_"+e.getOptionGroupRenderKey(t),c=s({className:g("itemGroup",{optionGroupLabel:l}),style:o,"data-p-highlight":e.selected},D("itemGroup")),u=s({className:g("itemGroupLabel")},D("itemGroupLabel"));return O.createElement("li",E({key:a},c),O.createElement("span",u,i))}var d=e.getOptionRenderKey(t)+"_"+n,f=e.getOptionLabel(t),m=e.isOptionDisabled(t);return O.createElement(H,{key:d,label:f,index:n,focusedOptionIndex:e.focusedOptionIndex,option:t,ariaSetSize:x,onInputKeyDown:e.onInputKeyDown,style:o,template:e.itemTemplate,selected:e.isSelected(t),highlightOnSelect:e.highlightOnSelect,disabled:m,onClick:e.onOptionClick,onMouseMove:C,ptm:v,cx:g,checkmark:e.checkmark})},U=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),r=s({className:g("filterClearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(w.current)}))}},D("filterClearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||O.createElement(c.TimesIcon,r),G({},r),{props:e})}return null},T=function(){if(e.filter){var t=U(),n=s({className:g("filterIcon")},D("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||O.createElement(f.SearchIcon,n),G({},n),{props:e}),o=s({className:g("filterContainer",{clearIcon:t})},D("filterContainer")),l=s({ref:w,type:"text",autoComplete:"off",className:g("filterInput",{context:y}),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return N(e)},value:e.filterValue},D("filterInput")),i=O.createElement("div",o,O.createElement("input",l),t,r);if(e.filterTemplate){var a={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:i,filterOptions:S,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:N,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};i=p.ObjectUtils.getJSXElement(e.filterTemplate,a)}var c=s({className:g("header")},D("header"));return O.createElement("div",c,i)}return null},R=function(){if(e.virtualScrollerOptions){var t=G(G({},e.virtualScrollerOptions),{style:G(G({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(G(G({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&P(e,t.index,t)},contentTemplate:function(t){var r=I?L(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,o=s({ref:t.contentRef,style:t.style,className:p.classNames(t.className,g("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-label":n.ariaLabel("listLabel")},D("list"));return O.createElement("ul",o,r)}});return O.createElement(b.VirtualScroller,E({ref:e.virtualScrollerRef},t,{pt:v("virtualScroller")}))}var r=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(P):e.hasFilter?L(e.emptyFilterMessage,!0):L(e.emptyMessage),o=s({className:g("wrapper"),style:h("wrapper")},D("wrapper")),l=s({className:g("list"),role:"listbox","aria-label":n.ariaLabel("listLabel")},D("list"));return O.createElement("div",o,O.createElement("ul",l,r))},M=(r=T(),l=R(),i=k(),a=s({className:p.classNames(e.panelClassName,g("panel",{context:y})),style:h("panel"),onClick:e.onClick},D("panel")),u=s({classNames:g("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntered:F,onExit:e.onExit,onExited:e.onExited},D("transition")),O.createElement(d.CSSTransition,E({nodeRef:t},u),O.createElement("div",E({ref:t},a),e.firstFocusableElement,r,l,i,e.lastFocusableElement)));return O.createElement(m.Portal,{element:M,appendTo:e.appendTo})})));function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function _(e,t){if(e){if("string"==typeof e)return B(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}K.displayName="DropdownPanel";var X=O.memo(O.forwardRef((function(e,t){var d=o.useMergeProps(),f=O.useContext(n.PrimeReactContext),m=R.getProps(e,f),b=P(o.useDebounce("",m.filterDelay||0),3),v=b[0],g=b[1],h=b[2],y=P(O.useState(!1),2),w=y[0],S=y[1],D=P(O.useState(-1),2),F=D[0],N=D[1],k=P(O.useState(!1),2),C=k[0],L=k[1],U=O.useRef(!1),T=O.useRef(null),M=O.useRef(null),H=O.useRef(null),A=O.useRef(null),G=O.useRef(m.inputRef),_=O.useRef(m.focusInputRef),B=O.useRef(null),z=O.useRef(null),X=O.useRef(null),q=m.virtualScrollerOptions&&m.virtualScrollerOptions.lazy,Z=p.ObjectUtils.isNotEmpty(g),W=m.appendTo||f&&f.appendTo||I.default.appendTo,$=R.setMetaData(J(J({props:m},m.__parentMetadata),{},{state:{filter:g,focused:w,overlayVisible:C}})),Y=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(R.css.styles,$.isUnstyled,{name:"dropdown"});var te=P(o.useOverlayListener({target:T,overlay:M,listener:function(e,t){t.valid&&("outside"===t.type?le(e)||Be():f.hideOverlaysOnDocumentScrolling?Be():p.DomHandler.isDocument(e.target)||ze())},when:C}),2),ne=te[0],re=te[1],oe=function(e){return(e||[]).reduce((function(e,t,n){e.push(J(J({},t),{},{group:!0,index:n}));var r=Ye(t);return r&&r.forEach((function(t){return e.push(t)})),e}),[])},le=function(e){return p.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||p.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},ie=function(e){m.showOnFocus&&!C&&_e(),S(!0),m.onFocus&&m.onFocus(e)},ae=function(e){S(!1),m.onBlur&&setTimeout((function(){var t=G.current?G.current.value:void 0;m.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:t}})}),200)},ce=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];He({originalEvent:e,option:t}),n&&(Be(),p.DomHandler.focus(_.current))},ue=function(e){if(m.disabled)e.preventDefault();else{switch(p.DomHandler.isAndroid()?e.key:e.code){case"ArrowDown":Oe(e);break;case"ArrowUp":Ie(e);break;case"ArrowLeft":case"ArrowRight":Ee(e,m.editable);break;case"Home":xe(e);break;case"End":Se(e);break;case"PageDown":je(e);break;case"PageUp":De(e);break;case"Space":Fe(e,m.editable);break;case"NumpadEnter":case"Enter":Ne(e);break;case"Escape":ke(e);break;case"Tab":Ce(e);break;case"Backspace":Le(e,m.editable);break;case"ShiftLeft":case"ShiftRight":break;default:!(e.metaKey||e.ctrlKey||e.altKey)&&p.ObjectUtils.isPrintableCharacter(e.key)&&(!C&&!m.editable&&_e(),!m.editable&&ve(e,e.key))}U.current=!1}},se=function(e){var t;return pe(e)&&(null===(t=qe(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(X.current.toLocaleLowerCase(m.filterLocale)))},pe=function(e){return p.ObjectUtils.isNotEmpty(e)&&!($e(e)||We(e))},de=function(){return p.ObjectUtils.isNotEmpty(m.value)},fe=function(e){return pe(e)&&Ve(e)},me=function(){return de?it.findIndex((function(e){return fe(e)})):-1},be=function(){var e=me();return e<0?ge():e},ve=function(e,t){X.current=(X.current||"")+t;var n=-1,r=!1;return p.ObjectUtils.isNotEmpty(X.current)&&(-1!==(n=-1!==F?-1===(n=it.slice(F).findIndex((function(e){return se(e)})))?it.slice(0,F).findIndex((function(e){return se(e)})):n+F:it.findIndex((function(e){return se(e)})))&&(r=!0),-1===n&&-1===F&&(n=be()),-1!==n&&ye(e,n)),z.current&&clearTimeout(z.current),z.current=setTimeout((function(){X.current="",z.current=null}),500),r},ge=function(){return it.findIndex((function(e){return pe(e)}))},he=function(){return p.ObjectUtils.findLastIndex(it,(function(e){return pe(e)}))},ye=function(e,t){F!==t&&(N(t),we(t),m.selectOnFocus&&ce(e,it[t],!1))},we=function(e){var t=p.DomHandler.findSingle(M.current,'li[id="dropdownItem_'.concat(e,'"]'));t&&t.focus()},Oe=function(e){if(C){var t=-1!==F?(r=(n=F)<it.length-1?it.slice(n+1).findIndex((function(e){return pe(e)})):-1)>-1?r+n+1:n:U.current?ge():be();ye(e,t)}else _e(),m.editable&&ye(e,me());var n,r;e.preventDefault()},Ie=function(e){var t,n,r;if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==F&&ce(e,it[F]),state.overlayVisible&&Be(),e.preventDefault();else{var o=-1!==F?(r=(n=F)>0?p.ObjectUtils.findLastIndex(it.slice(0,n),(function(e){return pe(e)})):-1)>-1?r:n:U.current?he():(t=me())<0?he():t;ye(e,o),!C&&_e(),e.preventDefault()}},Ee=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&N(-1)},xe=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?(e.currentTarget.setSelectionRange(0,0),N(-1)):(ye(e,ge()),!C&&_e()),e.preventDefault()},Se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),N(-1)}else ye(e,he()),!C&&_e();e.preventDefault()},De=function(e){e.preventDefault()},je=function(e){e.preventDefault()},Fe=function(e){!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&Ne(e)},Ne=function(e){if(e.preventDefault(),C){if(-1===F)return;var t=it[F],n=Ze(t);if(null==n||null==n)return Be(),Re(),void Xe(at);ce(e,t)}else N(-1),Oe(e)},ke=function(e){C&&Be(),e.preventDefault()},Ce=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(!C||p.DomHandler.getFocusableElements(M.current,':not([data-p-hidden-focusable="true"])').length>0?(-1!==F&&ce(e,it[F]),C&&Be()):(p.DomHandler.focus(H.current),e.preventDefault()))},Le=function(e){e&&(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&!C&&_e()},Pe=function(e,t){if(!t||null==e||!e.length)return-1;var n=t.toLocaleLowerCase(),r=e.findIndex((function(e){return qe(e).toLocaleLowerCase()===n}));return-1!==r?r:e.findIndex((function(e){return qe(e).toLocaleLowerCase().startsWith(n)}))},Ue=function(e){!C&&_e();var t=null;e.target.value&&it&&(t=Pe(it,e.target.value)),N(t),m.onChange&&m.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:e.target.value}})},Te=function(e){S(!0),Be(),m.onFocus&&m.onFocus(e)},Re=function(e){h(""),m.onFilter&&m.onFilter({filter:""}),e&&e()},Me=function(e){m.onChange&&m.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:void 0}}),m.filter&&Re(),Xe(),N(-1)},He=function(e){if(at!==e.option){Xe(e.option),N(-1);var t=Ze(e.option),n=Ke(e.option,it);m.onChange&&m.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:t}}),ye(e.originalEvent,n)}},Ae=function(e){if(e=e||it){if(!m.optionGroupLabel)return Ke(m.value,e);for(var t=0;t<e.length;t++){var n=Ke(m.value,Ye(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Ge=function(){return m.optionValue?null:m.dataKey},Ke=function(e,t){var n=Ge();return t.findIndex((function(t){return p.ObjectUtils.equals(e,Ze(t),n)}))},Ve=function(e){return p.ObjectUtils.equals(m.value,Ze(e),Ge())},_e=function(){N(-1!==F?F:m.autoOptionFocus?be():m.editable?-1:me()),L(!0)},Be=function(){L(!1),U.current=!1},ze=function(){p.DomHandler.alignOverlay(M.current,G.current.parentElement,m.appendTo||f&&f.appendTo||I.default.appendTo)},Je=function(){var e=p.DomHandler.findSingle(M.current,'li[data-p-focused="true"]');if(e&&e.scrollIntoView)e.scrollIntoView({block:"nearest",inline:"nearest"});else{var t=p.DomHandler.findSingle(M.current,'li[data-p-highlight="true"]');t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"})}},Xe=function(e){G.current&&(G.current.value=e?qe(e):m.value||"",_.current&&(_.current.value=G.current.value))},qe=function(e){if(p.ObjectUtils.isScalar(e))return"".concat(e);var t=m.optionLabel?p.ObjectUtils.resolveFieldData(e,m.optionLabel):e.label;return"".concat(t)},Ze=function(e){if(m.useOptionAsValue)return e;var t=m.optionValue?p.ObjectUtils.resolveFieldData(e,m.optionValue):e?e.value:p.ObjectUtils.resolveFieldData(e,"value");return m.optionValue||p.ObjectUtils.isNotEmpty(t)?t:e},We=function(e){return m.optionGroupLabel&&e.group},$e=function(e){return m.optionDisabled?p.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ye=function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Qe=function(){if(m.editable&&G.current){var e=(at?qe(at):null)||m.value||"";G.current.value=e,_.current&&(_.current.value=e)}};O.useImperativeHandle(t,(function(){return{props:m,show:_e,hide:Be,clear:Me,focus:function(){return p.DomHandler.focus(_.current)},getElement:function(){return T.current},getOverlay:function(){return M.current},getInput:function(){return G.current},getFocusInput:function(){return _.current},getVirtualScroller:function(){return B.current}}})),O.useEffect((function(){p.ObjectUtils.combinedRefs(G,m.inputRef),p.ObjectUtils.combinedRefs(_,m.focusInputRef)}),[G,m.inputRef,_,m.focusInputRef]),o.useMountEffect((function(){m.autoFocus&&p.DomHandler.focus(_.current,m.autoFocus),ze()})),o.useUpdateEffect((function(){C&&(m.value||F>=0)&&Je()}),[C,m.value,F]),o.useUpdateEffect((function(){C&&g&&m.filter&&ze()}),[C,g,m.filter]),o.useUpdateEffect((function(){B.current&&B.current.scrollInView(0)}),[g]),o.useUpdateEffect((function(){Qe(),G.current&&(G.current.selectedIndex=1)})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(M.current)}));var et,tt,nt,rt,ot,lt=function(e){"Enter"!==e.key&&"Space"!==e.code||(Me(e),e.preventDefault())},it=function(){var e=m.optionGroupLabel?oe(m.options):m.options;if(Z&&!q){var t=g.trim().toLocaleLowerCase(m.filterLocale),r=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var o,l=[],i=V(m.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,c=n.FilterService.filter(Ye(a),r,t,m.filterMatchMode,m.filterLocale);c&&c.length&&l.push(J(J({},a),j({},"".concat(m.optionGroupChildren),c)))}}catch(e){i.e(e)}finally{i.f()}return oe(l)}return n.FilterService.filter(e,r,t,m.filterMatchMode,m.filterLocale)}return e}(),at=-1!==(et=Ae(m.options))?m.optionGroupLabel?Ye(m.options[et.group])[et.option]:m.options[et]:null,ct=p.ObjectUtils.isNotEmpty(m.tooltip),ut=R.getOtherProps(m),st=p.ObjectUtils.reduceKeys(ut,p.DomHandler.ARIA_PROPS),pt=function(){var e={value:"",label:m.placeholder};if(at){var t=Ze(at);e={value:"object"===x(t)?m.options.findIndex((function(e){return e===t})):t,label:qe(at)}}var n=d({className:"p-hidden-accessible p-dropdown-hidden-select"},Y("hiddenSelectedMessage")),r=d({ref:G,required:m.required,defaultValue:e.value,name:m.name,tabIndex:-1},Y("select")),o=d({value:e.value},Y("option"));return O.createElement("div",n,O.createElement("select",r,O.createElement("option",o,e.label)))}(),dt=function(){var e=p.ObjectUtils.isNotEmpty(at)?qe(at):null;m.editable&&(e=e||m.value||"");var t=d({className:"p-hidden-accessible"},Y("hiddenSelectedMessage")),n=d(J({ref:_,id:m.inputId,defaultValue:e,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:ie,onBlur:ae,onKeyDown:ue,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex||0},st),Y("input"));return O.createElement("div",t,O.createElement("input",n))}(),ft=function(){var e=p.ObjectUtils.isNotEmpty(at)?qe(at):null;if(m.editable){var t=d(J({ref:G,type:"text",defaultValue:e||m.value||"",className:Q("input",{label:e}),disabled:m.disabled,placeholder:m.placeholder,maxLength:m.maxLength,onInput:Ue,onFocus:Te,onKeyDown:ue,onBlur:ae,tabIndex:m.disabled?-1:m.tabIndex||0,"aria-haspopup":"listbox"},st),Y("input"));return O.createElement("input",t)}var n=m.valueTemplate?p.ObjectUtils.getJSXElement(m.valueTemplate,at,m):e||m.placeholder||m.emptyMessage||O.createElement(O.Fragment,null," "),r=d({ref:G,className:Q("input",{label:e}),tabIndex:"-1"},Y("input"));return O.createElement("span",r,n)}(),mt=m.loading?(tt=d({className:Q("loadingIcon"),"data-pr-overlay-visible":C},Y("loadingIcon")),nt=p.IconUtils.getJSXIcon(m.loadingIcon||O.createElement(a.SpinnerIcon,{spin:!0}),J({},tt),{props:m}),rt=m.placeholder||m.ariaLabel,ot=d({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":C,"aria-label":rt},Y("trigger")),O.createElement("div",ot,nt)):function(){var e=d({className:Q("dropdownIcon"),"data-pr-overlay-visible":C},Y("dropdownIcon")),t=p.IconUtils.getJSXIcon(C?m.collapseIcon||O.createElement(i.ChevronUpIcon,e):m.dropdownIcon||O.createElement(l.ChevronDownIcon,e),J({},e),{props:m}),n=m.placeholder||m.ariaLabel,r=d({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":C,"aria-label":n},Y("trigger"));return O.createElement("div",r,t)}(),bt=function(){if(null!=m.value&&m.showClear&&!m.disabled&&!p.ObjectUtils.isEmpty(m.options)){var e=d({className:Q("clearIcon"),onPointerUp:Me,tabIndex:m.editable?-1:m.tabIndex||"0",onKeyDown:lt,"aria-label":n.localeOption("clear")},Y("clearIcon"));return p.IconUtils.getJSXIcon(m.clearIcon||O.createElement(c.TimesIcon,e),J({},e),{props:m})}return null}(),vt=d({id:m.id,ref:T,className:p.classNames(m.className,Q("root",{context:f,focusedState:w,overlayVisibleState:C})),style:m.style,onClick:function(e){return t=e,void(m.disabled||m.loading||(m.onClick&&m.onClick(t),t.defaultPrevented||le(t)||"INPUT"===t.target.tagName||(M.current&&M.current&&M.current.contains(t.target)||(p.DomHandler.focus(_.current),C?Be():_e()),t.preventDefault(),U.current=!0)));var t},onMouseDown:m.onMouseDown,onContextMenu:m.onContextMenu,onFocus:function(){m.editable&&!C&&!1===U.current&&p.DomHandler.focus(G.current)},"data-p-disabled":m.disabled,"data-p-focus":w,"aria-activedescendant":w?"dropdownItem_".concat(F):void 0},ut,Y("root")),gt=d({ref:H,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getFirstFocusableElement(M.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenFirstFocusableEl")),ht=d({ref:A,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getLastFocusableElement(M.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenLastFocusableEl"));return O.createElement(O.Fragment,null,O.createElement("div",vt,dt,pt,ft,bt,mt,O.createElement(K,E({hostName:"Dropdown",ref:M,visibleOptions:it,virtualScrollerRef:B},m,{appendTo:W,cx:Q,filterValue:v,focusedOptionIndex:F,getOptionGroupChildren:Ye,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionLabel:qe,getOptionRenderKey:function(e){return m.dataKey?p.ObjectUtils.resolveFieldData(e,m.dataKey):qe(e)},getSelectedOptionIndex:Ae,hasFilter:Z,in:C,isOptionDisabled:$e,isSelected:Ve,onOverlayHide:Be,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},onEnter:function(e){p.ZIndexUtils.set("overlay",M.current,f&&f.autoZIndex||I.default.autoZIndex,f&&f.zIndex.overlay||I.default.zIndex.overlay),p.DomHandler.addStyles(M.current,{position:"absolute",top:"0",left:"0"}),ze(),e&&e()},onEntered:function(e){e&&e(),ne(),m.onShow&&m.onShow()},onExit:function(){re()},onExited:function(){m.filter&&m.resetFilterOnHide&&Re(),p.ZIndexUtils.clear(M.current),m.onHide&&m.onHide()},onFilterClearIconClick:function(e){Re(e)},onFilterInputChange:function(e){var t=e.target.value;h(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":Oe(e);break;case"ArrowUp":Ie(e);break;case"ArrowLeft":case"ArrowRight":Ee(e,!0);break;case"Enter":case"NumpadEnter":Ne(e),e.preventDefault();break;case"Escape":ke(e)}},onOptionClick:function(e){e.option.disabled||(He(e),p.DomHandler.focus(_.current)),Be()},onInputKeyDown:ue,ptm:Y,resetFilter:Re,changeFocusedOptionIndex:ye,firstFocusableElement:O.createElement("span",gt),lastFocusableElement:O.createElement("span",ht),sx:ee}))),ct&&O.createElement(s.Tooltip,E({target:T,content:m.tooltip,pt:Y("tooltip")},m.tooltipOptions)))})));return X.displayName="Dropdown",e.Dropdown=X,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronup,primereact.icons.spinner,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple,primereact.icons.check,primereact.iconbase);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,c,u,s,p,d,f,m,b,v,g,h){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var O=w(t),I=y(n);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(null,arguments)}function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function D(e,t){if("object"!=x(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=D(e,"string");return"symbol"==x(t)?t:t+""}function j(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function C(e,t){if(e){if("string"==typeof e)return k(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return F(e)||N(e,t)||C(e,t)||L()}function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach(function(t){j(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var T=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,autoOptionFocus:!1,checkmark:!1,children:void 0,className:null,clearIcon:null,collapseIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterDelay:300,filterIcon:null,filterInputAutoFocus:!1,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,focusOnHover:!0,highlightOnSelect:!0,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,loading:!1,loadingIcon:null,maxLength:null,name:null,onBlur:null,onChange:null,onClick:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,options:null,optionValue:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",selectOnFocus:!1,showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,valueTemplate:null,variant:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState,o=e.context;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:o&&"filled"===o.inputStyle,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":p.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return p.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},itemGroupLabel:"p-dropdown-item-group-label",dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterClearIcon:"p-dropdown-filter-clear-icon",filterContainer:function(e){return p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:function(e){var t=e.props,n=e.context;return p.classNames("p-dropdown-filter p-inputtext p-component",{"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return p.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===I.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===I.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected&&e.highlightOnSelect,"p-disabled":e.disabled,"p-focus":e.index===e.focusedOptionIndex,"p-dropdown-item-empty":!t||0===t.length})},itemLabel:"p-dropdown-item-label",checkIcon:"p-dropdown-check-icon",blankIcon:"p-dropdown-blank-icon",wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 2rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){return R({},e.props.panelStyle)}}}}),H=O.memo(O.forwardRef(function(e,t){var n=h.IconBase.getPTI(e);return O.createElement("svg",E({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),O.createElement("rect",{width:"1",height:"1",fill:"currentColor",fillOpacity:"0"}))}));H.displayName="BlankIcon";var M=O.memo(function(e){var t=o.useMergeProps(),n=e.ptm,r=e.cx,l=e.selected,i=e.disabled,a=e.option,c=e.label,u=e.index,s=e.focusedOptionIndex,d=e.ariaSetSize,f=e.checkmark,m=e.highlightOnSelect,b=e.onInputKeyDown,h=function(e){return n(e,{context:{selected:l,disabled:i,focused:u===s}})},y=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,w=t({id:"dropdownItem_".concat(u),role:"option",className:p.classNames(a.className,r("item",{selected:l,disabled:i,label:c,index:u,focusedOptionIndex:s,highlightOnSelect:m})),style:e.style,tabIndex:0,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},onKeyDown:function(e){return b(e)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,u)},"aria-setsize":d,"aria-posinset":u+1,"aria-label":c,"aria-selected":l,"data-p-highlight":l,"data-p-focused":s===u,"data-p-disabled":i},h("item")),I=t({className:r("itemLabel")},h("itemLabel"));return O.createElement("li",E({key:e.label},w),f&&function(){if(l){var e=t({className:r("checkIcon")},h("checkIcon"));return O.createElement(g.CheckIcon,e)}var n=t({className:r("blankIcon")},h("blankIcon"));return O.createElement(H,n)}(),O.createElement("span",I,y),O.createElement(v.Ripple,null))});function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach(function(t){j(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}M.displayName="DropdownItem";var K=O.memo(O.forwardRef(function(e,t){var r,l,i,a,u,s=o.useMergeProps(),v=e.ptm,g=e.cx,h=e.sx,y=O.useContext(n.PrimeReactContext),w=O.useRef(null),I=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,x=e.visibleOptions?e.visibleOptions.length:0,D={filter:function(e){return N(e)},reset:function(){return e.resetFilter()}},S=function(t,n){return v(t,G({hostName:e.hostName},n))},j=function(){e.onEnter(function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout(function(){return e.virtualScrollerRef.current.scrollToIndex(t)},0)}})},F=function(){e.onEntered(function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(w.current,!1)})},N=function(t){e.onFilterInputChange&&e.onFilterInputChange(t)},k=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=s({className:g("footer")},S("footer"));return O.createElement("div",n,t)}return null},C=function(t,n){var r;e.focusOnHover&&(null==e||null===(r=e.changeFocusedOptionIndex)||void 0===r||r.call(e,t,n))},L=function(t,r){var o=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage"),l=s({className:g("emptyMessage")},S("emptyMessage"));return O.createElement("li",l,o)},P=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(o=G(G({},o),t.style),t.group&&e.optionGroupLabel){var l=e.optionGroupLabel,i=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=n+"_"+e.getOptionGroupRenderKey(t),c=s({className:g("itemGroup",{optionGroupLabel:l}),style:o,"data-p-highlight":e.selected},S("itemGroup")),u=s({className:g("itemGroupLabel")},S("itemGroupLabel"));return O.createElement("li",E({key:a},c),O.createElement("span",u,i))}var d=e.getOptionRenderKey(t)+"_"+n,f=e.getOptionLabel(t),m=e.isOptionDisabled(t);return O.createElement(M,{key:d,label:f,index:n,focusedOptionIndex:e.focusedOptionIndex,option:t,ariaSetSize:x,onInputKeyDown:e.onInputKeyDown,style:o,template:e.itemTemplate,selected:e.isSelected(t),highlightOnSelect:e.highlightOnSelect,disabled:m,onClick:e.onOptionClick,onMouseMove:C,ptm:v,cx:g,checkmark:e.checkmark})},U=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),r=s({className:g("filterClearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick(function(){return p.DomHandler.focus(w.current)})}},S("filterClearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||O.createElement(c.TimesIcon,r),G({},r),{props:e})}return null},R=function(){if(e.filter){var t=U(),n=s({className:g("filterIcon")},S("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||O.createElement(f.SearchIcon,n),G({},n),{props:e}),o=s({className:g("filterContainer",{clearIcon:t})},S("filterContainer")),l=s({ref:w,type:"text",autoComplete:"off",className:g("filterInput",{context:y}),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return N(e)},value:e.filterValue},S("filterInput")),i=O.createElement("div",o,O.createElement("input",l),t,r);if(e.filterTemplate){var a={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:i,filterOptions:D,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:N,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};i=p.ObjectUtils.getJSXElement(e.filterTemplate,a)}var c=s({className:g("header")},S("header"));return O.createElement("div",c,i)}return null},T=function(){if(e.virtualScrollerOptions){var t=G(G({},e.virtualScrollerOptions),{style:G(G({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(G(G({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&P(e,t.index,t)},contentTemplate:function(t){var r=t.children||[],o=I||0===(null==r?void 0:r.length)?L(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):r,l=s({ref:t.contentRef,style:t.style,className:p.classNames(t.className,g("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-label":n.ariaLabel("listLabel")},S("list"));return O.createElement("ul",l,o)}});return O.createElement(b.VirtualScroller,E({ref:e.virtualScrollerRef},t,{pt:v("virtualScroller")}))}var r=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(P):e.hasFilter?L(e.emptyFilterMessage,!0):L(e.emptyMessage),o=s({className:g("wrapper"),style:h("wrapper")},S("wrapper")),l=s({className:g("list"),role:"listbox","aria-label":n.ariaLabel("listLabel")},S("list"));return O.createElement("div",o,O.createElement("ul",l,r))},H=(r=R(),l=T(),i=k(),a=s({className:p.classNames(e.panelClassName,g("panel",{context:y})),style:h("panel"),onClick:e.onClick,"data-pr-is-overlay":!0},S("panel")),u=s({classNames:g("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntered:F,onExit:e.onExit,onExited:e.onExited},S("transition")),O.createElement(d.CSSTransition,E({nodeRef:t},u),O.createElement("div",E({ref:t},a),e.firstFocusableElement,r,l,i,e.lastFocusableElement)));return O.createElement(m.Portal,{element:H,appendTo:e.appendTo})}));function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function _(e,t){if(e){if("string"==typeof e)return B(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach(function(t){j(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}K.displayName="DropdownPanel";var X=O.memo(O.forwardRef(function(e,t){var d=o.useMergeProps(),f=O.useContext(n.PrimeReactContext),m=T.getProps(e,f),b=P(o.useDebounce("",m.filterDelay||0),3),v=b[0],g=b[1],h=b[2],y=P(O.useState(!1),2),w=y[0],D=y[1],S=P(O.useState(-1),2),F=S[0],N=S[1],k=P(O.useState(!1),2),C=k[0],L=k[1],U=O.useRef(!1),R=O.useRef(null),H=O.useRef(null),M=O.useRef(null),A=O.useRef(null),G=O.useRef(m.inputRef),_=O.useRef(m.focusInputRef),B=O.useRef(null),z=O.useRef(null),X=O.useRef(null),q=m.virtualScrollerOptions&&m.virtualScrollerOptions.lazy,Z=p.ObjectUtils.isNotEmpty(g),W=m.appendTo||f&&f.appendTo||I.default.appendTo,$=T.setMetaData(J(J({props:m},m.__parentMetadata),{},{state:{filter:g,focused:w,overlayVisible:C}})),Y=$.ptm,Q=$.cx,ee=$.sx;r.useHandleStyle(T.css.styles,$.isUnstyled,{name:"dropdown"});var te=P(o.useOverlayListener({target:R,overlay:H,listener:function(e,t){t.valid&&("outside"===t.type?le(e)||Be():f.hideOverlaysOnDocumentScrolling?Be():p.DomHandler.isDocument(e.target)||ze())},when:C}),2),ne=te[0],re=te[1],oe=function(e){return(e||[]).reduce(function(e,t,n){e.push(J(J({},t),{},{group:!0,index:n}));var r=Ye(t);return r&&r.forEach(function(t){return e.push(t)}),e},[])},le=function(e){return p.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||p.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},ie=function(e){m.showOnFocus&&!C&&_e(),D(!0),m.onFocus&&m.onFocus(e)},ae=function(e){D(!1),m.onBlur&&setTimeout(function(){var t=G.current?G.current.value:void 0;m.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:t}})},200)},ce=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Me({originalEvent:e,option:t}),n&&(Be(),p.DomHandler.focus(_.current))},ue=function(e){if(m.disabled)e.preventDefault();else{switch(p.DomHandler.isAndroid()?e.key:e.code){case"ArrowDown":Oe(e);break;case"ArrowUp":Ie(e);break;case"ArrowLeft":case"ArrowRight":Ee(e,m.editable);break;case"Home":xe(e,m.editable);break;case"End":De(e,m.editable);break;case"PageDown":je(e);break;case"PageUp":Se(e);break;case"Space":Fe(e,m.editable);break;case"NumpadEnter":case"Enter":Ne(e);break;case"Escape":ke(e);break;case"Tab":Ce(e);break;case"Backspace":Le(e,m.editable);break;case"ShiftLeft":case"ShiftRight":break;default:!(e.metaKey||e.ctrlKey||e.altKey)&&p.ObjectUtils.isPrintableCharacter(e.key)&&(!C&&!m.editable&&_e(),!m.editable&&ve(e,e.key))}U.current=!1}},se=function(e){var t;return pe(e)&&(null===(t=qe(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(X.current.toLocaleLowerCase(m.filterLocale)))},pe=function(e){return p.ObjectUtils.isNotEmpty(e)&&!($e(e)||We(e))},de=function(){return p.ObjectUtils.isNotEmpty(m.value)},fe=function(e){return pe(e)&&Ve(e)},me=function(){return de?it.findIndex(function(e){return fe(e)}):-1},be=function(){var e=me();return e<0?ge():e},ve=function(e,t){X.current=(X.current||"")+t;var n=-1,r=!1;return p.ObjectUtils.isNotEmpty(X.current)&&(-1!==(n=-1!==F?-1===(n=it.slice(F).findIndex(function(e){return se(e)}))?it.slice(0,F).findIndex(function(e){return se(e)}):n+F:it.findIndex(function(e){return se(e)}))&&(r=!0),-1===n&&-1===F&&(n=be()),-1!==n&&ye(e,n)),z.current&&clearTimeout(z.current),z.current=setTimeout(function(){X.current="",z.current=null},500),r},ge=function(){return it.findIndex(function(e){return pe(e)})},he=function(){return p.ObjectUtils.findLastIndex(it,function(e){return pe(e)})},ye=function(e,t){F!==t&&(N(t),we(t),m.selectOnFocus&&ce(e,it[t],!1))},we=function(e){var t=p.DomHandler.findSingle(H.current,'li[id="dropdownItem_'.concat(e,'"]'));t&&t.focus()},Oe=function(e){if(C){var t=-1!==F?(r=(n=F)<it.length-1?it.slice(n+1).findIndex(function(e){return pe(e)}):-1)>-1?r+n+1:n:U.current?ge():be();ye(e,t)}else _e(),m.editable&&ye(e,me());var n,r;e.preventDefault()},Ie=function(e){var t,n,r;if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==F&&ce(e,it[F]),state.overlayVisible&&Be(),e.preventDefault();else{var o=-1!==F?(r=(n=F)>0?p.ObjectUtils.findLastIndex(it.slice(0,n),function(e){return pe(e)}):-1)>-1?r:n:U.current?he():(t=me())<0?he():t;ye(e,o),!C&&_e(),e.preventDefault()}},Ee=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&(m.editable&&p.DomHandler.focus(G.current),N(-1))},xe=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?(p.DomHandler.focus(G.current),G.current.setSelectionRange(0,0),N(-1)):(ye(e,ge()),!C&&_e()),e.preventDefault()},De=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=G.current,n=t.value.length;p.DomHandler.focus(t),t.setSelectionRange(n,n),N(-1)}else ye(e,he()),!C&&_e();e.preventDefault()},Se=function(e){e.preventDefault()},je=function(e){e.preventDefault()},Fe=function(e){!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&Ne(e)},Ne=function(e){if(e.preventDefault(),C){if(-1===F)return;var t=it[F],n=Ze(t);if(null==n||null==n)return Be(),Te(),void Xe(at);ce(e,t)}else N(-1),Oe(e)},ke=function(e){C&&Be(),e.preventDefault()},Ce=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(!C||p.DomHandler.getFocusableElements(H.current,':not([data-p-hidden-focusable="true"])').length>0?(-1!==F&&ce(e,it[F]),C&&Be()):(p.DomHandler.focus(M.current),e.preventDefault()))},Le=function(e){e&&(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&!C&&_e()},Pe=function(e,t){if(!t||null==e||!e.length)return-1;var n=t.toLocaleLowerCase(),r=e.findIndex(function(e){return qe(e).toLocaleLowerCase()===n});return-1!==r?r:e.findIndex(function(e){return qe(e).toLocaleLowerCase().startsWith(n)})},Ue=function(e){!C&&_e();var t=null;e.target.value&&it&&(t=Pe(it,e.target.value)),N(t),m.onChange&&m.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:e.target.value}})},Re=function(e){D(!0),Be(),m.onFocus&&m.onFocus(e)},Te=function(e){h(""),m.onFilter&&m.onFilter({filter:""}),e&&e()},He=function(e){m.onChange&&m.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:void 0}}),m.filter&&Te(),Xe(),N(-1)},Me=function(e){if(at!==e.option){Xe(e.option),N(-1);var t=Ze(e.option),n=Ke(e.option,it);m.onChange&&m.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:m.name,id:m.id,value:t}}),ye(e.originalEvent,n)}},Ae=function(e){if(e=e||it){if(!m.optionGroupLabel)return Ke(m.value,e);for(var t=0;t<e.length;t++){var n=Ke(m.value,Ye(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Ge=function(){return m.optionValue?null:m.dataKey},Ke=function(e,t){var n=Ge();return t.findIndex(function(t){return p.ObjectUtils.equals(e,Ze(t),n)})},Ve=function(e){return p.ObjectUtils.equals(m.value,Ze(e),Ge())},_e=function(){N(-1!==F?F:m.autoOptionFocus?be():m.editable?-1:me()),L(!0)},Be=function(){L(!1),U.current=!1},ze=function(){p.DomHandler.alignOverlay(H.current,G.current.parentElement,m.appendTo||f&&f.appendTo||I.default.appendTo)},Je=function(){var e=p.DomHandler.findSingle(H.current,'li[data-p-focused="true"]');if(e&&e.scrollIntoView)e.scrollIntoView({block:"nearest",inline:"nearest"});else{var t=p.DomHandler.findSingle(H.current,'li[data-p-highlight="true"]');t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"})}},Xe=function(e){G.current&&(G.current.value=e?qe(e):m.value||"",_.current&&(_.current.value=G.current.value))},qe=function(e){if(p.ObjectUtils.isScalar(e))return"".concat(e);var t=m.optionLabel?p.ObjectUtils.resolveFieldData(e,m.optionLabel):e.label;return"".concat(t)},Ze=function(e){if(m.useOptionAsValue)return e;var t=m.optionValue?p.ObjectUtils.resolveFieldData(e,m.optionValue):e?e.value:p.ObjectUtils.resolveFieldData(e,"value");return m.optionValue||p.ObjectUtils.isNotEmpty(t)?t:e},We=function(e){return m.optionGroupLabel&&e.group},$e=function(e){return m.optionDisabled?p.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ye=function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Qe=function(){if(m.editable&&G.current){var e=(at?qe(at):null)||m.value||"";G.current.value=e,_.current&&(_.current.value=e)}};O.useImperativeHandle(t,function(){return{props:m,show:_e,hide:Be,clear:He,focus:function(){return p.DomHandler.focus(_.current)},getElement:function(){return R.current},getOverlay:function(){return H.current},getInput:function(){return G.current},getFocusInput:function(){return _.current},getVirtualScroller:function(){return B.current}}}),O.useEffect(function(){p.ObjectUtils.combinedRefs(G,m.inputRef),p.ObjectUtils.combinedRefs(_,m.focusInputRef)},[G,m.inputRef,_,m.focusInputRef]),o.useMountEffect(function(){m.autoFocus&&p.DomHandler.focus(_.current,m.autoFocus),ze()}),o.useUpdateEffect(function(){C&&(m.value||F>=0)&&Je()},[C,m.value,F]),o.useUpdateEffect(function(){C&&g&&m.filter&&ze()},[C,g,m.filter]),o.useUpdateEffect(function(){B.current&&B.current.scrollInView(0)},[g]),o.useUpdateEffect(function(){Qe(),G.current&&(G.current.selectedIndex=1)}),o.useUnmountEffect(function(){p.ZIndexUtils.clear(H.current)});var et,tt,nt,rt,ot,lt=function(e){"Enter"!==e.key&&"Space"!==e.code||(He(e),e.preventDefault())},it=function(){var e=m.optionGroupLabel?oe(m.options):m.options;if(Z&&!q){var t=g.trim().toLocaleLowerCase(m.filterLocale),r=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var o,l=[],i=V(m.options);try{for(i.s();!(o=i.n()).done;){var a=o.value,c=n.FilterService.filter(Ye(a),r,t,m.filterMatchMode,m.filterLocale);c&&c.length&&l.push(J(J({},a),j({},"".concat(m.optionGroupChildren),c)))}}catch(e){i.e(e)}finally{i.f()}return oe(l)}return n.FilterService.filter(e,r,t,m.filterMatchMode,m.filterLocale)}return e}(),at=-1!==(et=Ae(m.options))?m.optionGroupLabel?Ye(m.options[et.group])[et.option]:m.options[et]:null,ct=p.ObjectUtils.isNotEmpty(m.tooltip),ut=T.getOtherProps(m),st=p.ObjectUtils.reduceKeys(ut,p.DomHandler.ARIA_PROPS),pt=function(){var e={value:"",label:m.placeholder};if(at){var t=Ze(at);e={value:"object"===x(t)?m.options.findIndex(function(e){return e===t}):t,label:qe(at)}}var n=d({className:"p-hidden-accessible p-dropdown-hidden-select"},Y("hiddenSelectedMessage")),r=d({ref:G,required:m.required,defaultValue:e.value,name:m.name,tabIndex:-1},Y("select")),o=d({value:e.value},Y("option"));return O.createElement("div",n,O.createElement("select",r,O.createElement("option",o,e.label)))}(),dt=function(){var e=p.ObjectUtils.isNotEmpty(at)?qe(at):null;m.editable&&(e=e||m.value||"");var t=d({className:"p-hidden-accessible"},Y("hiddenSelectedMessage")),n=d(J({ref:_,id:m.inputId,defaultValue:e,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:ie,onBlur:ae,onKeyDown:ue,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex||0},st),Y("input"));return O.createElement("div",t,O.createElement("input",n))}(),ft=function(){var e=p.ObjectUtils.isNotEmpty(at)?qe(at):null;if(m.editable){var t=d(J({ref:G,type:"text",defaultValue:e||m.value||"",className:Q("input",{label:e}),disabled:m.disabled,placeholder:m.placeholder,maxLength:m.maxLength,onInput:Ue,onFocus:Re,onKeyDown:ue,onBlur:ae,tabIndex:m.disabled?-1:m.tabIndex||0,"aria-haspopup":"listbox"},st),Y("input"));return O.createElement("input",t)}var n=m.valueTemplate?p.ObjectUtils.getJSXElement(m.valueTemplate,at,m):e||m.placeholder||m.emptyMessage||O.createElement(O.Fragment,null," "),r=d({ref:G,className:Q("input",{label:e}),tabIndex:"-1"},Y("input"));return O.createElement("span",r,n)}(),mt=m.loading?(tt=d({className:Q("loadingIcon"),"data-pr-overlay-visible":C},Y("loadingIcon")),nt=p.IconUtils.getJSXIcon(m.loadingIcon||O.createElement(a.SpinnerIcon,{spin:!0}),J({},tt),{props:m}),rt=m.placeholder||m.ariaLabel,ot=d({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":C,"aria-label":rt},Y("trigger")),O.createElement("div",ot,nt)):function(){var e=d({className:Q("dropdownIcon"),"data-pr-overlay-visible":C},Y("dropdownIcon")),t=p.IconUtils.getJSXIcon(C?m.collapseIcon||O.createElement(i.ChevronUpIcon,e):m.dropdownIcon||O.createElement(l.ChevronDownIcon,e),J({},e),{props:m}),n=m.placeholder||m.ariaLabel,r=d({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":C,"aria-label":n},Y("trigger"));return O.createElement("div",r,t)}(),bt=function(){if(null!=m.value&&m.showClear&&!m.disabled&&!p.ObjectUtils.isEmpty(m.options)){var e=d({className:Q("clearIcon"),onPointerUp:He,tabIndex:m.editable?-1:m.tabIndex||"0",onKeyDown:lt,"aria-label":n.localeOption("clear")},Y("clearIcon"));return p.IconUtils.getJSXIcon(m.clearIcon||O.createElement(c.TimesIcon,e),J({},e),{props:m})}return null}(),vt=d({id:m.id,ref:R,className:p.classNames(m.className,Q("root",{context:f,focusedState:w,overlayVisibleState:C})),style:m.style,onClick:function(e){return t=e,void(m.disabled||m.loading||(m.onClick&&m.onClick(t),t.defaultPrevented||le(t)||"INPUT"===t.target.tagName||(H.current&&H.current&&H.current.contains(t.target)||(p.DomHandler.focus(_.current),C?Be():_e()),t.preventDefault(),U.current=!0)));var t},onMouseDown:m.onMouseDown,onContextMenu:m.onContextMenu,onFocus:function(){m.editable&&!C&&!1===U.current&&p.DomHandler.focus(G.current)},"data-p-disabled":m.disabled,"data-p-focus":w,"aria-activedescendant":w?"dropdownItem_".concat(F):void 0},ut,Y("root")),gt=d({ref:M,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getFirstFocusableElement(H.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenFirstFocusableEl")),ht=d({ref:A,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?p.DomHandler.getLastFocusableElement(H.current,':not([data-p-hidden-focusable="true"])'):_.current;p.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenLastFocusableEl"));return O.createElement(O.Fragment,null,O.createElement("div",vt,dt,pt,ft,bt,mt,O.createElement(K,E({hostName:"Dropdown",ref:H,visibleOptions:it,virtualScrollerRef:B},m,{appendTo:W,cx:Q,filterValue:v,focusedOptionIndex:F,getOptionGroupChildren:Ye,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionLabel:qe,getOptionRenderKey:function(e){return m.dataKey?p.ObjectUtils.resolveFieldData(e,m.dataKey):qe(e)},getSelectedOptionIndex:Ae,hasFilter:Z,in:C,isOptionDisabled:$e,isSelected:Ve,onOverlayHide:Be,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:R.current})},onEnter:function(e){p.ZIndexUtils.set("overlay",H.current,f&&f.autoZIndex||I.default.autoZIndex,f&&f.zIndex.overlay||I.default.zIndex.overlay),p.DomHandler.addStyles(H.current,{position:"absolute",top:"0",left:"0"}),ze(),e&&e()},onEntered:function(e){e&&e(),ne(),m.onShow&&m.onShow()},onExit:function(){re()},onExited:function(){m.filter&&m.resetFilterOnHide&&Te(),p.ZIndexUtils.clear(H.current),m.onHide&&m.onHide()},onFilterClearIconClick:function(e){Te(e)},onFilterInputChange:function(e){var t=e.target.value;h(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":Oe(e);break;case"ArrowUp":Ie(e);break;case"ArrowLeft":case"ArrowRight":Ee(e,!0);break;case"Enter":case"NumpadEnter":Ne(e),e.preventDefault();break;case"Escape":ke(e)}},onOptionClick:function(e){e.option.disabled||(Me(e),p.DomHandler.focus(_.current)),Be()},onInputKeyDown:ue,ptm:Y,resetFilter:Te,changeFocusedOptionIndex:ye,firstFocusableElement:O.createElement("span",gt),lastFocusableElement:O.createElement("span",ht),sx:ee}))),ct&&O.createElement(s.Tooltip,E({target:R,content:m.tooltip,pt:Y("tooltip")},m.tooltipOptions)))}));return X.displayName="Dropdown",e.Dropdown=X,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronup,primereact.icons.spinner,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple,primereact.icons.check,primereact.iconbase);
|
package/editor/editor.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),l=require("primereact/api"),e=require("primereact/componentbase"),t=require("primereact/hooks"),o=require("primereact/utils");function i(n){if(n&&n.__esModule)return n;var l=Object.create(null);return n&&Object.keys(n).forEach((function(e){if("default"!==e){var t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:function(){return n[e]}})}})),l.default=n,Object.freeze(l)}var r=i(n);function q(){return q=Object.assign?Object.assign.bind():function(n){for(var l=1;l<arguments.length;l++){var e=arguments[l];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},q.apply(null,arguments)}function a(n){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},a(n)}function s(n,l){if("object"!=a(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!=a(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function c(n){var l=s(n,"string");return"symbol"==a(l)?l:l+""}function d(n,l,e){return(l=c(l))in n?Object.defineProperty(n,l,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[l]=e,n}function p(n){if(Array.isArray(n))return n}function u(n,l){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,r,q=[],a=!0,s=!1;try{if(i=(e=e.call(n)).next,0===l){if(Object(e)!==e)return;a=!1}else for(;!(a=(t=i.call(e)).done)&&(q.push(t.value),q.length!==l);a=!0);}catch(n){s=!0,o=n}finally{try{if(!a&&null!=e.return&&(r=e.return(),Object(r)!==r))return}finally{if(s)throw o}}return q}}function b(n,l){(null==l||l>n.length)&&(l=n.length);for(var e=0,t=Array(l);e<l;e++)t[e]=n[e];return t}function f(n,l){if(n){if("string"==typeof n)return b(n,l);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?b(n,l):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=e.ComponentBase.extend({defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0},css:{classes:{root:function(n){return o.classNames("",n.props.className)},toolbar:"",content:""},styles:'\n/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,\n.ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {\n cursor: pointer;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n}\n@supports (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7\n list-8 list-9;\n }\n}\n.ql-editor table {\n border-collapse: collapse;\n}\n.ql-editor td {\n border: 1px solid #000;\n padding: 2px 5px;\n}\n.ql-editor ol {\n padding-left: 1.5em;\n}\n.ql-editor li {\n list-style-type: none;\n padding-left: 1.5em;\n position: relative;\n}\n.ql-editor li > .ql-ui:before {\n display: inline-block;\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li[data-list="checked"] > .ql-ui,\n.ql-editor li[data-list="unchecked"] > .ql-ui {\n color: #777;\n}\n.ql-editor li[data-list="bullet"] > .ql-ui:before {\n content: "\\2022";\n}\n.ql-editor li[data-list="checked"] > .ql-ui:before {\n content: "\\2611";\n}\n.ql-editor li[data-list="unchecked"] > .ql-ui:before {\n content: "\\2610";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list] {\n counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list] {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n.ql-editor li[data-list="ordered"] {\n counter-increment: list-0;\n}\n.ql-editor li[data-list="ordered"] > .ql-ui:before {\n content: counter(list-0, decimal) ". ";\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {\n content: counter(list-1, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {\n content: counter(list-2, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {\n content: counter(list-3, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {\n content: counter(list-4, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-set: list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {\n content: counter(list-5, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-set: list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {\n content: counter(list-6, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-set: list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {\n content: counter(list-7, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-set: list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-reset: list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {\n content: counter(list-8, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-set: list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-reset: list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {\n content: counter(list-9, decimal) ". ";\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor li.ql-direction-rtl > .ql-ui:before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n text-align: left;\n}\n.ql-editor table {\n table-layout: fixed;\n width: 100%;\n}\n.ql-editor table td {\n outline: none;\n}\n.ql-editor .ql-code-block-container {\n font-family: monospace;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor .ql-ui {\n position: absolute;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type="file"],\n.ql-snow .ql-toolbar input.ql-image[type="file"] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-item[data-label]:not([data-label=""])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n content: "Heading 1";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n content: "Heading 2";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n content: "Heading 3";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n content: "Heading 4";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n content: "Heading 5";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n content: "Heading 6";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: "Sans Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n content: "Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n content: "Monospace";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n content: "Small";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n content: "Large";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n content: "Huge";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-code-block-container {\n position: relative;\n}\n.ql-code-block-container .ql-ui {\n right: 5px;\n top: 5px;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0 0 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: "Visit URL:";\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type="text"] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: "Edit";\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: "Remove";\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type="text"] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0;\n content: "Save";\n padding-right: 0;\n}\n.ql-snow .ql-tooltip[data-mode="link"]::before {\n content: "Enter link:";\n}\n.ql-snow .ql-tooltip[data-mode="formula"]::before {\n content: "Enter formula:";\n}\n.ql-snow .ql-tooltip[data-mode="video"]::before {\n content: "Enter video:";\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n'}});function k(n,l){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);l&&(t=t.filter((function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable}))),e.push.apply(e,t)}return e}function w(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?k(Object(e),!0).forEach((function(l){d(n,l,e[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var h=function(){try{return Quill}catch(n){return null}}(),v=r.memo(r.forwardRef((function(a,s){var c=t.useMergeProps(),d=r.useContext(l.PrimeReactContext),b=g.getProps(a,d),k=g.setMetaData({props:b}),v=k.ptm,x=k.cx;e.useHandleStyle(g.css.styles,k.isUnstyled,{name:"editor"});var y,E,z=r.useRef(null),O=r.useRef(null),N=r.useRef(null),j=r.useRef(null),S=r.useRef(!1),P=r.useState(!1),C=(E=2,p(y=P)||u(y,E)||f(y,E)||m()),H=C[0],T=C[1];t.useMountEffect((function(){if(!S.current){var n={modules:w({toolbar:!!b.showHeader&&N.current},b.modules),placeholder:b.placeholder,readOnly:b.readOnly,theme:b.theme,formats:b.formats};h?I(new Quill(O.current,n)):Promise.resolve().then((function(){return i(require("quill"))})).then((function(l){var e;l&&o.DomHandler.isExist(O.current)&&(e=l.default?new l.default(O.current,n):new l(O.current,n),I(e))})),S.current=!0}}));var L=function(n,l,e){var t=O.current.children[0],i=t?t.innerHTML:null,r=j.current.getText();if("<p><br></p>"===i&&(i=null),"api"===e){var q=O.current.children[0],a=document.createElement("div");if(a.innerHTML=b.value||"",o.DomHandler.isEqualElement(q,a))return}if(b.maxLength){var s=j.current.getLength();s>b.maxLength&&j.current.deleteText(b.maxLength,s)}b.onTextChange&&b.onTextChange({htmlValue:i,textValue:r,delta:n,source:e})},R=function(n,l,e){b.onSelectionChange&&b.onSelectionChange({range:n,oldRange:l,source:e})},M=n.useRef(b.value);M.current=b.value;var I=function(n){j.current=n,M.current&&n.setContents(n.clipboard.convert({html:M.current,text:""})),T(!0)};t.useUpdateEffect((function(){if(H)return j.current.on("text-change",L),j.current.on("selection-change",R),function(){j.current.off("text-change",L),j.current.off("selection-change",R)}})),t.useUpdateEffect((function(){H&&j.current&&j.current.getModule("toolbar")&&b.onLoad&&b.onLoad(j.current)}),[H]),t.useUpdateEffect((function(){j.current&&!j.current.hasFocus()&&(b.value?j.current.setContents(j.current.clipboard.convert({html:b.value,text:""})):j.current.setText(""))}),[b.value]),r.useImperativeHandle(s,(function(){return{props:b,getQuill:function(){return j.current},getElement:function(){return z.current},getContent:function(){return O.current},getToolbar:function(){return N.current}}}));var A=function(){var n=c({ref:N,className:x("toolbar")},v("toolbar"));if(!1===b.showHeader)return null;if(b.headerTemplate)return r.createElement("div",n,b.headerTemplate);var l=function(n,l){return c(n&&w({},n),v(l))},e=c({className:"ql-formats"},v("formats"));return r.createElement("div",n,r.createElement("span",e,r.createElement("select",l({className:"ql-header",defaultValue:"0"},"header"),r.createElement("option",l({value:"1"},"option"),"Heading"),r.createElement("option",l({value:"2"},"option"),"Subheading"),r.createElement("option",l({value:"0"},"option"),"Normal")),r.createElement("select",l({className:"ql-font"},"font"),r.createElement("option",l(void 0,"option")),r.createElement("option",l({value:"serif"},"option")),r.createElement("option",l({value:"monospace"},"option")))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),r.createElement("button",l({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),r.createElement("button",l({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),r.createElement("span",e,r.createElement("select",l({className:"ql-color"},"color")),r.createElement("select",l({className:"ql-background"},"background"))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),r.createElement("button",l({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"list")),r.createElement("select",l({className:"ql-align"},"select"),r.createElement("option",l({defaultValue:!0},"option")),r.createElement("option",l({value:"center"},"option")),r.createElement("option",l({value:"right"},"option")),r.createElement("option",l({value:"justify"},"option")))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),r.createElement("button",l({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),r.createElement("button",l({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),D=c({ref:O,className:x("content"),style:b.style},v("content")),U=r.createElement("div",D),_=c({className:o.classNames(b.className,x("root"))},g.getOtherProps(b),v("root"));return r.createElement("div",q({id:b.id,ref:z},_),A,U)})));v.displayName="Editor",exports.Editor=v;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),l=require("primereact/api"),e=require("primereact/componentbase"),t=require("primereact/hooks"),o=require("primereact/utils");function i(n){if(n&&n.__esModule)return n;var l=Object.create(null);return n&&Object.keys(n).forEach(function(e){if("default"!==e){var t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:function(){return n[e]}})}}),l.default=n,Object.freeze(l)}var r=i(n);function q(){return q=Object.assign?Object.assign.bind():function(n){for(var l=1;l<arguments.length;l++){var e=arguments[l];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},q.apply(null,arguments)}function a(n){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},a(n)}function s(n,l){if("object"!=a(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!=a(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function c(n){var l=s(n,"string");return"symbol"==a(l)?l:l+""}function d(n,l,e){return(l=c(l))in n?Object.defineProperty(n,l,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[l]=e,n}function p(n){if(Array.isArray(n))return n}function u(n,l){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,r,q=[],a=!0,s=!1;try{if(i=(e=e.call(n)).next,0===l){if(Object(e)!==e)return;a=!1}else for(;!(a=(t=i.call(e)).done)&&(q.push(t.value),q.length!==l);a=!0);}catch(n){s=!0,o=n}finally{try{if(!a&&null!=e.return&&(r=e.return(),Object(r)!==r))return}finally{if(s)throw o}}return q}}function b(n,l){(null==l||l>n.length)&&(l=n.length);for(var e=0,t=Array(l);e<l;e++)t[e]=n[e];return t}function f(n,l){if(n){if("string"==typeof n)return b(n,l);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?b(n,l):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=e.ComponentBase.extend({defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0},css:{classes:{root:function(n){return o.classNames("",n.props.className)},toolbar:"",content:""},styles:'\n/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,\n.ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {\n cursor: pointer;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n}\n@supports (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7\n list-8 list-9;\n }\n}\n.ql-editor table {\n border-collapse: collapse;\n}\n.ql-editor td {\n border: 1px solid #000;\n padding: 2px 5px;\n}\n.ql-editor ol {\n padding-left: 1.5em;\n}\n.ql-editor li {\n list-style-type: none;\n padding-left: 1.5em;\n position: relative;\n}\n.ql-editor li > .ql-ui:before {\n display: inline-block;\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li[data-list="checked"] > .ql-ui,\n.ql-editor li[data-list="unchecked"] > .ql-ui {\n color: #777;\n}\n.ql-editor li[data-list="bullet"] > .ql-ui:before {\n content: "\\2022";\n}\n.ql-editor li[data-list="checked"] > .ql-ui:before {\n content: "\\2611";\n}\n.ql-editor li[data-list="unchecked"] > .ql-ui:before {\n content: "\\2610";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list] {\n counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list] {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n.ql-editor li[data-list="ordered"] {\n counter-increment: list-0;\n}\n.ql-editor li[data-list="ordered"] > .ql-ui:before {\n content: counter(list-0, decimal) ". ";\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {\n content: counter(list-1, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {\n content: counter(list-2, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {\n content: counter(list-3, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {\n content: counter(list-4, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-set: list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {\n content: counter(list-5, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-set: list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {\n content: counter(list-6, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-set: list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {\n content: counter(list-7, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-set: list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-reset: list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {\n content: counter(list-8, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-set: list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-reset: list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {\n content: counter(list-9, decimal) ". ";\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor li.ql-direction-rtl > .ql-ui:before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n text-align: left;\n}\n.ql-editor table {\n table-layout: fixed;\n width: 100%;\n}\n.ql-editor table td {\n outline: none;\n}\n.ql-editor .ql-code-block-container {\n font-family: monospace;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor .ql-ui {\n position: absolute;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type="file"],\n.ql-snow .ql-toolbar input.ql-image[type="file"] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-item[data-label]:not([data-label=""])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n content: "Heading 1";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n content: "Heading 2";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n content: "Heading 3";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n content: "Heading 4";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n content: "Heading 5";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n content: "Heading 6";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: "Sans Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n content: "Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n content: "Monospace";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n content: "Small";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n content: "Large";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n content: "Huge";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-code-block-container {\n position: relative;\n}\n.ql-code-block-container .ql-ui {\n right: 5px;\n top: 5px;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0 0 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: "Visit URL:";\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type="text"] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: "Edit";\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: "Remove";\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type="text"] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0;\n content: "Save";\n padding-right: 0;\n}\n.ql-snow .ql-tooltip[data-mode="link"]::before {\n content: "Enter link:";\n}\n.ql-snow .ql-tooltip[data-mode="formula"]::before {\n content: "Enter formula:";\n}\n.ql-snow .ql-tooltip[data-mode="video"]::before {\n content: "Enter video:";\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n'}});function k(n,l){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);l&&(t=t.filter(function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable})),e.push.apply(e,t)}return e}function w(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?k(Object(e),!0).forEach(function(l){d(n,l,e[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))})}return n}var h=function(){try{return Quill}catch(n){return null}}(),v=r.memo(r.forwardRef(function(a,s){var c=t.useMergeProps(),d=r.useContext(l.PrimeReactContext),b=g.getProps(a,d),k=g.setMetaData({props:b}),v=k.ptm,x=k.cx;e.useHandleStyle(g.css.styles,k.isUnstyled,{name:"editor"});var y,E,z=r.useRef(null),O=r.useRef(null),N=r.useRef(null),j=r.useRef(null),S=r.useRef(!1),P=r.useState(!1),C=(E=2,p(y=P)||u(y,E)||f(y,E)||m()),H=C[0],T=C[1];t.useMountEffect(function(){if(!S.current){var n={modules:w({toolbar:!!b.showHeader&&N.current},b.modules),placeholder:b.placeholder,readOnly:b.readOnly,theme:b.theme,formats:b.formats};h?I(new Quill(O.current,n)):Promise.resolve().then(function(){return i(require("quill"))}).then(function(l){var e;l&&o.DomHandler.isExist(O.current)&&(e=l.default?new l.default(O.current,n):new l(O.current,n),I(e))}),S.current=!0}});var L=function(n,l,e){var t=O.current.children[0],i=t?t.innerHTML:null,r=j.current.getText();if("<p><br></p>"===i&&(i=null),"api"===e){var q=O.current.children[0],a=document.createElement("div");if(a.innerHTML=b.value||"",o.DomHandler.isEqualElement(q,a))return}if(b.maxLength){var s=j.current.getLength();s>b.maxLength&&j.current.deleteText(b.maxLength,s)}b.onTextChange&&b.onTextChange({htmlValue:i,textValue:r,delta:n,source:e})},R=function(n,l,e){b.onSelectionChange&&b.onSelectionChange({range:n,oldRange:l,source:e})},M=n.useRef(b.value);M.current=b.value;var I=function(n){j.current=n,M.current&&n.setContents(n.clipboard.convert({html:M.current,text:""})),T(!0)};t.useUpdateEffect(function(){if(H)return j.current.on("text-change",L),j.current.on("selection-change",R),function(){j.current.off("text-change",L),j.current.off("selection-change",R)}}),t.useUpdateEffect(function(){H&&j.current&&j.current.getModule("toolbar")&&b.onLoad&&b.onLoad(j.current)},[H]),t.useUpdateEffect(function(){j.current&&!j.current.hasFocus()&&(b.value?j.current.setContents(j.current.clipboard.convert({html:b.value,text:""})):j.current.setText(""))},[b.value]),r.useImperativeHandle(s,function(){return{props:b,getQuill:function(){return j.current},getElement:function(){return z.current},getContent:function(){return O.current},getToolbar:function(){return N.current}}});var A=function(){var n=c({ref:N,className:x("toolbar")},v("toolbar"));if(!1===b.showHeader)return null;if(b.headerTemplate)return r.createElement("div",n,b.headerTemplate);var l=function(n,l){return c(n&&w({},n),v(l))},e=c({className:"ql-formats"},v("formats"));return r.createElement("div",n,r.createElement("span",e,r.createElement("select",l({className:"ql-header",defaultValue:"0"},"header"),r.createElement("option",l({value:"1"},"option"),"Heading"),r.createElement("option",l({value:"2"},"option"),"Subheading"),r.createElement("option",l({value:"0"},"option"),"Normal")),r.createElement("select",l({className:"ql-font"},"font"),r.createElement("option",l(void 0,"option")),r.createElement("option",l({value:"serif"},"option")),r.createElement("option",l({value:"monospace"},"option")))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),r.createElement("button",l({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),r.createElement("button",l({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),r.createElement("span",e,r.createElement("select",l({className:"ql-color"},"color")),r.createElement("select",l({className:"ql-background"},"background"))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),r.createElement("button",l({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"list")),r.createElement("select",l({className:"ql-align"},"select"),r.createElement("option",l({defaultValue:!0},"option")),r.createElement("option",l({value:"center"},"option")),r.createElement("option",l({value:"right"},"option")),r.createElement("option",l({value:"justify"},"option")))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),r.createElement("button",l({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),r.createElement("button",l({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),r.createElement("span",e,r.createElement("button",l({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),D=c({ref:O,className:x("content"),style:b.style},v("content")),U=r.createElement("div",D),_=c({className:o.classNames(b.className,x("root"))},g.getOtherProps(b),v("root"));return r.createElement("div",q({id:b.id,ref:z},_),A,U)}));v.displayName="Editor",exports.Editor=v;
|
package/editor/editor.d.ts
CHANGED
|
@@ -137,7 +137,7 @@ export interface EditorProps extends Omit<React.DetailedHTMLProps<React.InputHTM
|
|
|
137
137
|
theme?: string | undefined;
|
|
138
138
|
/**
|
|
139
139
|
* Whether to show the header of editor.
|
|
140
|
-
* @defaultValue
|
|
140
|
+
* @defaultValue true
|
|
141
141
|
*/
|
|
142
142
|
showHeader?: boolean | undefined;
|
|
143
143
|
/**
|
package/editor/editor.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react";import{useRef as l}from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as r,useUpdateEffect as q}from"primereact/hooks";import{classNames as a,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(n){for(var l=1;l<arguments.length;l++){var e=arguments[l];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},c.apply(null,arguments)}function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}function p(n,l){if("object"!=d(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!=d(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function u(n){var l=p(n,"string");return"symbol"==d(l)?l:l+""}function b(n,l,e){return(l=u(l))in n?Object.defineProperty(n,l,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[l]=e,n}function f(n){if(Array.isArray(n))return n}function m(n,l){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,r,q=[],a=!0,s=!1;try{if(i=(e=e.call(n)).next,0===l){if(Object(e)!==e)return;a=!1}else for(;!(a=(t=i.call(e)).done)&&(q.push(t.value),q.length!==l);a=!0);}catch(n){s=!0,o=n}finally{try{if(!a&&null!=e.return&&(r=e.return(),Object(r)!==r))return}finally{if(s)throw o}}return q}}function g(n,l){(null==l||l>n.length)&&(l=n.length);for(var e=0,t=Array(l);e<l;e++)t[e]=n[e];return t}function k(n,l){if(n){if("string"==typeof n)return g(n,l);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?g(n,l):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=t.extend({defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0},css:{classes:{root:function(n){return a("",n.props.className)},toolbar:"",content:""},styles:'\n/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,\n.ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {\n cursor: pointer;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n}\n@supports (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7\n list-8 list-9;\n }\n}\n.ql-editor table {\n border-collapse: collapse;\n}\n.ql-editor td {\n border: 1px solid #000;\n padding: 2px 5px;\n}\n.ql-editor ol {\n padding-left: 1.5em;\n}\n.ql-editor li {\n list-style-type: none;\n padding-left: 1.5em;\n position: relative;\n}\n.ql-editor li > .ql-ui:before {\n display: inline-block;\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li[data-list="checked"] > .ql-ui,\n.ql-editor li[data-list="unchecked"] > .ql-ui {\n color: #777;\n}\n.ql-editor li[data-list="bullet"] > .ql-ui:before {\n content: "\\2022";\n}\n.ql-editor li[data-list="checked"] > .ql-ui:before {\n content: "\\2611";\n}\n.ql-editor li[data-list="unchecked"] > .ql-ui:before {\n content: "\\2610";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list] {\n counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list] {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n.ql-editor li[data-list="ordered"] {\n counter-increment: list-0;\n}\n.ql-editor li[data-list="ordered"] > .ql-ui:before {\n content: counter(list-0, decimal) ". ";\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {\n content: counter(list-1, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {\n content: counter(list-2, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {\n content: counter(list-3, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {\n content: counter(list-4, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-set: list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {\n content: counter(list-5, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-set: list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {\n content: counter(list-6, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-set: list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {\n content: counter(list-7, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-set: list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-reset: list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {\n content: counter(list-8, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-set: list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-reset: list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {\n content: counter(list-9, decimal) ". ";\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor li.ql-direction-rtl > .ql-ui:before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n text-align: left;\n}\n.ql-editor table {\n table-layout: fixed;\n width: 100%;\n}\n.ql-editor table td {\n outline: none;\n}\n.ql-editor .ql-code-block-container {\n font-family: monospace;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor .ql-ui {\n position: absolute;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type="file"],\n.ql-snow .ql-toolbar input.ql-image[type="file"] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-item[data-label]:not([data-label=""])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n content: "Heading 1";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n content: "Heading 2";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n content: "Heading 3";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n content: "Heading 4";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n content: "Heading 5";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n content: "Heading 6";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: "Sans Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n content: "Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n content: "Monospace";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n content: "Small";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n content: "Large";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n content: "Huge";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-code-block-container {\n position: relative;\n}\n.ql-code-block-container .ql-ui {\n right: 5px;\n top: 5px;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0 0 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: "Visit URL:";\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type="text"] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: "Edit";\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: "Remove";\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type="text"] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0;\n content: "Save";\n padding-right: 0;\n}\n.ql-snow .ql-tooltip[data-mode="link"]::before {\n content: "Enter link:";\n}\n.ql-snow .ql-tooltip[data-mode="formula"]::before {\n content: "Enter formula:";\n}\n.ql-snow .ql-tooltip[data-mode="video"]::before {\n content: "Enter video:";\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n'}});function v(n,l){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);l&&(t=t.filter((function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable}))),e.push.apply(e,t)}return e}function x(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?v(Object(e),!0).forEach((function(l){b(n,l,e[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):v(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var y=function(){try{return Quill}catch(n){return null}}(),E=n.memo(n.forwardRef((function(t,d){var p=i(),u=n.useContext(e),b=h.getProps(t,u),g=h.setMetaData({props:b}),v=g.ptm,E=g.cx;o(h.css.styles,g.isUnstyled,{name:"editor"});var z,N,O=n.useRef(null),S=n.useRef(null),j=n.useRef(null),C=n.useRef(null),H=n.useRef(!1),T=n.useState(!1),P=(N=2,f(z=T)||m(z,N)||k(z,N)||w()),L=P[0],R=P[1];r((function(){if(!H.current){var n={modules:x({toolbar:!!b.showHeader&&j.current},b.modules),placeholder:b.placeholder,readOnly:b.readOnly,theme:b.theme,formats:b.formats};y?D(new Quill(S.current,n)):import("quill").then((function(l){var e;l&&s.isExist(S.current)&&(e=l.default?new l.default(S.current,n):new l(S.current,n),D(e))})),H.current=!0}}));var I=function(n,l,e){var t=S.current.children[0],o=t?t.innerHTML:null,i=C.current.getText();if("<p><br></p>"===o&&(o=null),"api"===e){var r=S.current.children[0],q=document.createElement("div");if(q.innerHTML=b.value||"",s.isEqualElement(r,q))return}if(b.maxLength){var a=C.current.getLength();a>b.maxLength&&C.current.deleteText(b.maxLength,a)}b.onTextChange&&b.onTextChange({htmlValue:o,textValue:i,delta:n,source:e})},A=function(n,l,e){b.onSelectionChange&&b.onSelectionChange({range:n,oldRange:l,source:e})},M=l(b.value);M.current=b.value;var D=function(n){C.current=n,M.current&&n.setContents(n.clipboard.convert({html:M.current,text:""})),R(!0)};q((function(){if(L)return C.current.on("text-change",I),C.current.on("selection-change",A),function(){C.current.off("text-change",I),C.current.off("selection-change",A)}})),q((function(){L&&C.current&&C.current.getModule("toolbar")&&b.onLoad&&b.onLoad(C.current)}),[L]),q((function(){C.current&&!C.current.hasFocus()&&(b.value?C.current.setContents(C.current.clipboard.convert({html:b.value,text:""})):C.current.setText(""))}),[b.value]),n.useImperativeHandle(d,(function(){return{props:b,getQuill:function(){return C.current},getElement:function(){return O.current},getContent:function(){return S.current},getToolbar:function(){return j.current}}}));var U=function(){var l=p({ref:j,className:E("toolbar")},v("toolbar"));if(!1===b.showHeader)return null;if(b.headerTemplate)return n.createElement("div",l,b.headerTemplate);var e=function(n,l){return p(n&&x({},n),v(l))},t=p({className:"ql-formats"},v("formats"));return n.createElement("div",l,n.createElement("span",t,n.createElement("select",e({className:"ql-header",defaultValue:"0"},"header"),n.createElement("option",e({value:"1"},"option"),"Heading"),n.createElement("option",e({value:"2"},"option"),"Subheading"),n.createElement("option",e({value:"0"},"option"),"Normal")),n.createElement("select",e({className:"ql-font"},"font"),n.createElement("option",e(void 0,"option")),n.createElement("option",e({value:"serif"},"option")),n.createElement("option",e({value:"monospace"},"option")))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),n.createElement("button",e({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),n.createElement("button",e({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),n.createElement("span",t,n.createElement("select",e({className:"ql-color"},"color")),n.createElement("select",e({className:"ql-background"},"background"))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),n.createElement("button",e({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"list")),n.createElement("select",e({className:"ql-align"},"select"),n.createElement("option",e({defaultValue:!0},"option")),n.createElement("option",e({value:"center"},"option")),n.createElement("option",e({value:"right"},"option")),n.createElement("option",e({value:"justify"},"option")))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),n.createElement("button",e({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),n.createElement("button",e({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),V=p({ref:S,className:E("content"),style:b.style},v("content")),Q=n.createElement("div",V),B=p({className:a(b.className,E("root"))},h.getOtherProps(b),v("root"));return n.createElement("div",c({id:b.id,ref:O},B),U,Q)})));E.displayName="Editor";export{E as Editor};
|
|
1
|
+
import*as n from"react";import{useRef as l}from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as r,useUpdateEffect as q}from"primereact/hooks";import{classNames as a,DomHandler as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(n){for(var l=1;l<arguments.length;l++){var e=arguments[l];for(var t in e)({}).hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},c.apply(null,arguments)}function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}function p(n,l){if("object"!=d(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!=d(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function u(n){var l=p(n,"string");return"symbol"==d(l)?l:l+""}function b(n,l,e){return(l=u(l))in n?Object.defineProperty(n,l,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[l]=e,n}function f(n){if(Array.isArray(n))return n}function m(n,l){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var t,o,i,r,q=[],a=!0,s=!1;try{if(i=(e=e.call(n)).next,0===l){if(Object(e)!==e)return;a=!1}else for(;!(a=(t=i.call(e)).done)&&(q.push(t.value),q.length!==l);a=!0);}catch(n){s=!0,o=n}finally{try{if(!a&&null!=e.return&&(r=e.return(),Object(r)!==r))return}finally{if(s)throw o}}return q}}function g(n,l){(null==l||l>n.length)&&(l=n.length);for(var e=0,t=Array(l);e<l;e++)t[e]=n[e];return t}function k(n,l){if(n){if("string"==typeof n)return g(n,l);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?g(n,l):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=t.extend({defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0},css:{classes:{root:function(n){return a("",n.props.className)},toolbar:"",content:""},styles:'\n/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,\n.ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {\n cursor: pointer;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n}\n@supports (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7\n list-8 list-9;\n }\n}\n.ql-editor table {\n border-collapse: collapse;\n}\n.ql-editor td {\n border: 1px solid #000;\n padding: 2px 5px;\n}\n.ql-editor ol {\n padding-left: 1.5em;\n}\n.ql-editor li {\n list-style-type: none;\n padding-left: 1.5em;\n position: relative;\n}\n.ql-editor li > .ql-ui:before {\n display: inline-block;\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li[data-list="checked"] > .ql-ui,\n.ql-editor li[data-list="unchecked"] > .ql-ui {\n color: #777;\n}\n.ql-editor li[data-list="bullet"] > .ql-ui:before {\n content: "\\2022";\n}\n.ql-editor li[data-list="checked"] > .ql-ui:before {\n content: "\\2611";\n}\n.ql-editor li[data-list="unchecked"] > .ql-ui:before {\n content: "\\2610";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list] {\n counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list] {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8\n list-9;\n }\n}\n.ql-editor li[data-list="ordered"] {\n counter-increment: list-0;\n}\n.ql-editor li[data-list="ordered"] > .ql-ui:before {\n content: counter(list-0, decimal) ". ";\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {\n content: counter(list-1, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {\n content: counter(list-2, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {\n content: counter(list-3, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {\n content: counter(list-4, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-set: list-5 list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {\n content: counter(list-5, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-set: list-6 list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {\n content: counter(list-6, decimal) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-set: list-7 list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {\n content: counter(list-7, lower-alpha) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-set: list-8 list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-reset: list-8 list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {\n content: counter(list-8, lower-roman) ". ";\n}\n@supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-set: list-9;\n }\n}\n@supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-reset: list-9;\n }\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {\n content: counter(list-9, decimal) ". ";\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor li.ql-direction-rtl > .ql-ui:before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n text-align: left;\n}\n.ql-editor table {\n table-layout: fixed;\n width: 100%;\n}\n.ql-editor table td {\n outline: none;\n}\n.ql-editor .ql-code-block-container {\n font-family: monospace;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor .ql-ui {\n position: absolute;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type="file"],\n.ql-snow .ql-toolbar input.ql-image[type="file"] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: "";\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor .ql-code-block-container {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-header\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-font\n .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow\n .ql-picker.ql-size\n .ql-picker-item[data-label]:not([data-label=""])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n content: "Heading 1";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n content: "Heading 2";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n content: "Heading 3";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n content: "Heading 4";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n content: "Heading 5";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n content: "Heading 6";\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: "Sans Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n content: "Serif";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n content: "Monospace";\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: "Normal";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n content: "Small";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n content: "Large";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n content: "Huge";\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-code-block-container {\n position: relative;\n}\n.ql-code-block-container .ql-ui {\n right: 5px;\n top: 5px;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0 0 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: "Visit URL:";\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type="text"] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: "Edit";\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: "Remove";\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type="text"] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0;\n content: "Save";\n padding-right: 0;\n}\n.ql-snow .ql-tooltip[data-mode="link"]::before {\n content: "Enter link:";\n}\n.ql-snow .ql-tooltip[data-mode="formula"]::before {\n content: "Enter formula:";\n}\n.ql-snow .ql-tooltip[data-mode="video"]::before {\n content: "Enter video:";\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n'}});function v(n,l){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);l&&(t=t.filter(function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable})),e.push.apply(e,t)}return e}function x(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?v(Object(e),!0).forEach(function(l){b(n,l,e[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):v(Object(e)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))})}return n}var y=function(){try{return Quill}catch(n){return null}}(),E=n.memo(n.forwardRef(function(t,d){var p=i(),u=n.useContext(e),b=h.getProps(t,u),g=h.setMetaData({props:b}),v=g.ptm,E=g.cx;o(h.css.styles,g.isUnstyled,{name:"editor"});var z,N,O=n.useRef(null),S=n.useRef(null),j=n.useRef(null),C=n.useRef(null),H=n.useRef(!1),T=n.useState(!1),P=(N=2,f(z=T)||m(z,N)||k(z,N)||w()),L=P[0],R=P[1];r(function(){if(!H.current){var n={modules:x({toolbar:!!b.showHeader&&j.current},b.modules),placeholder:b.placeholder,readOnly:b.readOnly,theme:b.theme,formats:b.formats};y?D(new Quill(S.current,n)):import("quill").then(function(l){var e;l&&s.isExist(S.current)&&(e=l.default?new l.default(S.current,n):new l(S.current,n),D(e))}),H.current=!0}});var I=function(n,l,e){var t=S.current.children[0],o=t?t.innerHTML:null,i=C.current.getText();if("<p><br></p>"===o&&(o=null),"api"===e){var r=S.current.children[0],q=document.createElement("div");if(q.innerHTML=b.value||"",s.isEqualElement(r,q))return}if(b.maxLength){var a=C.current.getLength();a>b.maxLength&&C.current.deleteText(b.maxLength,a)}b.onTextChange&&b.onTextChange({htmlValue:o,textValue:i,delta:n,source:e})},A=function(n,l,e){b.onSelectionChange&&b.onSelectionChange({range:n,oldRange:l,source:e})},M=l(b.value);M.current=b.value;var D=function(n){C.current=n,M.current&&n.setContents(n.clipboard.convert({html:M.current,text:""})),R(!0)};q(function(){if(L)return C.current.on("text-change",I),C.current.on("selection-change",A),function(){C.current.off("text-change",I),C.current.off("selection-change",A)}}),q(function(){L&&C.current&&C.current.getModule("toolbar")&&b.onLoad&&b.onLoad(C.current)},[L]),q(function(){C.current&&!C.current.hasFocus()&&(b.value?C.current.setContents(C.current.clipboard.convert({html:b.value,text:""})):C.current.setText(""))},[b.value]),n.useImperativeHandle(d,function(){return{props:b,getQuill:function(){return C.current},getElement:function(){return O.current},getContent:function(){return S.current},getToolbar:function(){return j.current}}});var U=function(){var l=p({ref:j,className:E("toolbar")},v("toolbar"));if(!1===b.showHeader)return null;if(b.headerTemplate)return n.createElement("div",l,b.headerTemplate);var e=function(n,l){return p(n&&x({},n),v(l))},t=p({className:"ql-formats"},v("formats"));return n.createElement("div",l,n.createElement("span",t,n.createElement("select",e({className:"ql-header",defaultValue:"0"},"header"),n.createElement("option",e({value:"1"},"option"),"Heading"),n.createElement("option",e({value:"2"},"option"),"Subheading"),n.createElement("option",e({value:"0"},"option"),"Normal")),n.createElement("select",e({className:"ql-font"},"font"),n.createElement("option",e(void 0,"option")),n.createElement("option",e({value:"serif"},"option")),n.createElement("option",e({value:"monospace"},"option")))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),n.createElement("button",e({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),n.createElement("button",e({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),n.createElement("span",t,n.createElement("select",e({className:"ql-color"},"color")),n.createElement("select",e({className:"ql-background"},"background"))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),n.createElement("button",e({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"list")),n.createElement("select",e({className:"ql-align"},"select"),n.createElement("option",e({defaultValue:!0},"option")),n.createElement("option",e({value:"center"},"option")),n.createElement("option",e({value:"right"},"option")),n.createElement("option",e({value:"justify"},"option")))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),n.createElement("button",e({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),n.createElement("button",e({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),n.createElement("span",t,n.createElement("button",e({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),V=p({ref:S,className:E("content"),style:b.style},v("content")),Q=n.createElement("div",V),B=p({className:a(b.className,E("root"))},h.getOtherProps(b),v("root"));return n.createElement("div",c({id:b.id,ref:O},B),U,Q)}));E.displayName="Editor";export{E as Editor};
|