primereact 10.0.2 → 10.0.3

package/dropdown/dropdown.esm.min.js

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

package/dropdown/dropdown.js

@@ -159,32 +159,37 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     },
     trigger: 'p-dropdown-trigger',
     emptyMessage: 'p-dropdown-empty-message',
-    itemGroup: 'p-dropdown-item-group',
+    itemGroup: function itemGroup(_ref3) {
+      var optionGroupLabel = _ref3.optionGroupLabel;
+      return utils.classNames('p-dropdown-item-group', {
+        'p-dropdown-item-empty': !optionGroupLabel || optionGroupLabel.length === 0
+      });
+    },
     dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
     clearIcon: 'p-dropdown-clear-icon p-clickable',
     filterIcon: 'p-dropdown-filter-icon',
-    filterContainer: function filterContainer(_ref3) {
-      var clearIcon = _ref3.clearIcon;
+    filterContainer: function filterContainer(_ref4) {
+      var clearIcon = _ref4.clearIcon;
       return utils.classNames('p-dropdown-filter-container', {
         'p-dropdown-clearable-filter': !!clearIcon
       });
     },
     filterInput: 'p-dropdown-filter p-inputtext p-component',
-    list: function list(_ref4) {
-      var virtualScrollerOptions = _ref4.virtualScrollerOptions;
+    list: function list(_ref5) {
+      var virtualScrollerOptions = _ref5.virtualScrollerOptions;
       return virtualScrollerOptions ? 'p-dropdown-items' : 'p-dropdown-items';
     },
-    panel: function panel(_ref5) {
-      var context = _ref5.context;
+    panel: function panel(_ref6) {
+      var context = _ref6.context;
       return utils.classNames('p-dropdown-panel p-component', {
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
     },
-    item: function item(_ref6) {
-      var selected = _ref6.selected,
-        disabled = _ref6.disabled,
-        label = _ref6.label;
+    item: function item(_ref7) {
+      var selected = _ref7.selected,
+        disabled = _ref7.disabled,
+        label = _ref7.label;
       return utils.classNames('p-dropdown-item', {
         'p-highlight': selected,
         'p-disabled': disabled,
@@ -198,14 +203,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
   };
   var 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";
   var inlineStyles = {
-    wrapper: function wrapper(_ref7) {
-      var props = _ref7.props;
+    wrapper: function wrapper(_ref8) {
+      var props = _ref8.props;
       return {
         maxHeight: props.scrollHeight || 'auto'
       };
     },
-    panel: function panel(_ref8) {
-      var props = _ref8.props;
+    panel: function panel(_ref9) {
+      var props = _ref9.props;
       props.panelStyle;
     }
   };
@@ -310,7 +315,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var itemProps = utils.mergeProps({
       role: 'option',
       key: props.label,
-      className: utils.classNames(option.className, cx('item')),
+      className: utils.classNames(option.className, cx('item', {
+        selected: selected,
+        disabled: disabled,
+        label: label
+      })),
       style: props.style,
       onClick: function onClick(e) {
         return _onClick(e);
@@ -414,11 +423,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       };
       style = _objectSpread$1(_objectSpread$1({}, style), option.style);
       if (props.optionGroupLabel) {
+        var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
         var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         var itemGroupProps = utils.mergeProps({
-          className: cx('itemGroup'),
+          className: cx('itemGroup', {
+            optionGroupLabel: optionGroupLabel
+          }),
           style: style
         }, getPTOptions('itemGroup'));
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {

package/dropdown/dropdown.min.js

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

@@ -93,7 +93,7 @@ var classes = {
   toolbar: 'p-editor-toolbar',
   content: 'p-editor-content'
 };
-var 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    background-color: #fff;\n    display: none;\n    min-width: 100%;\n    padding: 4px 8px;\n    position: absolute;\n    white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n    cursor: pointer;\n    display: block;\n    padding-bottom: 5px;\n    padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: #ccc;\n    z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    display: block;\n    margin-top: -1px;\n    top: 100%;\n    z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n    width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n    padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n    right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n    padding: 4px 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";
+var 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";
 var EditorBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Editor',