1"use strict";(self.webpackChunkelementor_pro_notes=self.webpackChunkelementor_pro_notes||[]).push([[716],{7622:(e,t,n)=>{n.d(t,{default:()=>Wa});var r=n(1594),o=n.n(r),a=n(3254);const i=a.Ay.button` 2 all: revert; 3 4 --color: #000; 5 --padding: 0; 6 --background: transparent; 7 --font-weight: 500; 8 --font-size: 16px; 9 --font-family: Roboto, sans-serif; 10 --text-transform: none; 11 --letter-spacing: 0; 12 --font-style: normal; 13 --text-decoration: none; 14 --line-height: normal; 15 --word-spacing: normal; 16 --text-shadow: none; 17 --box-shadow: none; 18 --border: none; 19 --border-radius: 0; 20 21 // Override themes selectors. 22 &, 23 &&, 24 &[type="button"], 25 &[type="submit"], 26 &[type="reset"], 27 &:hover, 28 &:focus, 29 &:active, 30 &:not( :hover ):not( :active ):not( .has-background ), 31 &:not( :hover ):not( :active ):not( .has-text-color ) { 32 font-family: var( --font-family ) !important; 33 font-size: var( --font-size ) !important; 34 font-weight: var( --font-weight ) !important; 35 text-transform: var( --text-transform ) !important; 36 letter-spacing: var( --letter-spacing ) !important; 37 font-style: normal !important; 38 text-decoration: none !important; 39 line-height: normal !important; 40 word-spacing: normal !important; 41 color: var( --color ) !important; 42 background: var( --background ) !important; 43 border: var( --border ) !important; 44 text-shadow: var( --text-shadow ) !important; 45 box-shadow: var( --box-shadow ) !important; 46 border-radius: var( --border-radius ) !important; 47 padding: var( --padding ) !important; 48 outline: none !important; 49 width: var( --width, auto ) !important; 50 height: var( --height, auto ) !important; 51 display: var( --display, inline-block ) !important; 52 min-height: revert !important; 53 } 54 55 &:before, 56 &:after { 57 display: none !important; 58 } 59`;var l=n(7598);const s={contained:{background:"--color-editor-info",border:"--color-editor-info",text:"--color-white",backgroundHover:"--color-editor-info-dark"},outlined:{background:"--color-ghost",border:"--color-gray-400",text:"--color-gray-600",backgroundHover:"--color-darken"},transparent:{background:"--color-ghost",border:"--color-ghost",text:"--color-default"}},c={md:{padding:"--padding-md",fontSize:"--font-size-md"}},p=(0,a.Ay)(i)` 60 --color-editor-info: #58d0f5; 61 --color-editor-info-dark: #10bcf2; 62 --color-default: inherit; 63 --color-ghost: transparent; 64 --color-white: #fff; 65 --color-gray-400: #c2cbd2; 66 --color-gray-600: #6d7882; 67 --color-darken: rgba( 0, 0, 0, .05 ); 68 69 --font-size-md: 13px; 70 --padding-md: 8px 12px; 71 72 --padding: var( ${({size:e})=>c[e].padding} ); 73 --color: var( ${({variant:e})=>s[e].text} ); 74 --background: var( ${({variant:e})=>s[e].background} ); 75 --border-color: var( ${({variant:e})=>s[e].border} ); 76 --border: 1px solid var( --border-color ); 77 --cursor: pointer; 78 --font-weight: 400; 79 --font-family: Roboto, sans-serif; 80 --font-size: var( ${({size:e})=>c[e].fontSize} ); 81 --border-radius: 3px; 82 83 font-style: normal !important; 84 text-align: center !important; 85 line-height: 1 !important; 86 cursor: var( --cursor ) !important; 87 transition: .3s all !important; 88 89 &, & * { 90 cursor: var( --cursor ) !important; 91 } 92 93 ${({disabled:e})=>e&&a.AH` 94 opacity: .5; 95 pointer-events: none; 96 --cursor: not-allowed; 97 `} 98 99 ${({variant:e})=>"transparent"===e&&a.AH` 100 --padding: 0; 101 `} 102 103 &:hover, &:focus { 104 --background: var( 105 ${({variant:e})=>s[e].backgroundHover||s[e].background} 106 ); 107 } 108`;p.propTypes={variant:l.oneOf(["contained","outlined","transparent"]).isRequired,size:l.oneOf(["md"]).isRequired,disabled:l.bool},p.defaultProps={variant:"contained",size:"md"};const m=p;var d=n(7598);const u={xs:20,sm:25,md:34,lg:80,xl:160},f={active:{background:"--color-editor-info",text:"--color-white"},solid:{background:"--color-editor-info",text:"--color-white"},ghost:{background:"--color-ghost",text:"--color-gray"}},g=a.i7` 109 0% { 110 opacity: 0; 111 transform: scale(.8); 112 transform-origin: 50% 100%; 113 } 114 115 50% { 116 opacity: 1; 117 transform: scale(1.2); 118 transform-origin: 50% 100%; 119 } 120 121 100% { 122 opacity: 1; 123 transform: scale(1); 124 transform-origin: 50% 100%; 125 } 126`,h=a.Ay.span.withConfig({shouldForwardProp:e=>"children"===e})` 127 all: revert; 128 129 --color-editor-info: #58d0f5; 130 --color-ghost: #fff; 131 --color-white: #fff; 132 --color-gray: #a4afb6; 133 --color-shadow: rgba(0, 0, 0, 0.2); 134 --size: ${({size:e})=>u[e]}; 135 --position: relative; 136 137 display: grid; 138 place-items: center; 139 position: relative; 140 height: calc(var(--size) * 1px); 141 width: calc(var(--size) * 1px); 142 line-height: 2.8; 143 font-family: Roboto, sans-serif !important; 144 font-size: calc(var(--size) * .38px); 145 font-weight: 500; 146 color: var(${({variant:e})=>f[e].text}); 147 isolation: isolate; 148 animation: .3s ${g} both; 149 transition: .3s all; 150 151 ${({muted:e})=>e&&a.AH` 152 --color-shadow: transparent; 153 opacity: .5 !important; 154 `} 155 156 &::before { 157 --background-color: var(${({variant:e})=>f[e].background}); 158 --border-color: var( --background-color ); 159 160 content: ''; 161 display: block; 162 position: absolute; 163 z-index: -1; 164 inset: 0; 165 background-color: var( --background-color ); 166 border: calc(var(--size) / 20 * 1px) solid var(--border-color); 167 border-radius: 100% 100% 25% 100%; 168 transform: rotate(45deg); 169 170 ${({variant:e})=>"active"===e&&a.AH` 171 mask-image: radial-gradient(transparent 30%, #000 32%); 172 `} 173 174 ${({variant:e})=>"ghost"===e&&a.AH` 175 --border-color: var(--color-gray); 176 `} 177 } 178`;h.propTypes={variant:d.oneOf(["active","solid","ghost"]).isRequired,size:d.oneOf(["xs","sm","md","lg","xl"]).isRequired,muted:d.bool,children:d.oneOfType([d.node,d.arrayOf(d.node)])},h.defaultProps={variant:"solid",size:"md",muted:!1};const y=h;
178var b=n(1121);const v=(0,a.Ay)(b.i3)` 179 fill: #fff; 180 margin: 0 10px; 181`;var x=n(7940);const w=a.Ay.i` 182 margin: 0 !important; 183 padding: 0 !important; 184`;var E=n(7598);const A={sm:"15px",md:"18px"},k=(0,a.Ay)(i)` 185 --color: #a4afb7; 186 --background: transparent; 187 --padding: 4px; 188 --font-size: ${({size:e})=>A[e]}; 189 --border: none; 190 --border-radius: 100%; 191 --display: grid; 192 193 transition: 0.2s all; 194 place-items: center; 195 border-radius: 100%; 196 cursor: pointer; 197 198 &:hover, &:focus { 199 --background: transparent; 200 --color: #6d7882; 201 outline: none; 202 } 203 204 &:focus { 205 --background: #f1f3f5; 206 } 207 208 ${({disabled:e})=>e&&a.AH` 209 opacity: .5; 210 pointer-events: none; 211 cursor: not-allowed; 212 `} 213`,C=o().forwardRef((({name:e,...t},n)=>o().createElement(k,(0,x.A)({},t,{ref:n}),o().createElement(w,{className:e}))));C.displayName="IconButton",C.propTypes={size:E.oneOf(["sm","md"]),name:E.string.isRequired,onClick:E.func,disabled:E.bool},C.defaultProps={size:"md"};const R=C,T=(0,a.Ay)(R)` 214 --position-spacing: 4px; 215 216 position: absolute; 217 top: var(--position-spacing); 218 inset-inline-end: var(--position-spacing); 219`;function _(e){return o().createElement(b.bm,{asChild:!0},o().createElement(T,(0,x.A)({},e,{name:"eicon-editor-close",size:"sm"})))}_.propTypes={...b.bm.propTypes};const z=a.i7` 220 0% { 221 opacity: 0; 222 transform: translateY(3px); 223 } 224 100% { 225 opacity: 1; 226 transform: translateY(0); 227 } 228`,$=a.i7` 229 0% { 230 opacity: 0; 231 transform: translateX(-3px); 232 } 233 100% { 234 opacity: 1; 235 transform: translateX(0); 236 } 237`,I=a.i7` 238 0% { 239 opacity: 0; 240 transform: translateY(-3px); 241 } 242 100% { 243 opacity: 1; 244 transform: translateY(0); 245 } 246`,L=a.i7` 247 0% { 248 opacity: 0; 249 transform: translateX(3px); 250 } 251 100% { 252 opacity: 1; 253 transform: translateX(0); 254 } 255`,O=a.i7` 256 0% { 257 opacity: 1; 258 } 259 260 100% { 261 opacity: 0; 262 } 263`,S=a.i7` 264 0% { 265 transform: rotate(0deg); 266 } 267 100% { 268 transform: rotate(360deg); 269 } 270`,q=(0,a.Ay)(b.UC)` 271 all: revert; 272 273 font-family: Roboto, sans-serif !important; 274 font-size: 1em !important; 275 font-weight: normal !important; 276 text-transform: none !important; 277 font-style: normal !important; 278 text-decoration: none !important; 279 line-height: normal !important; 280 letter-spacing: normal !important; 281 word-spacing: normal !important; 282 background: #fff !important; 283 border-radius: 3px !important; 284 min-width: 120px !important; 285 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; 286 animation-duration: 400ms !important; 287 animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; 288 289 &[data-state="open"] { 290 &[data-side="top"] { 291 animation-name: ${z}; 292 } 293 294 &[data-side="right"] { 295 animation-name: ${$}; 296 } 297 298 &[data-side="bottom"] { 299 animation-name: ${I}; 300 } 301 302 &[data-side="left"] { 303 animation-name: ${L}; 304 } 305 306 *:focus { 307 outline: none; 308 } 309 } 310`,P=b.bL;P.Trigger=b.l9,P.Content=q,P.Arrow=v,P.CloseButton=_,P.propTypes=b.bL.propTypes;const F=P;var M=n(7598);const D={sm:{width:16},md:{width:32},lg:{width:64}},N=a.Ay.img` 311 all: revert; 312 313 aspect-ratio: 1 / 1; 314 border-radius: 100%; 315 height: auto; 316 width: ${({size:e})=>D[e].width}px; 317`;N.propTypes={size:M.oneOf(["sm","md","lg"]).isRequired,src:M.string.isRequired},N.defaultProps={size:"md"};const H=N;var U=n(2886);const V=(0,a.Ay)(U.UC)` 318 all: revert; 319 320 background: #fff !important; 321 border-radius: 3px !important; 322 min-width: 120px !important; 323 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; 324 animation-duration: 400ms !important; 325 animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; 326 padding: 4px !important; 327 328 &[data-state="open"] { 329 &[data-side="top"] { 330 animation-name: ${z}; 331 } 332 333 &[data-side="right"] { 334 animation-name: ${$}; 335 } 336 337 &[data-side="bottom"] { 338 animation-name: ${I}; 339 } 340 341 &[data-side="left"] { 342 animation-name: ${L}; 343 } 344 } 345`;var W=n(8323);const j=(0,a.Ay)(W.i3)` 346 fill: #26292c; 347`,K=(0,a.Ay)(W.UC)` 348 all: revert; 349 350 font-family: Roboto, sans-serif !important; 351 font-size: 12px !important; 352 font-weight: normal !important; 353 text-transform: none !important; 354 font-style: normal !important; 355 text-decoration: none !important; 356 line-height: normal !important; 357 letter-spacing: normal !important; 358 word-spacing: normal !important; 359 background: #26292c !important; 360 color: #fff !important; 361 border-radius: 3px !important; 362 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; 363 padding: 5px 12px !important; 364 animation-duration: 400ms !important; 365 animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; 366 will-change: transform, opacity !important; 367 max-width: 150px !important; 368 369 &[data-state="delayed-open"] { 370 &[data-side="top"] { 371 animation-name: ${z} 372 } 373 374 &[data-side="right"] { 375 animation-name: ${$} 376 } 377 378 &[data-side="bottom"] { 379 animation-name: ${I} 380 } 381 382 &[data-side="left"] { 383 animation-name: ${L} 384 } 385 } 386`;K.propTypes=W.UC.propTypes,K.defaultProps={side:"top"};const Q=K,B=W.bL;B.Trigger=W.l9,B.Arrow=j,B.Content=Q;const Y=B;var Z=n(7598);const X={default:{hoverTextColor:"#6d7882",hoverIconColor:"#a4afb6"},danger:{hoverTextColor:"#b01b1b",hoverIconColor:"#d9534f"}},G=(0,a.Ay)(w)` 387 color: #a4afb6 !important; 388 transition: 0.2s all; 389`,J=a.Ay.span` 390 display: flex !important; 391 align-items: center !important; 392 gap: 8px !important; 393`,ee=(0,a.Ay)(U.q7)` 394 all: revert; 395 396 font-family: Roboto, sans-serif !important; 397 font-size: 11px !important; 398 font-weight: 500 !important; 399 text-transform: none !important; 400 font-style: normal !important; 401 text-decoration: none !important; 402 line-height: 1.2 !important; 403 letter-spacing: normal !important; 404 word-spacing: normal !important; 405 cursor: pointer !important; 406 border-radius: 4px !important; 407 padding: 7px 12px !important; 408 color: #6d7882 !important; 409 transition: 0.2s all !important; 410 411 &[data-disabled] { 412 opacity: 0.5 !important; 413 cursor: default !important; 414 } 415 416 &:focus { 417 background: #f1f3f5 !important; 418 outline: none !important; 419 420 color: ${({variant:e})=>X[e].hoverTextColor} !important; 421 422 ${G} { 423 color: ${({variant:e})=>X[e].hoverIconColor} !important; 424 } 425 } 426`;function te({children:e,icon:t,tooltip:n,...r}){const a=o().createElement(J,null,t&&o().createElement(G,{className:t}),e);return o().createElement(ee,r,n?o().createElement(Y,null,o().createElement(Y.Trigger,{asChild:!0},a),o().createElement(Y.Content,null,n,o().createElement(Y.Arrow,null))):a)}te.propTypes={...te.propTypes,icon:Z.string,tooltip:Z.node,variant:Z.oneOf(["default","danger"])},te.defaultProps={variant:"default"};const ne=(0,a.Ay)(U.i3)` 427 fill: #fff; 428 margin: 0 10px; 429`,re=(0,a.Ay)(U.wv)` 430 height: 1px !important; 431 background: #f1f3f5 !important; 432 margin: 7px 10px !important; 433`,oe=U.bL;oe.Trigger=U.l9,oe.Content=V,oe.Item=te,oe.Arrow=ne,oe.Separator=re;const ae=oe;var ie=n(2053);class le{tokenClasses;fallbackTokenClass;parsePipeFunctions;constructor({tokenClasses:e,fallbackTokenClass:t,parsePipeFunctions:n}={}){this.tokenClasses=e,this.fallbackTokenClass=t,this.parsePipeFunctions=n}parse(e){var t;const n=this.extractLexemes(e),r=this.tokenize(n);return function(...e){return(t,...n)=>e.reduce(((e,t)=>t(e,...n)),t)}(...null!==(t=this.parsePipeFunctions)&&void 0!==t?t:[])(r)}extractLexemes(e){return e.trim().split(this.getLexerRegex()).reduce(((e,t)=>(t&&e.push(t),e)),[])}tokenize(e){return e.map((e=>{const t=this.tokenClasses.find((t=>t.isToken(e)));return t?t.create(e):this.fallbackTokenClass?this.fallbackTokenClass.create(e):null})).filter((e=>!!e))}getLexerRegex(){const e=this.tokenClasses.map((e=>e.getPattern()?.source)).filter((e=>!!e));return new RegExp(`(${e.join("|")})`,"igm")}}class se{static type="";type;value;constructor(e){this.value=e,this.type=this.constructor.type}static getPattern(){return null}static isToken(e){return!!e.match(new RegExp(this.getPattern(),"igm"))}static create(e=null){return new this(e)}is(e){return this.type===e.type}}class ce extends se{static type="Email";static getPattern(){return/[\w\-.]+@(?:[\w-]+\.)+[\w-]{2,4}/}}class pe extends se{static type="LineBreak";constructor(e){super(e||"\n")}static getPattern(){return/(?:\r?\n)/}}class me extends se{static type="Paragraph"}class de extends se{static type="Text"}class ue extends se{static type="Content"}class fe extends se{static type="Mention";static handleChar="@";handle;username;constructor(e){super(e),this.handle=ge.create(this.constructor.handleChar),this.username=he.create(e.replace(this.constructor.handleChar,""))}static getPattern(){return new RegExp(`\\B${this.handleChar}[\\w\\-]+`)}}class ge extends se{static type="Handle"}class he extends se{static type="Username"}class ye extends se{static type="Url";static getPattern(){return/https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_+.~#?&/=]*)/}}class be extends se{static type="Wow";static getPattern(){return/(?:(?:\b(?:yay|wow)\b)|ð)/}}function ve(e){return e.push(pe.create()),e.reduce(((e,t)=>{let n=t;if(t.is(pe)){const t=function(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n],n))return n;return-1}(e,(e=>e.is(me)));n=me.create(e.slice(t+1,e.length)),e=e.slice(0,t+1)}return e.push(n),e}),[])}function xe(e){return ue.create(e)}function we({tokenClasses:e,fallbackTokenClass:t,parsePipeFunctions:n}={}){return new le({tokenClasses:null!=e?e:[ce,pe,fe,ye,be],fallbackTokenClass:null!=t?t:de,parsePipeFunctions:null!=n?n:[ve,xe]})}const Ee=2147483647;function Ae(e){const t=we({tokenClasses:[fe],fallbackTokenClass:!1,parsePipeFunctions:[]}).parse(e).map((e=>e.username.value));return[...new Set(t)]}function ke(e){return Object.entries(e).reduce(((e,[t,n])=>null===n?e:("boolean"==typeof n&&(n=n?1:0),{...e,[t]:n})),{})}function Ce(e,{onlyIfNeeded:t=!0,...n}={}){return t&&function(e){const{top:t,left:n,bottom:r,right:o}=e.getBoundingClientRect(),{top:a,right:i,bottom:l,left:s}=e.parentElement.getBoundingClientRect(),c=t>=0&&n>=0&&t<=window.innerHeight&&n<=window.innerWidth,p=t>=a&&o<=i&&r<=l&&n>=s;return c&&p}(e)?Promise.resolve():new Promise((t=>{!function(e,t){new IntersectionObserver(((e,n)=>{e?.[0]?.isIntersecting&&(n.disconnect(),t())})).observe(e)}(e,(()=>{t()})),e.scrollIntoView({behavior:"smooth",block:"center",inline:"center",...n})}))}function Re(e){e.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))}const Te=a.i7` 434 0% { 435 opacity: 0; 436 } 437 100% { 438 opacity: 1; 439 } 440`,_e=a.i7` 441 0% { 442 opacity: 0; 443 transform: translate(-50%, -48%) scale(.96); 444 } 445 100% { 446 opacity: 1; 447 transform: translate(-50%, -50%) scale(1); 448 } 449`,ze=(0,a.Ay)(ie.UC)` 450 all: revert; 451 452 font-family: Roboto, sans-serif !important; 453 font-size: 1em !important; 454 font-weight: normal !important; 455 text-transform: none !important; 456 font-style: normal !important; 457 text-decoration: none !important; 458 line-height: normal !important; 459 letter-spacing: normal !important; 460 word-spacing: normal !important; 461 background-color: #fff !important; 462 box-shadow: 2px 8px 23px rgba(0, 0, 0, 0.2) !important; 463 border-radius: 3px !important; 464 width: 375px !important; 465 text-align: center !important; 466 position: fixed !important; 467 top: 50% !important; 468 left: 50% !important; 469 transform: translate(-50%, -50%) !important; 470 max-height: 85vh !important; 471 animation-duration: 150ms !important; 472 animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; 473 animation-name: ${_e} !important; 474 z-index: ${Ee} !important; 475 476 &:focus { 477 outline: none !important; 478 } 479`,$e=(0,a.Ay)(ie.hJ)` 480 background-color: rgba(0, 0, 0, 0.5) !important; 481 position: fixed !important; 482 inset: 0 !important; 483 animation-duration: 150ms !important; 484 animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; 485 animation-name: ${Te} !important; 486 z-index: ${Ee} !important; 487`;function Ie(e){return o().createElement(ie.ZL,null,o().createElement($e,null),o().createElement(ze,e))}
487Ie.propTypes={...ie.UC.propTypes};const Le=(0,a.Ay)(ie.hE)` 488 all: revert; 489 490 font-family: Roboto, sans-serif !important; 491 font-size: 17px !important; 492 font-weight: 500 !important; 493 text-transform: none !important; 494 font-style: normal !important; 495 text-decoration: none !important; 496 line-height: normal !important; 497 letter-spacing: normal !important; 498 word-spacing: normal !important; 499 margin: 0 !important; 500 color: #495157 !important; 501 502 &::before, &::after { 503 display: none; 504 } 505`;Le.propTypes={...ie.hE.propTypes};const Oe=Le,Se=a.Ay.div` 506 all: revert; 507 box-sizing: border-box; 508 509 &:before, 510 &:after { 511 display: none !important; 512 } 513`,qe=(0,a.Ay)(Se)` 514 padding: 30px !important; 515 display: flex !important; 516 flex-direction: column !important; 517 gap: 12px !important; 518`,Pe=(0,a.Ay)(Se)` 519 display: flex; 520 align-items: center; 521 border-top: 1px solid #d5dadf; 522 523 & > button:not(:first-child) { 524 /** 525 * will create a divider between the buttons, 526 * not matter how much buttons exists in the container. 527 */ 528 border-inline-start: 1px solid #d5dadf; 529 } 530`,Fe=(0,a.Ay)(ie.VY)` 531 all: revert; 532 533 font-family: Roboto, sans-serif !important; 534 font-size: 13px !important; 535 font-weight: 500 !important; 536 text-transform: none !important; 537 font-style: normal !important; 538 text-decoration: none !important; 539 line-height: normal !important; 540 letter-spacing: normal !important; 541 word-spacing: normal !important; 542 margin: 0 !important; 543 color: #495157 !important; 544`;Fe.propTypes={...ie.VY.propTypes};const Me=Fe,De=(0,a.Ay)(i).attrs((()=>({as:ie.ZD})))` 545 --color: #6d7882; 546 --padding: 13px; 547 --font-size: 16px; 548 --border: none; 549 550 margin: 0; 551 flex-grow: 1; 552 transition: 0.2s all; 553 border-radius: 0; 554 555 &:focus, &:hover { 556 --background: #f1f3f5; 557 --color: #6d7882; 558 } 559`;De.propTypes={...ie.ZD.propTypes};const Ne=De,He=(0,a.Ay)(i).attrs((()=>({as:ie.rc})))` 560 561 --font-size: 16px; 562 --color: #b01b1b; 563 --padding: 13px; 564 565 margin: 0; 566 flex-grow: 1; 567 transition: 0.2s all; 568 border: none; 569 border-radius: 0; 570 571 &:focus, &:hover { 572 --background: #f1f3f5; 573 --color: #b01b1b; 574 } 575`;He.propTypes={...ie.rc.propTypes};const Ue=He,Ve=ie.bL;Ve.Trigger=ie.l9,Ve.Content=Ie,Ve.Description=Me,Ve.DescriptionContainer=qe,Ve.ActionsContainer=Pe,Ve.Title=Oe,Ve.Cancel=Ne,Ve.Action=Ue,Ve.propTypes=ie.bL.propTypes;const We=Ve;class je{init(e={}){return Object.entries(e).forEach((([e,t])=>{this[e]=t})),this}}var Ke=n(2470).__;class Qe extends je{id=null;name="";slug="";avatarUrls={24:null,48:null,96:null};capabilities={};static createFromResponse(e){return(new Qe).init({id:e.id,name:e.name,slug:e.slug,avatarUrls:e.avatar_urls,capabilities:{notes:{read:e.capabilities?.notes?.can_read},post:{edit:e.capabilities?.post?.can_edit}}})}static createDeleted(e=""){const{avatar_defaults:t}=window.top.$e.components.get("notes").config.urls;return(new Qe).init({name:[e,Ke("(deleted user)","elementor-pro")].join(" "),avatarUrls:t})}}class Be extends je{id;type;typeTitle;static createFromResponse(e){return(new Be).init({id:e.id,type:e.type,typeTitle:e.type_title})}}class Ye extends je{id=null;parentId=0;elementId=null;content="";position={x:0,y:0};repliesCount=0;unreadRepliesCount=0;replies=[];author=null;readers=[];isRead=!1;isResolved=!1;routeUrl="";routeTitle="";userCan={};createdAt=null;updatedAt=null;lastActivityAt=null;_formattedLastActivityAt="";_formattedCreatedAt="";static createFromResponse(e){return(new Ye).init({id:e.id,parentId:e.parent_id,elementId:e.element_id,content:e.content,position:e.position,repliesCount:e.replies_count,unreadRepliesCount:e.unread_replies_count,replies:e.replies.map((e=>Ye.createFromResponse(e))),author:e.author?Qe.createFromResponse(e.author):Qe.createDeleted(e.author_display_name),document:e.document?Be.createFromResponse(e.document):null,readers:e.readers?e.readers.map((e=>Qe.createFromResponse(e))):[],isRead:e.is_read,isResolved:e.is_resolved,routeUrl:e.route_url,routeTitle:e.route_title,userCan:e.user_can,createdAt:new Date(e.created_at),updatedAt:new Date(e.updated_at),lastActivityAt:new Date(e.last_activity_at)})}getFormattedLastActivityAt(){return this._formattedLastActivityAt||(this._formattedLastActivityAt=this.lastActivityAt.toLocaleStr
575ing()),this._formattedLastActivityAt}getFormattedCreatedAt(){return this._formattedCreatedAt||(this._formattedCreatedAt=this.createdAt.toLocaleString()),this._formattedCreatedAt}getURL(){const e=this.isReply()?this.parentId:this.id;return this.constructor.getURL(e)}static getURL(e){const{route:t}=window.top.$e.components.get("notes").config;return t.note_url_pattern.replace("{{NOTE_ID}}",e)}isUnreadThread(){return this.isThread()&&(!this.isRead||this.unreadRepliesCount>0)}isThread(){return 0===this.parentId}isReply(){return!this.isThread()}}const{useEffect:Ze,useRef:Xe}=React;function Ge(e,t){const n=Xe(!0);Ze((()=>{n.current?n.current=!1:e()}),t)}function Je(){return(0,r.useMemo)((()=>window.top.$e.components.get("notes").config),[])}var et=n(872);const tt=(0,r.createContext)(null),nt=()=>(0,r.useContext)(tt),rt=e=>{const[t,n]=(0,r.useState)((()=>new Map));(0,r.useEffect)((()=>{const e=new Map;document.querySelectorAll(".elementor-element[data-id]").forEach((t=>{const{id:n}=t.dataset;e.has(n)||e.set(n,t)})),n(e)}),[]);const a=(0,r.useCallback)(((e,n=window.top.$e.components.get("notes").config.route.post_id)=>{if(!t.has(e))return n;const r=t.get(e).closest("[data-elementor-id]");return r?r.dataset.elementorId:n}),[t]),i={elements:t,getDocumentIdByElement:a};return o().createElement(tt.Provider,(0,x.A)({value:i},e))};var ot=n(8790);const at="thread",it="new-thread";function lt(){const e=(0,ot.d4)((e=>e.notes.active)),t=(0,r.useCallback)((({type:e,data:t})=>{const n=[at,it];if(!n.includes(e))throw new Error("`setActive()` type must be one of: "+n.join(", "));return window.top.$e.run("notes/set-active",{type:e,data:t})}),[]),n=(0,r.useCallback)(((e=null)=>window.top.$e.run("notes/clear-active",{id:e})),[]),o=(0,r.useCallback)((t=>at===e?.type&&e?.data.noteId===t),[e]);return{activeThread:e,setActive:t,clearActive:n,isThreadActive:o}}function st(){const e=pt(),t=mt(),n=dt(),{getDocumentIdByElement:r}=nt(),o=Je();return(0,et.useMutation)((async({postId:e,elementId:t,content:n,position:a={x:0,y:0},routeUrl:i=o.route.url,routeTitle:l=o.route.title,routePostId:s=o.route.post_id,status:c="publish",parentId:p,isPublic:m=null})=>{e||(e=r(t));const{data:d}=await window.top.$e.data.create("notes/index",{post_id:e,element_id:t,content:n,position:a,route_post_id:s,route_url:i,route_title:l,status:c,parent_id:p,mentioned_usernames:Ae(n),...null!==m?{is_public:m}:{}});return Ye.createFromResponse(d.data)}),{onSuccess:r=>Promise.all(r.isThread()?[n({exact:!1}),t({exact:!1})]:[e({id:r.parentId})])})}function ct(){const e=mt(),t=pt(),n=dt();return(0,et.useMutation)((async({ids:e,isRead:t})=>(e=e.filter((e=>!!e&&e>0)),await window.top.$e.data[t?"create":"delete"]("notes/read-status",{ids:e}),e)),{onSuccess:r=>{const o=({queryKey:e})=>Object.prototype.hasOwnProperty.call(e[1]||{},"only_unread");return Promise.all([t({predicate:({queryKey:e})=>r.includes(e[1])}),n({predicate:o}),e({predicate:o,refetchActive:!1})])}})}function pt(){const e=(0,et.useQueryClient)();return(0,r.useCallback)((({id:t,...n})=>{const r=["note"];
575return t&&r.push(t),e.invalidateQueries(r,n)}),[e])}function mt(){const e=(0,et.useQueryClient)();return(0,r.useCallback)(((t={})=>e.invalidateQueries(["notes"],t)),[e])}function dt(){const e=(0,et.useQueryClient)();return(0,r.useCallback)(((t={})=>e.invalidateQueries(["notes/summary"],t)),[e])}var ut=n(2470).__,ft=n(7598);function gt(e){const t=function(){const e=mt(),t=pt(),n=dt(),{clearActive:r}=lt();return(0,et.useMutation)((async({id:e,parentId:t,force:n=!1})=>(await window.top.$e.data.delete("notes/index",ke({id:e,force:n})),{id:e,parentId:t})),{onSuccess:({id:o,parentId:a})=>{r(o);const i=!a;return Promise.all(i?[n({exact:!1}),e({exact:!1})]:[t({id:a})])}})}();return Ge((()=>{e.onLoadingChange&&e.onLoadingChange(t.isLoading)}),[t.isLoading]),o().createElement(We,{open:e.isOpen,onOpenChange:e.onOpenChange},o().createElement(We.Content,null,o().createElement(We.DescriptionContainer,null,o().createElement(We.Title,null,e.note.isReply()?ut("Delete this reply?","elementor-pro"):ut("Delete this note?","elementor-pro")),o().createElement(We.Description,null,e.note.isReply()?ut("Deleted replies can't be recovered.","elementor-pro"):ut("Deleted notes can't be recovered.","elementor-pro"))),o().createElement(We.ActionsContainer,null,o().createElement(We.Cancel,null,ut("Cancel","elementor-pro")),o().createElement(We.Action,{onClick:()=>{window.top.$e.run("notes/delete",{noteId:e.note.id}),t.mutateAsync({id:e.note.id,parentId:e.note.parentId,force:!0})}},ut("Delete","elementor-pro")))))}gt.propTypes={isOpen:ft.bool.isRequired,onOpenChange:ft.func.isRequired,note:ft.instanceOf(Ye),onLoadingChange:ft.func};var ht=n(2470).__,yt=n(7598);function bt(e){const t=e.note.isRead,n=ct();return o().createElement(ae.Item,{icon:"eicon-envelope",disabled:n.isLoading,onSelect:()=>n.mutateAsync({ids:[e.note.id,e.note.parentId],isRead:!t})},ht(t?"Mark as unread":"Mark as read","elementor-pro"))}bt.propTypes={note:yt.shape({id:yt.number,parentId:yt.number,isRead:yt.bool}).isRequired};var vt=n(2470).__,xt=n(7598);function wt(e){const t=e.note.isResolved,n=function(){const e=mt(),t=pt(),n=dt();return(0,et.useMutation)((async({id:e,isResolved:t})=>{const{data:n}=await window.top.$e.data.update("notes/index",{is_resolved:t},{id:e});return Ye.createFromResponse(n.data)}),{onSuccess:r=>{const o=({queryKey:e})=>Object.prototype.hasOwnProperty.call(e[1]||{},"is_resolved");return Promise.all([t({id:r.id}),e({predicate:o}),n({predicate:o})])}})}(),{clearActive:r}=lt();return Ge((()=>{e.onLoadingChange&&e.onLoadingChange(n.isLoading)}),[n.isLoading]),o().createElement(Y,null,o().createElement(Y.Trigger,{asChild:!0},o().createElement(R,{name:t?"eicon-check-circle-o":"eicon-check",disabled:n.isLoading,onClick:async()=>{const o=!t;o?window.top.$e.run("notes/resolve",{noteId:e.note.id}):window.top.$e.run("notes/re-open",{noteId:e.note.id}),await n.mutateAsync({id:e.note.id,isResolved:o}),o&&r(e.note.id)}})),o().createElement(Y.Content,null,vt(t?"Re-open":"Resolve","elementor-pro"),o().createElement(Y.Arrow,null)))}wt.propTypes={note:xt.instanceOf(Ye).isRequired,onLoadingChange:xt.func};var Et=n(2470).__,At=n(7598);const kt=(0,a.Ay)(Y.Content)` 576 max-width: 200px; 577`,Ct=(0,a.Ay)(w)` 578 padding: 4px !important; 579 color: #a4afb7 !important; 580 transition: 0.2s all !important; 581 display: grid !important; 582 place-items: center !important; 583 font-size: 18px !important; 584 border-radius: 100% !important; 585 586 &:hover, &:focus { 587 color: #6d7882; 588 outline: none; 589 background: #f1f3f5; 590 } 591`;function Rt(e){return 0===e.readers.length?null:o().createElement(Y,{delayDuration:400},o().createElement(Y.Trigger,{asChild:!0},o().createElement(Ct,{className:"eicon-preview-medium",tabIndex:0})),o().createElement(kt,null,o().createElement("strong",null,Et("Seen by","elementor-pro")+": "),e.readers.map((e=>e.name)).join(", "),o().createElement(Y.Arrow,null)))}Rt.propTypes={readers:At.arrayOf(At.shape({name:At.string})).isRequired};const Tt="create",_t="edit",zt="delete",$t="create_users",It="edit_users",Lt=(e,t=null)=>{const n=Je();return(0,r.useMemo)((()=>t?!!t.userCan[e]:!!n.current_user_can[e]),[e,t,n])};function Ot(){return!!navigator?.clipboard}var St=n(2470).__,qt=n(7598);function Pt(e){const{direction:t}=Je(),{setIsDisabled:n}=(0,r.useContext)(Sr),[a,i]=(0,r.useState)(!1),l=Lt(zt,e.note),s=Lt(_t,e.note),c=e.note.isThread()&&s,p=s||l||e.note.isThread();return(0,r.useEffect)((()=>()=>n(!1)),[]),o().createElement(o().Fragment,null,c&&o().createElement(wt,{note:e.note,onLoadingChange:e=>n(e)}),o().createElement(Rt,{readers:e.note.readers}),p&&o().createElement(ae,{modal:!1,dir:t,onOpenChange:e=>{e?window.top.$e.run("notes/open-note-actions"):window.top.$e.run("notes/close-note-actions")}},o().createElement(ae.Trigger,{asChild:!0},o().createElement(R,{name:"eicon-ellipsis-h"})),o().createElement(ae.Content,{align:"end"},e.note.isThread()&&o().createElement(bt,{note:e.note}),s&&o().createElement(ae.Item,{onSelect:()=>e.setIsEditMode(!0),icon:"eicon-edit"},St("Edit","elementor-pro")),e.note.isThread()&&o().createElement(ae.Item,{onSelect:()=>{window.top.$e.run("notes/copy-link",{id:e.note.id})},icon:"eicon-copy",disabled:!Ot(),tooltip:!Ot()&&St('Supported in "https" sites only',"elementor-pro")},St("Copy Link","elementor-pro")),l&&o().createElement(o().Fragment,null,o().createElement(ae.Separator,null),o().createElement(ae.Item,{onSelect:()=>i(!0),icon:"eicon-trash",variant:"danger"},St("Delete","elementor-pro"))),o().createElement(ae.Arrow,null))),l&&o().createElement(gt,{note:e.note,isOpen:a,onOpenChange:i,onLoadingChange:e=>n(e)}))}
591Pt.propTypes={note:qt.instanceOf(Ye).isRequired,setIsEditMode:qt.func.isRequired};var Ft=n(7598);const Mt=(0,a.Ay)(Se)` 592 --font: 300 12px Roboto, sans-serif; 593 --line-height: 1.5; 594 --padding-block: 8px; 595 596 font-size: 12px !important; 597 border-radius: 4px !important; 598 border: 1px solid #c2cbd2 !important; 599 transition: .3s border-color, .3s opacity !important; 600 padding: var(--padding-block) 12px !important; 601 overflow: auto !important; 602 width: 100% !important; 603 box-sizing: border-box !important; 604 605 ${({maxRows:e})=>e&&a.AH` 606 --max-rows: ${e}; 607 608 max-height: calc((1em * var(--line-height) * var(--max-rows)) + (var(--padding-block) * 2)) !important; 609 `}; 610 611 textarea { 612 all: revert; 613 614 border: none !important; 615 font: var( --font ) !important; 616 line-height: var(--line-height) !important; 617 padding: 0 !important; 618 margin: 0 !important; 619 color: #6d7882 !important; 620 display: block !important; 621 height: 100% !important; 622 623 &::placeholder { 624 color: #c2cbd2 !important; 625 } 626 } 627 628 &:focus-within { 629 border-color: #a4afb6 !important; 630 631 // Accessibility-friendly, since the Container itself has a border on focus. 632 textarea:focus { 633 outline: none !important; 634 border: none !important; 635 } 636 } 637 638 ${({disabled:e})=>e&&a.AH` 639 opacity: .5 !important; 640 pointer-events: none !important; 641 `} 642 643 ${({autoSize:e})=>e&&a.AH` 644 display: inline-grid !important; 645 vertical-align: top !important; 646 align-items: center !important; 647 648 textarea { 649 grid-area: 2 / 1 !important; 650 resize: none !important; 651 background: none !important; 652 appearance: none !important; 653 box-shadow: none !important; 654 overflow: hidden !important; 655 656 &::placeholder { 657 all: revert; 658 } 659 } 660 661 &::after { 662 content: attr(data-value) ' ' !important; 663 display: block !important; 664 font: var( --font ) !important; 665 white-space: pre-wrap !important; 666 grid-area: 2 / 1 !important; 667 visibility: hidden !important; 668 line-height: var(--line-height) !important; 669 }`}`,Dt=o().forwardRef((({maxRows:e,autoSize:t,...n},a)=>{const i=(0,r.useRef)();return o().createElement(Mt,{maxRows:e,"data-value":n.value||n.defaultValue,autoSize:t,ref:i,disabled:n.disabled},o().createElement("textarea",(0,x.A)({},n,{ref:a,onInput:e=>{n.onInput&&n.onInput(e),i.current.dataset.value=e.target.value}})))}));Dt.displayName="Textarea",Dt.propTypes={disabled:Ft.bool,autoSize:Ft.bool,maxRows:Ft.number,onInput:Ft.func,value:Ft.string,defaultValue:Ft.string};const Nt=Dt;const Ht={enabled:!0,params:{}};function Ut(e,t){const n=(0,r.useRef)();return(0,r.useCallback)(((...r)=>{clearTimeout(n.current),n.current=setTimeout((()=>{clearTimeout(n.current),e(...r)}),t)}),[e,t])}const Vt=a.Ay.ul` 670 all: revert; 671 672 padding: 0 !important; 673 margin: 0 !important; 674 list-style: none !important; 675 width: 272px !important; 676 z-index: 1 !important; // Just needs any 'z-index' value in order to appear above other things. 677 background: #ffffff !important; 678 border-radius: 3px !important; 679 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; 680`;var Wt=n(7598);const jt=a.Ay.li` 681 all: revert; 682 683 font-family: Roboto, sans-serif !important; 684 font-size: 12px !important; 685 color: #6d7882 !important; 686 background: #ffffff !important; 687 padding: 8px !important; 688 cursor: pointer !important; 689 690 &:first-child { 691 border-top-right-radius: inherit; 692 border-top-left-radius: inherit; 693 } 694 695 &:last-child { 696 border-bottom-right-radius: inherit; 697 border-bottom-left-radius: inherit; 698 } 699 700 &[role="option"]:hover, 701 &[aria-selected="true"] { 702 background: #58d0f5 !important; 703 704 &, 705 & * { 706 color: #ffffff !important; 707 } 708 } 709 710 &[aria-disabled="true"] { 711 cursor: not-allowed !important; 712 opacity: .5 !important; 713 } 714`;function Kt({children:e,value:t,disabled:n,...r}){return o().createElement(jt,(0,x.A)({role:n?"listitem":"option","data-value":t},n?{"aria-disabled":!0}:{},r),e)}Kt.propTypes={value:Wt.string.isRequired,disabled:Wt.bool,children:Wt.oneOfType([Wt.node,Wt.arrayOf(Wt.node)]).isRequired},Kt.defaultProps={value:""};const Qt=(0,a.Ay)(Kt).attrs((()=>({role:"contentinfo"})))` 715 font-family: Roboto, sans-serif !important; 716 background: #f1f3f5 !important; 717 text-align: center !important; 718 font-size: 12px !important; 719 line-height: 1.5 !important; 720`;n(2313);var Bt=n(7598);const Yt=e=>{const t=(0,r.useRef)(null),n=(0,r.useRef)(null),a=Ut((({resolve:t,text:r})=>{n.current||(n.current=document.createElement("div"));const o=e.fragment({search:r});ReactDOM.render(o,n.current),t({matched:!0,fragment:n.current})}),e.debounce),i=e=>{const{provide:t,text:n}=e.detail;t(new Promise((e=>a({resolve:e,text:n}))))},l=t=>{const{item:n}=t.detail;t.detail.value=`${e.handle}${n.dataset.value}`,e.onSelect(n,t)};return(0,r.useEffect)((()=>
720(t.current.addEventListener("text-expander-change",i),t.current.addEventListener("text-expander-value",l),()=>{t.current&&(t.current.removeEventListener("text-expander-change",i),t.current.removeEventListener("text-expander-value",l))})),[]),o().createElement("text-expander",{keys:e.handle,ref:t,multiword:e.multiword?e.handle:null},e.children)};Yt.List=Vt,Yt.ListItem=Kt,Yt.ListFooter=Qt,Yt.propTypes={fragment:Bt.func.isRequired,debounce:Bt.number.isRequired,handle:Bt.string.isRequired,multiword:Bt.bool.isRequired,children:Bt.node.isRequired,onSelect:Bt.func.isRequired},Yt.defaultProps={debounce:0,handle:"@",multiword:!1,onSelect:()=>{}};const Zt=Yt;var Xt=n(2470).__,Gt=n(7598);const Jt=a.Ay.div` 721 display: flex !important; 722 position: absolute !important; 723 width: 100% !important; 724 height: 100% !important; 725 inset-inline-start: 0 !important; 726 margin: 0 !important; 727 padding: 0 !important; 728 font-size: 11px !important; 729 730 // Fixes bug with the position of Popover with portalled=false inside another Popover 731 // @see https://github.com/radix-ui/primitives/issues/370 732 [data-radix-popper-content-wrapper] { 733 transform: translateY(-100%) !important; 734 top: 10px !important; 735 inset-inline-start: auto !important; 736 inset-inline-end: -10px !important; 737 } 738`,en=a.Ay.div` 739 overflow: hidden !important; 740 position: relative !important; 741 flex: 1 !important; 742 height: 100% !important; 743 744 &::before { 745 content: '' !important; 746 position: absolute !important; 747 width: 100vw !important; 748 height: 100vh !important; 749 top: 50% !important; 750 transform: translateY(-50%) !important; 751 inset-inline-end: 0 !important; 752 box-shadow: inset 0 0 60px 40px #f1f3f5 !important; 753 } 754`,tn=a.Ay.div` 755 display: inline-flex !important; 756 align-items: center !important; 757 white-space: pre-wrap !important; 758 padding: 10px !important; 759 background: #f1f3f5 !important; 760`,nn=a.Ay.a.attrs((()=>({target:"_blank",rel:"noreferrer"})))` 761 color: #6d7882 !important; 762 background: #f1f3f5 !important; 763 padding: 10px !important; 764 display: inline-flex !important; 765 align-items: center !important; 766 767 &:hover, 768 &:focus { 769 color: #58d0f5 !important; 770 text-decoration: none !important; 771 } 772`,rn=(0,a.Ay)(Y.Content)` 773 background: #ffffff !important; 774 color: #6d7882 !important; 775 line-height: 1.3 !important; 776 font-style: italic !important; 777 padding: 12px !important; 778 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important; 779 max-width: 262px !important; 780 box-sizing: border-box !important; 781 782 &::after { 783 content: '' !important; 784 position: absolute !important; 785 width: 10px !important; 786 height: 10px !important; 787 border: 5px solid transparent !important; 788 border-top-color: #ffffff !important; 789 bottom: -9px !important; 790 inset-inline-end: 20px !important; 791 } 792`,on=a.Ay.a.attrs((()=>({target:"_blank"})))` 793 all: revert; 794 display: block !important; 795 text-decoration: none !important; 796 color: #58d0f5 !important; 797 798 &:hover, 799 &:focus { 800 text-decoration: underline !important; 801 } 802`;function an(e){const{urls:t}=Je(),n=e.user.capabilities.post.edit,r=Lt(It),a=r&&n,i=r?t.help_notes_features:"",l=Xt(a?"Give access to Notes":"Can't mention them","elementor-pro"),s=function(e){const t=e.notes.read,n=e.post.edit,r=Lt(It);if(!r)return Xt("Contact the site admin to give this person the right permissions.","elementor-pro");if(!n)return Xt(t?"They need permission to view this post.":"This person needs: (1) permission to view this post, as well as (2) access to use Notes.","elementor-pro");return""}(e.user.capabilities);return o().createElement(Jt,{role:"tooltip","aria-label":l},o().createElement(en,null),a?o().createElement(nn,{href:`${t.admin_url_edit_user}?user_id=${e.user.id}#e-notes`,className:"elementor-clickable"},l+" ",o().createElement(w,{className:"eicon-editor-external-link"})):o().createElement(Y,{delayDuration:0},o().createElement(Y.Trigger,{onMouseDown:e=>e.preventDefault(),asChild:!0},o().createElement(tn,{"aria-label":s},l+" ",o().createElement(w,{className:"eicon-help-o"}),o().createElement(rn,{portalled:!1},s,i&&o().createElement(on,{href:i,className:"elementor-clickable"},Xt("Learn more","elementor-pro")))))))}an.propTypes={user:Gt.instanceOf(Qe).isRequired};var ln=n(2470).__,sn=n(7598);const cn={limit:5,order_by:"user_registered",order:"desc"},pn=(0,a.Ay)(Zt.List)` 803 position: absolute !important; 804 top: 100% !important; 805`,mn=(0,a.Ay)(Se)` 806 display: flex !important; 807 flex-direction: column !important; 808 justify-content: space-between !important;
809 gap: 2px !important; 810 811 &::before, 812 &::after { 813 display: none !important; 814 } 815`,dn=(0,a.Ay)(Zt.ListItem)` 816 display: flex !important; 817 flex-direction: row !important; 818 align-items: center !important; 819 gap: 10px !important; 820 position: relative !important; 821 822 &[aria-disabled='true'] { 823 opacity: 1 !important; 824 825 &:hover { 826 background-color: #f1f3f5 !important; 827 } 828 829 ${mn} { 830 opacity: .5 !important; 831 } 832 833 &:not(:hover) { 834 > [role='tooltip'] { 835 display: none !important; 836 } 837 } 838 } 839`,un=a.Ay.span` 840 all: revert; 841 842 padding: 0 !important; 843 margin: 0 !important; 844 font-size: 12px !important; 845 font-weight: 500 !important; 846 color: inherit !important; 847`,fn=a.Ay.span` 848 font-size: 10px !important; 849 color: #a4afb6 !important; 850`,gn=a.Ay.a.attrs((()=>({target:"_blank",rel:"noreferrer"})))` 851 all: revert; 852 853 color: #58d0f5 !important; 854 font-family: Roboto, sans-serif !important; 855 font-size: 1em !important; 856 font-weight: normal !important; 857 text-transform: none !important; 858 font-style: normal !important; 859 text-decoration: underline !important; 860 line-height: normal !important; 861 letter-spacing: normal !important; 862 word-spacing: normal !important; 863 864 &:hover, 865 &:focus { 866 color: #6d7882 !important; 867 text-decoration: underline; // Repeat in order to override theme styles. 868 } 869`,hn=a.Ay.strong` 870 font-weight: 500 !important; 871`;function yn(e){var t;const{route:n,urls:a}=Je(),i=Lt($t),{data:l=[],isSuccess:s}=function(e={}){const t=(0,r.useMemo)((()=>({...Ht,...e})),[e]),n=(0,r.useMemo)((()=>ke(t.params||{})),[t.params]);return(0,et.useQuery)(["users",n],(async({queryKey:[,e],signal:t})=>{const{data:n}=await window.top.$e.data.get("notes/users",e,{refresh:!0,signal:t});return n.data.map((e=>Qe.createFromResponse(e)))}),{keepPreviousData:!0,enabled:t.enabled})}({params:{...cn,search:e.search,post_id:null!==(t=n.post_id)&&void 0!==t?t:null}});return o().createElement(pn,null,l.map((e=>{const t=!e.capabilities.notes.read||!e.capabilities.post.edit;return o().createElement(dn,{key:e.id,value:e.slug,disabled:t},o().createElement(H,{size:"md",src:e.avatarUrls[48]}),o().createElement(mn,null,o().createElement(un,null,e.name),o().createElement(fn,null,e.slug)),t&&o().createElement(an,{user:e}))})),s&&o().createElement(Zt.ListFooter,null,o().createElement(hn,null,ln("Can't find someone?","elementor-pro")),o().createElement("br",null),o().createElement("span",null,i?o().createElement(o().Fragment,null,ln("Add them from the","elementor-pro")," ",o().createElement(gn,{href:a.admin_url_create_user,className:"elementor-clickable"},ln("WP Dashboard","elementor-pro"))):ln("Ask the site admin to add them","elementor-pro"))))}yn.propTypes={search:sn.string};const bn=new et.QueryClient({defaultOptions:{queries:{retry:2,refetchOnWindowFocus:!0},mutations:{retry:2}}});var vn=n(2470).__,xn=n(7598);const wn=(0,a.Ay)(Se)` 872 position: relative; 873`;function En(e){const t=function(e){const t=(0,r.useRef)();return(0,r.useEffect)((()=>{if(t.current){const n=e?e.length:0;t.current.focus(),t.current.setSelectionRange(n,n)}}),[]),t}(e.defaultValue),n=e.isReply?vn("Type your reply. Use @ to mention...","elementor-pro"):vn("Type a note. Use @ to mention...","elementor-pro");return o().createElement(wn,null,o().createElement(Zt,{debounce:250,fragment:({search:e})=>o().createElement(et.QueryClientProvider,{client:bn},o().createElement(yn,{search:e})),onSelect:()=>window.top.$e.run("notes/choose-mention")},o().createElement(Nt,{name:"content",placeholder:n,onKeyDown:t=>{e.onMetaAndEnterKeyDown&&(t.metaKey||t.ctrlKey)&&"enter"===t.key.toLowerCase()&&e.onMetaAndEnterKeyDown(t)},disabled:e.disabled,ref:t,defaultValue:e.defaultValue,onChange:e.onChange,rows:1,maxRows:6,autoSize:!0})))}function An(){const e=(0,ot.wA)(),{actions:t}=window.top.$e.store.get("notes"),n=(0,ot.d4)((e=>e.notes.formsInWritingMode)),o=(0,r.useCallback)((e=>n.includes(e)),[n]),a=(0,r.useCallback)((n=>e(t.addFormToWritingMode(n))),[e]),i=(0,r.useCallback)((n=>e(t.removeFormFromWritingMode(n))),[e]);return{formsInWritingMode:n,isInWritingMode:o,addToWritingMode:a,removeFromWritingMode:i}}En.propTypes={name:xn.string,disabled:xn.bool,onMetaAndEnterKeyD
873own:xn.func,defaultValue:xn.string,onChange:xn.func,isReply:xn.bool.isRequired},En.defaultProps={isReply:!1};var kn=n(7598);const Cn=a.Ay.form` 874 all: revert; 875 876 display: flex !important; 877 flex-direction: column !important; 878 gap: 16px !important; 879`;function Rn({onReset:e,onChange:t,onSubmit:n,...r}){const{isInWritingMode:a,addToWritingMode:i,removeFromWritingMode:l}=An();return o().createElement(Cn,(0,x.A)({},r,{onReset:t=>{l(r.id);const n=t.currentTarget.content;if(void 0!==n){const e=new Event("input",{bubbles:!0});n.value="",n.dispatchEvent(e)}e?.(t)},onChange:e=>{const n=e.target.value.trim()!==e.target.defaultValue,o=a(r.id);n&&!o&&i(r.id),!n&&o&&l(r.id),t?.(e)},onSubmit:async e=>{if(e.preventDefault(),!a(r.id))return;const t=e.currentTarget,o=t.content.value.trim();await(n?.(e,{form:t,content:o}))}}))}function Tn(e){return(0,r.useMemo)((()=>{const t=document.createElement("textarea");t.innerHTML=e;const{value:n}=t;return t.remove(),n}),[e])}Rn.ButtonsContainer=(0,a.Ay)(Se)` 880 display: flex !important; 881 flex-direction: row-reverse !important; 882 justify-content: end !important; 883 gap: 8px !important; 884`,Rn.propTypes={id:kn.string.isRequired,onChange:kn.func,onReset:kn.func,onSubmit:kn.func};var _n=n(2470).__,zn=n(7598);function $n(e){const t=`e-notes-edit-${e.note.id}`,n=Tn(e.note.content),r=function(){const e=pt();return(0,et.useMutation)((async({id:e,values:{content:t}})=>{const{data:n}=await window.top.$e.data.update("notes/index",{content:t,mentioned_usernames:Ae(t)},{id:e});return Ye.createFromResponse(n.data)}),{onSuccess:t=>e({id:t.isThread()?t.id:t.parentId})})}(),{isInWritingMode:a}=An();return o().createElement(Rn,{onSubmit:async(t,{content:n,form:o})=>{window.top.$e.run("notes/edit",{noteId:e.note.id}),await r.mutateAsync({id:e.note.id,values:{content:n}}),o.reset(),e.onClose()},id:t},o().createElement(En,{disabled:r.isLoading,defaultValue:n,onMetaAndEnterKeyDown:e=>Re(e.currentTarget.form),isReply:e.note.isReply()}),o().createElement(Rn.ButtonsContainer,null,o().createElement(m,{disabled:r.isLoading||!a(t),type:"submit"},_n("Save","elementor-pro")),o().createElement(m,{disabled:r.isLoading,variant:"outlined",type:"reset",onClick:t=>{window.top.$e.run("notes/cancel-edit",{noteId:e.note.id}),t.target.form.reset(),e.onClose(t)}},_n("Cancel","elementor-pro"))))}$n.propTypes={note:zn.instanceOf(Ye).isRequired,onClose:zn.func.isRequired};const In=a.Ay.p` 885 --color-gray-600: #6d7882; 886 887 font-family: Roboto, sans-serif !important; 888 font-size: 12px !important; 889 font-weight: 400 !important; 890 text-transform: none !important; 891 font-style: normal !important; 892 text-decoration: none !important; 893 line-height: 1.5 !important; 894 letter-spacing: normal !important; 895 word-spacing: normal !important; 896 color: var(--color-gray-600); 897 margin: 0 0 .5em 0 !important; 898`,Ln=a.Ay.span` 899 color: #58d0f5; 900`,On=a.Ay.a` 901 all: revert; 902 903 --color-editor-info: #58d0f5; 904 --color-editor-info-dark: #10bcf2; 905 906 font-family: Roboto, sans-serif !important; 907 font-size: 1em !important; 908 font-weight: normal !important; 909 text-transform: none !important; 910 font-style: normal !important; 911 text-decoration: none !important; 912 line-height: normal !important; 913 letter-spacing: normal !important; 914 word-spacing: normal !important; 915 cursor: pointer; 916 917 918 &, 919 &:visited { 920 color: var( --color-editor-info ) !important; 921 } 922 923 &:hover, 924 &:focus { 925 color: var( --color-editor-info-dark ) !important; 926 } 927`;On.defaultProps={target:"_blank",rel:"noopener noreferrer",className:"elementor-clickable"};const Sn=On;var qn=n(7598);function Pn(e){return o().createElement(Sn,{href:e.token.value},e.children)}Pn.propTypes={children:qn.node.isRequired,token:qn.shape({value:qn.string}).isRequired};var Fn=n(7598);function Mn(e){return o().createElement(Sn,{href:`mailto:${e.token.value}`},e.children)}Mn.propTypes={children:Fn.node.isRequired,token:Fn.shape({value:Fn.string}).isRequired};var Dn=n(7598);const Nn=a.i7` 928 0% { 929 opacity: 1; 930 background-position: 40% 66%, 54% 40%, 32% 36%, 46% 38%, 38% 55%, 60% 32%, 43% 34%, 31% 35%, 53% 63%, 58% 42%, 56% 37%, 40% 50%, 46% 46%, 36% 59%, 43% 50%, 63% 70%, 44% 40%, 51% 30%, 38% 45%, 37% 62%, 46% 34%, 45% 45%, 43% 44%, 43% 53%, 64% 42%, 31% 36%, 38% 54%, 40% 34%, 64% 48%, 43% 47%, 43% 50%, 56% 40%, 35% 68%, 68% 69%, 63% 35%, 32% 61%, 67% 57%, 51% 43%, 53% 45%, 47% 40%, 33% 42%, 35% 65%, 67% 47%, 30% 44%, 67% 52%, 41% 46%, 44% 55%, 38% 40%, 39% 37%, 37% 35%; 931 } 932 933 45% { 934 opacity: 1; 935 background-size: var(--radius) var(--radius); 936 } 937 938 100% { 939 opacity: 0; 940 background-size: 0 0; 941 background-position: 8% 105%, 83% 50%, 53% 74%, 44% 9%, 6% 67%, 13% 62%, 88% 47%, 60% 18%, 78% 50%, 105% 11%, 59% 22%, 47% 98%, 77% 84%, 51% 60%, 70% 10%, 91% 103%, 8% 16%, 61% 1%, -5% 52%, 75% 74%, 58% 52%, 74% 30%, 51% 55%, 13% 78%, 28% 86%, 40% 1%, 24% 38%, 58% 6%, 70% 42%, 11% 22%, 73% 59%, 10% 57%, 72% 22%, 48% 26%, 44% -7%, 72% 29%, 50% 74%, 99% 87%, 17% 36%, 4% -8%, -11% 22%, 79% 95%, 19% 60%, 30% 4%, 110% 5%, 0% 71%, 82% 56%, 9% 68%, 69% 41%, 19% 61%; 942 } 943`,Hn=a.Ay.span` 944 display: inline-block !important; 945 position: relative !important; 946 isolation: isolate !important; 947 box-sizing: border-box !important; 948 949 &::before { 950 --radius: 2px; 951 --color-1: #d50000; 952 --color-2: #c51162; 953 --color-3: #aa00ff; 954 --color-4: #2962ff; 955 --color-5: #00c853; 956 --color-6: #ffd600; 957 958 content: '' !important; 959 position: absolute !important; 960 inset: -25px !important; 961 pointer-events: none !important; 962 opacity: 0; 963 z-index: -1 !important; 964 transform: scale(1.5) !important; 965 background-repeat: no-repeat !important; 966 background-size: calc(2 * var(--radius)) calc(2 * var(--radius));
967 background-image: radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ) !important; 968 969 ${({isAnimated:e})=>e&&a.AH` 970 animation: ${Nn} ease 1s forwards !important; 971 `} 972 } 973`;function Un(e){const[t,n]=(0,r.useState)(!1);return o().createElement(Hn,{isAnimated:t,onMouseEnter:()=>n(!0),onAnimationEnd:()=>n(!1)},e.children)}Un.propTypes={children:Dn.node.isRequired,token:Dn.shape({value:Dn.string}).isRequired};var Vn=n(7598);const Wn={Paragraph:In,Mention:Ln,Url:Pn,Email:Mn,Wow:Un,default:({children:e})=>e};function jn(e){const t=(0,r.useMemo)((()=>Wn[e.token.type]||Wn.default),[e.token.type]);return o().createElement(t,{token:e.token},Array.isArray(e.token.value)?e.token.value.map(((e,t)=>o().createElement(jn,{token:e,key:t}
973))):e.token.value)}const Kn={};Kn.value=Vn.oneOfType([Vn.string,Vn.arrayOf(Vn.shape(Kn))]),jn.propTypes={token:Vn.shape(Kn)};var Qn=n(7598);const Bn=we(),Yn=(0,a.Ay)(Se)` 974 white-space: normal; 975 word-break: break-word; 976 word-wrap: break-word; 977 978 ${({disableInteractions:e})=>e&&a.AH` 979 pointer-events: none; 980 `}; 981`;function Zn(e){const t=(0,r.useMemo)((()=>Bn.parse(e.children)),[e.children]);return o().createElement(Yn,{disableInteractions:e.disableInteractions,className:e.className},t&&o().createElement(jn,{token:t}))}Zn.propTypes={children:Qn.string.isRequired,disableInteractions:Qn.bool,className:Qn.string},Zn.defaultProps={disableInteractions:!1};const Xn=Zn;var Gn=n(2470).__,Jn=n(7598);const er=a.Ay.p` 982 all: revert; 983 984 color: #a4afb6 !important; 985 margin: 0 !important; 986 padding: 0 !important; 987 font-family: Roboto, sans-serif !important; 988 font-size: 10px !important; 989 font-weight: normal !important; 990 text-transform: none !important; 991 font-style: normal !important; 992 text-decoration: none !important; 993 line-height: 1.5 !important; 994 letter-spacing: normal !important; 995 word-spacing: normal !important; 996`,tr=a.Ay.strong` 997 font-weight: 500; 998`;function nr(e){const{route:t}=Je(),n=e.note.document?.id===t.post_id,r=e.note.routeUrl===t.url;return!e.note.document||n&&r?null:o().createElement(er,null,Gn("Noted on:","elementor-pro")," ",o().createElement(tr,null,n?e.note.routeTitle:e.note.document.typeTitle))}nr.propTypes={note:Jn.instanceOf(Ye).isRequired};var rr=n(7598);const or={sm:{text:9},md:{text:12}},ar=(0,a.Ay)(Se)` 999 --color-gray-500: #a4afb6; 1000 --color-gray-600: #6d7882; 1001 1002 display: flex !important; 1003 align-items: start !important; 1004 gap: 12px !important; 1005 1006 &, & *:not( [class*="eicon"] ) { 1007 font-family: Roboto, sans-serif !important; 1008 } 1009`,ir=(0,a.Ay)(Se)` 1010 display: flex !important; 1011 flex-direction: column !important; 1012 gap: 12px !important; 1013 flex-grow: 1 !important; 1014 line-height: 1 !important; 1015`,lr=(0,a.Ay)(Se)` 1016 display: flex !important; 1017 gap: 10px !important; 1018 padding-top: 4px !important; 1019 line-height: 1 !important; 1020`,sr=(0,a.Ay)(Se)` 1021 display: flex !important; 1022 flex-direction: column !important; 1023 gap: 5px !important; 1024 flex-grow: 1 !important; 1025 line-height: 1 !important; 1026`,cr=(0,a.Ay)(Se)` 1027 display: flex !important; 1028 gap: 5px !important; 1029 flex-shrink: 0 !important; 1030 align-items: center !important; 1031 line-height: 1 !important; 1032`,pr=a.Ay.span` 1033 color: var(${({muted:e})=>e?"--color-gray-500":"--color-gray-600"}) !important; 1034 margin: 0 !important; 1035 padding: 0 !important; 1036 1037 ${({size:e})=>e&&a.AH` 1038 font-size: ${or[e].text}px !important; 1039 `}; 1040 1041 ${({weight:e})=>e&&a.AH` 1042 font-weight: ${e} !important; 1043 `}; 1044 1045 ${({lineHeight:e})=>a.AH` 1046 line-height: ${e||1} !important; 1047 `}; 1048`;function mr(e){const[t,n]=(0,r.useState)(!1),a=Tn(e.note.content);return o().createElement(ar,null,o().createElement(H,{size:"md",src:e.note.author.avatarUrls[48]}),o().createElement(ir,null,o().createElement(lr,null,o().createElement(sr,null,o().createElement(pr,{size:"md",weight:500},e.note.author.name),o().createElement(pr,{size:"sm",lineHeight:1.5,muted:!0},e.note.getFormattedCreatedAt())),o().createElement(cr,null,!t&&o().createElement(Pt,{note:e.note,setIsEditMode:n}))),!t&&o().createElement(Xn,null,a),t&&o().createElement($n,{note:e.note,onClose:()=>n(!1)}),o().createElement(nr,{note:e.note})))}function dr(e){const t=(0,et.useQueryClient)(),n=function(e){return(0,r.useCallback)((t=>{t.isReply()||e.setQueriesData({queryKey:["notes"],exact:!1,active:!0},(e=>e?e.map((e=>e.id===t.id?t:e)):e))}),[e])}(t),o=function(e,t){return(0,r.useCallback)((()=>e.getQueryData("notes",{active:!0,exact:!1})?.find((e=>e.id===t))),[e,t])}(t,e);return(0,et.useQuery)(["note",e],(async({queryKey:[,e],signal:t})=>{const{data:n}=await window.top.$e.data.get("notes/index",{id:e},{refresh:!0,signal:t});return Ye.createFromResponse(n.data)}),{onSuccess:n,placeholderData:o})}mr.propTypes={note:rr.instanceOf(Ye).isRequired};var ur=n(2470).__,fr=n(7598);function gr(e){const t=`e-notes-new-reply-for-${e.thread.id}`,n=st(),{clearActive:r}=lt(),{isInWritingMode:a}=An();return o().createElement(Rn,{id:t,onSubmit:async(t,{content:r,form:o})=>{window.top.$e.run("notes/reply",{parentId:e.thread.id}),await n.mutateAsync({elementId:e.thread.elementId,parentId:e.thread.id,content:r}),o.reset()}}
1048,o().createElement(En,{disabled:n.isLoading,onMetaAndEnterKeyDown:e=>Re(e.currentTarget.form),isReply:!0}),a(t)&&o().createElement(Rn.ButtonsContainer,null,o().createElement(m,{disabled:n.isLoading,type:"submit"},ur("Reply","elementor-pro")),o().createElement(m,{disabled:n.isLoading,variant:"outlined",type:"reset",onClick:t=>{window.top.$e.run("notes/cancel-reply",{parentId:e.thread.id}),t.target.form.reset(),r()}},ur("Cancel","elementor-pro"))))}gr.propTypes={thread:fr.instanceOf(Ye)};var hr=n(2470).__,yr=n(7598);const br=(0,a.Ay)(w).attrs({className:"eicon-loading eicon-animation-spin"})` 1049 align-self: center !important; 1050 color: #a4afb6 !important; 1051`,vr=a.Ay.p` 1052 all: revert; 1053 1054 font-family: Roboto, sans-serif !important; 1055 font-size: 12px !important; 1056 font-weight: normal !important; 1057 text-transform: none !important; 1058 font-style: normal !important; 1059 text-decoration: none !important; 1060 line-height: normal !important; 1061 letter-spacing: normal !important; 1062 word-spacing: normal !important; 1063 color: #6d7882 !important; 1064 margin: 0 !important; 1065 padding: 0 !important; 1066`;function xr(e){const{isLoading:t,isPlaceholderData:n,isFetching:a,data:i,isSuccess:l,isError:s}=dr(e.threadId),c=0!==i.repliesCount;return function({thread:e,shouldTrigger:t}){const n=(0,r.useRef)(!1),o=ct();(0,r.useEffect)((()=>{if(n.current||!t)return;const r=[e,...e.replies||[]].filter((e=>!e.isRead)).map((e=>e.id));0!==r.length&&o.mutate({ids:r,isRead:!0}),n.current=!0}),[e,t])}({thread:i,shouldTrigger:l&&!n&&!a}),t?o().createElement(br,null):s?o().createElement(vr,null,hr("Something went wrong.","elementor-pro")):o().createElement(o().Fragment,null,o().createElement(mr,{note:i,key:i.id}),c&&n&&o().createElement(br,null),i.replies.map((e=>o().createElement(mr,{key:e.id,note:e}))),o().createElement(gr,{thread:i}))}xr.propTypes={threadId:yr.number.isRequired};const wr="e-notes--disable-new-thread",Er="e-route-notes--notable";function Ar(){const e=function(){const e=Lt(Tt),{activeThread:t}=lt();return(0,r.useMemo)((()=>e&&!t),[e,t])}(),{elements:t}=nt(),{setActive:n}=lt(),o=e=>{const t=e.ctrlKey||e.metaKey||e.altKey,n=e.target.closest(`.${wr}`);return t||n};(0,r.useEffect)((()=>{const e=e=>{o(e)||(e.preventDefault(),e.stopPropagation())};return t.forEach((t=>{t.addEventListener("click",e)})),()=>{t.forEach((t=>{t.removeEventListener("click",e)}))}}),[t]),(0,r.useEffect)((()=>{const r=e=>{1===e.buttons&&!o(e)&&(e.preventDefault(),e.stopPropagation(),n({type:it,data:{elementId:e.currentTarget.dataset.id,position:kr(e)}}))};return t.size&&e&&(t.forEach((e=>{e.addEventListener("pointerdown",r)})),document.body.classList.add(Er)),()=>{t.forEach((e=>{e.removeEventListener("pointerdown",r)})),document.body.classList.remove(Er)}}),[t,e])}function kr(e){const t=e.currentTarget.getBoundingClientRect();return{x:(e.clientX-t.left)/t.width*100,y:(e.clientY-t.top)/t.height*100}}function Cr(e=!0,{onlyIfNeeded:t=!0,...n}={}){const o=(0,r.useRef)(null);return(0,r.useEffect)((()=>{e&&setTimeout((()=>{Ce(o.current,{onlyIfNeeded:t,...n})}))}),[e]),o}const Rr={keyframes:[{transform:"scale(1)",opacity:"1"},{transform:"scale(1.05)",opacity:"0.85"},{transform:"scale(1)",opacity:"1"}],options:{easing:"ease-in-out",duration:500}};function Tr(e){const{direction:t}=Je(),{formsInWritingMode:n}=An(),a=(0,r.useRef)();return o().createElement(F.Content,(0,x.A)({},e,{align:"rtl"===t?"end":"start",alignOffset:18,sideOffset:15,ref:a,onInteractOutside:async e=>{0!==n.length&&(e.preventDefault(),0===a.current.getAnimations().length&&(await Ce(a.current),a.current.animate(Rr.keyframes,Rr.options)))}}))}var _r=n(9320),zr=n(7598);const $r=(0,a.Ay)(_r.ZL).withConfig({shouldForwardProp:e=>"position"!==e})` 1067 all: revert; 1068 1069 position: absolute; 1070 z-index: 98; // One under sticky elements & wp-admin-bar. 1071 top: ${({position:e})=>e?.y||0}%; 1072 left: ${({position:e})=>e?.x||0}%; 1073 transform: translate( -25%, -100% ); 1074`;function Ir(e){const{elements:t}=nt(),n={current:t.get(e.elementId)};return n.current?o().createElement($r,{containerRef:n,"data-e-notes-portal":!0,position:e.position},e.children):null}Ir.propTypes={elementId:zr.string.isRequired,position:zr.shape({x:zr.number.isRequired,y:zr.number.isRequired}
1074),children:zr.oneOfType([zr.node,zr.arrayOf(zr.node)])};var Lr=n(7598);const Or=(0,a.Ay)(Se)` 1075 display: flex !important; 1076 flex-direction: column !important; 1077 gap: 28px !important; 1078 padding: 20px 16px !important; 1079 width: 360px !important; 1080 border-radius: 4px !important; 1081 transition: 0.3s all !important; 1082 1083 ${({disabled:e})=>e&&a.AH` 1084 opacity: 0.5; 1085 pointer-events: none; 1086 `} 1087`,Sr=(0,r.createContext)();function qr(e){const[t,n]=(0,r.useState)(!1),a=Cr(e.isActive);return o().createElement(Ir,{elementId:e.note.elementId,position:e.note.position},o().createElement(F,{open:e.isActive,onOpenChange:e.onOpenChange},o().createElement(F.Trigger,{asChild:!0},o().createElement(m,{variant:"transparent",className:wr},o().createElement(y,{ref:a,variant:e.isActive||e.note.isUnreadThread()?"solid":"ghost",size:"md",muted:e.note.isResolved},e.note.id))),o().createElement(Tr,null,o().createElement(Or,{disabled:t},o().createElement(Sr.Provider,{value:{isDisabled:t,setIsDisabled:n}},o().createElement(xr,{threadId:e.note.id}))))))}qr.propTypes={note:Lr.instanceOf(Ye).isRequired,onOpenChange:Lr.func.isRequired,isActive:Lr.bool.isRequired};var Pr=n(2470).__,Fr=n(7598);const Mr="e-notes-new-thread";function Dr(e){const{clearActive:t,setActive:n}=lt(),r=st(),{isInWritingMode:a}=An();return o().createElement(Rn,{onSubmit:async(t,{content:o,form:a})=>{window.top.$e.run("notes/create");const i=await r.mutateAsync({elementId:e.elementId,parentId:0,content:o,position:e.position});a.reset(),n({type:at,data:{noteId:i.id}})},id:Mr},o().createElement(En,{disabled:r.isLoading,onMetaAndEnterKeyDown:e=>Re(e.currentTarget.form)}),o().createElement(Rn.ButtonsContainer,null,o().createElement(m,{disabled:r.isLoading||!a(Mr),type:"submit"},Pr("Leave a Note","elementor-pro")),o().createElement(m,{disabled:r.isLoading,variant:"outlined",type:"reset",onClick:e=>{window.top.$e.run("notes/cancel-create"),e.target.form.reset(),t()}},Pr("Cancel","elementor-pro"))))}Dr.propTypes={elementId:Fr.string.isRequired,position:Fr.shape({x:Fr.number.isRequired,y:Fr.number.isRequired})};var Nr=n(7598);const Hr=(0,a.Ay)(Se)` 1088 display: flex !important; 1089 flex-direction: column !important; 1090 gap: 28px !important; 1091 padding: 20px 16px !important; 1092 width: 360px !important; 1093 border-radius: 4px !important; 1094`;function Ur(e){const t=Cr();return o().createElement(Ir,{elementId:e.elementId,position:e.position},o().createElement(F,{defaultOpen:!0,onOpenChange:e.onOpenChange},o().createElement(F.Trigger,{asChild:!0},o().createElement(m,{variant:"transparent",ref:t},o().createElement(y,{variant:"active",size:"md"}))),o().createElement(Tr,null,o().createElement(Hr,null,o().createElement(Dr,{elementId:e.elementId,position:e.position})))))}function Vr(){return[(0,ot.d4)((e=>e.notes.filters)),(0,r.useCallback)(((e,t=!1)=>window.top.$e.run("notes/filter",{filters:e,overwrite:t})),[])]}Ur.propTypes={elementId:Nr.string.isRequired,position:Nr.shape({x:Nr.number.isRequired,y:Nr.number.isRequired}),onOpenChange:Nr.func.isRequired};const Wr={enabled:!0,params:{}};function jr(e={}){const{route:t}=Je(),[n]=Vr(),o=(0,r.useMemo)((()=>({...Wr,...e})),[e]),a=(0,r.useMemo)((()=>ke({parent_id:0,order_by:"last_activity_at",order:"desc",...t.is_elementor_library?{post_id:t.post_id}:{route_url:encodeURIComponent(t.url)},...n,...o.params||{}})),[t,n,o.params]);return(0,et.useQuery)(["notes",a],(async({queryKey:[,e],signal:t})=>{const{data:n}=await window.top.$e.data.get("notes/index",e,{refresh:!0,signal:t});return n.data.map((e=>Ye.createFromResponse(e)))}),{keepPreviousData:!0,enabled:o.enabled})}function Kr(){const{data:e=[]}=jr(),{activeThread:t,clearActive:n,setActive:r,isThreadActive:a}=lt();return Ar(),o().createElement(o().Fragment,null,e.map((e=>o().createElement(qr,{key:e.id,note:e,isActive:a(e.id),onOpenChange:t=>{t?r({type:at,data:{noteId:e.id}}):n(e.id)}}))),it===t?.type&&o().createElement(Ur,{elementId:t.data.elementId,position:t.data.position,onOpenChange:e=>{e||n()}}))}var Qr=n(2470).__,Br=n(7598);const Yr=(0,a.Ay)(i)` 1095 --spacing: 12px; 1096 --background: #fafbfb; 1097 --color: #6d7882; 1098 --padding: var( --spacing ); 1099 --font-family: Roboto, sans-serif; 1100 --font-size: 12px; 1101 --font-weight: 400; 1102 --width: 100%; 1103 --display: flex; 1104 1105 gap: var( --spacing ); 1106 margin: 1px 0 0 0 !important; 1107 border: none; 1108 text-align: inherit; 1109 border-radius: 0; 1110 transition: 0.2s all; 1111 line-height: 1.5; 1112 cursor: pointer; 1113 white-space: normal; 1114 1115 &:hover, 1116 &:focus { 1117 --background: #f1f1f1; 1118 --color: #6d7882; 1119 } 1120 1121 ${({isActive:e})=>e&&a.AH` 1122 --background: #e8f4fb; 1123 1124 &:hover, 1125 &:focus { 1126 --background: #e0f2fc; 1127 } 1128 `} 1129`,Zr=(0,a.Ay)(Se)` 1130 flex-shrink: 0; 1131 1132 &::before, 1133 &::after { 1134 display: none !important; 1135 } 1136`,Xr=(0,a.Ay)(Se)` 1137 flex-grow: 1; 1138 1139 &::before, 1140 &::after { 1141 display: none !important; 1142 } 1143`,Gr=a.Ay.p` 1144 all: revert; 1145 1146 margin: 0 0 8px 0 !important; 1147 font-family: Roboto, sans-serif !important; 1148 font-size: 10px !important; 1149 font-weight: 500 !important; 1150 text-transform: none !important; 1151 font-style: normal !important; 1152 text-decoration: none !important; 1153 line-height: normal !important; 1154 letter-spacing: normal !important; 1155 word-spacing: normal !important; 1156`,Jr=a.Ay.span` 1157 color: #a4afb6; 1158`,eo=a.Ay.p` 1159 all: revert; 1160 1161 margin: 4px 0 0 0 !important; 1162 color: #a4afb6 !important; 1163 font-family: Roboto, sans-serif !important; 1164 font-size: 10px !important; 1165 font-weight: normal !important; 1166 text-transform: none !important; 1167 font-style: normal !important; 1168 text-decoration: none !important; 1169 line-height: normal !important; 1170 letter-spacing: normal !important; 1171 word-spacing: normal !important; 1172`,to=(0,a.Ay)(Xn)` 1173 --line-height: 1.5; 1174 --max-rows: 6; 1175 1176 display: -webkit-box !important; 1177 -webkit-box-orient: vertical !important; 1178 -webkit-line-clamp: var( --max-rows ) !important; 1179 max-height: calc( ( 1em * var( --line-height ) * var( --max-rows ) ) ) !important; 1180 overflow: hidden !important; 1181 1182 & > p { 1183 margin: 0 !important; // To make the ellipsis look better on multi-paragraph content. 1184 } 1185`;function no(e){const t=Cr(e.isActive,{block:"nearest",inline:"nearest"}),n=Tn(e.note.content);return o().createElement(Yr,{isActive:e.isActive,onClick:e.onClick,ref:t},o().createElement(Zr,null,o().createElement(y,{variant:e.isActive||e.note.isUnreadThread()?"solid":"ghost",size:"sm",muted:e.note.isResolved},e.note.id)),o().createElement(Xr,null,o().createElement(Gr,null,e.note.author.name," ",o().createElement(Jr,null,e.note.getFormattedCreatedAt())),o().createElement(to,{disableInteractions:!0},n),e.note.repliesCount>0&&o().createElement(eo,null,Qr("%s replies","elementor-pro").replace("%s",e.note.repliesCount))))}no.propTypes={note:Br.instanceOf(Ye).isRequired,onClick:Br.func,isActive:Br.bool};var ro=n(7598);const oo=a.Ay.h4` 1186 all: revert; 1187 1188 padding: 10px 12px !important; 1189 background: #fff !important; 1190 font-family: Roboto, sans-serif !important; 1191 font-size: 12px !important; 1192 font-weight: 600 !important; 1193 color: #6d7882 !important; 1194 margin: 1px 0 0 0 !important; 1195 line-height: 1.2 !important; 1196 text-transform: none !important; 1197 font-style: normal !important; 1198 text-decoration: none !important; 1199 letter-spacing: normal !important; 1200 word-spacing: normal !important; 1201 position: relative !important; 1202 1203 &::before, &::after { 1204 display: none !important; 1205 } 1206`,ao=a.Ay.span` 1207 color: #a4afb6; 1208 font-size: 11px; 1209`;function io(e){return o().createElement(oo,null,e.children," ",e.count&&o().createElement(ao,null,"(",e.count,")"))}io.propTypes={children:ro.oneOfType([ro.node,ro.arrayOf(ro.node)]),count:ro.number};var lo=n(2470).__;const so=(0,a.Ay)(Se)` 1210 display: flex !important; 1211 align-items: center !important; 1212 justify-content: center !important; 1213 height: 100% !important; 1214 width: 100% !important; 1215 text-align: center !important; 1216 padding: 13px 20px 43px 20px !important; 1217`,co=(0,a.Ay)(Se)` 1218 font-size: 30px !important; 1219 color: #a4afb6 !important; 1220 margin: 0 0 20px 0 !important; 1221`,po=a.Ay.h4` 1222 all: revert; 1223 1224 font-family: Roboto, sans-serif !important; 1225 font-size: 16px !important; 1226 font-weight: 700 !important; 1227 text-transform: none !important; 1228 font-style: normal !important; 1229 text-decoration: none !important; 1230 line-height: 1.4 !important; 1231 letter-spacing: normal !important; 1232 word-spacing: normal !important; 1233 color: #6d7882 !important; 1234 margin: 0 0 12px 0 !important; 1235 padding: 0 15px !important; 1236 1237 &::before, &::after { 1238 display: none; 1239 } 1240`,mo=a.Ay.p` 1241 all: revert; 1242 1243 font-family: Roboto, sans-serif !important; 1244 font-size: 11px !important; 1245 font-weight: normal !important; 1246 text-transform: none !important; 1247 font-style: normal !important; 1248 text-decoration: none !important; 1249 line-height: 1.5 !important; 1250 letter-spacing: normal !important; 1251 word-spacing: normal !important; 1252 margin: 0 !important; 1253 color: #6d7882 !important; 1254`,uo=a.Ay.a` 1255 all: revert; 1256 1257 display: inline-flex !important; 1258 justify-content: center !important; 1259 align-item: center !important; 1260 font-family: Roboto, sans-serif !important; 1261 font-size: 12px !important; 1262 font-weight: 500 !important; 1263 text-transform: none !important; 1264 font-style: normal !important; 1265 text-decoration: none !important; 1266 line-height: 1.4 !important; 1267 letter-spacing: normal !important; 1268 word-spacing: normal !important; 1269 margin: 42px 0 0 0 !important; 1270 color: #6d7882 !important; 1271 1272 > i { 1273 color: #a4afb7 !important; 1274 font-size: 18px !important; 1275 margin-inline-start: 4px !important; 1276 } 1277 1278 &:hover { 1279 i::before { 1280 color: #58d0f5; 1281 content: '\\e926'; // eicon-info-circle 1282 } 1283 } 1284`;function fo(){return o().createElement(so,null,o().createElement("div",null,o().createElement(co,null,o().createElement(w,{className:"eicon-commenting-o"})),o().createElement(po,null,lo("Share your thoughts with a Note","elementor-pro")),o().createElement(mo,null,lo("Select an element on the page to leave a comment, ask a question, etc.","elementor-pro")),o().createElement(uo,{href:"https://go.elementor.com/app-notes/",target:"_blank",className:"elementor-clickable"},lo("Learn More","elementor-pro"),o().createElement(w,{className:"eicon-info"}))))}var go=n(7619);const ho=(0,a.Ay)(i).attrs((()=>({as:go.Qg})))` 1285 --font-weight: 600 !important; 1286 --font-size: inherit !important; 1287 --font-family: inherit !important; 1288`,yo=(0,a.Ay)(w)` 1289 color: var( --color ) !important; // Inherited from the <Toast /> component. 1290`;var bo=n(7598);const vo={default:{background:"#f1f2f3",icon:"#69727d",action:"#69727d"},success:{background:"#e9fbee",icon:"#1d6d38",action:"#1d6d38"},warning:{background:"#fff5e6",icon:"#976402",action:"#976402"},info:{background:"#e6f6ff",icon:"#006bb8",action:"#006bb8"},danger:{background:"#fde8ec",icon:"#b92136",action:"#b92136"}},xo=(0,a.Ay)(go.y8)` 1291 display: flex !important; 1292 gap: 8px !important; 1293 align-items: center !important; 1294 width: 100% !important; 1295 box-sizing: border-box !important; 1296 padding: 12px 16px !important; 1297 font-size: 14px !important; 1298 line-height: normal !important; 1299 color: #3a3f45 !important; 1300 text-align: start !important; 1301 border-radius: 6px !important; 1302 box-shadow: 0 0 15px 0 rgba( 0,0,0,.2 ) !important; 1303 animation-duration: 400ms !important; 1304 animation-timing-function: cubic-bezier( 0.16, 1, 0.3, 1 ) !important; 1305 background-color: ${({variant:e})=>vo[e].background} !important; 1306 1307 &[data-state="open"] { 1308 animation-name: ${z} !important; 1309 } 1310 1311 &[data-state="closed"] { 1312 animation-name: ${O} !important; 1313 } 1314 1315 ${yo} { 1316 --color: ${({variant:e})=>vo[e].icon} !important; 1317 } 1318 1319 ${ho} { 1320 --color: ${({variant:e})=>vo[e].icon} !important; 1321 } 1322`;xo.propTypes={variant:bo.oneOf(["default","success","warning","info","danger"]).isRequired},xo.defaultProps={variant:"default"};const wo=xo,Eo=(0,a.Ay)(go.Sb)` 1323 font-weight: bold !important; 1324`,Ao=(0,a.Ay)(go.aD)` 1325 font-weight: normal !important; 1326`,ko=(0,a.Ay)(i).attrs((()=>({as:go.eC})))` 1327 --height: 1em !important; 1328 --width: 1em !important; 1329 --display: block !important; 1330 1331 margin-inline-start: auto !important; 1332 position: relative !important; 1333 1334 &::before, 1335 &::after { 1336 content: '' !important; 1337 display: block !important; 1338 position: absolute !important; 1339 left: 50% !important; 1340 top: 50% !important; 1341 margin-left: -1px !important; 1342 margin-top: -.5em !important; 1343 height: 1em !important; 1344 width: 2px; 1345 border-radius: 9999px !important; 1346 background-color: #69727d !important; 1347 transform-origin: center center !important; 1348 transition: .3s all; 1349 } 1350 1351 &::before { 1352 transform: rotate( 45deg ) !important; 1353 } 1354 1355 &::after { 1356 transform: rotate( -45deg ) !important; 1357 } 1358 1359 &:hover::before, 1360 &:hover::after { 1361 background-color: #232629 !important 1362 } 1363`;var Co=n(2470).__,Ro=n(7598);function To(e){const{route:t}=Je(),{activeThread:n,isThreadActive:a,setActive:i,clearActive:l}=lt(),[s,c]=(0,r.useState)(!1),[p,m]=function(e){const{elements:t}=nt();return(0,r.useMemo)((()=>
1363{if(!e?.length||!t?.size)return[[],[]];const n=e.reduce(((e,n)=>(e[t.has(n.elementId)?"viewable":"nonViewable"].push(n),e)),{viewable:[],nonViewable:[]});return Object.values(n)}),[e,t])}(e.notes);return(0,r.useEffect)((()=>{const{noteId:e}=n?.data||{};if(e){!!p.find((t=>t.id===e&&t.isThread()))||l(e)}}),[p,n]),function(e,t){const n=(0,r.useRef)(!0),o=(0,r.useCallback)((()=>{n.current=!1}),[]);(0,r.useEffect)((()=>{n.current&&e(o)}),t)}((e=>{m.length>0&&(c(!0),e())}),[m]),o().createElement(o().Fragment,null,p.length?o().createElement(o().Fragment,null,o().createElement(io,{count:p.length},t.title),p.map((e=>o().createElement(no,{key:e.id,note:e,isActive:a(e.id),onClick:()=>i({type:at,data:{noteId:e.id}})})))):o().createElement(fo,null),o().createElement(wo,{open:s,onOpenChange:c,variant:"info"},o().createElement(yo,{className:"eicon-info-circle"}),o().createElement(Eo,null,Co("Some notes are not shown.","elementor-pro")),o().createElement(Ao,null,Co("This page contains notes on elements that are still in draft mode.","elementor-pro")),o().createElement(ko,null)))}To.propTypes={notes:Ro.arrayOf(Ro.instanceOf(Ye)).isRequired};class _o extends je{url="";fullURL="";title="";notesCount=0;static createFromResponse(e){return(new _o).init({url:e.url,fullURL:e.full_url,title:e.title,notesCount:e.notes_count})}}var zo=n(2470).__,$o=n(7598);const Io=a.Ay.a` 1364 position: absolute !important; 1365 font-size: 14px !important; 1366 inset-inline-end: 14px !important; 1367 top: 50% !important; 1368 margin-top: -.5em !important; 1369 color: #a4afb7 !important; 1370`;function Lo(e){const{route:{url:t}}=Je();return e.notesSummary.length?e.notesSummary.map((e=>o().createElement(io,{count:e.notesCount,key:e.url},e.title,e.url!==t&&o().createElement(Y,null,o().createElement(Y.Trigger,{asChild:!0},o().createElement(Io,{href:`${e.fullURL}#e:run:notes/open`,rel:"noopener noreferrer",target:"_blank",className:"elementor-clickable"},o().createElement(w,{className:"eicon-editor-external-link"}))),o().createElement(Y.Content,null,zo("Open page in a new tab","elementor-pro"),o().createElement(Y.Arrow,null)))))):o().createElement(fo,null)}Lo.propTypes={notesSummary:$o.arrayOf($o.instanceOf(_o)).isRequired};var Oo=n(2470).__;function So(){return o().createElement(Y,null,o().createElement(Y.Trigger,{asChild:!0},o().createElement(R,{name:"eicon-editor-close",onClick:()=>window.top.$e.run("notes/close")})),o().createElement(Y.Content,null,Oo("Close notes mode","elementor-pro"),o().createElement(Y.Arrow,null)))}var qo=n(2470).__;const Po=(0,a.Ay)(Se)` 1371 display: flex !important; 1372 align-items: center !important; 1373 justify-content: center !important; 1374 height: 100% !important; 1375 width: 100% !important; 1376 text-align: center !important; 1377 padding: 13px 13px 43px 13px !important; 1378`,Fo=a.Ay.p` 1379 all: revert; 1380 1381 font-family: Roboto, sans-serif !important; 1382 font-size: 12px !important; 1383 font-weight: ${({weight:e})=>e||400} !important; 1384 text-transform: none !important; 1385 font-style: normal !important; 1386 text-decoration: none !important; 1387 line-height: normal !important; 1388 letter-spacing: normal !important; 1389 word-spacing: normal !important; 1390 margin: 0 !important; 1391 color: #6d7882 !important; 1392`;function Mo(){return o().createElement(Po,null,o().createElement("div",null,o().createElement(Fo,{weight:700},qo("Could not load the panel.","elementor-pro")),o().createElement(Fo,null,qo("Please refresh the page and try again.","elementor-pro"))))}var Do=n(5835);const No=(0,a.Ay)(i).attrs((()=>({as:Do.bL})))` 1393 --border-color: #a4afb6; 1394 --background: #fff; 1395 --border: 1px solid var( --border-color ); 1396 --border-radius: 3px; 1397 --width: 12px; 1398 --height: 12px; 1399 --display: inline-flex; 1400 1401 align-items: center; 1402 justify-content: center; 1403 position: relative; 1404 margin: 0; 1405 outline: none; 1406 transition: 0.2s all; 1407 overflow: hidden; 1408 1409 &[data-state="checked"] { 1410 --border-color: #39b54a; 1411 } 1412 1413 &:hover, &:focus { 1414 outline: none; 1415 --background: #eee; 1416 1417 & > * { 1418 --background: rgba(57, 181, 74, 0.8); 1419 } 1420 } 1421`,Ho=(0,a.Ay)(Do.C1)` 1422 all: revert; 1423 1424 position: absolute !important; 1425 inset: 0 !important; 1426 display: inline-flex !important; 1427 align-items: center !important; 1428 justify-content: center !important; 1429 background: #39b54a !important; 1430 color: #fff !important; 1431 outline: none !important; 1432 font-size: 8px !important; 1433`;function Uo(e){return o().createElement(No,e,o().createElement(Ho,null,o().createElement(w,{className:"eicon-check"})))}Uo.propTypes={...Do.bL.propTypes};var Vo=n(8430);const Wo=(0,a.Ay)(Vo.JU)` 1434 all: revert; 1435 1436 font-size: 11px !important; 1437 color: #a4afb6 !important; 1438 font-weight: 500 !important; 1439 font-family: Roboto, sans-serif !important; 1440 user-select: none !important; 1441 display: inline-flex !important; 1442 align-items: center !important; 1443 gap: 8px !important; 1444 line-height: 2 !important; 1445`;var jo=n(8489);const Ko=(0,a.Ay)(i).attrs((()=>({as:jo.q7})))` 1446 --border-color: #a4afb6; 1447 --background: #fff; 1448 --border: 1px solid var( --border-color ); 1449 --border-radius: 100%; 1450 --width: 12px; 1451 --height: 12px; 1452 --display: inline-flex; 1453 1454 align-items: center; 1455 justify-content: center; 1456 position: relative; 1457 margin: 0; 1458 outline: none; 1459 transition: 0.2s all; 1460 overflow: hidden; 1461 1462 &[data-state="checked"] { 1463 --border-color: #39b54a; 1464 } 1465 1466 &:hover, &:focus { 1467 outline: none; 1468 --background: #eee; 1469 1470 & > * { 1471 --background: rgba(57, 181, 74, 0.8); 1472 } 1473 } 1474`,Qo=(0,a.Ay)(jo.C1)` 1475 all: revert; 1476 1477 position: absolute !important; 1478 top: 0 !important; 1479 right: 0 !important; 1480 display: inline-flex !important; 1481 align-items: center !important; 1482 justify-content: center !important; 1483 background: #39b54a !important; 1484 color: #fff !important; 1485 outline: none !important; 1486 font-size: 8px !important; 1487 margin: 2px !important; 1488 border-radius: 100% !important; 1489 width: 6px !important; 1490 height: 6px !important; 1491`;function Bo(e){return o().createElement(Ko,e,o().createElement(Qo,null))}Bo.propTypes={...jo.q7.propTypes},Bo.Group=jo.z6;var Yo=n(9719);const Zo=(0,a.Ay)(Yo.b)` 1492 background: #f1f3f5; 1493 1494 &[data-orientation=horizontal] { 1495 height: 1px; 1496 width: 100%; 1497 margin: 10px 0; 1498 } 1499 1500 &[data-orientation=vertical] { 1501 height: 100%; 1502 width: 1px; 1503 margin: 0 10px; 1504 } 1505`;function Xo(){return o().createElement(Zo,null)}
1505Xo.propTypes={...Yo.b.propTypes};const Go={enabled:!0,params:{}};const Jo="notes",ea="notes-summary";function ta(){const[e,t]=(0,r.useState)(Jo),n=(0,r.useMemo)((()=>Jo===e),[e]),o=(0,r.useMemo)((()=>ea===e),[e]),a=jr({enabled:n}),i=function(e={}){const[t]=Vr(),n=(0,r.useMemo)((()=>({...Go,...e})),[e]),o=(0,r.useMemo)((()=>ke({...t,...n.params||{}})),[n.params,t]);return(0,et.useQuery)(["notes/summary",o],(async({queryKey:[,e],signal:t})=>{const{data:n}=await window.top.$e.data.get("notes/summary",{parent_id:0,...e},{refresh:!0,signal:t});return n.data.map((e=>_o.createFromResponse(e)))}),{keepPreviousData:!0,enabled:n.enabled})}({enabled:o});return(0,r.useMemo)((()=>({...Jo===e?a:i,setView:t,view:e,isNotesView:n,isNotesSummaryView:o})),[a,i])}var na=n(2470).__,ra=n(7598);const oa=(0,a.Ay)(F.Content)` 1506 padding: 16px 16px 10px !important; 1507`;function aa(e){const[t,n]=Vr(),{direction:r}=Je();return o().createElement(F,{onOpenChange:e=>{e?window.top.$e.run("notes/open-panel-filters"):window.top.$e.run("notes/close-panel-filters")}},o().createElement(F.Trigger,{asChild:!0},o().createElement(R,{name:"eicon-ellipsis-h",size:"sm"})),o().createElement(oa,{align:"rtl"===r?"end":"start",sideOffset:5},o().createElement(Bo.Group,{value:e.view,onValueChange:e.setView,dir:r},o().createElement("div",null,o().createElement(Wo,null,o().createElement(Bo,{value:Jo}),na("Current page","elementor-pro"))),o().createElement("div",null,o().createElement(Wo,null,o().createElement(Bo,{value:ea}),na("All site","elementor-pro")))),o().createElement(Xo,null),o().createElement(Bo.Group,{value:t.only_relevant?"1":"0",onValueChange:e=>n({only_relevant:"1"===e||null}),dir:r},o().createElement("div",null,o().createElement(Wo,null,o().createElement(Bo,{value:"0"}),na("All notes","elementor-pro"))),o().createElement("div",null,o().createElement(Wo,null,o().createElement(Bo,{value:"1"}),na("Only yours","elementor-pro")))),o().createElement(Xo,null),o().createElement("div",null,o().createElement(Wo,{htmlFor:"notes-filter-show-resolved"},o().createElement(Uo,{id:"notes-filter-show-resolved",checked:null===t.is_resolved,onCheckedChange:e=>n({is_resolved:!!e&&null})}),na("Show resolved","elementor-pro"))),o().createElement("div",null,o().createElement(Wo,{htmlFor:"notes-filter-only-unread"},o().createElement(Uo,{id:"notes-filter-only-unread",checked:t.only_unread,onCheckedChange:e=>n({only_unread:!!e||null})}),na("Show unread only","elementor-pro"))),o().createElement(F.Arrow,null),o().createElement(F.CloseButton,null)))}aa.propTypes={view:ra.string.isRequired,setView:ra.func.isRequired};var ia=n(9460),la=n.n(ia),sa=n(7598);function ca(e){const{size:{defaultWidth:t}}=Sa(),[n,a]=(0,r.useState)({}),[i,l]=(0,r.useState)(e.defaultPosition),s=(0,r.useRef)({});s.current=i;const c=Ut((()=>{const{innerWidth:n,innerHeight:r}=window;a({top:0,left:0-.85*t,right:n-.15*t,bottom:r-(e.nodeRef.current?.querySelector(e.handleClass)?.offsetHeight||0)})}),100);return(0,r.useEffect)((()=>{(()=>{const{x:t,y:r}=s.current,{x:o,y:a}=e.defaultPosition;if(t===o&&r===a)return;const i=t<n.left||t>n.right?o:t,c=r<n.top||r>n.bottom?a:r;i===t&&c===r||l({x:i,y:c})})()}),[n]),(0,r.useEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[]),o().createElement(la(),{handle:e.handleClass,defaultPosition:e.defaultPosition,nodeRef:e.nodeRef,bounds:n,position:s.current,onStop:(e,t)=>{const{x:n,y:r}=t;l({x:n,y:r})}},e.children)}ca.propTypes={children:sa.oneOfType([sa.node,sa.arrayOf(sa.node)]),handleClass:sa.string,defaultPosition:sa.shape({x:sa.number,y:sa.number}),nodeRef:sa.shape({current:sa.object}),isFloating:sa.bool};var pa=n(7598);const ma=(0,a.Ay)(Se)` 1508 flex: 1 1 auto !important; 1509 inset: 0 !important; 1510 display: inline-flex !important; 1511 flex-direction: column !important; 1512 overflow: hidden !important; 1513 1514 &.resizing { 1515 user-select: none; 1516 } 1517`,da=(0,a.Ay)(Se)` 1518 overflow-y: auto !important; 1519 flex-grow: 1 !important; 1520 flex-shrink: 1 !important; 1521`,ua={height:20},fa=(0,a.Ay)(Se)` 1522 flex: 0 0 ${ua.height}px !important; 1523 display: inline-flex !important; 1524 justify-content: center !important; 1525 align-items: center !important; 1526 background-color: #fff !important;
1527 margin-top: 1px !important; 1528 cursor: row-resize !important; 1529`;function ga(e){const{size:{defaultHeight:t}}=Sa(),n=(0,r.useRef)(null),a=(0,r.useRef)(null),i=(0,r.useRef)(null);let l,s,c=0,p=0;const m=e=>{n.current.classList.add("resizing");const t=e.clientY-p;s+=t,s<c&&(s=c),s>l&&(s=l),p=e.clientY,f()},d=()=>{document.removeEventListener("mousemove",m),n.current.classList.remove("resizing")},u=e=>{p=e.clientY,document.addEventListener("mousemove",m),document.addEventListener("mouseup",d)},f=()=>{n.current.style.height=`${s}px`};return(0,r.useEffect)((()=>(s=t,f(),c+=ua.height,l=window.innerHeight,i.current.addEventListener("mousedown",u),()=>{i.current&&i.current.removeEventListener("mousedown",u)})),[e.children]),o().createElement(ma,{ref:n},o().createElement(da,{ref:a},e.children),o().createElement(fa,{ref:i},o().createElement("i",{className:"eicon-ellipsis-h"})))}ga.propTypes={children:pa.oneOfType([pa.node,pa.arrayOf(pa.node)])};var ha=n(7598);const ya=(0,a.Ay)(Se)` 1530 position: relative !important; 1531 display: flex !important; 1532 flex-direction: column !important; 1533 overflow: hidden !important; 1534`;function ba(e){return o().createElement(ya,e,o().createElement(ga,null,e.children))}ba.propTypes={children:ha.oneOfType([ha.node,ha.arrayOf(ha.node)])};const va=(0,a.Ay)(Se)` 1535 background: #fff !important; 1536`;var xa=n(7598);const wa=(0,a.Ay)(Se)` 1537 display: grid !important; 1538 grid-template-columns: 1fr 2fr 1fr !important; 1539 grid-column-gap: 10px !important; 1540 align-items: center !important; 1541 background: #ffffff !important; 1542 padding: 6px 8px !important; 1543 flex-shrink: 0 !important; 1544 1545 ${({isFloating:e})=>e&&a.AH` 1546 cursor: move; 1547 `} 1548`;function Ea(e){const{floating:{active:t,handleClassName:n}}=Sa();return o().createElement(wa,{className:n,isFloating:t},e.children)}Ea.propTypes={children:xa.oneOfType([xa.node,xa.arrayOf(xa.node)])};var Aa=n(7598);const ka=(0,a.Ay)(Se)` 1549 display: flex !important; 1550 justify-self: ${({align:e})=>e} !important; 1551`;ka.propTypes={children:Aa.oneOfType([Aa.node,Aa.arrayOf(Aa.node)]),align:Aa.oneOf(["start","end"]).isRequired};const Ca=ka,Ra=a.Ay.h3` 1552 all: revert; 1553 1554 font-family: Roboto, sans-serif !important; 1555 font-size: 13px !important; 1556 font-weight: 400 !important; 1557 text-transform: none !important; 1558 font-style: normal !important; 1559 text-decoration: none !important; 1560 line-height: 24px !important; 1561 letter-spacing: normal !important; 1562 word-spacing: normal !important; 1563 color: #6d7882 !important; 1564 text-align: center !important; 1565 flex-grow: 1 !important; 1566 margin: 0 !important; 1567 user-select: none !important; 1568 1569 &::before, &::after { 1570 display: none !important; 1571 } 1572`;var Ta=n(7598);const _a=(0,a.Ay)(Se)` 1573 position: absolute !important; 1574 inset: 0 !important; 1575 background: #e6e9ec !important; 1576 transition: 0.3s all !important; 1577 font-size: 30px !important; 1578 display: grid !important; 1579 place-items: center !important; 1580 color: #a4afb6 !important; 1581 1582 ${({show:e})=>!e&&a.AH` 1583 opacity: 0 !important; 1584 pointer-events: none !important; 1585 `} 1586`;function za(e){return o().createElement(_a,e,o().createElement(w,{className:"eicon-loading eicon-animation-spin"}))}za.propTypes={show:Ta.bool};var $a=n(7598);const Ia=(0,a.Ay)(Se)` 1587 display: flex !important; 1588 flex-direction: column !important; 1589 background: #e6e9ec !important; 1590 overflow: hidden !important; 1591 border-radius: 3px !important; 1592 box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important; 1593 1594 ${({defaultSize:e})=>e&&a.AH` 1595 width: ${e.width}px !important; 1596 max-height: 100vh !important; 1597 `} 1598 1599 ${({isFloating:e})=>e&&a.AH` 1600 position: fixed !important; 1601 top: 0 !important; 1602 inset-inline-start: 0 !important; 1603 z-index: ${Ee} !important; 1604 `} 1605 1606 // The class comes from the react-draggable component. 1607 &:not(.react-draggable-dragging) { 1608 transition: transform 0.3s ease-out !important; 1609 } 1610 1611 *:focus { 1612 outline: none; 1613 } 1614`,La=(0,r.createContext)({});function Oa(e){const t=(0,r.useRef)(),n=(0,r.useMemo)((()=>({floating:{active:!!e.isFloating,handleClassName:"floating-handle"},size:{defaultWidth:e.defaultSize.width,defaultHeight:e.defaultSize.height}})),[e.isFloating]);return o().createElement(La.Provider,{value:n},e.isFloating?o().createElement(ca,{handleClass:`.${n.floating.handleClassName}`,defaultPosition:e.defaultPosition,nodeRef:t},o().createElement(Ia,(0,x.A)({},e,{ref:t,defaultSize:e.defaultSize}
1614))):o().createElement(Ia,(0,x.A)({},e,{defaultSize:e.defaultSize})))}function Sa(){const e=(0,r.useContext)(La);if(!e)throw new Error("`usePanelContext` must be used inside Panel's components.");return e}Oa.propTypes={children:$a.oneOfType([$a.node,$a.arrayOf($a.node)]),defaultPosition:$a.shape({x:$a.number,y:$a.number}),defaultSize:$a.shape({width:$a.number,height:$a.number}),isFloating:$a.bool},Oa.Header=Ea,Oa.HeaderTitle=Ra,Oa.HeaderSideCol=Ca,Oa.Body=ba,Oa.Loading=za,Oa.Footer=va;var qa=n(2470).__,Pa=n(7598);const Fa=(0,a.Ay)(R)` 1615 animation-duration: 1.3s; 1616 animation-iteration-count: infinite; 1617 animation-timing-function: linear; 1618 1619 &[data-state="loading"] { 1620 animation-name: ${S}; 1621 } 1622 1623 &[data-state="none"] { 1624 animation-name: none; 1625 } 1626`;function Ma(e){const[t,n]=(0,r.useState)(e.isFetching);return Ge((()=>{e.isFetching&&n(!0)}),[e.isFetching]),o().createElement(Y,null,o().createElement(Y.Trigger,{asChild:!0},o().createElement(Fa,{name:"eicon-sync","data-state":t?"loading":"none",onClick:()=>{window.top.$e.run("notes/refresh-panel"),e.refetch()},onAnimationIteration:()=>{e.isFetching||n(!1)}})),o().createElement(Y.Content,null,qa("Refresh","elementor-pro"),o().createElement(Y.Arrow,null)))}Ma.propTypes={isFetching:Pa.bool.isRequired,refetch:Pa.func.isRequired};var Da=n(2470).__;function Na(){const{direction:e}=Je(),{view:t,setView:n,data:r=[],refetch:a,isSuccess:i,isLoading:l,isFetching:s,isError:c,isNotesView:p,isNotesSummaryView:m}=ta();return o().createElement(Oa,{isFloating:!0,defaultPosition:{x:"rtl"===e?-50:50,y:50},defaultSize:{width:240,height:400}},o().createElement(Oa.Header,null,o().createElement(Oa.HeaderSideCol,{align:"start"},o().createElement(aa,{view:t,setView:n})),o().createElement(Oa.HeaderTitle,null,Da("Notes Panel","elementor-pro")),o().createElement(Oa.HeaderSideCol,{align:"end"},o().createElement(Ma,{isFetching:s,refetch:a}),o().createElement(So,null))),o().createElement(Oa.Body,null,o().createElement(Oa.Loading,{show:l}),c&&o().createElement(Mo,null),i&&p&&o().createElement(To,{notes:r}),i&&m&&o().createElement(Lo,{notesSummary:r})),o().createElement(Oa.Footer,null))}var Ha=n(5534);const Ua=(0,a.Ay)(go.US)` 1627 display: flex !important; 1628 flex-direction: column !important; 1629 gap: 12px !important; 1630 position: fixed !important; 1631 max-width: 960px !important; 1632 width: 100% !important; 1633 left: 50% !important; 1634 bottom: 10px !important; 1635 padding-inline: 0 10px !important; 1636 transform: translateX( -50% ) !important; 1637 z-index: ${Ee} !important; 1638`,Va=window.top.$e.store.getReduxStore();function Wa(){const{is_debug:e}=Je(),t=e?o().StrictMode:o().Fragment;return o().createElement(t,null,o().createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"}),o().createElement(ot.Kq,{store:Va},o().createElement(rt,null,o().createElement(go.tE,{duration:1/0},o().createElement(Ua,null),o().createElement(et.QueryClientProvider,{client:bn},o().createElement(Kr,null),o().createElement(Na,null),e&&o().createElement(Ha.ReactQueryDevtools,{initialIsOpen:!1}))))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.