primereact 10.3.3 → 10.4.0

package/dropdown/dropdown.js

@@ -247,6 +247,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       inputId: null,
       inputRef: null,
       itemTemplate: null,
+      loading: false,
+      loadingIcon: null,
       maxLength: null,
       name: null,
       onBlur: null,
@@ -774,27 +776,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     };
     var onInputKeyDown = function onInputKeyDown(event) {
-      switch (event.which) {
-        //down
-        case 40:
+      switch (event.code) {
+        case 'ArrowDown':
           onDownKey(event);
           break;
-
-        //up
-        case 38:
+        case 'ArrowUp':
           onUpKey(event);
           break;
-
-        //space and enter
-        case 32:
-        case 13:
+        case 'Space':
+        case 'Enter':
           overlayVisibleState ? hide() : show();
           event.preventDefault();
           break;
-
-        //escape and tab
-        case 27:
-        case 9:
+        case 'Escape':
+        case 'Tab':
           hide();
           break;
         default:
@@ -803,20 +798,15 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
-      switch (event.which) {
-        //down
-        case 40:
+      switch (event.code) {
+        case 'ArrowDown':
           onDownKey(event);
           break;
-
-        //up
-        case 38:
+        case 'ArrowUp':
           onUpKey(event);
           break;
-
-        //enter and escape
-        case 13:
-        case 27:
+        case 'Escape':
+        case 'Enter':
           hide();
           event.preventDefault();
           break;
@@ -897,8 +887,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       if (searchTimeout.current) {
         clearTimeout(searchTimeout.current);
       }
+      if (event.ctrlKey || event.metaKey || event.altKey) {
+        // ignore meta combinations like CTRL+F for browser search
+        return;
+      }
       var _char = event.key;
-      if (_char === 'Shift' || _char === 'Control' || _char === 'Alt') {
+      if (_char.length !== 1) {
+        // only single character keys matter for searching
         return;
       }
       if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;

package/dropdown/dropdown.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,d,f,m,v){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 y=g(t),h=b(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}function O(e){return O="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},O(e)}function I(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=I(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function D(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.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)?C(e,t):void 0}}function N(){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 F(e,t){return x(e)||j(e,t)||D(e,t)||N()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"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})},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:"p-dropdown-filter p-inputtext p-component",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"===h.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===h.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},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    }\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){}}}}),L=y.memo((function(e){var t=o.useMergeProps(),n=e.ptm,r=e.cx,l=e.selected,i=e.disabled,a=e.option,u=e.label,c=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=t({role:"option",key:e.label,className:p.classNames(a.className,r("item",{selected:l,disabled:i,label:u})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},"aria-label":u,"aria-selected":l,"data-p-highlight":l,"data-p-disabled":i},n("item",{context:{selected:l,disabled:i}}));return y.createElement("li",s,c,y.createElement(v.Ripple,null))}));function T(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?T(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="DropdownItem";var U=y.memo(y.forwardRef((function(e,t){var r=o.useMergeProps(),l=e.ptm,i=e.cx,u=e.sx,c=y.useContext(n.PrimeReactContext);y.useRef(null);var v,b,g,h,O,I=y.useRef(null),E=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,S={filter:function(e){return D(e)},reset:function(){return e.resetFilter()}},x=function(t,n){return l(t,R({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)}}))},C=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(I.current,!1)}))},D=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},N=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=r({className:i("footer")},x("footer"));return y.createElement("div",n,t)}return null},F=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),a=r+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return y.createElement(L,{key:a,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:l,cx:i})}))},P=function(t,o){var l=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(o?"emptyFilterMessage":"emptyMessage"),a=r({className:i("emptyMessage")},x("emptyMessage"));return y.createElement("li",a,l)},T=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=R(R({},a),t.style),e.optionGroupLabel){var u=e.optionGroupLabel,c=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),s=F(t,a),d=n+"_"+e.getOptionGroupRenderKey(t),f=r({className:i("itemGroup",{optionGroupLabel:u}),style:a,"data-p-highlight":e.selected},x("itemGroup"));return y.createElement(y.Fragment,{key:d},y.createElement("li",f,c),s)}var m=e.getOptionLabel(t),v=n+"_"+e.getOptionRenderKey(t),b=e.isOptionDisabled(t);return y.createElement(L,{key:v,label:m,option:t,style:a,template:e.itemTemplate,selected:e.isSelected(t),disabled:b,onClick:e.onOptionClick,ptm:l,cx:i})},U=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),o=r({className:i("filterClearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(I.current)}))}},x("filterClearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||y.createElement(a.TimesIcon,o),R({},o),{props:e})}return null},k=function(){if(e.filter){var t=U(),n=r({className:i("filterIcon")},x("filterIcon")),o=p.IconUtils.getJSXIcon(e.filterIcon||y.createElement(d.SearchIcon,n),R({},n),{props:e}),l=r({className:i("filterContainer",{clearIcon:t})},x("filterContainer")),a=r({ref:I,type:"text",autoComplete:"off",className:i("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return D(e)},value:e.filterValue},x("filterInput")),u=y.createElement("div",l,y.createElement("input",a),t,o);if(e.filterTemplate){var c={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:u,filterOptions:S,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:D,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};u=p.ObjectUtils.getJSXElement(e.filterTemplate,c)}var s=r({className:i("header")},x("header"));return y.createElement("div",s,u)}return null},M=function(){if(e.virtualScrollerOptions){var t=R(R({},e.virtualScrollerOptions),{style:R(R({},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(R(R({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&T(e,t.index,t)},contentTemplate:function(t){var n=E?P(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,o=r({ref:t.contentRef,style:t.style,className:p.classNames(t.className,i("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},x("list"));return y.createElement("ul",o,n)}});return y.createElement(m.VirtualScroller,w({ref:e.virtualScrollerRef},t,{pt:l("virtualScroller")}))}var n=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(T):e.hasFilter?P(e.emptyFilterMessage,!0):P(e.emptyMessage),o=r({className:i("wrapper"),style:u("wrapper")},x("wrapper")),a=r({className:i("list"),role:"listbox"},x("list"));return y.createElement("div",o,y.createElement("ul",a,n))},G=(v=k(),b=M(),g=N(),h=r({className:p.classNames(e.panelClassName,i("panel",{context:c})),style:u("panel"),onClick:e.onClick},x("panel")),O=r({classNames:i("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntered:C,onExit:e.onExit,onExited:e.onExited},x("transition")),y.createElement(s.CSSTransition,w({nodeRef:t},O),y.createElement("div",w({ref:t},h),v,b,g)));return y.createElement(f.Portal,{element:G,appendTo:e.appendTo})})));function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(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 M(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.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)?G(e,t):void 0}}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="DropdownPanel";var K=y.memo(y.forwardRef((function(e,t){var s=o.useMergeProps(),d=y.useContext(n.PrimeReactContext),f=P.getProps(e,d),m=F(y.useState(""),2),v=m[0],b=m[1],g=F(y.useState(!1),2),I=g[0],E=g[1],x=F(y.useState(!1),2),j=x[0],C=x[1],D=y.useRef(null),N=y.useRef(null),L=y.useRef(f.inputRef),T=y.useRef(f.focusInputRef),R=y.useRef(null),M=y.useRef(null),G=y.useRef(null),H=y.useRef(null),K=f.virtualScrollerOptions&&f.virtualScrollerOptions.lazy,V=p.ObjectUtils.isNotEmpty(v),_=f.appendTo||d&&d.appendTo||h.default.appendTo,J=P.setMetaData(A(A({props:f},f.__parentMetadata),{},{state:{filter:v,focused:I,overlayVisible:j}})),X=J.ptm,B=J.cx,z=J.sx;r.useHandleStyle(P.css.styles,J.isUnstyled,{name:"dropdown"});var q=F(o.useOverlayListener({target:D,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!W(e)&&Oe():Oe())},when:j}),2),Z=q[0],$=q[1],W=function(e){return p.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||p.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},Y=function(e){f.showOnFocus&&!j&&we(),E(!0),f.onFocus&&f.onFocus(e)},Q=function(e){E(!1),f.onBlur&&setTimeout((function(){var t=L.current?L.current.value:void 0;f.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}),200)},ee=function(e){switch(e.which){case 40:ne(e);break;case 38:te(e);break;case 32:case 13:j?Oe():we(),e.preventDefault();break;case 27:case 9:Oe();break;default:ae(e)}},te=function(e){if(ke){var t=le(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},ne=function(e){if(ke)if(!j&&e.altKey)we();else{var t=re(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},re=function e(t){if(f.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=oe(Ce(ke[n]),r);return o||(n+1!==ke.length?e({group:n+1,option:-1}):null)}return oe(ke,t)},oe=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return je(o)?e(r):o},le=function e(t){if(-1===t)return null;if(f.optionGroupLabel){var n=t.group,r=t.option,o=ie(Ce(ke[n]),r);return o||(n>0?e({group:n-1,option:Ce(ke[n-1]).length}):null)}return ie(ke,t)},ie=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return je(r)?le(n):r},ae=function(e){M.current&&clearTimeout(M.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(G.current=H.current===t?t:G.current?G.current+t:t,H.current=t,G.current){var n=ge(),r=f.optionGroupLabel?pe(n):ue(n+1);r&&be({originalEvent:e,option:r})}M.current=setTimeout((function(){G.current=null}),250)}},ue=function(e){return G.current?ce(e,ke.length)||ce(0,e):null},ce=function(e,t){for(var n=e;n<t;n++){var r=ke[n];if(se(r))return r}return null},pe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<ke.length;n++)for(var r=Ce(ke[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(se(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Ce(ke[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(se(i[a]))return i[a];return null},se=function(e){var t=Se(e);return!!t&&(t=t.toLocaleLowerCase(f.filterLocale)).startsWith(G.current.toLocaleLowerCase(f.filterLocale))},de=function(e){f.onChange&&f.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.target.value}})},fe=function(e){E(!0),Oe(),f.onFocus&&f.onFocus(e)},me=function(e){b(""),f.onFilter&&f.onFilter({filter:""}),e&&e()},ve=function(e){f.onChange&&f.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:void 0}}),f.filter&&me(),Ee()},be=function(e){if(Me!==e.option){Ee(e.option);var t=xe(e.option);f.onChange&&f.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}},ge=function(e){if(e=e||ke,null!=f.value&&e){if(!f.optionGroupLabel)return he(f.value,e);for(var t=0;t<e.length;t++){var n=he(f.value,Ce(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ye=function(){return f.optionValue?null:f.dataKey},he=function(e,t){var n=ye();return t.findIndex((function(t){return p.ObjectUtils.equals(e,xe(t),n)}))},we=function(){C(!0)},Oe=function(){C(!1)},Ie=function(){p.DomHandler.alignOverlay(N.current,L.current.parentElement,f.appendTo||d&&d.appendTo||h.default.appendTo)},Ee=function(e){L.current&&(L.current.value=e?Se(e):f.value||"")},Se=function(e){return f.optionLabel?p.ObjectUtils.resolveFieldData(e,f.optionLabel):e&&void 0!==e.label?e.label:e},xe=function(e){return f.optionValue?p.ObjectUtils.resolveFieldData(e,f.optionValue):e&&void 0!==e.value?e.value:e},je=function(e){return f.optionDisabled?p.ObjectUtils.isFunction(f.optionDisabled)?f.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,f.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ce=function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupChildren)},De=function(){if(f.editable&&L.current){var e=Me?Se(Me):null;L.current.value=e||f.value||""}};y.useImperativeHandle(t,(function(){return{props:f,show:we,hide:Oe,clear:ve,focus:function(){return p.DomHandler.focus(T.current)},getElement:function(){return D.current},getOverlay:function(){return N.current},getInput:function(){return L.current},getFocusInput:function(){return T.current},getVirtualScroller:function(){return R.current}}})),y.useEffect((function(){p.ObjectUtils.combinedRefs(L,f.inputRef),p.ObjectUtils.combinedRefs(T,f.focusInputRef)}),[L,f.inputRef,T,f.focusInputRef]),o.useMountEffect((function(){f.autoFocus&&p.DomHandler.focus(T.current,f.autoFocus),Ie()})),o.useUpdateEffect((function(){var e;j&&f.value&&(e=p.DomHandler.findSingle(N.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[j,f.value]),o.useUpdateEffect((function(){j&&v&&f.filter&&Ie()}),[j,v,f.filter]),o.useUpdateEffect((function(){!v||f.options&&0!==f.options.length||b(""),De(),L.current&&(L.current.selectedIndex=1)})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(N.current)}));var Ne,Fe,Pe,Le,Te,Re,Ue,ke=function(){if(V&&!K){var e=v.trim().toLocaleLowerCase(f.filterLocale),t=f.filterBy?f.filterBy.split(","):[f.optionLabel||"label"];if(f.optionGroupLabel){var r,o=[],l=k(f.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(Ce(i),t,e,f.filterMatchMode,f.filterLocale);a&&a.length&&o.push(A(A({},i),S({},"".concat(f.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(f.options,t,e,f.filterMatchMode,f.filterLocale)}return f.options}(),Me=-1!==(Ne=ge(f.options))?f.optionGroupLabel?Ce(f.options[Ne.group])[Ne.option]:f.options[Ne]:null,Ge=p.ObjectUtils.isNotEmpty(f.tooltip),He=P.getOtherProps(f),Ae=p.ObjectUtils.reduceKeys(He,p.DomHandler.ARIA_PROPS),Ke=function(){var e={value:"",label:f.placeholder};if(Me){var t=xe(Me);e={value:"object"===O(t)?f.options.findIndex((function(e){return e===t})):t,label:Se(Me)}}var n=s({className:"p-hidden-accessible p-dropdown-hidden-select"},X("hiddenSelectedMessage")),r=s({ref:L,required:f.required,defaultValue:e.value,name:f.name,tabIndex:-1,"aria-hidden":"true"},X("select")),o=s({value:e.value},X("option"));return y.createElement("div",n,y.createElement("select",r,y.createElement("option",o,e.label)))}(),Ve=(Fe=s({className:"p-hidden-accessible"},X("hiddenSelectedMessage")),Pe=s(A({ref:T,id:f.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:Y,onBlur:Q,onKeyDown:ee,disabled:f.disabled,tabIndex:f.tabIndex||0},Ae),X("input")),y.createElement("div",Fe,y.createElement("input",Pe))),_e=function(){var e=p.ObjectUtils.isNotEmpty(Me)?Se(Me):null;if(f.editable){var t=s(A({ref:L,type:"text",defaultValue:e||f.value||"",className:B("input",{label:e}),disabled:f.disabled,placeholder:f.placeholder,maxLength:f.maxLength,onInput:de,onFocus:fe,onBlur:Q,tabIndex:f.tabIndex||0,"aria-haspopup":"listbox"},Ae),X("input"));return y.createElement("input",t)}var n=f.valueTemplate?p.ObjectUtils.getJSXElement(f.valueTemplate,Me,f):e||f.placeholder||"empty",r=s({ref:L,className:B("input",{label:e}),tabIndex:"-1"},X("input"));return y.createElement("span",r,n)}(),Je=f.loading?(Le=s({className:B("loadingIcon"),"data-pr-overlay-visible":j},X("loadingIcon")),Te=p.IconUtils.getJSXIcon(f.loadingIcon||y.createElement(i.SpinnerIcon,{spin:!0}),A({},Le),{props:f}),Re=f.placeholder||f.ariaLabel,Ue=s({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":Re},X("trigger")),y.createElement("div",Ue,Te)):function(){var e=s({className:B("dropdownIcon"),"data-pr-overlay-visible":j},X("dropdownIcon")),t=p.IconUtils.getJSXIcon(f.dropdownIcon||y.createElement(l.ChevronDownIcon,e),A({},e),{props:f}),n=f.placeholder||f.ariaLabel,r=s({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":n},X("trigger"));return y.createElement("div",r,t)}(),Xe=function(){if(null!=f.value&&f.showClear&&!f.disabled){var e=s({className:B("clearIcon"),onPointerUp:ve},X("clearIcon"));return p.IconUtils.getJSXIcon(f.clearIcon||y.createElement(a.TimesIcon,e),A({},e),{props:f})}return null}(),Be=s({id:f.id,ref:D,className:p.classNames(f.className,B("root",{focusedState:I,overlayVisibleState:j})),style:f.style,onClick:function(e){return t=e,void(f.disabled||f.loading||(f.onClick&&f.onClick(t),t.defaultPrevented||W(t)||"INPUT"===t.target.tagName||N.current&&N.current&&N.current.contains(t.target)||(p.DomHandler.focus(T.current),j?Oe():we())));var t},onMouseDown:f.onMouseDown,onContextMenu:f.onContextMenu,"data-p-disabled":f.disabled,"data-p-focus":I},He,X("root"));return y.createElement(y.Fragment,null,y.createElement("div",Be,Ve,Ke,_e,Xe,Je,y.createElement(U,w({hostName:"Dropdown",ref:N,visibleOptions:ke,virtualScrollerRef:R},f,{appendTo:_,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},onOptionClick:function(e){e.option.disabled||(be(e),p.DomHandler.focus(T.current)),Oe()},filterValue:v,hasFilter:V,onFilterClearIconClick:function(e){me(e)},resetFilter:me,onFilterInputKeyDown:function(e){switch(e.which){case 40:ne(e);break;case 38:te(e);break;case 13:case 27:Oe(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;b(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},getOptionLabel:Se,getOptionRenderKey:function(e){return f.dataKey?p.ObjectUtils.resolveFieldData(e,f.dataKey):Se(e)},isOptionDisabled:je,getOptionGroupChildren:Ce,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},isSelected:function(e){return p.ObjectUtils.equals(f.value,xe(e),ye())},getSelectedOptionIndex:ge,in:j,onEnter:function(e){p.ZIndexUtils.set("overlay",N.current,d&&d.autoZIndex||h.default.autoZIndex,d&&d.zIndex.overlay||h.default.zIndex.overlay),p.DomHandler.addStyles(N.current,{position:"absolute",top:"0",left:"0"}),Ie(),e&&e()},onEntered:function(e){e&&e(),Z(),f.onShow&&f.onShow()},onExit:function(){$()},onExited:function(){f.filter&&f.resetFilterOnHide&&me(),p.ZIndexUtils.clear(N.current),f.onHide&&f.onHide()},ptm:X,cx:B,sx:z}))),Ge&&y.createElement(c.Tooltip,w({target:D,content:f.tooltip},f.tooltipOptions,{pt:X("tooltip")})))})));return K.displayName="Dropdown",e.Dropdown=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.spinner,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,d,f,m,v){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 y=g(t),h=b(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}function O(e){return O="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},O(e)}function E(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=E(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function D(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.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)?C(e,t):void 0}}function N(){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 F(e,t){return x(e)||j(e,t)||D(e,t)||N()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,loading:!1,loadingIcon:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"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})},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:"p-dropdown-filter p-inputtext p-component",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"===h.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===h.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},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    }\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){}}}}),L=y.memo((function(e){var t=o.useMergeProps(),n=e.ptm,r=e.cx,l=e.selected,i=e.disabled,a=e.option,u=e.label,c=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=t({role:"option",key:e.label,className:p.classNames(a.className,r("item",{selected:l,disabled:i,label:u})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},"aria-label":u,"aria-selected":l,"data-p-highlight":l,"data-p-disabled":i},n("item",{context:{selected:l,disabled:i}}));return y.createElement("li",s,c,y.createElement(v.Ripple,null))}));function T(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="DropdownItem";var R=y.memo(y.forwardRef((function(e,t){var r=o.useMergeProps(),l=e.ptm,i=e.cx,u=e.sx,c=y.useContext(n.PrimeReactContext);y.useRef(null);var v,b,g,h,O,E=y.useRef(null),I=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,S={filter:function(e){return D(e)},reset:function(){return e.resetFilter()}},x=function(t,n){return l(t,U({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)}}))},C=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(E.current,!1)}))},D=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},N=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=r({className:i("footer")},x("footer"));return y.createElement("div",n,t)}return null},F=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),a=r+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return y.createElement(L,{key:a,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:l,cx:i})}))},P=function(t,o){var l=p.ObjectUtils.getJSXElement(t,e)||n.localeOption(o?"emptyFilterMessage":"emptyMessage"),a=r({className:i("emptyMessage")},x("emptyMessage"));return y.createElement("li",a,l)},T=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=U(U({},a),t.style),e.optionGroupLabel){var u=e.optionGroupLabel,c=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),s=F(t,a),d=n+"_"+e.getOptionGroupRenderKey(t),f=r({className:i("itemGroup",{optionGroupLabel:u}),style:a,"data-p-highlight":e.selected},x("itemGroup"));return y.createElement(y.Fragment,{key:d},y.createElement("li",f,c),s)}var m=e.getOptionLabel(t),v=n+"_"+e.getOptionRenderKey(t),b=e.isOptionDisabled(t);return y.createElement(L,{key:v,label:m,option:t,style:a,template:e.itemTemplate,selected:e.isSelected(t),disabled:b,onClick:e.onOptionClick,ptm:l,cx:i})},R=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),o=r({className:i("filterClearIcon"),"aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(E.current)}))}},x("filterClearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||y.createElement(a.TimesIcon,o),U({},o),{props:e})}return null},k=function(){if(e.filter){var t=R(),n=r({className:i("filterIcon")},x("filterIcon")),o=p.IconUtils.getJSXIcon(e.filterIcon||y.createElement(d.SearchIcon,n),U({},n),{props:e}),l=r({className:i("filterContainer",{clearIcon:t})},x("filterContainer")),a=r({ref:E,type:"text",autoComplete:"off",className:i("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return D(e)},value:e.filterValue},x("filterInput")),u=y.createElement("div",l,y.createElement("input",a),t,o);if(e.filterTemplate){var c={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:u,filterOptions:S,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:D,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};u=p.ObjectUtils.getJSXElement(e.filterTemplate,c)}var s=r({className:i("header")},x("header"));return y.createElement("div",s,u)}return null},M=function(){if(e.virtualScrollerOptions){var t=U(U({},e.virtualScrollerOptions),{style:U(U({},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(U(U({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&T(e,t.index,t)},contentTemplate:function(t){var n=I?P(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,o=r({ref:t.contentRef,style:t.style,className:p.classNames(t.className,i("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},x("list"));return y.createElement("ul",o,n)}});return y.createElement(m.VirtualScroller,w({ref:e.virtualScrollerRef},t,{pt:l("virtualScroller")}))}var n=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(T):e.hasFilter?P(e.emptyFilterMessage,!0):P(e.emptyMessage),o=r({className:i("wrapper"),style:u("wrapper")},x("wrapper")),a=r({className:i("list"),role:"listbox"},x("list"));return y.createElement("div",o,y.createElement("ul",a,n))},G=(v=k(),b=M(),g=N(),h=r({className:p.classNames(e.panelClassName,i("panel",{context:c})),style:u("panel"),onClick:e.onClick},x("panel")),O=r({classNames:i("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntered:C,onExit:e.onExit,onExited:e.onExited},x("transition")),y.createElement(s.CSSTransition,w({nodeRef:t},O),y.createElement("div",w({ref:t},h),v,b,g)));return y.createElement(f.Portal,{element:G,appendTo:e.appendTo})})));function k(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(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 M(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.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)?G(e,t):void 0}}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="DropdownPanel";var K=y.memo(y.forwardRef((function(e,t){var s=o.useMergeProps(),d=y.useContext(n.PrimeReactContext),f=P.getProps(e,d),m=F(y.useState(""),2),v=m[0],b=m[1],g=F(y.useState(!1),2),E=g[0],I=g[1],x=F(y.useState(!1),2),j=x[0],C=x[1],D=y.useRef(null),N=y.useRef(null),L=y.useRef(f.inputRef),T=y.useRef(f.focusInputRef),U=y.useRef(null),M=y.useRef(null),G=y.useRef(null),H=y.useRef(null),K=f.virtualScrollerOptions&&f.virtualScrollerOptions.lazy,V=p.ObjectUtils.isNotEmpty(v),_=f.appendTo||d&&d.appendTo||h.default.appendTo,J=P.setMetaData(A(A({props:f},f.__parentMetadata),{},{state:{filter:v,focused:E,overlayVisible:j}})),X=J.ptm,B=J.cx,z=J.sx;r.useHandleStyle(P.css.styles,J.isUnstyled,{name:"dropdown"});var q=F(o.useOverlayListener({target:D,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!W(e)&&Oe():Oe())},when:j}),2),Z=q[0],$=q[1],W=function(e){return p.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||p.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},Y=function(e){f.showOnFocus&&!j&&we(),I(!0),f.onFocus&&f.onFocus(e)},Q=function(e){I(!1),f.onBlur&&setTimeout((function(){var t=L.current?L.current.value:void 0;f.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}),200)},ee=function(e){switch(e.code){case"ArrowDown":ne(e);break;case"ArrowUp":te(e);break;case"Space":case"Enter":j?Oe():we(),e.preventDefault();break;case"Escape":case"Tab":Oe();break;default:ae(e)}},te=function(e){if(ke){var t=le(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},ne=function(e){if(ke)if(!j&&e.altKey)we();else{var t=re(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},re=function e(t){if(f.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=oe(Ce(ke[n]),r);return o||(n+1!==ke.length?e({group:n+1,option:-1}):null)}return oe(ke,t)},oe=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return je(o)?e(r):o},le=function e(t){if(-1===t)return null;if(f.optionGroupLabel){var n=t.group,r=t.option,o=ie(Ce(ke[n]),r);return o||(n>0?e({group:n-1,option:Ce(ke[n-1]).length}):null)}return ie(ke,t)},ie=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return je(r)?le(n):r},ae=function(e){if(M.current&&clearTimeout(M.current),!(e.ctrlKey||e.metaKey||e.altKey)){var t=e.key;if(1===t.length){if(G.current=H.current===t?t:G.current?G.current+t:t,H.current=t,G.current){var n=ge(),r=f.optionGroupLabel?pe(n):ue(n+1);r&&be({originalEvent:e,option:r})}M.current=setTimeout((function(){G.current=null}),250)}}},ue=function(e){return G.current?ce(e,ke.length)||ce(0,e):null},ce=function(e,t){for(var n=e;n<t;n++){var r=ke[n];if(se(r))return r}return null},pe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<ke.length;n++)for(var r=Ce(ke[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(se(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Ce(ke[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(se(i[a]))return i[a];return null},se=function(e){var t=Se(e);return!!t&&(t=t.toLocaleLowerCase(f.filterLocale)).startsWith(G.current.toLocaleLowerCase(f.filterLocale))},de=function(e){f.onChange&&f.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.target.value}})},fe=function(e){I(!0),Oe(),f.onFocus&&f.onFocus(e)},me=function(e){b(""),f.onFilter&&f.onFilter({filter:""}),e&&e()},ve=function(e){f.onChange&&f.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:void 0}}),f.filter&&me(),Ie()},be=function(e){if(Me!==e.option){Ie(e.option);var t=xe(e.option);f.onChange&&f.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}},ge=function(e){if(e=e||ke,null!=f.value&&e){if(!f.optionGroupLabel)return he(f.value,e);for(var t=0;t<e.length;t++){var n=he(f.value,Ce(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ye=function(){return f.optionValue?null:f.dataKey},he=function(e,t){var n=ye();return t.findIndex((function(t){return p.ObjectUtils.equals(e,xe(t),n)}))},we=function(){C(!0)},Oe=function(){C(!1)},Ee=function(){p.DomHandler.alignOverlay(N.current,L.current.parentElement,f.appendTo||d&&d.appendTo||h.default.appendTo)},Ie=function(e){L.current&&(L.current.value=e?Se(e):f.value||"")},Se=function(e){return f.optionLabel?p.ObjectUtils.resolveFieldData(e,f.optionLabel):e&&void 0!==e.label?e.label:e},xe=function(e){return f.optionValue?p.ObjectUtils.resolveFieldData(e,f.optionValue):e&&void 0!==e.value?e.value:e},je=function(e){return f.optionDisabled?p.ObjectUtils.isFunction(f.optionDisabled)?f.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,f.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ce=function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupChildren)},De=function(){if(f.editable&&L.current){var e=Me?Se(Me):null;L.current.value=e||f.value||""}};y.useImperativeHandle(t,(function(){return{props:f,show:we,hide:Oe,clear:ve,focus:function(){return p.DomHandler.focus(T.current)},getElement:function(){return D.current},getOverlay:function(){return N.current},getInput:function(){return L.current},getFocusInput:function(){return T.current},getVirtualScroller:function(){return U.current}}})),y.useEffect((function(){p.ObjectUtils.combinedRefs(L,f.inputRef),p.ObjectUtils.combinedRefs(T,f.focusInputRef)}),[L,f.inputRef,T,f.focusInputRef]),o.useMountEffect((function(){f.autoFocus&&p.DomHandler.focus(T.current,f.autoFocus),Ee()})),o.useUpdateEffect((function(){var e;j&&f.value&&(e=p.DomHandler.findSingle(N.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[j,f.value]),o.useUpdateEffect((function(){j&&v&&f.filter&&Ee()}),[j,v,f.filter]),o.useUpdateEffect((function(){!v||f.options&&0!==f.options.length||b(""),De(),L.current&&(L.current.selectedIndex=1)})),o.useUnmountEffect((function(){p.ZIndexUtils.clear(N.current)}));var Ne,Fe,Pe,Le,Te,Ue,Re,ke=function(){if(V&&!K){var e=v.trim().toLocaleLowerCase(f.filterLocale),t=f.filterBy?f.filterBy.split(","):[f.optionLabel||"label"];if(f.optionGroupLabel){var r,o=[],l=k(f.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(Ce(i),t,e,f.filterMatchMode,f.filterLocale);a&&a.length&&o.push(A(A({},i),S({},"".concat(f.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(f.options,t,e,f.filterMatchMode,f.filterLocale)}return f.options}(),Me=-1!==(Ne=ge(f.options))?f.optionGroupLabel?Ce(f.options[Ne.group])[Ne.option]:f.options[Ne]:null,Ge=p.ObjectUtils.isNotEmpty(f.tooltip),He=P.getOtherProps(f),Ae=p.ObjectUtils.reduceKeys(He,p.DomHandler.ARIA_PROPS),Ke=function(){var e={value:"",label:f.placeholder};if(Me){var t=xe(Me);e={value:"object"===O(t)?f.options.findIndex((function(e){return e===t})):t,label:Se(Me)}}var n=s({className:"p-hidden-accessible p-dropdown-hidden-select"},X("hiddenSelectedMessage")),r=s({ref:L,required:f.required,defaultValue:e.value,name:f.name,tabIndex:-1,"aria-hidden":"true"},X("select")),o=s({value:e.value},X("option"));return y.createElement("div",n,y.createElement("select",r,y.createElement("option",o,e.label)))}(),Ve=(Fe=s({className:"p-hidden-accessible"},X("hiddenSelectedMessage")),Pe=s(A({ref:T,id:f.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:Y,onBlur:Q,onKeyDown:ee,disabled:f.disabled,tabIndex:f.tabIndex||0},Ae),X("input")),y.createElement("div",Fe,y.createElement("input",Pe))),_e=function(){var e=p.ObjectUtils.isNotEmpty(Me)?Se(Me):null;if(f.editable){var t=s(A({ref:L,type:"text",defaultValue:e||f.value||"",className:B("input",{label:e}),disabled:f.disabled,placeholder:f.placeholder,maxLength:f.maxLength,onInput:de,onFocus:fe,onBlur:Q,tabIndex:f.tabIndex||0,"aria-haspopup":"listbox"},Ae),X("input"));return y.createElement("input",t)}var n=f.valueTemplate?p.ObjectUtils.getJSXElement(f.valueTemplate,Me,f):e||f.placeholder||"empty",r=s({ref:L,className:B("input",{label:e}),tabIndex:"-1"},X("input"));return y.createElement("span",r,n)}(),Je=f.loading?(Le=s({className:B("loadingIcon"),"data-pr-overlay-visible":j},X("loadingIcon")),Te=p.IconUtils.getJSXIcon(f.loadingIcon||y.createElement(i.SpinnerIcon,{spin:!0}),A({},Le),{props:f}),Ue=f.placeholder||f.ariaLabel,Re=s({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":Ue},X("trigger")),y.createElement("div",Re,Te)):function(){var e=s({className:B("dropdownIcon"),"data-pr-overlay-visible":j},X("dropdownIcon")),t=p.IconUtils.getJSXIcon(f.dropdownIcon||y.createElement(l.ChevronDownIcon,e),A({},e),{props:f}),n=f.placeholder||f.ariaLabel,r=s({className:B("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":n},X("trigger"));return y.createElement("div",r,t)}(),Xe=function(){if(null!=f.value&&f.showClear&&!f.disabled){var e=s({className:B("clearIcon"),onPointerUp:ve},X("clearIcon"));return p.IconUtils.getJSXIcon(f.clearIcon||y.createElement(a.TimesIcon,e),A({},e),{props:f})}return null}(),Be=s({id:f.id,ref:D,className:p.classNames(f.className,B("root",{focusedState:E,overlayVisibleState:j})),style:f.style,onClick:function(e){return t=e,void(f.disabled||f.loading||(f.onClick&&f.onClick(t),t.defaultPrevented||W(t)||"INPUT"===t.target.tagName||N.current&&N.current&&N.current.contains(t.target)||(p.DomHandler.focus(T.current),j?Oe():we())));var t},onMouseDown:f.onMouseDown,onContextMenu:f.onContextMenu,"data-p-disabled":f.disabled,"data-p-focus":E},He,X("root"));return y.createElement(y.Fragment,null,y.createElement("div",Be,Ve,Ke,_e,Xe,Je,y.createElement(R,w({hostName:"Dropdown",ref:N,visibleOptions:ke,virtualScrollerRef:U},f,{appendTo:_,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},onOptionClick:function(e){e.option.disabled||(be(e),p.DomHandler.focus(T.current)),Oe()},filterValue:v,hasFilter:V,onFilterClearIconClick:function(e){me(e)},resetFilter:me,onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":ne(e);break;case"ArrowUp":te(e);break;case"Escape":case"Enter":Oe(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;b(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},getOptionLabel:Se,getOptionRenderKey:function(e){return f.dataKey?p.ObjectUtils.resolveFieldData(e,f.dataKey):Se(e)},isOptionDisabled:je,getOptionGroupChildren:Ce,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},isSelected:function(e){return p.ObjectUtils.equals(f.value,xe(e),ye())},getSelectedOptionIndex:ge,in:j,onEnter:function(e){p.ZIndexUtils.set("overlay",N.current,d&&d.autoZIndex||h.default.autoZIndex,d&&d.zIndex.overlay||h.default.zIndex.overlay),p.DomHandler.addStyles(N.current,{position:"absolute",top:"0",left:"0"}),Ee(),e&&e()},onEntered:function(e){e&&e(),Z(),f.onShow&&f.onShow()},onExit:function(){$()},onExited:function(){f.filter&&f.resetFilterOnHide&&me(),p.ZIndexUtils.clear(N.current),f.onHide&&f.onHide()},ptm:X,cx:B,sx:z}))),Ge&&y.createElement(c.Tooltip,w({target:D,content:f.tooltip},f.tooltipOptions,{pt:X("tooltip")})))})));return K.displayName="Dropdown",e.Dropdown=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.spinner,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);

package/editor/editor.cjs.js

@@ -310,7 +310,7 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         'aria-label': 'Ordered List'
       }, 'list')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
         type: 'button',
-        className: cx('list'),
+        className: 'ql-list',
         value: 'bullet',
         'aria-label': 'Unordered List'
       }, 'list')), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({

package/editor/editor.cjs.min.js

@@ -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 r(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 i=r(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)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},q.apply(this,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 c(n,l){if("object"!==a(n)||null===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 s(n){var l=c(n,"string");return"symbol"===a(l)?l:String(l)}var d=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("p-component p-editor-container",n.props.className)},toolbar:"p-editor-toolbar",content:"p-editor-content"},styles:'\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\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: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\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    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 ul,\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    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: "\\2022";\n}\n.ql-editor ul[data-checked="true"],\n.ql-editor ul[data-checked="false"] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked="true"] > li *,\n.ql-editor ul[data-checked="false"] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before,\n.ql-editor ul[data-checked="false"] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before {\n    content: "\\2611";\n}\n.ql-editor ul[data-checked="false"] > li::before {\n    content: "\\2610";\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3em;\n    margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5em;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9: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 .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-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 pre {\n    background-color: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\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 pre.ql-syntax {\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    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 0px;\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: 0px;\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 .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .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-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: 0px;\n}\n.ql-snow .ql-tooltip {\n    background-color: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 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: 0px;\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: 0px;\n    content: "Save";\n    padding-right: 0px;\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 p(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 b(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?p(Object(e),!0).forEach((function(l){var t,o,r;t=n,r=e[l],(o=s(o=l))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var u=function(){try{return Quill}catch(n){return null}}(),f=i.memo(i.forwardRef((function(n,a){var c=t.useMergeProps(),s=i.useContext(l.PrimeReactContext),p=d.getProps(n,s),f=d.setMetaData({props:p}),m=f.ptm,g=f.cx;e.useHandleStyle(d.css.styles,f.isUnstyled,{name:"editor"});var k=i.useRef(null),w=i.useRef(null),h=i.useRef(null),v=i.useRef(null),x=i.useRef(!1);t.useMountEffect((function(){if(!x.current){var n={modules:b({toolbar:!!p.showHeader&&h.current},p.modules),placeholder:p.placeholder,readOnly:p.readOnly,theme:p.theme,formats:p.formats};u?(v.current=new Quill(w.current,n),y(),v.current&&v.current.getModule("toolbar")&&p.onLoad&&p.onLoad(v.current)):Promise.resolve().then((function(){return r(require("quill"))})).then((function(l){l&&o.DomHandler.isExist(w.current)&&(v.current=l.default?new l.default(w.current,n):new l(w.current,n),y())})).then((function(){v.current&&v.current.getModule("toolbar")&&p.onLoad&&p.onLoad(v.current)})),x.current=!0}}));var y=function(){p.value&&v.current.setContents(v.current.clipboard.convert(p.value)),v.current.on("text-change",(function(n,l,e){var t=w.current.children[0],r=t?t.innerHTML:null,i=v.current.getText();if("<p><br></p>"===r&&(r=null),"api"===e){var q=w.current.children[0],a=document.createElement("div");if(a.innerHTML=p.value||"",o.DomHandler.isEqualElement(q,a))return}if(p.maxLength){var c=v.current.getLength();c>p.maxLength&&v.current.deleteText(p.maxLength,c)}p.onTextChange&&p.onTextChange({htmlValue:r,textValue:i,delta:n,source:e})})),v.current.on("selection-change",(function(n,l,e){p.onSelectionChange&&p.onSelectionChange({range:n,oldRange:l,source:e})}))};t.useUpdateEffect((function(){v.current&&!v.current.hasFocus()&&(p.value?v.current.setContents(v.current.clipboard.convert(p.value)):v.current.setText(""))}),[p.value]),i.useImperativeHandle(a,(function(){return{props:p,getQuill:function(){return v.current},getElement:function(){return k.current},getContent:function(){return w.current},getToolbar:function(){return h.current}}}));var E=function(){var n=c({ref:h,className:g("toolbar")},m("toolbar"));if(!1===p.showHeader)return null;if(p.headerTemplate)return i.createElement("div",n,p.headerTemplate);var l=function(n,l){return c(n&&b({},n),m(l))},e=c({className:"ql-formats"},m("formats"));return i.createElement("div",n,i.createElement("span",e,i.createElement("select",l({className:"ql-header",defaultValue:"0"},"header"),i.createElement("option",l({value:"1"},"option"),"Heading"),i.createElement("option",l({value:"2"},"option"),"Subheading"),i.createElement("option",l({value:"0"},"option"),"Normal")),i.createElement("select",l({className:"ql-font"},"font"),i.createElement("option",l(void 0,"option")),i.createElement("option",l({value:"serif"},"option")),i.createElement("option",l({value:"monospace"},"option")))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),i.createElement("button",l({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),i.createElement("button",l({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),i.createElement("span",e,i.createElement("select",l({className:"ql-color"},"color")),i.createElement("select",l({className:"ql-background"},"background"))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),i.createElement("button",l({type:"button",className:g("list"),value:"bullet","aria-label":"Unordered List"},"list")),i.createElement("select",l({className:"ql-align"},"select"),i.createElement("option",l({defaultValue:!0},"option")),i.createElement("option",l({value:"center"},"option")),i.createElement("option",l({value:"right"},"option")),i.createElement("option",l({value:"justify"},"option")))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),i.createElement("button",l({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),i.createElement("button",l({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),z=c({ref:w,className:g("content"),style:p.style},m("content")),O=i.createElement("div",z),N=c({className:o.classNames(p.className,g("root"))},d.getOtherProps(p),m("root"));return i.createElement("div",q({id:p.id,ref:k},N),E,O)})));f.displayName="Editor",exports.Editor=f;
+"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 r(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 i=r(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)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},q.apply(this,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 c(n,l){if("object"!==a(n)||null===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 s(n){var l=c(n,"string");return"symbol"===a(l)?l:String(l)}var d=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("p-component p-editor-container",n.props.className)},toolbar:"p-editor-toolbar",content:"p-editor-content"},styles:'\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\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: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\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    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 ul,\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    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: "\\2022";\n}\n.ql-editor ul[data-checked="true"],\n.ql-editor ul[data-checked="false"] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked="true"] > li *,\n.ql-editor ul[data-checked="false"] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before,\n.ql-editor ul[data-checked="false"] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before {\n    content: "\\2611";\n}\n.ql-editor ul[data-checked="false"] > li::before {\n    content: "\\2610";\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3em;\n    margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5em;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9: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 .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-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 pre {\n    background-color: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\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 pre.ql-syntax {\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    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 0px;\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: 0px;\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 .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .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-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: 0px;\n}\n.ql-snow .ql-tooltip {\n    background-color: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 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: 0px;\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: 0px;\n    content: "Save";\n    padding-right: 0px;\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 p(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 b(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?p(Object(e),!0).forEach((function(l){var t,o,r;t=n,r=e[l],(o=s(o=l))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var u=function(){try{return Quill}catch(n){return null}}(),f=i.memo(i.forwardRef((function(n,a){var c=t.useMergeProps(),s=i.useContext(l.PrimeReactContext),p=d.getProps(n,s),f=d.setMetaData({props:p}),m=f.ptm,g=f.cx;e.useHandleStyle(d.css.styles,f.isUnstyled,{name:"editor"});var k=i.useRef(null),w=i.useRef(null),h=i.useRef(null),v=i.useRef(null),x=i.useRef(!1);t.useMountEffect((function(){if(!x.current){var n={modules:b({toolbar:!!p.showHeader&&h.current},p.modules),placeholder:p.placeholder,readOnly:p.readOnly,theme:p.theme,formats:p.formats};u?(v.current=new Quill(w.current,n),y(),v.current&&v.current.getModule("toolbar")&&p.onLoad&&p.onLoad(v.current)):Promise.resolve().then((function(){return r(require("quill"))})).then((function(l){l&&o.DomHandler.isExist(w.current)&&(v.current=l.default?new l.default(w.current,n):new l(w.current,n),y())})).then((function(){v.current&&v.current.getModule("toolbar")&&p.onLoad&&p.onLoad(v.current)})),x.current=!0}}));var y=function(){p.value&&v.current.setContents(v.current.clipboard.convert(p.value)),v.current.on("text-change",(function(n,l,e){var t=w.current.children[0],r=t?t.innerHTML:null,i=v.current.getText();if("<p><br></p>"===r&&(r=null),"api"===e){var q=w.current.children[0],a=document.createElement("div");if(a.innerHTML=p.value||"",o.DomHandler.isEqualElement(q,a))return}if(p.maxLength){var c=v.current.getLength();c>p.maxLength&&v.current.deleteText(p.maxLength,c)}p.onTextChange&&p.onTextChange({htmlValue:r,textValue:i,delta:n,source:e})})),v.current.on("selection-change",(function(n,l,e){p.onSelectionChange&&p.onSelectionChange({range:n,oldRange:l,source:e})}))};t.useUpdateEffect((function(){v.current&&!v.current.hasFocus()&&(p.value?v.current.setContents(v.current.clipboard.convert(p.value)):v.current.setText(""))}),[p.value]),i.useImperativeHandle(a,(function(){return{props:p,getQuill:function(){return v.current},getElement:function(){return k.current},getContent:function(){return w.current},getToolbar:function(){return h.current}}}));var E=function(){var n=c({ref:h,className:g("toolbar")},m("toolbar"));if(!1===p.showHeader)return null;if(p.headerTemplate)return i.createElement("div",n,p.headerTemplate);var l=function(n,l){return c(n&&b({},n),m(l))},e=c({className:"ql-formats"},m("formats"));return i.createElement("div",n,i.createElement("span",e,i.createElement("select",l({className:"ql-header",defaultValue:"0"},"header"),i.createElement("option",l({value:"1"},"option"),"Heading"),i.createElement("option",l({value:"2"},"option"),"Subheading"),i.createElement("option",l({value:"0"},"option"),"Normal")),i.createElement("select",l({className:"ql-font"},"font"),i.createElement("option",l(void 0,"option")),i.createElement("option",l({value:"serif"},"option")),i.createElement("option",l({value:"monospace"},"option")))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-bold","aria-label":"Bold"},"bold")),i.createElement("button",l({type:"button",className:"ql-italic","aria-label":"Italic"},"italic")),i.createElement("button",l({type:"button",className:"ql-underline","aria-label":"Underline"},"underline"))),i.createElement("span",e,i.createElement("select",l({className:"ql-color"},"color")),i.createElement("select",l({className:"ql-background"},"background"))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"list")),i.createElement("button",l({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"list")),i.createElement("select",l({className:"ql-align"},"select"),i.createElement("option",l({defaultValue:!0},"option")),i.createElement("option",l({value:"center"},"option")),i.createElement("option",l({value:"right"},"option")),i.createElement("option",l({value:"justify"},"option")))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-link","aria-label":"Insert Link"},"link")),i.createElement("button",l({type:"button",className:"ql-image","aria-label":"Insert Image"},"image")),i.createElement("button",l({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"codeBlock"))),i.createElement("span",e,i.createElement("button",l({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"clean"))))}(),z=c({ref:w,className:g("content"),style:p.style},m("content")),O=i.createElement("div",z),N=c({className:o.classNames(p.className,g("root"))},d.getOtherProps(p),m("root"));return i.createElement("div",q({id:p.id,ref:k},N),E,O)})));f.displayName="Editor",exports.Editor=f;

package/editor/editor.esm.js

@@ -286,7 +286,7 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
         'aria-label': 'Ordered List'
       }, 'list')), /*#__PURE__*/React.createElement("button", getMergeProps({
         type: 'button',
-        className: cx('list'),
+        className: 'ql-list',
         value: 'bullet',
         'aria-label': 'Unordered List'
       }, 'list')), /*#__PURE__*/React.createElement("select", getMergeProps({

package/editor/editor.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{PrimeReactContext as l}from"primereact/api";import{ComponentBase as e,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{classNames as q,DomHandler as a}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)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},c.apply(this,arguments)}function s(n){return s="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},s(n)}function d(n,l){if("object"!==s(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function p(n){var l=d(n,"string");return"symbol"===s(l)?l:String(l)}var b=e.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 q("p-component p-editor-container",n.props.className)},toolbar:"p-editor-toolbar",content:"p-editor-content"},styles:'\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\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: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\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    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 ul,\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    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: "\\2022";\n}\n.ql-editor ul[data-checked="true"],\n.ql-editor ul[data-checked="false"] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked="true"] > li *,\n.ql-editor ul[data-checked="false"] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before,\n.ql-editor ul[data-checked="false"] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before {\n    content: "\\2611";\n}\n.ql-editor ul[data-checked="false"] > li::before {\n    content: "\\2610";\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3em;\n    margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5em;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9: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 .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-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 pre {\n    background-color: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\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 pre.ql-syntax {\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    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 0px;\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: 0px;\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 .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .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-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: 0px;\n}\n.ql-snow .ql-tooltip {\n    background-color: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 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: 0px;\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: 0px;\n    content: "Save";\n    padding-right: 0px;\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 u(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 f(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?u(Object(e),!0).forEach((function(l){var t,o,r;t=n,r=e[l],(o=p(o=l))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var m=function(){try{return Quill}catch(n){return null}}(),g=n.memo(n.forwardRef((function(e,s){var d=o(),p=n.useContext(l),u=b.getProps(e,p),g=b.setMetaData({props:u}),k=g.ptm,w=g.cx;t(b.css.styles,g.isUnstyled,{name:"editor"});var h=n.useRef(null),v=n.useRef(null),x=n.useRef(null),y=n.useRef(null),E=n.useRef(!1);r((function(){if(!E.current){var n={modules:f({toolbar:!!u.showHeader&&x.current},u.modules),placeholder:u.placeholder,readOnly:u.readOnly,theme:u.theme,formats:u.formats};m?(y.current=new Quill(v.current,n),z(),y.current&&y.current.getModule("toolbar")&&u.onLoad&&u.onLoad(y.current)):import("quill").then((function(l){l&&a.isExist(v.current)&&(y.current=l.default?new l.default(v.current,n):new l(v.current,n),z())})).then((function(){y.current&&y.current.getModule("toolbar")&&u.onLoad&&u.onLoad(y.current)})),E.current=!0}}));var z=function(){u.value&&y.current.setContents(y.current.clipboard.convert(u.value)),y.current.on("text-change",(function(n,l,e){var t=v.current.children[0],o=t?t.innerHTML:null,r=y.current.getText();if("<p><br></p>"===o&&(o=null),"api"===e){var i=v.current.children[0],q=document.createElement("div");if(q.innerHTML=u.value||"",a.isEqualElement(i,q))return}if(u.maxLength){var c=y.current.getLength();c>u.maxLength&&y.current.deleteText(u.maxLength,c)}u.onTextChange&&u.onTextChange({htmlValue:o,textValue:r,delta:n,source:e})})),y.current.on("selection-change",(function(n,l,e){u.onSelectionChange&&u.onSelectionChange({range:n,oldRange:l,source:e})}))};i((function(){y.current&&!y.current.hasFocus()&&(u.value?y.current.setContents(y.current.clipboard.convert(u.value)):y.current.setText(""))}),[u.value]),n.useImperativeHandle(s,(function(){return{props:u,getQuill:function(){return y.current},getElement:function(){return h.current},getContent:function(){return v.current},getToolbar:function(){return x.current}}}));var N=function(){var l=d({ref:x,className:w("toolbar")},k("toolbar"));if(!1===u.showHeader)return null;if(u.headerTemplate)return n.createElement("div",l,u.headerTemplate);var e=function(n,l){return d(n&&f({},n),k(l))},t=d({className:"ql-formats"},k("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:w("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"))))}(),O=d({ref:v,className:w("content"),style:u.style},k("content")),j=n.createElement("div",O),S=d({className:q(u.className,w("root"))},b.getOtherProps(u),k("root"));return n.createElement("div",c({id:u.id,ref:h},S),N,j)})));g.displayName="Editor";export{g as Editor};
+import*as n from"react";import{PrimeReactContext as l}from"primereact/api";import{ComponentBase as e,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{classNames as q,DomHandler as a}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)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n},c.apply(this,arguments)}function s(n){return s="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},s(n)}function d(n,l){if("object"!==s(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,l||"default");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(n)}function p(n){var l=d(n,"string");return"symbol"===s(l)?l:String(l)}var b=e.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 q("p-component p-editor-container",n.props.className)},toolbar:"p-editor-toolbar",content:"p-editor-content"},styles:'\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\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: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\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    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 ul,\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    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: "\\2022";\n}\n.ql-editor ul[data-checked="true"],\n.ql-editor ul[data-checked="false"] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked="true"] > li *,\n.ql-editor ul[data-checked="false"] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before,\n.ql-editor ul[data-checked="false"] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked="true"] > li::before {\n    content: "\\2611";\n}\n.ql-editor ul[data-checked="false"] > li::before {\n    content: "\\2610";\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5em;\n    margin-right: 0.3em;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3em;\n    margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5em;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) ". ";\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) ". ";\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) ". ";\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9: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 .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-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 pre {\n    background-color: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\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 pre.ql-syntax {\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    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 0px;\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: 0px;\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 .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,\n.ql-snow .ql-picker.ql-size .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-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: 0px;\n}\n.ql-snow .ql-tooltip {\n    background-color: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 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: 0px;\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: 0px;\n    content: "Save";\n    padding-right: 0px;\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 u(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 f(n){for(var l=1;l<arguments.length;l++){var e=null!=arguments[l]?arguments[l]:{};l%2?u(Object(e),!0).forEach((function(l){var t,o,r;t=n,r=e[l],(o=p(o=l))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(e,l))}))}return n}var m=function(){try{return Quill}catch(n){return null}}(),g=n.memo(n.forwardRef((function(e,s){var d=o(),p=n.useContext(l),u=b.getProps(e,p),g=b.setMetaData({props:u}),k=g.ptm,w=g.cx;t(b.css.styles,g.isUnstyled,{name:"editor"});var h=n.useRef(null),v=n.useRef(null),x=n.useRef(null),y=n.useRef(null),E=n.useRef(!1);r((function(){if(!E.current){var n={modules:f({toolbar:!!u.showHeader&&x.current},u.modules),placeholder:u.placeholder,readOnly:u.readOnly,theme:u.theme,formats:u.formats};m?(y.current=new Quill(v.current,n),z(),y.current&&y.current.getModule("toolbar")&&u.onLoad&&u.onLoad(y.current)):import("quill").then((function(l){l&&a.isExist(v.current)&&(y.current=l.default?new l.default(v.current,n):new l(v.current,n),z())})).then((function(){y.current&&y.current.getModule("toolbar")&&u.onLoad&&u.onLoad(y.current)})),E.current=!0}}));var z=function(){u.value&&y.current.setContents(y.current.clipboard.convert(u.value)),y.current.on("text-change",(function(n,l,e){var t=v.current.children[0],o=t?t.innerHTML:null,r=y.current.getText();if("<p><br></p>"===o&&(o=null),"api"===e){var i=v.current.children[0],q=document.createElement("div");if(q.innerHTML=u.value||"",a.isEqualElement(i,q))return}if(u.maxLength){var c=y.current.getLength();c>u.maxLength&&y.current.deleteText(u.maxLength,c)}u.onTextChange&&u.onTextChange({htmlValue:o,textValue:r,delta:n,source:e})})),y.current.on("selection-change",(function(n,l,e){u.onSelectionChange&&u.onSelectionChange({range:n,oldRange:l,source:e})}))};i((function(){y.current&&!y.current.hasFocus()&&(u.value?y.current.setContents(y.current.clipboard.convert(u.value)):y.current.setText(""))}),[u.value]),n.useImperativeHandle(s,(function(){return{props:u,getQuill:function(){return y.current},getElement:function(){return h.current},getContent:function(){return v.current},getToolbar:function(){return x.current}}}));var N=function(){var l=d({ref:x,className:w("toolbar")},k("toolbar"));if(!1===u.showHeader)return null;if(u.headerTemplate)return n.createElement("div",l,u.headerTemplate);var e=function(n,l){return d(n&&f({},n),k(l))},t=d({className:"ql-formats"},k("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"))))}(),O=d({ref:v,className:w("content"),style:u.style},k("content")),j=n.createElement("div",O),S=d({className:q(u.className,w("root"))},b.getOtherProps(u),k("root"));return n.createElement("div",c({id:u.id,ref:h},S),N,j)})));g.displayName="Editor";export{g as Editor};

package/editor/editor.js

@@ -303,7 +303,7 @@ this.primereact.editor = (function (exports, React, api, componentbase, hooks, u
           'aria-label': 'Ordered List'
         }, 'list')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
           type: 'button',
-          className: cx('list'),
+          className: 'ql-list',
           value: 'bullet',
           'aria-label': 'Unordered List'
         }, 'list')), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({